@charset "UTF-8";
/*! style.scss © zen9.co.kr, 2017.12 */
/* 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://static.ableshop.kr/web/fo/static/fonts/notosanskr/NotoSans-Light.woff2") format("woff2"), url("https://static.ableshop.kr/web/fo/static/fonts/notosanskr/NotoSans-Light.woff") format("woff"), url("https://static.ableshop.kr/web/fo/static/fonts/notosanskr/NotoSans-Light.otf") format("opentype"); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url("https://static.ableshop.kr/web/fo/static/fonts/notosanskr/NotoSans-Light.woff2") format("woff2"), url("https://static.ableshop.kr/web/fo/static/fonts/notosanskr/NotoSans-Light.woff") format("woff"), url("https://static.ableshop.kr/web/fo/static/fonts/notosanskr/NotoSans-Light.otf") format("opentype"); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url("https://static.ableshop.kr/web/fo/static/fonts/notosanskr/NotoSans-Regular.woff2") format("woff2"), url("https://static.ableshop.kr/web/fo/static/fonts/notosanskr/NotoSans-Regular.woff") format("woff"), url("https://static.ableshop.kr/web/fo/static/fonts/notosanskr/NotoSans-Regular.otf") format("opentype"); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url("https://static.ableshop.kr/web/fo/static/fonts/notosanskr/NotoSans-Medium.woff2") format("woff2"), url("https://static.ableshop.kr/web/fo/static/fonts/notosanskr/NotoSans-Medium.woff") format("woff"), url("https://static.ableshop.kr/web/fo/static/fonts/notosanskr/NotoSans-Medium.otf") format("opentype"); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url("https://static.ableshop.kr/web/fo/static/fonts/notosanskr/NotoSans-Bold.woff2") format("woff2"), url("https://static.ableshop.kr/web/fo/static/fonts/notosanskr/NotoSans-Bold.woff") format("woff"), url("https://static.ableshop.kr/web/fo/static/fonts/notosanskr/NotoSans-Bold.otf") format("opentype"); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url("https://static.ableshop.kr/web/fo/static/fonts/notosanskr/NotoSans-Black.woff2") format("woff2"), url("https://static.ableshop.kr/web/fo/static/fonts/notosanskr/NotoSans-Black.woff") format("woff"), url("https://static.ableshop.kr/web/fo/static/fonts/notosanskr/NotoSans-Black.otf") format("opentype"); }

/* nanumsquare */
@font-face { font-family: 'NS'; font-style: normal; font-weight: 300; src: url(https://static.ableshop.kr/web/fo/static/fonts/nanumsquare/NanumSquareL.woff2) format("woff2"), url(https://static.ableshop.kr/web/fo/static/fonts/nanumsquare/NanumSquareL.woff) format("woff"), url(https://static.ableshop.kr/web/fo/static/fonts/nanumsquare/NanumSquareL.eot); }

@font-face { font-family: 'NS'; font-style: normal; font-weight: 400; src: url(https://static.ableshop.kr/web/fo/static/fonts/nanumsquare/NanumSquareR.woff2) format("woff2"), url(https://static.ableshop.kr/web/fo/static/fonts/nanumsquare/NanumSquareR.woff) format("woff"), url(https://static.ableshop.kr/web/fo/static/fonts/nanumsquare/NanumSquareR.eot); }

@font-face { font-family: 'NS'; font-style: normal; font-weight: 500; src: url(https://static.ableshop.kr/web/fo/static/fonts/nanumsquare/NanumSquareB.woff2) format("woff2"), url(https://static.ableshop.kr/web/fo/static/fonts/nanumsquare/NanumSquareB.woff) format("woff"), url(https://static.ableshop.kr/web/fo/static/fonts/nanumsquare/NanumSquareB.eot); }

@font-face { font-family: 'NS'; font-style: normal; font-weight: 600; src: url(https://static.ableshop.kr/web/fo/static/fonts/nanumsquare/NanumSquareEB.woff2) format("woff2"), url(https://static.ableshop.kr/web/fo/static/fonts/nanumsquare/NanumSquareEB.woff) format("woff"), url(https://static.ableshop.kr/web/fo/static/fonts/nanumsquare/NanumSquareEB.eot); }

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

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

/*! 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"] { -moz-appearance: button; appearance: button; -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; }

form { margin: 0; padding: 0; }

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"] { -moz-appearance: textfield; appearance: textfield; -webkit-appearance: textfield; outline-offset: -2px; }

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

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

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

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

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

a { text-decoration: none; color: #222; }

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

.svg { display: block; }

hr { display: none; }

fieldset { width: auto; min-width: 0; max-width: none; border: 0; margin: 0; padding: 0; }

* { word-break: keep-all; }

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

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

i { font-style: normal; }

/* button reset ie */
input.btn, button.btn { overflow: visible; }

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

.ie9 .btn[disabled] { text-shadow: none !important; color: #fff !important; background-color: #eee; }

/* button reset */
.btn { position: relative; -webkit-transition: 0.3s; transition: 0.3s; display: inline-block; border-width: 1px; border-style: solid; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; text-decoration: none; -moz-appearance: none; appearance: none; -webkit-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

.btn.no-cursor { cursor: auto; }

/* xsmall */
.btn.xsmall { min-width: 72px; padding: 0 6px; height: 30px; line-height: 28px; font-size: 14px; font-weight: 400; border-radius: 5px; }

/* small */
.btn.small { padding: 0 15px; height: 40px; line-height: 38px; font-size: 16px; font-weight: 400; }

/* medium */
.btn.medium { padding: 0 7px; height: 50px; line-height: 48px; font-size: 16px; font-weight: 500; }

/* large */
.btn.large { padding: 0 10px; height: 70px; line-height: 68px; font-size: 22px; font-weight: 500; }

/* disabled */
.btn.disabled { color: #89898a; border-color: #d5d5d5; background-color: #e5e5e5; }

/* slightly */
.btn.slightly { color: #222; border-color: #d5d5d5; background-color: #fff; }

/* normal */
.btn.normal { color: #fff; border-color: #222; background-color: #222; }

/* success */
.btn.success { color: #fff; border-color: #e26b0f; background-color: #e26b0f; }

.btn.success.line { color: #e26b0f; border-color: #e26b0f; background-color: transparent; }

/* darkgray */
.btn.darkgray { color: #fff; border-color: #222; background-color: #222; }

/* lightgray */
.btn.lightgray { color: #999; border-color: #F0F0F0; background-color: #F0F0F0; }

/* info */
.btn.info { color: #fff; border-color: #00cbaa; background-color: #00cbaa; }

/* gradient */
.btn.gradient { color: #fff; border-color: transparent; border-left: 0; border-right: 0; background: #8cf2dc; background: -webkit-gradient(linear, left top, right top, from(#ffabd7), color-stop(#b86ef8), color-stop(#948bed), color-stop(#8ec1e4), to(#8cf2dc)); background: linear-gradient(to right, #ffabd7, #b86ef8, #948bed, #8ec1e4, #8cf2dc); }

.btn.btn-subtext { line-height: 1.3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.btn.btn-subtext p { font-size: 12px; color: #e26b0f; }

/* percentage */
.btn-group-01:before, .btn-group-01:after { content: ""; display: table; }

.btn-group-01:after { clear: both; }

.btn-group-01 .btn { min-width: 230px; }

.btn-group-01 .btn + .btn { margin-top: 10px; }

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

.btn-group-02:after { clear: both; }

.btn-group-02 .btn { min-width: 230px; }

.btn-group-02 .btn + .btn { margin-left: 10px; }

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

.btn-group-03:after { clear: both; }

.btn-group-03 .btn { min-width: 230px; }

.btn-group-03 .btn + .btn { margin-left: 10px; }

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

.btn-group-04:after { clear: both; }

.btn-group-04 .btn { min-width: 230px; }

.btn-group-04 .btn + .btn { margin-left: 10px; }

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

.btn-group-05:after { clear: both; }

.btn-group-05 .btn { min-width: 230px; }

.btn-group-05 .btn + .btn { margin-left: 10px; }

/* float left right */
.float-group:before, .float-group:after { content: ""; display: table; }

.float-group:after { clear: both; }

.float-group .pull-right { float: right; }

.float-group .pull-left { float: left; }

.btn-group .btn + .btn { margin-top: 8px; }

/* etc btn */
.btn-like, .btn-cart { display: inline-block; width: 20px; height: 20px; position: relative; border-radius: 50%; text-indent: -9999em; border: 0; }

.btn-like:before, .btn-cart:before { content: ""; position: absolute; display: inline-block; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; }

.btn-like:before { background: url("../images/common/btn-like.png") no-repeat 50% 50%; }

.btn-like.on:before { background-image: url("../images/common/btn-like-on.png"); }

.btn-cart:before { background: url("../images/common/btn-cart-3.png") no-repeat 50% 50%; }

.btn-top { width: 70px; height: 70px; border: none; background: url("../images/common/bt_top_pc.png") left top no-repeat; overflow: hidden; text-indent: -9999px; font-size: 0.01em; color: transparent; cursor: pointer; }

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

.btn-select-module:after { clear: both; }

.btn-select-module.col-2 .item { width: 50%; }

.btn-select-module.col-2 .item:nth-child(n+3) label { border-top: 0; }

.btn-select-module.col-2 .item:nth-child(2n) label { border-right: 1px solid #d5d5d5; }

.btn-select-module.col-6 .item { width: 16.66%; }

.btn-select-module.col-6 .item:nth-child(n+7) label { border-top: 0; }

.btn-select-module.col-6 .item:nth-child(6n) label { border-right: 1px solid #d5d5d5; }

.btn-select-module .item { float: left; height: 60px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }

.btn-select-module .item input[type="radio"] { opacity: 0; display: block; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; }

.btn-select-module .item input[type="radio"]:checked + label { color: #e26b0f; }

.btn-select-module .item input[type="radio"]:checked + label:after { display: block; }

.btn-select-module .item input[type="radio"][readonly] + label { background-color: #f4f4f4; color: #999; }

.btn-select-module .item input[type="radio"][readonly]:checked + label:after { border-color: #c1c1c1; }

.btn-select-module .item label { display: block; position: relative; z-index: 1; width: 100%; height: 100%; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; line-height: 58px; text-align: center; font-size: 16px; color: #89898a; -webkit-box-sizing: border-box; box-sizing: border-box; }

.btn-select-module .item label:after { display: none; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; border: 1px solid #e26b0f; -webkit-box-sizing: border-box; box-sizing: border-box; }

.btn.reset { padding: 0 14px; height: 38px; font-size: 16px; line-height: 34px; border: 2px solid #e5e5e5; }

.btn.reset .ico { margin-left: 4px; display: inline-block; overflow: hidden; text-indent: -9999px; font-size: 0.01em; color: transparent; width: 17px; height: 13px; background-image: url("../images/common/ico-btn-reset.png"); background-size: 17px 13px; background-repeat: no-repeat; background-color: transparent; background-position: center center; }

.btn.pick-btn { width: 40px; height: 40px; background: transparent url("../images/common/btn-heart.png") center center no-repeat; overflow: hidden; text-indent: -9999px; font-size: 0.01em; color: transparent; border: 0; }

.btn.pick-btn.on { background: transparent url("../images/common/btn-heart-on.png") center center no-repeat; }

.btn.delete-btn { width: 20px; height: 20px; background: transparent url("../images/common/close/ico-close-17x17.png") center center no-repeat; overflow: hidden; text-indent: -9999px; font-size: 0.01em; color: transparent; border: 0; }

.btn-round-small { width: 15px; height: 15px; border: 0; text-indent: -9999px; background-size: cover; background-position: 0 0; background-repeat: no-repeat; }

.btn-round-small.arrow { background-image: url("../images/common/arrow/ico-round-arrow-15x15.png"); }

.btn-round-small.question { background: url("../images/common/arrow/ico-round-notice-15x15.png"); }

.tooltip-wrap { position: relative; }

.tooltip-wrap .tooltip-area:hover + .tooltip-box { display: block; }

.tooltip-wrap .tooltip-box { display: none; position: absolute; left: 0; top: 28px; z-index: 15; padding: 25px; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border: 1px solid #e26b0f; }

.tooltip-wrap .tooltip-box .title { display: block; margin-bottom: 6px; color: #000; }

.tooltip-wrap .tooltip-box .info-list > li { font-size: 14px; color: #333333; }

.tooltip-wrap .tooltip-box .info-list > li + li { margin-top: 10px; }

.tooltip-wrap .tooltip-box .detail-list { margin-top: 5px; padding-left: 9px; }

.tooltip-wrap .tooltip-box .detail-list li { position: relative; padding-left: 17px; color: #89898a; }

.tooltip-wrap .tooltip-box .detail-list li:before { display: inline-block; position: absolute; content: '-'; top: 0; left: 0; }

.tooltip-wrap .tooltip-box .detail-list li + li { margin-top: 3px; }

.tooltip-area { position: relative; display: inline-block; width: 16px; height: 16px; vertical-align: middle; }

.tooltip-area:after { display: none; content: ''; position: absolute; width: 8px; height: 8px; left: 6px; top: 19px; z-index: 20; border: 1px solid #e26b0f; border-top: 1px solid transparent; border-right: 1px solid transparent; background-color: #fff; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); }

.tooltip-area .tooltip { overflow: hidden; text-indent: -9999px; font-size: 0.01em; color: transparent; position: absolute; border: 0; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; width: 16px; height: 16px; background-image: url("../images/common/ico-tooltip-question.png"); background-size: 15px 15px; background-position: center center; background-repeat: no-repeat; background-color: transparent; }

.tip-wrap { position: relative; display: inline-block; vertical-align: middle; font-size: 0; cursor: pointer; }

.tip-wrap span + .btn-tip { vertical-align: middle; }

.tip-wrap .btn-tip { display: inline-block; margin-top: -2px; margin-left: 3px; width: 15px; height: 15px; background: url("../images/common/arrow/ico-round-notice-15x15.png") no-repeat 0/100%; text-indent: -10000000em; }

.tip-wrap:hover .tip-box { display: block; }

.tip-wrap .tip-box { position: absolute; display: none; padding: 25px; margin-top: 5px; top: 100%; right: 0; min-width: 500px; border-radius: 10px; background-color: #fff; border: 1px solid #e26b0f; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 14px; z-index: 15; }

.tip-wrap .tip-box .data-list > li + li { margin-top: 15px; }

.tip-btn { position: relative; padding-right: 20px; border: 0; background: none; -webkit-transform: 16px; -ms-transform: 16px; transform: 16px; color: #89898a; }

.tip-btn:after { position: absolute; content: ''; right: 0; top: 50%; width: 15px; height: 15px; margin-top: -7px; background: transparent url("../images/common/arrow/ico-round-notice-15x15.png") right center no-repeat; background-size: 15px 15px; }

.tip-btn.arrow:after { background: transparent url("../images/common/arrow/ico-round-arrow-15x15.png") right center no-repeat; background-size: 15px 15px; }

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

.btn-eval-area:after { clear: both; }

.btn-eval-area .btn-eval { float: left; display: block; position: relative; padding: 3px 8px; border-radius: 3px; border: 2px solid #e5e5e5; font-size: 14px; color: #999; }

.btn-eval-area .btn-eval + .btn-eval { margin-left: 5px; }

.btn-eval-area .btn-eval .ico { display: inline-block; width: 15px; height: 15px; margin-top: -2px; margin-right: 4px; margin-left: 4px; vertical-align: middle; background-repeat: no-repeat; background-position: 0 0; }

.btn-eval-area .btn-eval.like .ico { background-image: url("../images/common/ico-eval-like.png"); }

.btn-eval-area .btn-eval.report .ico { background-image: url("../images/common/ico-eval-report.png"); }

.btn-eval-area .btn-eval.on .count { color: #e26b0f; }

.btn-eval-area .btn-eval.on.like .ico { background-image: url("../images/common/ico-eval-like-on.png"); }

.btn-eval-area .btn-eval.on.report .ico { background-image: url("../images/common/ico-eval-report-on.png"); }

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

.btn-control-unit:after { clear: both; }

.btn-control-unit a { display: block; float: left; position: relative; font-weight: normal; font-size: 14px; color: #89898a; }

.btn-control-unit a + .btn-delete { margin-left: 10px; padding-left: 10px; }

.btn-control-unit a + .btn-delete:before { display: block; content: ""; width: 1px; height: 12px; position: absolute; top: 50%; left: 0; margin-top: -6px; background-color: #89898a; }

.btn-share, .btn-like.square { width: 70px; height: 70px; text-indent: -9999px; border-radius: 0; border: 1px solid #d5d5d5; background-color: #fff; -webkit-box-shadow: none; box-shadow: none; }

.btn-share:after { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/goods/ico-share.png") no-repeat 50% 50%; background-size: 22px 25px; }

.btn.ico-btn .ico { margin-right: 12px; margin-top: -2px; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-color: transparent; background-size: contain; background-position: 0 0; }

.btn.ico-btn.coupon .ico { width: 25px; height: 17px; background-image: url("../images/member/ico-coupon.png"); }

.btn.ico-btn.card .ico { width: 22px; height: 17px; background-image: url("../images/member/ico-membership-card.png"); }

.btn.thick { border-width: 2px; line-height: 26px; }

.btn-favorite-store { display: inline-block; width: 32px; height: 32px; margin: 0 auto; border: none; background: url("../images/mypage/ico-location-circle.png") 0 0 no-repeat; overflow: hidden; text-indent: -9999px; font-size: 0.01em; color: transparent; }

.btn-favorite-store.on { background-image: url("../images/mypage/ico-location-circle-on.png"); }

.btn-square-bookmark { display: inline-block; width: 83px; height: 27px; line-height: 25px; padding: 0; border: 1px solid #d5d5d5; border-radius: 5px; text-align: center; font-weight: 300; font-size: 12px; letter-spacing: -0.03em; color: #222; background-color: #fff; }

.btn-square-bookmark.on { border-color: #e26b0f; color: #e26b0f; }

.btn-notification .ico { display: inline-block; width: 20px; height: 20px; margin-right: 5px; margin-top: -2px; vertical-align: middle; background: url("../images/common/ico-check-20x20.png") no-repeat 0 0; }

.btn-pop { display: inline-block; margin-top: -3px; margin-right: 3px; width: 15px; height: 15px; text-indent: -9999px; font-size: 0; background: url("../images/common/ico-tooltip-question.png") no-repeat 0 0/100%; vertical-align: middle; }

.btn-grbtm { font-weight: 500; text-decoration: underline; font-size: 14px; letter-spacing: -0.02em; color: #909090; margin-left: 15px; line-height: 36px; }

.selector-wrap { position: relative; }

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

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

.selector-wrap .asset { position: relative; margin-top: 10px; width: auto; }

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

.selector-wrap .asset:after { clear: both; }

.selector-wrap .asset.on .label label { color: #222222; }

.selector-wrap .asset:first-child { margin-top: 0; }

.selector-wrap .asset .label { float: left; padding-left: 41px; display: block; font-size: 16px; font-weight: 500; line-height: 27px; overflow: hidden; }

.selector-wrap .asset .label > span { color: #000000; word-break: break-all; }

.selector-wrap .asset .label label { word-break: break-all; line-height: inherit; display: block; }

.selector-wrap .asset.no-label div.checker, .selector-wrap .asset.no-label div.radio { position: static; }

.selector-wrap .asset.no-label label { display: none; }

.selector-wrap .asset .radio + .label { padding-left: 34px; font-size: 16px; line-height: 25px; color: #89898a; }

.selector-wrap.horizontal .asset { float: left; margin-top: 0; margin-right: 24px; margin-bottom: 5px; }

.selector-wrap.horizontal .asset:last-child { margin-right: 0; }

.etc-check-list .asset { position: relative; }

.etc-check-list .asset input[type="checkbox"], .etc-check-list .asset input[type="radio"] { position: absolute; z-index: 2; top: 0; left: 0; opacity: 0; width: 23px; height: 20px; }

.etc-check-list .asset label { display: inline-block; position: relative; z-index: 1; padding-left: 32px; font-size: 16px; line-height: 20px; color: #89898a; word-break: break-all; }

.etc-check-list .asset label:before { display: inline-block; position: absolute; content: ''; top: 0; left: 0; width: 23px; height: 20px; background-image: url("../images/common-fix/ico-btn-check.png"); background-position: 0 0; background-size: 46px 20px; background-repeat: no-repeat; background-color: transparent; }

.etc-check-list .asset label span { display: inline-block; font-size: 15px; line-height: 20px; }

.etc-check-list .asset input[type="checkbox"]:checked + label, .etc-check-list .asset input[type="radio"]:checked + label { color: #222222; }

.etc-check-list .asset input[type="checkbox"]:checked + label:before, .etc-check-list .asset input[type="radio"]:checked + label:before { background-position: -23px 0; }

.etc-check-list.no-label .asset { width: 23px; height: 20px; }

.etc-check-list.no-label .asset label { height: 100%; overflow: hidden; text-indent: -9999px; font-size: 0.01em; color: transparent; }

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

.select-type-list:after { clear: both; }

.select-type-list li { float: left; position: relative; margin-right: 10px; margin-bottom: 5px; }

.select-type-list li:last-child { margin-right: 0; }

.select-type-list input[type="checkbox"].no-uniform, .select-type-list input[type="radio"].no-uniform { position: absolute; z-index: 2; top: 0; left: 0; opacity: 0; width: 100%; height: 36px; }

.select-type-list input[type="checkbox"].no-uniform + label, .select-type-list input[type="radio"].no-uniform + label { position: relative; z-index: 1; display: block; padding: 0 16px; min-width: 100px; height: 36px; font-size: 14px; font-weight: 500; text-align: center; color: #89898a; line-height: 34px; border-radius: 18px; border: 1px solid #d5d5d5; -webkit-box-sizing: border-box; box-sizing: border-box; }

.select-type-list input[type="checkbox"].no-uniform:checked + label, .select-type-list input[type="radio"].no-uniform:checked + label { color: #e26b0f; border-color: #e26b0f; }

.word-filter-list:before, .word-filter-list:after { content: ""; display: table; }

.word-filter-list:after { clear: both; }

.word-filter-list li { margin-right: 3px; margin-bottom: 3px; position: relative; float: left; }

.word-filter-list li:last-child { margin-right: 0; }

.word-filter-list input[type="checkbox"].no-uniform { position: absolute; z-index: 2; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; }

.word-filter-list input[type="checkbox"].no-uniform + label { padding: 0 6px; font-size: 12px; font-weight: 500; letter-spacing: -0.03em; line-height: 20px; color: #89898a; border: 1px solid #d5d5d5; background-color: #e5e5e5; }

.word-filter-list input[type="checkbox"].no-uniform + label.disabled { color: #b8b8b8; }

.word-filter-list input[type="checkbox"].no-uniform:checked + label { background-color: #fff; border-color: #89898a; }

.word-filter-list input[type="checkbox"].no-uniform:disabled { cursor: default; }

.price-range { width: 100%; position: relative; /* support: IE8 - See #6727 */ /* Component containers
----------------------------------*/ /* Interaction states
----------------------------------*/ }

.price-range #slider-range { position: absolute; left: 130px; top: 13px; width: calc(100% - 250px); margin: 0 auto; height: 2px; background: #d5d5d5; border: 0 !important; }

.price-range .lower { float: left; }

.price-range .upper { float: right; }

.price-range .lower, .price-range .upper { width: 80px; height: 30px; }

.price-range .lower input, .price-range .upper input { width: 80px; height: 30px; border: 1px solid #d5d5d5 !important; background-color: #ffffff !important; padding: 0 10px; line-height: 28px; text-align: center; font-size: 13px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #222222 !important; font-weight: normal !important; }

.price-range .lower input:focus, .price-range .upper input:focus { outline: 0; }

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

.price-range .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 20px; height: 20px; border: 6px solid #efbe7d; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: default; -ms-touch-action: none; touch-action: none; }

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

.price-range .ui-slider.ui-state-disabled .ui-slider-handle, .price-range .ui-slider.ui-state-disabled .ui-slider-range { -webkit-filter: inherit; filter: inherit; }

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

.price-range .ui-slider-horizontal .ui-slider-handle { top: -9px; margin-left: -.6em; }

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

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

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

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

.price-range .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; }

.price-range .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #333333; }

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

.price-range .ui-widget-header { background: #efbe7d; color: #333333; font-weight: bold; }

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

.price-range .ui-state-default, .price-range .ui-widget-content .ui-state-default, .price-range .ui-widget-header .ui-state-default, .price-range .ui-button, .price-range html .ui-button.ui-state-disabled:hover, .price-range html .ui-button.ui-state-disabled:active { border: 6px solid #efbe7d; background: #ffffff; font-weight: normal; color: #454545; border-radius: 50%; }

.price-range-filter:before, .price-range-filter:after { content: ""; display: table; }

.price-range-filter:after { clear: both; }

.price-range-filter .noUi-target { margin: 14px 29px 0; float: left; width: 525px; border-radius: 0; }

.price-range-filter .noUi-connect { background: #efbe7d; }

.price-range-filter .noUi-horizontal { height: 1px; border: 0; background-color: #d5d5d5; }

.price-range-filter .noUi-horizontal .noUi-handle { top: -9px; right: -10px; width: 20px; height: 20px; border: 0; border-radius: 50%; background: #efbe7d; cursor: pointer; -webkit-box-shadow: none; box-shadow: none; }

.price-range-filter .noUi-horizontal .noUi-handle:after { top: 50%; margin-top: -4px; left: 50%; margin-left: -4px; width: 8px; height: 8px; border-radius: 50%; background: #fff; }

.price-range-filter .noUi-horizontal .noUi-handle:before { display: none; }

.price-range-filter .lower, .price-range-filter .upper { float: left; display: block; width: 80px; height: 30px; border: 1px solid #d5d5d5; padding: 0 10px; line-height: 28px; text-align: center; font-size: 13px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.price-range-filter .lower:focus, .price-range-filter .upper:focus { outline: 0; }

.data-list > li { position: relative; padding-left: 1em; color: #89898a; word-break: break-all; text-align: left; }

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

.data-list > li:after, .data-list > li .after { position: absolute; content: ''; display: block; top: 0.75em; left: 1px; margin-top: -1px; width: 2px; height: 2px; background-color: #89898a; border-radius: 0; }

.data-list.hyphens li { padding-left: 16px; font-size: 16px; }

.data-list.hyphens li:after { width: 4px; height: 1px; }

.data-list.hyphens.small li { padding-left: 8px; font-size: 14px; }

.data-list.dots li { font-size: 14px; }

.data-list.gray li:after { background-color: #89898a; }

.data-list.astar li { font-size: 14px; }

.data-list.astar li:after { content: '*'; width: 0; height: 0; top: 2px; margin-top: 0; }

.data-list.non li { padding: 0; list-style: none; }

.data-list.non li:after { display: none; }

input[type="text"], input[type="password"], input[type="number"], input[type="tel"], input[type="email"], input[type="search"] { display: block; width: 100%; -moz-appearance: none; appearance: none; -webkit-appearance: none; padding: 0 20px; height: 60px; font-size: 16px; font-weight: 400; border: none; border: 1px solid #d5d5d5; background-color: #fff; -webkit-transition: 0.4s border; transition: 0.4s border; color: #222222; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder { color: #aaaaaa; opacity: 1; font-size: 14px; }

input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="search"]::-moz-placeholder { color: #aaaaaa; opacity: 1; font-size: 14px; }

input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder { color: #aaaaaa; opacity: 1; font-size: 14px; }

input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="search"]:-moz-placeholder { color: #aaaaaa; opacity: 1; font-size: 14px; }

input[type="text"]:placeholder, input[type="password"]:placeholder, input[type="number"]:placeholder, input[type="tel"]:placeholder, input[type="email"]:placeholder, input[type="search"]:placeholder { color: #aaaaaa; opacity: 1; font-size: 14px; }

input[type="text"].error, input[type="password"].error, input[type="number"].error, input[type="tel"].error, input[type="email"].error, input[type="search"].error { border: 1px solid #ed4300; color: #222222; }

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

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

input[type="text"].medium, input[type="password"].medium, input[type="number"].medium, input[type="tel"].medium, input[type="email"].medium, input[type="search"].medium { height: 40px; }

textarea { resize: none; -moz-appearance: none; appearance: none; -webkit-appearance: none; border: 1px solid #d5d5d5; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

textarea::-webkit-input-placeholder { color: #aaaaaa; opacity: 1; font-size: 14px; }

textarea::-moz-placeholder { color: #aaaaaa; opacity: 1; font-size: 14px; }

textarea:-ms-input-placeholder { color: #aaaaaa; opacity: 1; font-size: 14px; }

textarea:-moz-placeholder { color: #aaaaaa; opacity: 1; font-size: 14px; }

textarea:placeholder { color: #aaaaaa; opacity: 1; font-size: 14px; }

.input-cover { position: relative; border-radius: 0; }

.input-cover input.space { padding-right: 40px; }

.input-cover + .input-cover input:not(.error) { border-top-color: transparent; }

.input-cover + .input-cover input:not(.error)[readonly]:focus { border-top-color: transparent; }

.input-cover + .input-cover input:not(.error):focus { border-top-color: #00cbaa; }

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

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

.fieldset .field > .label { margin: 36px 0 8px; font-size: 14px; }

.fieldset .field > .label label { font-size: 14px; word-break: break-all; }

.fieldset .field .insert { position: relative; }

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

.fieldset .field .etc .em { font-size: 14px; letter-spacing: -0.03em; }

.fieldset .field .input-cover.time.input-btn input { padding-right: 165px; }

.fieldset .field .input-cover.time.input-btn .time { position: absolute; top: 0; right: 118px; line-height: 60px; font-size: 16px; }

.fieldset .field .input-cover .validation-target::-webkit-outer-spin-button, .fieldset .field .input-cover .validation-target::-webkit-inner-spin-button { appearance: none; -webkit-appearance: none; margin: 0; }

.fieldset .field.no-space { margin-top: 0; }

.fieldset .field.no-space > .label { margin-top: 0; }

.fieldset.fieldset-px .field { display: table; table-layout: fixed; width: 100%; height: 100%; }

.fieldset.fieldset-px .field > .label { display: table-cell; vertical-align: top; margin: 0; padding: 0 30px; padding-top: 10px; width: 202px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.fieldset.fieldset-px .field .insert { display: table-cell; vertical-align: top; }

.fieldset.fieldset-px .field .insert .row { width: 598px; }

.fieldset.fieldset-px .field .insert .row:before, .fieldset.fieldset-px .field .insert .row:after { content: ""; display: table; }

.fieldset.fieldset-px .field .insert .row:after { clear: both; }

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

.fieldset.fieldset-px .field .insert .form-wrap { width: 295px; float: left; }

.fieldset.fieldset-px .field .insert .form-wrap:after { content: ''; display: block; clear: both; }

.fieldset.fieldset-px .field .insert .form-wrap + .form-wrap { margin-left: 8px; }

.fieldset.fieldset-px .field .insert .form-wrap + .component-wrap { margin-left: 20px; float: left; }

.fieldset.fieldset-px .field .insert .form-wrap + .info-text { float: left; margin-top: 5px; width: 100%; font-size: 13px; display: none; }

.fieldset.fieldset-px .field .insert .component-wrap .etc-check-list { padding-top: 10px; }

.fieldset.fieldset-px .field .insert input[type="text"], .fieldset.fieldset-px .field .insert input[type="password"], .fieldset.fieldset-px .field .insert input[type="number"], .fieldset.fieldset-px .field .insert input[type="tel"], .fieldset.fieldset-px .field .insert input[type="email"], .fieldset.fieldset-px .field .insert input[type="search"] { height: 40px; font-size: 14px; }

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

.fieldset.fieldset-px .field .insert.flexbox { padding: 10px 0 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px dashed #d5d5d5; }

.fieldset.fieldset-px .field .insert.flexbox .select-prd .prd-name { font-size: 14px; letter-spacing: -0.02em; color: #666; }

.fieldset.fieldset-px .field .insert.flexbox .select-prd .primary { color: #E26B0F; }

.fieldset.fieldset-px .field .insert.flexbox + .flexbox { padding: 20px 0; }

.fieldset.fieldset-px .field .insert .btn-cancle { border: 1px solid #707070; padding: 8px 25px; }

.fieldset.fieldset-px .input-cover.input-btn.large { padding-right: 110px; }

.fieldset.fieldset-px .input-cover.input-btn.large .btn { width: 110px; font-size: 14px; line-height: 38px; }

.chk__title { position: relative; border-top: 1px solid #e5e5e5; padding: 20px 10px; background: #f6f6f6; margin-bottom: 20px; }

.chk__title .view-btn { padding: 0 15px; position: absolute; top: 16px; right: 10px; height: 29px; font-size: 14px; line-height: 25px; font-weight: 300; color: #333333; border: 2px solid #e5e5e5; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; }

.fieldset.no-label .field .input-cover + .etc { margin-top: 2px; margin-bottom: 13px; }

.input-cover.input-btn { position: relative; }

.input-cover.input-btn input[type="text"], .input-cover.input-btn input[type="number"], .input-cover.input-btn input[type="tel"], .input-cover.input-btn input[type="password"] { padding-right: 108px; }

.input-cover.input-btn .btn { position: absolute; top: 50%; right: 11px; min-width: 88px; padding: 0 15px; margin-top: -20px; border-radius: 5px; color: #89898a; -webkit-box-sizing: border-box; box-sizing: border-box; }

.input-cover.input-btn .btn.disabled { color: #89898a; line-height: 36px; border: 2px solid #d5d5d5; background-color: #e5e5e5; }

.input-cover.input-btn.large { padding-right: 140px; }

.input-cover.input-btn.large input[type="text"], .input-cover.input-btn.large input[type="number"], .input-cover.input-btn.large input[type="tel"] { padding: 0 20px; }

.input-cover.input-btn.large .btn { top: 0; right: 0; margin-top: 0; width: 140px; height: 100%; line-height: 58px; border-radius: 0; color: #ffffff; background-color: #333333; border-color: #333333; }

.input-cover.appear-icon { position: relative; }

.input-cover.appear-icon > input { padding-left: 60px; }

.input-cover.appear-icon .ico { position: absolute; top: 0; left: 0; width: 60px; height: 100%; overflow: hidden; text-indent: -9999px; font-size: 0.01em; color: transparent; background-image: url("../images/common/ico-field-id.png"); background-size: 20px 24px; background-position: center center; background-color: transparent; background-repeat: no-repeat; }

.input-cover.appear-icon .ico.password { background-image: url("../images/common/ico-field-password.png"); }

.write-module-box .write-box-wrap { height: 200px; border: 1px solid #d5d5d5; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

.write-module-box.error { border-color: #ed4300; }

.write-module-box textarea { padding: 16px 20px; width: 100%; height: 100%; border: 0; font-size: 14px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.write-module-box .etc-wrap { margin-top: 10px; }

.write-module-box .etc-wrap:before, .write-module-box .etc-wrap:after { content: ""; display: table; }

.write-module-box .etc-wrap:after { clear: both; }

.write-module-box .etc-wrap .setting-area { float: left; }

.write-module-box .etc-wrap .count-area { float: right; font-size: 14px; font-weight: 500; color: #89898a; }

.file-add-module .register-list { display: -webkit-box; display: -ms-flexbox; display: flex; }

.file-add-module .register-list .item { position: relative; overflow: hidden; width: 90px; height: 90px; }

.file-add-module .register-list .item + .item { margin-left: 12px; }

.file-add-module .register-list .item.register input[type="file"] { opacity: 0; position: absolute; top: 0; left: 0; width: 1px; height: 1px; }

.file-add-module .register-list .item.register label { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/common/ico-file-add.png") no-repeat 0 0; background-size: cover; cursor: pointer; }

.file-add-module .register-list .item.result .img-wrap { display: table; table-layout: fixed; width: 100%; height: 100%; background-color: #f8f8f8; }

.file-add-module .register-list .item.result .img-wrap .img-area { display: table-cell; vertical-align: middle; }

.file-add-module .register-list .item.result .img-wrap .img-area img { margin: 0 auto; display: block; width: 100%; }

.file-add-module .register-list .item.result .btn-remove { display: block; position: absolute; z-index: 1; top: 0; right: 0; width: 28px; height: 28px; overflow: hidden; text-indent: -9999px; font-size: 0.01em; color: transparent; background-image: url("../images/common/close/ico-close-w-13x13.png"); background-size: 13px 13px; background-repeat: no-repeat; background-position: center center; background-color: rgba(34, 34, 34, 0.6); }

.file-add-module .guide-text { margin-top: 10px; font-size: 14px; color: #89898a; word-break: break-all; }

:root { --size: 10px; --clr1: #ff7101; --clr2: #ff861e; --clr3: #ff9936; --clr4: #ffae51; --clr5: #ffc570; }

.loader-wrap { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999; background-color: rgba(102, 102, 102, 0.7); }

.loader-box { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 99999; background-color: rgba(255, 255, 255, 0.7); }

.loader { --animation-duration: 900ms; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; width: 100px; height: 10px; font-size: 0; }

.loader span { width: var(--size); height: var(--size); display: inline-block; margin: 0 5px; border-radius: 50%; background-color: var(--clr-spinner); -webkit-animation: loaderAni var(--animation-duration) ease-in-out infinite; animation: loaderAni var(--animation-duration) ease-in-out infinite; }

@-webkit-keyframes loaderAni { 0%, 100% { -webkit-transform: translateY(75%); transform: translateY(75%); }
  50% { -webkit-transform: translateY(-75%); transform: translateY(-75%); } }

@keyframes loaderAni { 0%, 100% { -webkit-transform: translateY(75%); transform: translateY(75%); }
  50% { -webkit-transform: translateY(-75%); transform: translateY(-75%); } }

.loader span:nth-child(1) { --clr-spinner: var(--clr1); -webkit-animation-delay: calc(var(--animation-duration) / 6 * -1); animation-delay: calc(var(--animation-duration) / 6 * -1); }

.loader span:nth-child(2) { --clr-spinner: var(--clr2); -webkit-animation-delay: calc(var(--animation-duration) / 6 * -2); animation-delay: calc(var(--animation-duration) / 6 * -2); }

.loader span:nth-child(3) { --clr-spinner: var(--clr3); -webkit-animation-delay: calc(var(--animation-duration) / 6 * -3); animation-delay: calc(var(--animation-duration) / 6 * -3); }

.loader span:nth-child(4) { --clr-spinner: var(--clr4); -webkit-animation-delay: calc(var(--animation-duration) / 6 * -4); animation-delay: calc(var(--animation-duration) / 6 * -4); }

.loader span:nth-child(5) { --clr-spinner: var(--clr5); -webkit-animation-delay: calc(var(--animation-duration) / 6 * -5); animation-delay: calc(var(--animation-duration) / 6 * -5); }

/* pagination medium */
.pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 156px; padding-top: 60px; }

.pagination .edge > a:before { background-image: url("../images/common/arrow/ico-pagination-edge-a.png"); }

.pagination .edge > span:before { background-image: url("../images/common/arrow/ico-pagination-edge.png"); }

.pagination .finish > a:before { background-image: url("../images/common/arrow/ico-pagination-finish-a.png"); }

.pagination .finish > span:before { background-image: url("../images/common/arrow/ico-pagination-finish.png"); }

.pagination .edge, .pagination .finish { width: 40px; height: 40px; }

.pagination .edge a, .pagination .edge span, .pagination .finish a, .pagination .finish span { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; text-indent: -9999px; font-size: 0.01em; color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; }

.pagination .edge a:before, .pagination .edge span:before, .pagination .finish a:before, .pagination .finish span:before { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; }

.pagination .edge.end a:before, .pagination .edge.end span:before, .pagination .finish.end a:before, .pagination .finish.end span:before { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); }

.pagination .finish { margin: 0 4px; }

.pagination .list { text-align: center; padding: 0 10px; }

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

.pagination .list:after { clear: both; }

.pagination .list a { float: left; display: block; width: 40px; height: 40px; line-height: 40px; color: #333; -webkit-box-sizing: border-box; box-sizing: border-box; }

.pagination .list a + a { margin-left: 12px; }

.pagination .list a.on { color: #fff; border: 1px solid #333; font-weight: bold; background-color: #333; border-radius: 50%; cursor: default; }

.pagination .list a.on span { display: inline-block; }

.new-detail-content, .magazine-list-content, .event-content, .outlet-detail-content, .ranking-detail-content, .sale-detail-content, .today-sale-content, .bm-detail-content, .review-detail-content, .subpage-detail-content, .product-list-content { padding-bottom: 60px; }

.rating-select-wrap .jq-ry-container { display: inline-block; vertical-align: middle; padding: 0; }

.rating-select-wrap .rating-value { display: inline-block; vertical-align: middle; margin-left: 2px; font-weight: 500; font-size: 13px; }

.rating-result-wrap .rating-icon { display: inline-block; width: 103px; height: 18px; position: relative; vertical-align: middle; }

.rating-result-wrap .rating-icon.large { width: 176px; height: 32px; }

.rating-result-wrap .rating-icon.large .rating-bg { background-image: url("../images/common-fix/ico-star-empty-large.png"); }

.rating-result-wrap .rating-icon.large .rating-result { background-image: url("../images/common-fix/ico-star-full-large.png"); }

.rating-result-wrap .rating-icon .rating-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; vertical-align: middle; background: url("../images/common-fix/ico-star-empty.png") repeat-x 0 0; background-size: auto 100%; }

.rating-result-wrap .rating-icon .rating-result { position: absolute; top: 0; left: 0; z-index: 2; height: 100%; background: url("../images/common-fix/ico-star-full.png") repeat-x 0 0; background-size: auto 100%; }

.rating-result-wrap .rating-icon .rating-result.star-1 { width: 20%; }

.rating-result-wrap .rating-icon .rating-result.star-2 { width: 40%; }

.rating-result-wrap .rating-icon .rating-result.star-3 { width: 60%; }

.rating-result-wrap .rating-icon .rating-result.star-4 { width: 80%; }

.rating-result-wrap .rating-icon .rating-result.star-5 { width: 100%; }

.rating-result-wrap .rating-value { display: inline-block; vertical-align: middle; margin-left: 6px; font-weight: 300; font-size: 16px; color: #333; }

.rating-result-wrap .rating-value strong { font-weight: 500; }

select { width: 100%; height: 40px; border-color: #d8d8d8; vertical-align: middle; }

.select-tric { opacity: 0; }

.selectric-wrapper.selectric-error .selectric { border: 1px solid #ed4300; }

.inven__wrap { display: inline-block; position: absolute; top: 50%; right: 25px; margin-top: -13px; }

.inven__info { display: inline-block; height: 27px; padding: 0 7px; margin-right: 8px; border-radius: 13px; background: #de6111; font-weight: 500; font-size: 18px; letter-spacing: -0.02em; color: #fff; line-height: 26px; }

.inven__item { font-weight: 500; font-size: 16px; letter-spacing: -0.02em; color: #333; }

.inven__item strong { color: #DE6111; }

li.none-item .inven__info { background: #bababa; }

li.none-item .inven__item { font-weight: normal; color: #BABABA; }

li.none-item .inven__item strong { font-weight: normal; color: #BABABA; }

.selectric-wrapper { display: block; }

.selectric-wrapper.selectric-open { z-index: 900; }

.selectric-wrapper .selectric { text-decoration: none; }

.selectric-wrapper .selectric:hover .label { text-decoration: none; color: #222222; }

.selectric-wrapper .selectric .label { width: 100%; height: 100%; margin: 0; font-family: "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", "돋움", Dotum, Helvetica, Arial, sans-serif; font-weight: lighter; text-decoration: none; -webkit-box-sizing: border-box; box-sizing: border-box; }

.selectric-wrapper .selectric .label:before, .selectric-wrapper .selectric .label:after { content: ""; display: table; }

.selectric-wrapper .selectric .label:after { clear: both; }

.selectric-wrapper .selectric .button { height: 100%; border: none; }

.selectric-wrapper .selectric .button:after { content: ''; border: none; width: 13px; height: 8px; right: auto; left: 50%; margin-left: -4px; background: url("../images/common-fix/ico-selectric-btn.png") 0 0 no-repeat; background-size: 13px 8px; }

.selectric-wrapper .color-icon { display: inline-block; width: 30px; height: 30px; margin-right: 10px; vertical-align: middle; background-repeat: no-repeat; background-size: cover; }

.selectric-wrapper .color-icon + .option-area { max-width: 80%; }

.selectric-wrapper .gift { display: block; position: relative; padding-left: 9px; font-size: 12px; color: #222222; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.selectric-wrapper .gift:before { display: block; content: ""; width: 6px; height: 6px; position: absolute; top: 6px; left: 0; background: url("../images/common-fix/ico-selectric-gift.png") no-repeat 0 0; background-size: cover; }

.selectric-wrapper .gift-img { display: inline-block; vertical-align: middle; background-size: cover; }

.selectric-wrapper .gift-img img { width: 100%; height: 100%; }

.selectric-wrapper .gift-img + .option-area { max-width: 80%; }

.selectric-wrapper .selectric-items { max-height: 238px; overflow: auto; border: 1px solid #000; -webkit-box-shadow: none; box-shadow: none; padding: 0; outline: none; }

.selectric-wrapper .selectric-items .option-area { display: inline-block; vertical-align: middle; word-break: break-all; }

.selectric-wrapper .selectric-items .option-text { display: inline-block; font-weight: 500; color: #333; word-break: break-all; }

.selectric-wrapper .selectric-items .price-change { color: #e26b0f; }

.selectric-wrapper .selectric-items li { font-family: "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", "돋움", Dotum, Helvetica, Arial, sans-serif; font-weight: 400; color: #222222; }

.selectric-wrapper .selectric-items li.highlighted { background-color: #f4f4f4; color: #222222; }

.selectric-wrapper .selectric-items li.highlighted:hover { background-color: #f4f4f4; }

.selectric-wrapper .selectric-items li:hover { background-color: #fff; color: #222222; }

.selectric-wrapper .selectric-items .disabled { opacity: 1; color: #999 !important; }

.selectric-wrapper .selectric-items .family:after { content: '*임직원 쿠폰 중복 가능'; color: #de6111; display: block; font-weight: 400; }

.selectric-wrapper.selectric-border-none .selectric { border-color: transparent; }

.selectric-wrapper.selectric-none-color .color-icon, .selectric-wrapper.selectric-none-color .round-color-icon { display: none; }

.selectric-wrapper.selectric-only .selectric-items li.highlighted { background-color: transparent; }

.selectric-wrapper.selectric-option-icon .selectric .gift-img, .selectric-wrapper.selectric-option-icon .selectric .color-icon { margin-top: -4px; }

.selectric-wrapper.selectric-option-icon .selectric .label { color: #89898a; }

.selectric-wrapper.selectric-option-icon .selectric .label .price-change { color: #e26b0f; }

.selectric-wrapper.selectric-option-icon .selectric-items li { display: table; width: 100%; border-bottom: 1px solid #ddd; padding: 0 !important; -webkit-box-sizing: border-box; box-sizing: border-box; }

.selectric-wrapper.selectric-option-icon .selectric-items li:last-child { border-bottom: 0; }

.selectric-wrapper.selectric-option-icon .selectric-items .cell { display: table-cell; vertical-align: middle; }

.selectric-wrapper.selectric-option-icon.selectric-open .selectric { border: 1px solid #000; }

.selectric-wrapper.selectric-option-icon.selectric-open .selectric .label { color: #000; }

.selectric-wrapper.selectric-option-icon.selectric-open .selectric-items { border-color: #d5d5d5; border-top: 0; top: 100%; }

.selectric-wrapper.selectric-option-icon.selectric-small .gift-img { margin-right: 7px; }

.selectric-wrapper.selectric-option-icon.selectric-small .selectric .label { padding-left: 10px; }

.selectric-wrapper.selectric-option-icon.selectric-small .selectric .gift-img { width: 30px; height: 30px; }

.selectric-wrapper.selectric-option-icon.selectric-small .selectric-items li { height: 40px; }

.selectric-wrapper.selectric-option-icon.selectric-small .selectric-items li.notification { padding-right: 105px; }

.selectric-wrapper.selectric-option-icon.selectric-small .selectric-items li .gift-img { width: 30px; height: 30px; }

.selectric-wrapper.selectric-option-icon.selectric-small .selectric-items .cell { padding: 5px 10px; }

.selectric-wrapper.selectric-option-icon.selectric-small .selectric-items .option-text { font-size: 14px; }

.selectric-wrapper.selectric-option-icon.selectric-medium .gift-img { margin-right: 10px; }

.selectric-wrapper.selectric-option-icon.selectric-medium .selectric .label { padding-left: 20px; }

.selectric-wrapper.selectric-option-icon.selectric-medium .selectric .gift-img { width: 40px; height: 40px; }

.selectric-wrapper.selectric-option-icon.selectric-medium .selectric-items li { min-height: 65px; }

.selectric-wrapper.selectric-option-icon.selectric-medium .selectric-items li.notification .cell { padding-right: 170px; }

.selectric-wrapper.selectric-option-icon.selectric-medium .selectric-items li .gift-img { width: 50px; height: 50px; }

.selectric-wrapper.selectric-option-icon.selectric-medium .selectric-items .cell { padding: 10px 20px; }

.selectric-wrapper.selectric-option-icon.selectric-medium .selectric-items .option-text { font-size: 16px; }

.option-fix-menu .selectric-wrapper .inven__wrap { position: static; display: block; margin-top: 0; }

.option-fix-menu .selectric-wrapper .inven__info { display: inline-block; padding-left: 0; margin-right: 0; font-weight: 500; font-size: 14px; letter-spacing: -0.02em; color: #de6111; background: none !important; }

.option-fix-menu .selectric-wrapper .inven__info:after { content: ' 할인'; }

.option-fix-menu .selectric-wrapper .inven__item { font-weight: 500; font-size: 14px; letter-spacing: -0.02em; color: #333; }

.option-fix-menu .selectric-wrapper .inven__item strong { color: #DE6111; }

.option-fix-menu .selectric-wrapper li.none-item .inven__info { color: #bababa; }

.option-fix-menu .selectric-wrapper li.none-item .inven__item { color: #bababa; }

.option-fix-menu .selectric-wrapper li.none-item .inven__item strong { color: #bababa; }

.option-fix-menu .select-item-cover .inven__wrap { position: static; display: block; margin-top: 0; }

.option-fix-menu .select-item-cover .inven__wrap.none-item .inven__info { color: #bababa; }

.option-fix-menu .select-item-cover .inven__wrap.none-item .inven__item { color: #bababa; }

.option-fix-menu .select-item-cover .inven__wrap.none-item .inven__item strong { color: #bababa; font-weight: 500; }

.option-fix-menu .select-item-cover .inven__info { display: inline-block; padding-right: 0; margin-right: 4px; width: 50px; text-align: center; font-weight: 500; font-size: 14px; letter-spacing: -0.02em; color: #fff; background: #de6111; }

.option-fix-menu .select-item-cover .inven__item { font-weight: 500; font-size: 14px; letter-spacing: -0.02em; color: #333; }

.option-fix-menu .select-item-cover .inven__item strong { color: #DE6111; }

.selectric-wrapper .selectric { width: 100%; border: 1px solid #ddd; }

.selectric-wrapper .selectric .label { padding: 0 42px 0 15px; color: #222222; letter-spacing: -0.5px; font-weight: 500; }

.selectric-wrapper .selectric .button { width: 42px; }

.selectric-wrapper .selectric-items li { position: relative; padding: 10px 15px; word-break: break-all; background-color: #fff; }

.selectric-wrapper .selectric-items li.sold-out { color: #acacac; cursor: auto; }

.selectric-wrapper .selectric-items li.sold-out .option-text { color: #acacac; }

.selectric-wrapper .selectric-items li.sold-out .soldout-text { display: inline-block; }

.selectric-wrapper .selectric-items li .btn-notification { display: block; position: absolute; top: 50%; right: 15px; z-index: 33; width: 71px; height: 31px; line-height: 31px; margin-top: -15px; text-align: center; font-weight: 300; font-size: 14px; letter-spacing: -0.025em; border: 0; border-radius: 5px; color: #fff; background-color: #222; cursor: pointer; }

.selectric-wrapper.selectric-above.selectric-open .selectric-items { bottom: auto; }

.selectric-wrapper.selectric-disabled { opacity: 1; }

.selectric-wrapper.selectric-disabled .selectric { border: 1px solid #dddee1; cursor: no-drop; }

.selectric-wrapper.selectric-disabled .selectric .label { color: #999999; }

.selectric-wrapper.selectric-disabled .selectric .label, .selectric-wrapper.selectric-disabled .selectric .button { background-color: #f4f4f4; }

.selectric-wrapper.selectric-large .selectric { height: 52px; }

.selectric-wrapper.selectric-large .selectric .label { line-height: 50px; font-size: 16px; }

.selectric-wrapper.selectric-large .selectric-items li { font-size: 16px; font-weight: 400; letter-spacing: -0.25px; }

.selectric-wrapper.selectric-large .selectric-items li { padding: 12px 15px; }

.selectric-wrapper.selectric-medium .selectric { height: 52px; }

.selectric-wrapper.selectric-medium .selectric .label { line-height: 50px; font-size: 16px; }

.selectric-wrapper.selectric-medium .selectric-items li { font-size: 16px; font-weight: 400; letter-spacing: -0.25px; }

.selectric-wrapper.selectric-medium .selectric-items li { padding: 12px 15px; }

.selectric-wrapper.selectric-small .selectric { height: 36px; }

.selectric-wrapper.selectric-small .selectric .label { padding-right: 30px; line-height: 34px; font-size: 14px; color: #89898a; }

.selectric-wrapper.selectric-small .selectric .button { width: 26px; }

.selectric-wrapper.selectric-small .selectric .button:after { width: 7px; height: 4px; background-size: cover; }

.selectric-wrapper.selectric-small .selectric-items li { font-size: 14px; font-weight: 500; letter-spacing: -0.03em; }

.selectric-wrapper.selectric-small .selectric-items li { padding: 12px 15px; }

.selectric-wrapper.selectric-static.selectric-open .selectric-items { position: static; margin-top: 4px; }

.skip-article { display: none; }

.skip-article.on { display: block; }

.skip-link-wrapper .style-type { height: 44px; line-height: 44px; border-top: 1px solid #e5e5e5; -webkit-box-sizing: border-box; box-sizing: border-box; }

.skip-link-wrapper .style-type:before, .skip-link-wrapper .style-type:after { content: ""; display: table; }

.skip-link-wrapper .style-type:after { clear: both; }

.skip-link-wrapper .style-type li { float: left; text-align: center; border-bottom: 1px solid #e5e5e5; width: 25%; }

.skip-link-wrapper .style-type li a { display: block; font-size: 11px; letter-spacing: -0.3px; }

.skip-link-wrapper .style-type li.on, .skip-link-wrapper .style-type li.focus { border-bottom-color: #000; }

.skip-link-wrapper .style-type li.on a, .skip-link-wrapper .style-type li.focus a { font-weight: bold; }

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

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

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

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

#skipNavi a.on { top: 0; }

#skipNavi a:focus { top: 0; height: 2.14286rem; }

.spinner { display: inline-block; position: relative; border: 1px solid #dddee1; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

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

.spinner:after { clear: both; }

.spinner input, .spinner button { float: left; }

.spinner input { font-family: "Open Sans", "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", "돋움", Dotum, Helvetica, Arial, sans-serif; width: 46px; height: 32px; line-height: 32px; color: #000000; padding: 0; font-size: 16px; border: 0; border-right: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; text-align: center; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

.spinner input[readonly] { background-color: #fff; }

.spinner input[readonly]:focus { border-top-color: transparent; border-bottom-color: transparent; }

.spinner .btn-amount { display: block; width: 32px; height: 32px; border: 0; cursor: pointer; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: 11px 11px; overflow: hidden; text-indent: -9999px; font-size: 0.01em; color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; }

.spinner .btn-amount.minus { border-right: 0; background-image: url("../images/common-fix/ico-spinner-minus.png"); }

.spinner .btn-amount.plus { border-left: 0; background-image: url("../images/common-fix/ico-spinner-plus.png"); }

.spinner.disabled { background-color: #e5e5e5; }

.spinner.disabled input[type="text"] { color: #c1c1c1; }

.spinner.disabled button.btn-amount { background-color: #e5e5e5; }

.spinner.disabled button.minus { background-image: url("../images/common-fix/ico-spinner-minus-w.png"); }

.spinner.disabled button.plus { background-image: url("../images/common-fix/ico-spinner-plus-w.png"); }

.spinner.small .btn-amount { width: 24px; height: 24px; background-color: #f9f9f9; }

.spinner.small input { width: 37px; height: 24px; line-height: 24px; font-size: 14px; }

.spinner.small.disabled .btn-amount { background-color: #f6f6f6; }

.spinner.small.disabled .btn-amount.minus { background-image: url("../images/common-fix/ico-spinner-minus-gray.png"); }

.spinner.small.disabled .btn-amount.plus { background-image: url("../images/common-fix/ico-spinner-plus-gray.png"); }

.spinner.small.disabled input { background-color: #f6f6f6; }

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

.data-table caption { overflow: hidden; width: 1px; height: 1px; padding: 0; margin-top: -1px; font-size: 0; line-height: 0; text-indent: -999px; }

.data-table th, .data-table td { word-break: break-all; font-weight: normal; font-size: 12px; color: #000000; }

.data-table + .data-table-title { margin-top: 40px; }

.data-table.large { border-top: 1px solid #000; }

.data-table.large th, .data-table.large td { border-bottom: 1px solid #d5d5d5; text-align: center; }

.data-table.large th { padding: 20px 4px; font-size: 16px; }

.data-table.large td { padding: 44px 4px; font-size: 14px; }

.data-table.medium { border-top: 1px solid #000; }

.data-table.medium th { font-size: 16px; }

.data-table.medium td { font-size: 14px; }

.data-table.medium th, .data-table.medium td { padding: 20px 5px; text-align: left; border-bottom: 1px solid #d5d5d5; background-color: #fff; letter-spacing: -0.03em; }

.data-table.small tr:first-child th, .data-table.small tr:first-child td { border-top: 1px solid #d5d5d5; }

.data-table.small th, .data-table.small td { padding: 9px 16px; border-bottom: 1px solid #d5d5d5; text-align: left; font-size: 13px; letter-spacing: -0.025em; }

.data-table.small th { color: #999; background-color: #f6f7fb; }

.data-table.small td { color: #222; }

/* table align */
.data-table.align-left th, .data-table.align-left td, .data-table .align-left th, .data-table .align-left td { text-align: left !important; }

.data-table.align-right th, .data-table.align-right td, .data-table .align-right th, .data-table .align-right td { text-align: right !important; }

.data-table.align-center th, .data-table.align-center td, .data-table .align-center th, .data-table .align-center td { text-align: center !important; }

.data-table th.align-left, .data-table td.align-left { text-align: left !important; }

.data-table th.align-right, .data-table td.align-right { text-align: right !important; }

.data-table th.align-center, .data-table td.align-center { text-align: center !important; }

.data-table td.line-break { white-space: pre-line; word-break: keep-all; }

/* table in etc */
.data-table.line-table th, .data-table.line-table td { padding: 12px 8px; font-size: 13px; border-bottom: 1px solid #ececec; }

.data-table.line-table thead th { font-weight: bold; border-top: 1px solid #222222; }

.data-table.line-table td { text-align: center; }

.infomation-table-wrap { padding: 30px 0; border-top: 1px solid #000; border-bottom: 1px solid #d5d5d5; }

.data-table.infomation-table tr:first-child th, .data-table.infomation-table tr:first-child td { border-top: none; }

.data-table.infomation-table tr th, .data-table.infomation-table tr td { padding: 10px 30px; font-size: 14px; border-bottom: none; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; }

.data-table.infomation-table tr th { width: 202px; color: #333; background-color: #fff; }

.data-table.infomation-table tr td { padding-left: 0; color: #89898a; font-weight: lighter; }

.tab-filter-wrap { position: relative; }

.tab-filter-wrap .view-result-wrap:before, .tab-filter-wrap .view-result-wrap:after { content: ""; display: table; }

.tab-filter-wrap .view-result-wrap:after { clear: both; }

.tab-filter-wrap .result-area { float: left; }

.tab-filter-wrap .result-area .result-txt { font-size: 20px; font-weight: 400; }

.tab-filter-wrap .result-area .result-txt .count { margin-left: 8px; display: inline-block; }

.tab-filter-wrap .view-type-wrap { float: right; }

.tab-filter-wrap .view-type-wrap .view-type { position: relative; float: left; overflow: hidden; text-indent: -9999px; font-size: 0.01em; color: transparent; width: 50px; height: 50px; border: 1px solid #e5e5e5; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; }

.tab-filter-wrap .view-type-wrap .view-type + .view-type { border-left: 0; }

.tab-filter-wrap .view-type-wrap .view-type .type-btn { position: absolute; top: 0; left: 0; overflow: hidden; text-indent: -9999px; font-size: 0.01em; color: transparent; width: 100%; height: 100%; background-color: #fff; border: none; }

.tab-filter-wrap .view-type-wrap .view-type .type-btn:before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../images/common/ico-view-list.png"); background-size: 20px 20px; background-position: center center; background-repeat: no-repeat; }

.tab-filter-wrap .view-type-wrap .view-type .type-btn.on:before { background-image: url("../images/common/ico-view-list-on.png"); }

.tab-filter-wrap .view-type-wrap .view-type .type-btn.collect:before { background-image: url("../images/common/ico-view-collect.png"); }

.tab-filter-wrap .view-type-wrap .view-type .type-btn.collect.on:before { background-image: url("../images/common/ico-view-collect-on.png"); }

.tab-filter-wrap .sorting-wrap { position: relative; z-index: 21; margin-top: 20px; border-top: 1px solid #e5e5e5; }

.tab-filter-wrap .sorting-wrap .sorting-area { padding: 28px 200px 28px 24px; }

.tab-filter-wrap .sorting-wrap .sorting-area:before, .tab-filter-wrap .sorting-wrap .sorting-area:after { content: ""; display: table; }

.tab-filter-wrap .sorting-wrap .sorting-area:after { clear: both; }

.tab-filter-wrap .sorting-wrap .sorting-area li { float: left; }

.tab-filter-wrap .sorting-wrap .sorting-area li + li { margin-left: 20px; }

.tab-filter-wrap .sorting-wrap .sorting-area li.on a { color: #222222; }

.tab-filter-wrap .sorting-wrap .sorting-area a { display: block; color: #89898a; font-size: 16px; }

.tab-filter-wrap .sorting-wrap .view-filter-area { padding: 20px 0; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; background: #f7f7f7; }

.tab-filter-wrap .sorting-wrap .view-filter-area .btn.filter { padding-left: 21px; background: transparent url("../images/common/btn-filter.png") no-repeat 0 50%/16px; border: none; z-index: 23; }

.tab-filter-wrap .sorting-wrap.no-txt { height: 87px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.tab-filter-wrap .filter-active-area { position: relative; border-top: 1px solid #e9e9e9; z-index: 20; }

.tab-filter-wrap .filter-detail-area { background-color: #fff; }

.tab-filter-wrap.active { display: block; }

.tab-filter-wrap.active .sorting-wrap { border-bottom-color: transparent; }

.tab-filter-wrap.active .view-filter-area .btn.filter { background-image: url("../images/common/close/ico-close-17x17.png"); background-size: 17px 17px; }

.tab-filter-wrap.active .product-filter-detail { display: block; }

.tab-filter-wrap .sort-select-area { position: absolute; right: 0; top: 50%; margin-top: -20px; }

.tab-filter-wrap .sort-select-area .selectric-select-tric { width: 170px; }

.tab-filter-wrap.sort-type-wrap .sorting-wrap { margin-top: 60px; padding-left: 0; padding-right: 354px; border-top: 0; }

.tab-filter-wrap.sort-type-wrap .result-area .result-txt { margin: 0; }

.tab-filter-wrap.sort-type-wrap .view-filter-area { right: 180px; }

.tab-filter-wrap.sort-type-wrap .view-filter-area .btn.filter { margin-top: 33px; }

.product-filter-detail { padding: 40px; display: none; width: 100%; background-color: #f7f7f7; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }

.product-filter-detail .filter-setting-wrap { padding-bottom: 10px; /* .bx_chk input[type="radio"], .bx_chk input[type="checkbox"] { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; clip: rect(0, 0, 0, 0); } .bx_chk input[type="checkbox"]+label { position: relative;		 line-height: 30px;	 } .bx_chk input[type="checkbox"]+label:before { display: block; position: absolute; top: 0; left: 0; width: 30px; height: 30px; border: 2px solid #e5e5e5; border-radius: 5px; box-sizing: border-box; background-position: 0 0; content: '';			 } .bx_chk input[type="checkbox"]:checked+label:before { background: #e26b0f iurl('common/ico-check-white-17x13.png') no-repeat 50% 50%/17px; border: 0; } */ }

.product-filter-detail .filter-setting-wrap:before, .product-filter-detail .filter-setting-wrap:after { content: ""; display: table; }

.product-filter-detail .filter-setting-wrap:after { clear: both; }

.product-filter-detail .filter-setting-wrap .setting-area { float: left; }

.product-filter-detail .filter-setting-wrap .setting-area .checkTypeA { padding-right: 20px; }

.product-filter-detail .filter-table { margin: 0; padding: 0 50px; width: 100%; }

.product-filter-detail .filter-table caption { text-indent: -10000000em; font-size: 0; }

.product-filter-detail .filter-table tr:not(:first-child) td, .product-filter-detail .filter-table tr:not(:first-child) th { border-top: 1px solid #e9e9e9; }

.product-filter-detail .filter-table tr:first-child td > .selector-wrap { padding-top: 20px; }

.product-filter-detail .filter-table tr.color th { line-height: 34px; }

.product-filter-detail .filter-table th { padding: 30px 0; font-size: 14px; vertical-align: top; text-align: left; font-weight: 500; color: #000000; line-height: 27px; }

.product-filter-detail .filter-table td { padding: 30px 0; line-height: 27px; }

.product-filter-detail .filter-table .radioTypeA, .product-filter-detail .filter-table .checkTypeA { display: inline-block; padding-right: 60px; }

.product-filter-detail .setting-btn-area { margin-top: 40px; text-align: center; }

.product-filter-detail .setting-btn-area button + button { margin-left: 10px; }

.product-filter-detail .brand-filter-wrap { padding-top: 10px; padding-bottom: 8px; }

.product-filter-detail .brand-filter-wrap .word-filter-list + .brand-list-wrap { margin-top: 17px; border-top: 1px solid #e5e5e5; }

.product-filter-detail .brand-filter-wrap .brand-list-wrap .etc-check-list .asset { margin: 0; padding-right: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; width: 25%; min-height: 22px; }

.product-filter-detail .brand-filter-wrap .brand-list-wrap .etc-check-list .asset:nth-child(n+5) { margin-top: 20px; }

.product-filter-detail .brand-filter-wrap .brand-list-wrap .etc-check-list .asset:nth-child(4n+1) { clear: both; }

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

.tab-category.tab-square:after { clear: both; }

.tab-category.tab-square li { float: left; width: 200px; height: 50px; line-height: 48px; text-align: center; font-size: 16px; font-weight: 500; letter-spacing: -0.3px; border: 1px solid #d5d5d5; -webkit-box-sizing: border-box; box-sizing: border-box; }

.tab-category.tab-square li + li { border-left: none; }

.tab-category.tab-square li a { display: block; padding: 0 10px; position: relative; z-index: 3; word-break: break-all; color: #89898a; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.tab-category.tab-square li.on { position: relative; }

.tab-category.tab-square li.on:after { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; border: 1px solid #262626; -webkit-box-sizing: border-box; box-sizing: border-box; }

.tab-category.tab-square li.on a { color: #262626; }

.tab-category.tab-square li.empty:hover:after { display: none; }

.tab-category.auto-add li { border-bottom: 0; }

.tab-category.auto-add li:nth-child(6n+1) { border-left: 1px solid #d5d5d5; }

.tab-category.auto-add li:nth-child(n+7) { border-top: 0; }

.tab-category.auto-add li:nth-child(6n+1) { position: relative; }

.tab-category.auto-add li:nth-child(6n+1):before { position: absolute; content: ''; width: 1200px; height: 1px; bottom: 0; left: -1px; background-color: #d5d5d5; }

.tab-category.large li { height: 75px; line-height: 73px; }

.tab-category.large a { font-size: 18px; }

.small-text-tab-wrapper:before, .small-text-tab-wrapper:after { content: ""; display: table; }

.small-text-tab-wrapper:after { clear: both; }

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

.tab-wrapper:after { clear: both; }

.tab-wrapper.round-square-tab:before, .tab-wrapper.round-square-tab:after { content: ""; display: table; }

.tab-wrapper.round-square-tab:after { clear: both; }

.tab-wrapper.round-square-tab li { float: left; }

.tab-wrapper.round-square-tab li > a { padding: 0 20px; display: block; min-width: 87px; height: 59px; font-size: 14px; line-height: 57px; text-align: center; font-weight: 500; color: #89898a; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #89898a; border-radius: 30px; }

.tab-wrapper.round-square-tab li.on > a { color: #e26b0f; border-color: #e26b0f; }

.tab-wrapper.round-square-tab li + li { margin-left: 8px; }

.tab-wrapper.square-ico-tab:before, .tab-wrapper.square-ico-tab:after { content: ""; display: table; }

.tab-wrapper.square-ico-tab:after { clear: both; }

.tab-wrapper.square-ico-tab li { float: left; width: 120px; text-align: center; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; -webkit-box-sizing: border-box; box-sizing: border-box; }

.tab-wrapper.square-ico-tab li.on .icon-image { display: none; }

.tab-wrapper.square-ico-tab li.on .icon-image.active { display: block; }

.tab-wrapper.square-ico-tab li:last-child { border-right: 1px solid #e5e5e5; }

.tab-wrapper.square-ico-tab li > a { position: relative; display: block; padding: 57px 10px 12px; font-size: 14px; color: #89898a; word-break: break-all; -webkit-box-sizing: border-box; box-sizing: border-box; }

.tab-wrapper.square-ico-tab li > a:after { display: none; content: ''; position: absolute; z-index: 2; top: -1px; left: -1px; width: 100%; height: 100%; border: 1px solid #e26b0f; }

.tab-wrapper.square-ico-tab li .icon-image { display: inline-block; position: absolute; top: 10px; left: 50%; margin-left: -30px; }

.tab-wrapper.square-ico-tab li .icon-image.active { display: none; }

.tab-wrapper.square-ico-tab li .ico { display: inline-block; position: absolute; top: 10px; left: 50%; margin-left: -20px; width: 40px; height: 40px; background-size: 40px 40px; background-repeat: no-repeat; background-color: transparent; background-position: 0 0; }

.tab-wrapper.square-ico-tab li .ico.all { background-image: url("../images/main/ico-major-all.png"); }

.tab-wrapper.square-ico-tab li .ico.skin { background-image: url("../images/main/ico-major-skin.png"); }

.tab-wrapper.square-ico-tab li .ico.color { background-image: url("../images/main/ico-major-color.png"); }

.tab-wrapper.square-ico-tab li .ico.body { background-image: url("../images/main/ico-major-body.png"); }

.tab-wrapper.square-ico-tab li .ico.hair { background-image: url("../images/main/ico-major-hair.png"); }

.tab-wrapper.square-ico-tab li .ico.man { background-image: url("../images/main/ico-major-man.png"); }

.tab-wrapper.square-ico-tab li .ico.perfume { background-image: url("../images/main/ico-major-perfume.png"); }

.tab-wrapper.square-ico-tab li .ico.dental { background-image: url("../images/main/ico-major-dental.png"); }

.tab-wrapper.square-ico-tab li .ico.item { background-image: url("../images/main/ico-major-item.png"); }

.tab-wrapper.square-ico-tab li .ico.hand { background-image: url("../images/main/ico-major-hand.png"); }

.tab-wrapper.square-ico-tab li.on > a { color: #e26b0f; }

.tab-wrapper.square-ico-tab li.on > a:after { display: block; }

.tab-wrapper.square-ico-tab li.on .ico.all { background-image: url("../images/main/ico-major-all-on.png"); }

.tab-wrapper.square-ico-tab li.on .ico.skin { background-image: url("../images/main/ico-major-skin-on.png"); }

.tab-wrapper.square-ico-tab li.on .ico.color { background-image: url("../images/main/ico-major-color-on.png"); }

.tab-wrapper.square-ico-tab li.on .ico.body { background-image: url("../images/main/ico-major-body-on.png"); }

.tab-wrapper.square-ico-tab li.on .ico.hair { background-image: url("../images/main/ico-major-hair-on.png"); }

.tab-wrapper.square-ico-tab li.on .ico.man { background-image: url("../images/main/ico-major-man-on.png"); }

.tab-wrapper.square-ico-tab li.on .ico.perfume { background-image: url("../images/main/ico-major-perfume-on.png"); }

.tab-wrapper.square-ico-tab li.on .ico.dental { background-image: url("../images/main/ico-major-dental-on.png"); }

.tab-wrapper.square-ico-tab li.on .ico.item { background-image: url("../images/main/ico-major-item-on.png"); }

.tab-wrapper.square-ico-tab li.on .ico.hand { background-image: url("../images/main/ico-major-hand-on.png"); }

.tab-wrapper.small-text-tab { float: right; }

.tab-wrapper.small-text-tab:before, .tab-wrapper.small-text-tab:after { content: ""; display: table; }

.tab-wrapper.small-text-tab:after { clear: both; }

.tab-wrapper.small-text-tab li { float: left; margin-left: 25px; }

.tab-wrapper.small-text-tab li.on a { color: #000; border-bottom: 1px solid; }

.tab-wrapper.small-text-tab li a { font-size: 16px; font-weight: 500; color: #89898a; }

.tab-wrapper.large-text-tab { display: block; text-align: center; margin-bottom: 50px; }

.tab-wrapper.large-text-tab li { display: inline-block; padding: 0 88px; }

.tab-wrapper.large-text-tab li + li { position: relative; }

.tab-wrapper.large-text-tab li + li:after { position: absolute; content: ''; width: 1px; height: 28px; top: 50%; left: 0; margin-top: -14px; background-color: #aaa; }

.tab-wrapper.large-text-tab li.on a { color: #000; }

.tab-wrapper.large-text-tab li a { font-size: 30px; font-weight: 500; color: #aaa; }

/* emphasis */
.em.disable { color: #999999; }

.em.slightly { color: #89898a; }

.em.normal { color: #222222; }

.em.weighty { color: #000000; }

.em.warning { color: #ed4300; }

.em.success { color: #e26b0f; }

.em.info { color: #00cbaa; }

#footer { padding: 60px 0; border-top: 1px solid #e9e9e9; }

#footer .footer-logo { float: left; margin-right: 50px; }

#footer .footer-logo img { display: block; }

#footer .section-inner { display: table; position: relative; }

#footer .footer-primary { float: left; }

#footer .util-area:before, #footer .util-area:after { content: ""; display: table; }

#footer .util-area:after { clear: both; }

#footer .util-area a, #footer .util-area span, #footer .util-area div { font-size: 16px; color: #999; font-weight: normal; }

#footer .util-area li { float: left; }

#footer .util-area li:nth-child(n+2) { margin-left: 30px; }

#footer .util-area li:first-child a { color: #333; }

#footer .company span { position: relative; color: #333; }

#footer .link { position: relative; }

#footer .company-info, #footer .company-etc { font-size: 0; }

#footer .company-info { margin-top: 30px; }

#footer .company-info a { text-decoration: underline; }

#footer .company-info span, #footer .company-info a { color: #999; font-size: 14px; color: #999; line-height: 26px; }

#footer .company-info span + span:before { content: ''; display: inline-block; margin: -3px 10px 0; width: 1px; height: 14px; background-color: #aaa; vertical-align: middle; }

#footer .company-info .company span { color: #222; }

#footer .company-etc { margin-top: 20px; }

#footer .company-etc b, #footer .company-etc span, #footer .company-etc a, #footer .company-etc p { font-size: 14px; line-height: 26px; color: #999; }

#footer .company-etc b { font-weight: 400; color: #333; }

#footer .company-etc b + span:before { content: ''; display: inline-block; margin: -3px 10px 0; width: 1px; height: 14px; background-color: #aaa; vertical-align: middle; }

#footer .company-etc .isms { margin-top: 15px; padding-left: 65px; background: url("../images/common/logo/mark_isms.png") no-repeat 0 50%/auto; }

#footer .copyright { margin-top: 20px; letter-spacing: -0.14px; color: #999; font-size: 14px; }

.footer-quickmenu { position: fixed; bottom: 118px; right: 30px; z-index: 101; opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

.footer-quickmenu.hide { opacity: 0; pointer-events: none; }

.footer-quickmenu > li { display: block; margin-bottom: 8px; width: 56px; height: 56px; border-radius: 56px; background: #333; font-size: 0; text-indent: -1000000em; background-repeat: no-repeat; background-size: auto; background-position: 50% 50%; }

.footer-quickmenu > li.btn-coupon { background-image: url("../images/common/fab_coupon.png"); }

.footer-quickmenu > li.btn-wish { background-image: url("../images/common/fab_like.png"); }

.footer-quickmenu > li.btn-recent { background-image: url("../images/common/fab_recent.png"); }

.footer-quickmenu > li.btn-top { background-image: url("../images/common/fab_top.png"); }

.footer-quickmenu > li a { display: block; height: 100%; }

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

#header .brand-inside { display: none; }

#header.brand-header .brand-inside { display: block; }

#header .header-primary-space { height: 68px; }

#header .fly-top { position: fixed; top: 0; background-color: rgba(0, 0, 0, 0.7); }

#header .fly-top .category-nav, #header .fly-top .brand-nav { padding-right: 16px; }

#header .fly-top .fly-home { opacity: 1; width: 65px; height: auto; visibility: visible; padding-top: 26px; padding-right: 45px; }

.header-search-popup { position: absolute; display: none; top: 100%; right: calc(100% - 45px); padding-bottom: 20px; width: 420px; max-height: calc(90vh - 100px); overflow: auto; background-color: #fff; border-radius: 10px; -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); z-index: 2; }

.header-search-popup .header-search-input { position: relative; margin: 16px 20px 0; }

.header-search-popup .header-search-input input { padding: 0 40px 0 0; height: 42px; border: 0; border-bottom: 2px solid #222; }

.header-search-popup .header-search-input input:focus { outline: none; }

.header-search-popup .header-search-input input::-webkit-input-placeholder { font-size: 16px; color: #D0D0D0; font-weight: 300; letter-spacing: -0.16px; }

.header-search-popup .header-search-input input::-moz-placeholder { font-size: 16px; color: #D0D0D0; font-weight: 300; letter-spacing: -0.16px; }

.header-search-popup .header-search-input input:-ms-input-placeholder { font-size: 16px; color: #D0D0D0; font-weight: 300; letter-spacing: -0.16px; }

.header-search-popup .header-search-input input::-ms-input-placeholder { font-size: 16px; color: #D0D0D0; font-weight: 300; letter-spacing: -0.16px; }

.header-search-popup .header-search-input input::placeholder { font-size: 16px; color: #D0D0D0; font-weight: 300; letter-spacing: -0.16px; }

.header-search-popup .header-search-input a { position: absolute; right: 0; top: 0; width: 30px; height: 40px; background: url(../images/common/btn-search-2.png) no-repeat 0/24px; font-size: 0; text-indent: -100000em; }

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

.header-search-popup .header-search-wrap > * { padding-bottom: 20px; }

.header-search-popup .header-search-wrap .title { position: relative; padding: 20px 0; font-size: 18px; color: #333; font-weight: 500; }

.header-search-popup .header-search-wrap .search-related-prd { padding-bottom: 30px; border-top: 1px solid #EFEFEF; }

.header-search-popup .header-search-wrap .search-related-prd .product-list { height: auto; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; }

.header-search-popup .header-search-wrap .search-related-prd .product-list > li { width: 100%; display: table; width: 100%; table-layout: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; }

.header-search-popup .header-search-wrap .search-related-prd .product-list > li > * { display: table-cell; width: auto; vertical-align: middle; }

.header-search-popup .header-search-wrap .search-related-prd .product-list > li > *.thum { width: 120px; }

.header-search-popup .header-search-wrap .search-related-prd .product-list > li > *.thum img { width: 120px; }

.header-search-popup .header-search-wrap .search-related-prd .product-list > li > *.info { padding-left: 20px; }

.header-search-popup .header-search-wrap .search-related-prd .product-list > li .tit { margin-top: 0; min-height: 28px; font-size: 16px; letter-spacing: -0.24px; line-height: 28px; }

.header-search-popup .header-search-wrap .search-related-prd .product-list > li .price { margin-top: 5px; }

.header-search-popup .header-search-wrap .search-related-prd .product-list > li .price .sale, .header-search-popup .header-search-wrap .search-related-prd .product-list > li .price .discount { font-size: 16px; }

.header-search-popup .header-search-wrap .search-related-prd .product-list > li .soldout-cover { font-size: 16px; }

.header-search-popup .header-search-wrap .search-related-prd .swiper-pagination { bottom: 0; }

.header-search-popup .header-search-wrap .search-related-prd .swiper-pagination .swiper-pagination-bullet { margin: 0 2px; background-color: #d5d5d5; width: 5px; height: 5px; border-radius: 50%; }

.header-search-popup .header-search-wrap .search-related-prd .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 10px; height: 5px; border-radius: 5px; }

.header-search-popup .header-search-wrap .cate-list-wrap { margin: 0 -20px; padding: 0 20px 20px; background: #F7F7F7; }

.header-search-popup .header-search-wrap .cate-list-wrap .search-cate-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 24px 20px; text-align: center; }

.header-search-popup .header-search-wrap .cate-list-wrap .search-cate-list li a > img { width: 70px; -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16); border-radius: 50%; }

.header-search-popup .header-search-wrap .cate-list-wrap .search-cate-list li a > span { display: block; margin-top: 10px; font-size: 14px; font-weight: 500; }

.header-search-popup .header-search-wrap .brand-list-wrap .search-brand-list { padding: 0 20px; margin: 0 -20px; }

.header-search-popup .header-search-wrap .brand-list-wrap .search-brand-list .brand-list > li { display: inline-block; width: 77px; }

.header-search-popup .header-search-wrap .brand-list-wrap .search-brand-list .brand-list > li:nth-child(n+2) { margin-left: 10px; }

.header-search-popup .header-search-wrap .brand-list-wrap .search-brand-list .brand-list > li img { width: 100%; }

.header-search-popup .header-search-wrap .brand-list-wrap .search-brand-list .brand-list > li p { text-align: center; font-size: 10px; }

.header-search-popup .header-search-info { padding: 14px 0; text-align: center; font-size: 14px; color: #707070; }

.header-search-popup .smart-popular-list { padding-bottom: 0; }

.header-search-popup .smart-popular-list .list-wrap { font-size: 0; }

.header-search-popup .smart-popular-list .accordion-body { padding-bottom: 20px; }

.header-search-popup .smart-popular-list .accordion-list.on .time { display: block; }

.header-search-popup .smart-popular-list .accordion-list.on .btn-toggle { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); }

.header-search-popup .smart-popular-list .accordion-list.on .popular-list-slider { visibility: hidden; }

.header-search-popup .smart-popular-list .search-head { position: relative; padding: 12px 0 12px 95px; border-top: 1px solid #EFEFEF; }

.header-search-popup .smart-popular-list .search-head .btn-toggle { display: block; position: absolute; top: 50%; right: 16px; z-index: 3; width: 20px; height: 20px; margin-top: -10px; text-indent: -9999px; border: 0; opacity: 0.4; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; background: url(../images/common/arrow/ico-arrow-down-13x8.png) no-repeat 100% 50%/13px; outline: none; }

.header-search-popup .smart-popular-list .search-head .tag { position: absolute; left: 0; width: 88px; height: 28px; line-height: 26px; border-radius: 15px; text-align: center; font-weight: 500; font-size: 14px; color: #fff; letter-spacing: -0.025em; background-color: #e26b0f; }

.header-search-popup .smart-popular-list .search-head .swiper-slide > a { line-height: 28px; }

.header-search-popup .smart-popular-list .num { width: 16px; text-align: center; font-size: 16px; font-weight: 500; color: #E16D01; vertical-align: middle; }

.header-search-popup .smart-popular-list .num + span { padding-left: 14px; }

.header-search-popup .smart-popular-list .time { display: none; position: absolute; right: 40px; top: 50%; margin-top: -6px; font-size: 12px; color: #aaa; line-height: 16px; }

.header-search-popup .smart-popular-list .query { max-width: 220px; color: #333; font-size: 16px; vertical-align: middle; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.header-search-popup .smart-popular-list .popular-list-slider { height: 28px; }

.header-search-popup .smart-popular-list .popular-list-slider .query { display: inline-block; max-width: 180px; }

.header-search-popup .smart-popular-list .popular-list-slider .badge { position: absolute; right: 40px; }

.header-search-popup .smart-popular-list .popular-list-slider .badge img { vertical-align: middle; }

.header-search-popup .smart-popular-list .popular-list { height: 100%; }

.header-search-popup .smart-popular-list .popular-list li { position: relative; }

.header-search-popup .smart-popular-list .popular-list li:before, .header-search-popup .smart-popular-list .popular-list li:after { content: ""; display: table; }

.header-search-popup .smart-popular-list .popular-list li:after { clear: both; }

.header-search-popup .smart-popular-list .popular-list li a { display: block; padding: 6px 10px; border-radius: 12px; color: #aaa; -webkit-transition: background 0.3s; transition: background 0.3s; }

.header-search-popup .smart-popular-list .popular-list li a:hover { background: #F7F7F7; }

.header-search-popup .smart-popular-list .popular-list li .num, .header-search-popup .smart-popular-list .popular-list li .query, .header-search-popup .smart-popular-list .popular-list li .badge { display: inline-block; vertical-align: middle; }

.header-search-popup .smart-popular-list .popular-list .num { width: 16px; text-align: center; font-weight: 500; color: #E16D01; }

.header-search-popup .smart-popular-list .popular-list .num + span { padding-left: 14px; }

.header-search-popup .smart-popular-list .popular-list .badge { position: absolute; top: 50%; margin-top: -9px; right: 0; font-size: 0; }

.header-search-popup .smart-popular-list .popular-list .query { max-width: 245px; color: #333; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.header-search-popup .smart-popular-list .popular-list .query + .cnt { margin-left: 8px; }

.header-search-popup .smart-popular-list .popular-list .cnt { color: #999; font-size: 12px; vertical-align: middle; }

.header-search-popup .smart-popular-list .popular-list .cnt.dash { margin: auto; top: 0; bottom: 0; width: 10px; height: 1px; background-color: #999; }

.header-search-popup .smart-popular-list .popular-list .cnt.up { color: #FD3F45; }

.header-search-popup .smart-popular-list .popular-list .cnt.up:before { content: ''; display: inline-block; margin-top: -2px; margin-right: 4px; border-left: transparent 4px solid; border-right: transparent 4px solid; border-bottom: 7px solid #FD3F45; vertical-align: middle; }

.header-search-popup .smart-popular-list .popular-list .cnt.down:before { content: ''; display: inline-block; margin-top: -2px; margin-right: 4px; border-left: transparent 4px solid; border-right: transparent 4px solid; border-top: 7px solid #999; vertical-align: middle; }

.header-search-popup .smart-popular-list .popular-list .sticker { position: absolute; right: 0; top: 5px; }

.header-search-popup .smart-recent-list .title { border-top: 1px solid #EFEFEF; }

.header-search-popup .srch-recent-slider { margin: 0 -20px; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.header-search-popup .srch-recent-slider .delete-btn { position: absolute; top: 0; right: 10px; width: 21px; height: 100%; text-indent: -9999px; font-size: 0.01em; color: transparent; background: transparent url(../images/common/close/ico-close-gray-10x10.png) center center no-repeat; }

.header-search-popup .srch-recent-slider .swiper-slide { position: relative; display: inline-block; padding: 0 40px 0 10px; width: auto; border: 1px solid #707070; border-radius: 18px; font-size: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.header-search-popup .srch-recent-slider .swiper-slide .recent-keyword { display: block; line-height: 36px; font-size: 14px; font-weight: 500; }

.header-search-popup .recent-all-delete { float: right; border-bottom: 1px solid; color: #aaa; font-size: 14px; font-weight: 400; }

.header-search-popup .brand-product-area .product-list.column .item { margin-right: 0; width: 280px; }

.header-search-popup .brand-product-area .product-list.column .item:nth-child(4n+1):after { display: none; }

.header-search-popup .brand-product-area .product-list.column .thumbnail-wrap { height: 215px; padding: 0 20px; }

.header-search-popup .brand-product-area .product-list.column .thumbnail-wrap .promotion-badge-unit { position: absolute; top: 10px; left: 30px; }

.header-search-popup .brand-product-area .product-list.column .title-area .brand { font-size: 14px; }

.header-search-popup .brand-product-area .product-list.column .title-area .title { margin-top: 6px; font-size: 16px; }

.header-search-popup .brand-product-area .product-list.column .summary-info { margin-top: 0; }

.header-search-popup .brand-search-area { width: 100%; height: 384px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.header-search-popup .brand-search-area .brand-list { overflow: auto; -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; word-break: break-all; }

.header-search-popup .brand-search-area .brand-list.brand-exhibition-list { min-height: 84px; max-height: 208px; border-top: 1px solid #d5d5d5; }

.header-search-popup .brand-exhibition-list { padding: 10px 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.header-search-popup .brand-exhibition-list .recent-info { margin-bottom: 5px; }

.header-search-popup .brand-exhibition-list .exhibition-list { font-size: 0; }

.header-search-popup .brand-exhibition-list .exhibition-list li { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; }

.header-search-popup .brand-exhibition-list .exhibition-list li + li { margin-top: 5px; }

.header-search-popup .brand-exhibition-list .exhibition-list li .brand-name { display: inline-block; max-width: 200px; margin-left: 10px; font-size: 14px; font-weight: lighter; vertical-align: middle; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.header-search-popup .brand-exhibition-list .exhibition-list li .brand-ico { float: right; padding: 0 14px; background: #ED6D00; font-size: 14px; border-radius: 13px; color: #fff; }

.header-search-popup .brand-search-list { border-top: 1px solid #d5d5d5; padding: 10px 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.header-search-popup .brand-search-list .brand-product-list li { padding-top: 5px; padding-bottom: 5px; }

.header-search-popup .brand-search-list .brand-product-list .list { display: block; max-width: 320px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.header-search-popup .brand-search-list .brand-product-list .list:hover { text-decoration: underline; }

.header-search-popup .brand-search-list .brand-product-list .list span { color: #e26b0f; }

.layer-popup { display: none; position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; padding: 20px; overflow: hidden; background-color: rgba(0, 0, 0, 0.5); -webkit-box-sizing: border-box; box-sizing: border-box; }

.layer-popup form { height: 100%; }

.layer-popup .popup-container { width: 100%; height: 100%; }

.layer-popup .popup-container .cell { height: 100%; }

.layer-popup .popup-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; margin: 0 auto; height: 100%; }

.layer-popup .popup-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; overflow-y: auto; border: 1px solid #000; background-color: #fff; }

.layer-popup .popup-head { position: relative; }

.layer-popup .popup-head .btn-close { position: absolute; top: 23px; right: 25px; z-index: 2; width: 30px; height: 30px; border: 0; overflow: hidden; text-indent: -9999px; font-size: 0.01em; color: transparent; background: transparent url("../images/common/close/ico-close-17x17.png") center center no-repeat; cursor: pointer; }

.layer-popup .popup-content { padding: 0 30px 30px; background-color: #fff; }

.layer-popup .popup-content.plus-top { padding: 36px; padding-top: 50px; }

.layer-popup.empty-header .popup-head { padding: 0; }

.layer-popup.empty-header .popup-content { padding: 60px 30px 30px; }

.layer-popup.img-detail-popup.event-review .img-detail-slider .item { height: 100%; }

.layer-popup.img-detail-popup.event-review .img-detail-slider .item img { min-width: 100%; position: relative; top: auto; -webkit-transform: none; -ms-transform: none; transform: none; }

.basic-size-popup .popup-body { background-color: transparent; }

.basic-size-popup .popup-head { padding: 24px 60px 16px 28px; }

.basic-size-popup .popup-head h2 { font-size: 20px; font-weight: 500; word-break: break-all; }

.basic-size-popup .popup-content { overflow: visible; -webkit-box-sizing: border-box; box-sizing: border-box; }

.basic-size-popup .popup-footer { background-color: transparent; }

.basic-size-popup .popup-footer .btn.grayscale { border-color: #d5d5d5; color: #89898a; background-color: #f6f6f6; }

.basic-size-popup.common-small .popup-inner { width: 460px; }

.basic-size-popup.common-medium .popup-inner { width: 470px; }

.basic-size-popup.common-large .popup-inner { width: 480px; }

.basic-size-popup .data-list.hyphens li { line-height: 28px; }

.basic-size-popup .data-list.hyphens li:after { top: 15px; }

.basic-size-popup .data-list.hyphens li + li { margin-top: 12px; }

.basic-size-popup .data-list.dots > li { padding-left: 7px; }

.basic-size-popup .data-list.dots > li + li { margin-top: 12px; }

.basic-size-popup .data-list.dots > li:after { background-color: #89898a; border-radius: 50%; }

.basic-size-popup .data-list.dots.cont_bg { margin-top: 20px !important; background: #f6f6f6; padding: 20px 15px; border-top: 0 !important; }

.basic-size-popup .btn-group-01 .btn { width: 100%; }

.basic-size-popup .btn-group-02 .btn { display: block; float: left; width: calc(50% - 5px); min-width: auto; }

.basic-size-popup.alert-pop .popup-body { min-height: 150px; }

.basic-size-popup.alert-pop .popup-content { min-height: inherit; padding: 36px; padding-top: 50px; }

.basic-size-popup.alert-pop .popup-wrapper { text-align: center; }

.basic-size-popup.alert-pop .popup-inner { display: inline-block; min-width: 360px; }

.is-ie .basic-size-popup.alert-pop .popup-inner { width: 400px; }

.basic-size-popup.alert-pop .btn-close { top: 12px; right: 12px; }

.basic-size-popup.alert-pop .popup-head { padding: 0; }

.basic-size-popup.alert-pop .popup-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.basic-size-popup.alert-pop .info-text { font-size: 20px; letter-spacing: -0.03em; word-break: break-all; }

.basic-size-popup.alert-pop .btn.slightly { color: #89898a; }

.basic-size-popup.alert-pop .btn-group-02 .btn { width: 50%; }

.basic-size-popup.alert-pop .btn-group-02 .btn + .btn { margin-left: 0; }

.basic-size-popup.alert-pop.service-alert .sub-text { margin-top: 6px; }

.basic-size-popup.alert-pop.service-alert .sub-text.btm-border { padding-bottom: 20px; border-bottom: 1px solid #d5d4d5; }

.basic-size-popup.alert-pop.service-alert .data-list { margin-top: 16px; padding-top: 16px; border-top: 1px solid #d5d5d5; }

.basic-size-popup.coupon .btn { font-size: 16px; }

.basic-size-popup.coupon .btn.disable { color: #cacaca; background-color: #89898a; border-color: #89898a; }

.basic-size-popup.coupon .coupon-list li { position: relative; margin-top: 20px; }

.basic-size-popup.coupon .coupon-list li:after { position: absolute; z-index: 2; top: 50%; margin-top: -16px; left: 0px; content: ''; display: block; width: 16px; height: 32px; background-image: url("../images/goods/bg-coupon.png"); background-size: cover; background-repeat: no-repeat; }

.basic-size-popup.coupon .coupon-list li > a { display: block; width: 100%; height: 100%; }

.basic-size-popup.coupon .coupon-list li > a[href="#none"] { pointer-events: none; }

.basic-size-popup.coupon .coupon-list .detail { position: relative; overflow: hidden; padding: 30px; padding-right: 140px; width: 100%; height: 100%; border: 1px solid #e5e5e5; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.basic-size-popup.coupon .coupon-list .detail.complete .download-area { background-color: #999; }

.basic-size-popup.coupon .coupon-list .detail.complete .download-area .cell > span:after { content: '\A완료'; white-space: pre-line; }

.basic-size-popup.coupon .coupon-list .detail.complete .down { width: 27px; height: 27px; background-image: url("../images/goods/ico-coupon-complete.png"); }

.basic-size-popup.coupon .coupon-list .title, .basic-size-popup.coupon .coupon-list .type, .basic-size-popup.coupon .coupon-list .terms { word-break: break-all; letter-spacing: -0.025em; }

.basic-size-popup.coupon .coupon-list .title { font-size: 16px; font-weight: 500; }

.basic-size-popup.coupon .coupon-list .type { display: block; font-size: 34px; font-weight: 500; line-height: 1.2; margin-bottom: 5px; }

.basic-size-popup.coupon .coupon-list .type span { font-size: 40px; }

.basic-size-popup.coupon .coupon-list .terms { font-size: 14px; color: #89898a; }

.basic-size-popup.coupon .coupon-list .download-area { position: absolute; top: 0; right: 0; width: 106px; height: 100%; text-align: center; background-color: #e26b0f; }

.basic-size-popup.coupon .coupon-list .download-area span { display: block; font-size: 16px; letter-spacing: -0.025em; font-weight: 500; word-break: break-all; color: #fff; }

.basic-size-popup.coupon .coupon-list .down { margin: 0 auto 8px; display: block; overflow: hidden; text-indent: -9999px; font-size: 0.01em; color: transparent; width: 16px; height: 24px; background-image: url("../images/goods/ico-coupon-down.png"); background-size: 100%; background-repeat: no-repeat; background-color: transparent; }

.basic-size-popup .outline-box .box-area, .basic-size-popup .table-box .box-area, .basic-size-popup .card-benefit-box .box-area, .basic-size-popup.coupon .box-area { max-height: 470px; overflow-y: auto; word-break: break-all; }

.basic-size-popup .card-box .box-area { max-height: 290px; }

.basic-size-popup .scroll-box-wrap { height: 286px; overflow-y: scroll; }

.basic-size-popup .outline-box .box-area { padding: 20px 30px; border: 1px solid #d5d5d5; }

.basic-size-popup .table-box .data-table.small tr { border: 1px solid #e5e5e5; font-size: 14px; vertical-align: top; }

.basic-size-popup .table-box .data-table.small tr:first-child th, .basic-size-popup .table-box .data-table.small tr:first-child td { border-top: 1px solid #000; }

.basic-size-popup .table-box .data-table.small tr th, .basic-size-popup .table-box .data-table.small tr td { padding: 15px 25px; }

.basic-size-popup .table-box .data-table.small tr th { color: #333; font-weight: 500; }

.basic-size-popup .table-box .data-table.small tr td { color: #89898a; font-weight: lighter; }

.basic-size-popup .gray-info-box { -ms-flex-negative: 0; flex-shrink: 0; padding: 20px 30px; background-color: #f6f6f6; }

.basic-size-popup .noti-bundle { font-size: 16px; }

.basic-size-popup .noti-bundle + .noti-bundle { margin-top: 18px; }

.basic-size-popup .noti-bundle .etc-check-list { margin-top: 10px; }

.basic-size-popup .noti-bundle .etc-check-list:before, .basic-size-popup .noti-bundle .etc-check-list:after { content: ""; display: table; }

.basic-size-popup .noti-bundle .etc-check-list:after { clear: both; }

.basic-size-popup .noti-bundle .etc-check-list:first-child { margin-top: 0; }

.basic-size-popup .noti-bundle .etc-check-list input[readonly] { background-color: #fff; }

.basic-size-popup .noti-bundle .etc-check-list input[type='checkbox'] + label { padding-left: 29px; }

.basic-size-popup .noti-bundle .asset { float: left; margin-top: 13px; }

.basic-size-popup .noti-bundle .asset.view { float: right; width: 79%; margin-top: 0; }

.basic-size-popup .noti-bundle .asset.view input { height: 50px; }

.basic-size-popup .noti-bundle h5.label { padding: 10px 0; font-size: 16px; font-weight: 500; }

.basic-size-popup .noti-bundle .selectric-medium { margin-top: 16px; }

.basic-size-popup .noti-bundle .outline { padding: 20px; border: 1px solid #d5d5d5; -webkit-box-sizing: border-box; box-sizing: border-box; }

.basic-size-popup .rating-bundle { text-align: center; }

.basic-size-popup .rating-bundle p { font-size: 16px; color: #333; }

.basic-size-popup .rating-bundle .rating-select-wrap { margin-top: 17px; }

.basic-size-popup .hash-tag-area + .hash-tag-area { margin-top: 20px; }

.basic-size-popup .select-hash-tag { margin-top: 8px; }

.basic-size-popup .result-empty-content { padding-top: 40px; padding-bottom: 24px; background-color: #fff; }

.basic-size-popup .result-empty-content .ico-img { width: 84px; }

.basic-size-popup .result-empty-content .text { margin-top: 24px; font-size: 16px; font-weight: 500; }

.basic-size-popup .result-empty-content .sub-text { font-size: 14px; color: #89898a; }

.basic-size-popup.report-popup .noti-bundle + .noti-bundle { margin-top: 27px; }

.basic-size-popup.report-popup .noti-bundle h5.label { padding-bottom: 16px; }

.basic-size-popup.report-popup .selector-wrap .asset { margin: 0; float: none; }

.basic-size-popup.report-popup .selector-wrap .asset label { font-weight: 300; }

.basic-size-popup.report-popup .selector-wrap .asset + .asset { margin-top: 17px; }

.basic-size-popup.report-popup .write-box-wrap { height: 170px; }

.basic-size-popup.report-popup .guide-icon-text { margin-top: 20px; }

.basic-size-popup.report-popup .popup-footer .btn-group-02 .btn { margin: 0; width: 50%; }

.basic-size-popup .etc-check-list input[type='checkbox'] + label { color: #333333; }

.basic-size-popup .register-wrap { margin-bottom: 20px; font-size: 16px; }

.basic-size-popup .register-wrap input { height: 50px; border-color: #000; }

.basic-size-popup .register-wrap .btn { width: 80px; top: 0; right: 0; margin-top: 0; border-radius: 0; color: #fff; }

.basic-size-popup .gift-card-list li { padding: 20px; padding-bottom: 13px; border: 1px solid #d5d5d5; font-size: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.basic-size-popup .gift-card-list li + li { margin-top: 8px; }

.basic-size-popup .gift-card-list li span.voucher-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 10px; position: relative; color: #e26b0f; font-weight: bold; }

.basic-size-popup .gift-card-list li span.voucher-name:after { content: ''; width: 1px; height: 10px; background: #d9d9d9; position: absolute; right: 0; top: 5px; }

.basic-size-popup .gift-card-list li span.voucher-name img { margin-right: 2px; }

.basic-size-popup .gift-card-list li span.before-bar { position: relative; padding-left: 10px; font-weight: normal; }

.basic-size-popup .gift-card-list li span.before-bar:before { content: ''; width: 1px; height: 10px; background: #d9d9d9; position: absolute; left: 0; top: 5px; }

.basic-size-popup .gift-card-list li h4 { letter-spacing: -0.03em; font-weight: 500; margin-top: 4px; }

.basic-size-popup .gift-card-list .code-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: 500; font-size: 12px; letter-spacing: -0.02em; color: #999; }

.basic-size-popup .gift-card-list .code-wrap .em { position: relative; padding: 0 10px; display: inline-block; font-weight: normal; font-size: 12px; color: #999; }

.basic-size-popup .gift-card-list .code-wrap .em:first-child { padding-left: 0; }

.basic-size-popup .gift-card-list .code-wrap .em + .em:after { content: ''; position: absolute; left: -1px; top: 50%; width: 1px; height: 14px; margin-top: -6px; background-color: #d5d5d5; }

.basic-size-popup .gift-card-list .card-price { margin-top: 10px; }

.basic-size-popup .gift-card-list .card-price:before, .basic-size-popup .gift-card-list .card-price:after { content: ""; display: table; }

.basic-size-popup .gift-card-list .card-price:after { clear: both; }

.basic-size-popup .gift-card-list .input-wrap { float: left; position: relative; }

.basic-size-popup .gift-card-list .input-wrap input { height: 40px; width: 226px; padding-left: 35px; padding-right: 30px; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 16px; }

.basic-size-popup .gift-card-list .input-wrap input::-webkit-input-placeholder { font-size: 16px; }

.basic-size-popup .gift-card-list .input-wrap input::-moz-placeholder { font-size: 16px; }

.basic-size-popup .gift-card-list .input-wrap input:-ms-input-placeholder { font-size: 16px; }

.basic-size-popup .gift-card-list .input-wrap input::-ms-input-placeholder { font-size: 16px; }

.basic-size-popup .gift-card-list .input-wrap input::placeholder { font-size: 16px; }

.basic-size-popup .gift-card-list .input-wrap label, .basic-size-popup .gift-card-list .input-wrap .won { position: absolute; top: 0; line-height: 39px; }

.basic-size-popup .gift-card-list .input-wrap label { left: 14px; padding-right: 10px; }

.basic-size-popup .gift-card-list .input-wrap label:after { position: absolute; content: ''; right: 0; top: 50%; width: 1px; height: 14px; margin-top: -6px; background-color: #d5d5d5; }

.basic-size-popup .gift-card-list .input-wrap .won { right: 14px; font-size: 14px; }

.basic-size-popup .gift-card-list .etc-check-list { float: left; margin-left: 16px; margin-top: 8px; }

.basic-size-popup .total-price-wrap { padding-top: 10px; margin-top: 20px; margin-bottom: 14px; border-top: 1px solid; }

.basic-size-popup .total-price-wrap:before, .basic-size-popup .total-price-wrap:after { content: ""; display: table; }

.basic-size-popup .total-price-wrap:after { clear: both; }

.basic-size-popup .total-price-wrap .price { font-size: 16px; font-weight: normal; }

.basic-size-popup .total-price-wrap p { text-align: right; vertical-align: middle; font-size: 14px; }

.basic-size-popup .total-price-wrap p strong { font-family: Roboto; font-weight: 500; font-size: 16px; }

.basic-size-popup .total-price-wrap .total_price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-top: 6px; }

.basic-size-popup .total-price-wrap .total_price strong { font-weight: normal; font-size: 14px; letter-spacing: -0.02em; color: #222; position: absolute; left: 20px; top: 15px; }

.basic-size-popup .total-price-wrap .total_price p em { margin-right: 5px; font-family: Roboto; font-weight: bold; font-size: 20px; letter-spacing: -0.02em; font-style: normal; }

.basic-size-popup .total-price-wrap .total_price.voucher input { height: 50px; background-color: #f4f4f4; border: 2px solid #e5e5e5; padding: 0 35px; text-align: right; color: #de6200; font-family: Roboto; font-weight: bold; font-size: 20px; letter-spacing: -0.02em; }

.basic-size-popup .total-price-wrap .total_price.voucher input::-webkit-input-placeholder { color: #222; font-family: Roboto; font-weight: bold; font-size: 20px; letter-spacing: -0.02em; }

.basic-size-popup .total-price-wrap .total_price.voucher input::-moz-placeholder { color: #222; font-family: Roboto; font-weight: bold; font-size: 20px; letter-spacing: -0.02em; }

.basic-size-popup .total-price-wrap .total_price.voucher input:-ms-input-placeholder { color: #222; font-family: Roboto; font-weight: bold; font-size: 20px; letter-spacing: -0.02em; }

.basic-size-popup .total-price-wrap .total_price.voucher input::-ms-input-placeholder { color: #222; font-family: Roboto; font-weight: bold; font-size: 20px; letter-spacing: -0.02em; }

.basic-size-popup .total-price-wrap .total_price.voucher input::placeholder { color: #222; font-family: Roboto; font-weight: bold; font-size: 20px; letter-spacing: -0.02em; }

.basic-size-popup .total-price-wrap .total_price.voucher span { position: absolute; right: 20px; top: 14px; }

.layer-popup.normal .popup-inner { width: 460px; }

.layer-popup .popup-content .btn-view-more { font-weight: 500; font-size: 18px; color: #898989; border: 0; background: none; }

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

.layer-popup .popup-content .view-article .data-list { display: none; margin-top: 20px; }

.layer-popup .popup-content .view-article .data-list.on { display: block; }

.layer-popup .popup-content .view-article .data-list li { font-weight: 500; font-size: 16px; letter-spacing: -0.02em; line-height: 28px; color: #898989; word-break: inherit; }

.basic-size-popup.register-form-popup .review-prompt { background: #333; padding: 10px 0; text-align: center; font-size: 16px; letter-spacing: -0.01em; color: #fff; }

.basic-size-popup.register-form-popup .review-prompt p { color: #fff; display: inline-block; }

.basic-size-popup.register-form-popup .review-prompt strong { font-weight: 800; }

.basic-size-popup.register-form-popup .review-prompt em { font-style: normal; color: #FF7017; font-weight: 800; }

.basic-size-popup.register-form-popup .popup-inner { width: 560px; }

.basic-size-popup.register-form-popup .noti-bundle { padding-bottom: 20px; border-top: 1px solid #d5d5d5; }

.basic-size-popup.register-form-popup .noti-bundle h5.label { padding: 16px 0 11px; }

.basic-size-popup.register-form-popup .noti-bundle:first-child { border-top: 0; }

.basic-size-popup.register-form-popup .noti-bundle.rating-bundle { padding: 30px 0; }

.basic-size-popup.register-form-popup .noti-bundle + .noti-bundle { margin-top: 0; }

.basic-size-popup.register-form-popup .character-count { text-align: right; font-size: 14px; color: #89898a; }

.basic-size-popup.register-form-popup .type-select-box .asset { margin-top: 4px; margin-right: 38px; }

.basic-size-popup.register-form-popup .type-select-box .asset label { font-weight: 300; }

.basic-size-popup.register-form-popup .type-select-box + .write-module-box { margin-top: 15px; }

.basic-size-popup.register-form-popup .write-module-box .etc-check-list .asset { margin: 0; }

.basic-size-popup.register-form-popup .write-module-box + h5.label { padding-top: 33px; }

.basic-size-popup.register-form-popup .agreement-wrap .asset { margin-top: 20px; }

.basic-size-popup.register-form-popup .agreement-wrap .agree-info { margin-top: 8px; font-size: 14px; color: #89898a; word-break: break-all; }

.register-item-bundle { display: table; table-layout: fixed; width: 100%; }

.register-item-bundle .thumbnail { width: 100px; display: table-cell; vertical-align: middle; }

.register-item-bundle .thumbnail > a { display: block; width: 100px; height: 100px; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #f4f4f4; }

.register-item-bundle .thumbnail .thumb-wrap { display: table; table-layout: fixed; width: 100%; height: 100%; }

.register-item-bundle .thumbnail .thumb-inner { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }

.register-item-bundle .thumbnail .thumb-inner img { display: block; margin: 0 auto; max-width: 100%; }

.register-item-bundle .detail { padding-left: 20px; display: table-cell; vertical-align: middle; }

.register-item-bundle .detail > a { display: block; }

.register-item-bundle .detail .brand { display: block; font-weight: 500; color: #89898a; word-break: break-all; }

.register-item-bundle .detail .title { font-weight: 500; color: #333333; word-break: break-all; display: block; display: -webkit-box; max-height: 3em; text-overflow: ellipsis; line-height: 1.5em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }

.register-item-bundle .detail .option-type-area { margin-top: 13px; }

.register-item-bundle .detail .option-type-area .type { display: block; color: #89898a; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.noti-service-popup .popup-inner { width: 520px; }

.noti-service-popup .service-wrap .noti-title { color: #89898a; display: block; display: -webkit-box; max-height: 3em; text-overflow: ellipsis; line-height: 1.5em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }

.noti-service-popup .service-wrap + .noti-btn { margin-top: 20px; }

.noti-service-popup .service-wrap + .noti-btn .btn { margin: 0; width: 50%; }

.address-search-popup .popup-inner { width: 550px; }

.address-search-popup .common-search-box { margin-bottom: 22px; }

.address-search-popup .common-search-box .btn-value-delete { right: 50px; }

.address-search-popup .article-title { margin-bottom: 8px; font-size: 16px; font-weight: 500; letter-spacing: -0.025em; }

.address-search-popup .article-sub { margin-bottom: 36px; }

.address-search-popup .article-sub, .address-search-popup .data-list.article-data li { font-size: 14px; font-weight: lighter; color: #aaa; }

.address-search-popup .data-list.article-data { padding-left: 26px; }

.address-search-popup .data-list.article-data li + li { margin-top: 0; }

.address-search-popup .address-table-wrap .article-title { font-weight: 16; font-weight: 500; }

.address-search-popup .address-table-wrap .article-title:before, .address-search-popup .address-table-wrap .article-title:after { content: ""; display: table; }

.address-search-popup .address-table-wrap .article-title:after { clear: both; }

.address-search-popup .address-table-wrap .article-title .count-area { float: right; font-size: 14px; font-weight: 500; }

.address-search-popup .address-table-wrap .article-title .count-area .count { color: #e26b0f; font-size: 16px; }

.address-search-popup .address-table-wrap .table-scroll-box { max-height: 270px; overflow-y: auto; }

.address-search-popup .address-table-wrap .data-table { position: relative; }

.address-search-popup .address-table-wrap .data-table:after { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 2px; background-color: #000; }

.address-search-popup .address-table-wrap .data-table th { background-color: #fff; font-size: 16px; color: #222; font-weight: lighter; }

.address-search-popup .address-table-wrap .data-table td { border-left: 1px solid #e5e5e5; padding: 18px; }

.address-search-popup .address-table-wrap .data-table .address-sel-box { position: relative; padding-right: 30px; }

.address-search-popup .address-table-wrap .data-table .address-sel-box .selector-wrap { position: absolute; right: 0; top: 50%; margin-top: -13px; }

.address-search-popup .address-table-wrap .data-table .address-sel-box .selector-wrap div.radio input { position: absolute; width: 453px; height: 114px; right: 0; top: -45px; }

.address-search-popup .address-table-wrap .data-table .add-area { position: relative; display: table; width: 100%; height: 30px; font-size: 14px; color: #89898a; }

.address-search-popup .address-table-wrap .data-table .add-area + .add-area { margin-top: 5px; }

.address-search-popup .address-table-wrap .data-table .add-area p { display: table-cell; vertical-align: middle; padding-left: 84px; font-weight: lighter; -webkit-box-sizing: border-box; box-sizing: border-box; }

.address-search-popup .address-table-wrap .data-table .add-area .add-guide { position: absolute; left: 0; top: 0; display: inline-block; min-width: 66px; height: 30px; line-height: 28px; margin-right: 20px; color: #000; font-size: 14px; text-align: center; font-weight: lighter; border: 1px solid #d5d5d5; -webkit-box-sizing: border-box; box-sizing: border-box; }

.address-search-popup .address-empty-content { background-color: #fff; }

.address-search-popup .address-empty-content .text { margin-top: 0; }

.address-search-popup .address-empty-content .sub-text { margin-top: 10px; }

.address-search-popup .address-table-wrap .btn-more { margin-top: 8px; padding: 0 10px; }

.address-search-popup .address-table-wrap .btn-more a { width: 100%; }

.confirm-large-popup .popup-head { padding: 30px 30px 26px 30px; border-bottom: 1px solid #d4d4d5; }

.confirm-large-popup .popup-inner { width: 600px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.confirm-large-popup .popup-inner .data-table { border-left: 1px solid #d5d5d5; }

.confirm-large-popup .popup-inner .data-table th { color: #222; border-right: 1px solid #d5d5d5; }

.confirm-large-popup .popup-inner .data-table td { border-right: 1px solid #d5d5d5; }

.confirm-large-popup .sub-text { margin: 26px 0px; font-size: 14px; line-height: 20px; color: #222; }

.confirm-large-popup .table-caption { margin-top: 5px; color: #666; }

.confirm-large-popup .strong { font-weight: bold; color: blue; text-decoration: underline; }

.social-share-popup .popup-inner { width: 280px; }

.social-share-popup .share-body { padding: 13px 26px 26px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

.social-share-popup .share-body:before, .social-share-popup .share-body:after { content: ""; display: table; }

.social-share-popup .share-body:after { clear: both; }

.social-share-popup .share-body .share-list { float: left; width: 50%; text-align: center; }

.social-share-popup .share-body .share-list a { display: inline-block; }

.social-share-popup .social-ico { display: block; width: 60px; height: 60px; margin: 0 auto; background-repeat: no-repeat; background-size: 60px 60px; background-position: center center; }

.social-share-popup .social-ico.facebook { background-image: url("../images/common/ico-social-facebook.png"); }

.social-share-popup .social-ico.kakao-story { background-image: url("../images/common/ico-social-story.png"); }

.social-share-popup .social-ico.kakao-talk { background-image: url("../images/common/ico-social-kakao.png"); }

.social-share-popup .social-ico.url { background-image: url("../images/common/ico-social-share.png"); }

.social-share-popup .share-text { display: block; margin-top: 10px; font-size: 16px; font-weight: 500; }

.layer-popup .article-info-text { font-size: 1.07143rem; letter-spacing: -0.025em; word-break: break-all; }

.layer-popup .order-item-content { overflow: hidden; }

.layer-popup .order-item-content .order-item-header { position: relative; padding: 1.42857rem 40px 1.42857rem 16px; border-bottom: 1px solid #ececec; background-color: #eefff6; }

.layer-popup .order-item-content .order-item-header:before, .layer-popup .order-item-content .order-item-header:after { content: ""; display: table; }

.layer-popup .order-item-content .order-item-header:after { clear: both; }

.layer-popup .order-item-content .order-item-header .date { float: left; font-weight: bold; word-break: break-all; }

.layer-popup .order-item-content .order-item-header .code { float: right; word-break: break-all; }

.layer-popup .order-item-content .order-item-header .ico-arrow { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); position: absolute; top: 50%; right: 16px; margin-top: -0.21429rem; width: 0.92857rem; height: 0.5rem; background: url("../images/common/arrow/ico-arrow-bk-26x15.png") no-repeat 0 0; background-size: cover; text-indent: -9999px; }

.layer-popup .order-item-content .order-item-body { border-bottom: 1px solid #ececec; }

.layer-popup .order-item-content .accordion-list.on .order-item-header { border-bottom-color: #000; }

.layer-popup .order-item-content .accordion-list.on .ico-arrow { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); }

.layer-popup .order-item-content .order-box { padding: 1.14286rem 16px; }

.layer-popup .order-item-content .order-box .selector-wrap { margin-bottom: 0.57143rem; }

.layer-popup .order-item-content .product-list { padding: 0; }

.layer-popup .order-item-content .product-list .item { padding: 0; }

.layer-popup .receipt-text-area { text-align: center; letter-spacing: -0.025em; }

.layer-popup .receipt-text-area .title { font-weight: normal; font-size: 1.71429rem; }

.layer-popup .receipt-text-area .sub-text { margin-top: 10px; font-size: 0.85714rem; color: #999; }

.layer-popup .receipt-text-area .agree-text { font-size: 0.92857rem; margin-top: 15px; }

.layer-popup .img-detail-slider .item { width: 100%; height: 400px; overflow: hidden; }

.layer-popup .img-detail-slider .item .thumbnail { display: table; table-layout: fixed; width: 100%; height: 100%; }

.layer-popup .img-detail-slider .item a { display: table-cell; vertical-align: middle; }

.layer-popup .img-detail-slider .item img { display: block; max-width: 100%; margin: 0 auto; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.layer-popup .img-detail-slider .swiper-button-prev, .layer-popup .img-detail-slider .swiper-button-next { width: 30px; height: 58px; margin-top: -29px; background-color: rgba(0, 0, 0, 0.5); background-image: url("../images/common/arrow/ico-arrow-gray-right-9x16.png"); background-size: 9px 16px; }

.layer-popup .img-detail-slider .swiper-scrollbar { margin-top: 20px; }

.option-select-popup .popup-wrapper { overflow: auto; }

.option-select-popup .popup-inner { width: 680px; overflow: visible; }

.option-select-popup .popup-body { overflow: visible; }

.option-select-popup .popup-content { padding: 0; }

.option-select-popup .product-opt { display: table; width: 100%; table-layout: fixed; }

.option-select-popup .product-opt > * { display: table-cell; width: auto; vertical-align: top; }

.option-select-popup .product-opt .thum { padding-right: 40px; width: 160px; height: 160px; }

.option-select-popup .product-opt .thum img { width: 100%; }

.option-select-popup .product-opt .info .brand { color: #999; border-bottom: 1px solid; font-size: 16px; }

.option-select-popup .product-opt .info .tit { padding-bottom: 40px; margin-top: 10px; color: #333; font-size: 18px; letter-spacing: -0.16px; }

.option-select-popup .option-select-inner { padding: 0 30px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.option-select-popup .origin-wrapper { padding: 13px 20px; margin-bottom: 10px; border: 1px solid #d5d5d5; background-color: #f6f6f6; }

.option-select-popup .origin-wrapper:before, .option-select-popup .origin-wrapper:after { content: ""; display: table; }

.option-select-popup .origin-wrapper:after { clear: both; }

.option-select-popup .origin-wrapper > div { font-weight: 500; font-size: 16px; letter-spacing: -0.03em; color: #aaa; }

.option-select-popup .origin-wrapper .type { float: left; }

.option-select-popup .origin-wrapper .origin-option { float: none; overflow: hidden; position: relative; padding-left: 20px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.option-select-popup .origin-wrapper .origin-option:before { display: block; content: ""; position: absolute; top: 50%; left: 10px; width: 1px; height: 14px; margin-top: -7px; background-color: #e5e5e5; }

.option-select-popup .selectric-wrapper + .selectric-wrapper { margin-top: 10px; }

.option-select-popup .selectric-wrapper .selectric-items .option-text { color: #89898a; }

.option-select-popup .selectric-wrapper .selectric-items li.selected .option-text { color: #000; }

.option-select-popup .total-price { padding: 10px 30px; text-align: right; background-color: #f6f6f6; -webkit-box-sizing: border-box; box-sizing: border-box; }

.option-select-popup .total-price .price { font-weight: 500; font-size: 18px; letter-spacing: -0.03em; }

.option-select-popup .total-price .price strong { font-size: 24px; }

.option-select-popup .btn-group-02 .btn { width: 50%; }

.option-select-popup .btn-group-02 .btn + .btn { margin-left: 0; }

.layer-popup.sell-limit .selectric-wrapper .color-icon { vertical-align: top; }

.layer-popup.sell-limit .inven__wrap { position: relative; display: block; margin-top: 5px; top: auto; right: auto; }

.apply-order-popup.common-large .popup-inner { width: 570px; overflow-y: hidden; }

.apply-order-popup.common-large .popup-inner .popup-body { overflow-y: auto; }

.apply-order-popup .tab-wrapper li { width: 33.33%; }

.apply-order-popup .tab-wrapper a { height: 70px; line-height: 68px; }

.apply-order-popup .order-item-wrapper { margin-top: 30px; }

.apply-order-popup .result-content { padding: 70px 20px; border-top: 1px solid #d5d5d5; background-color: #f6f6f6; }

.apply-order-popup .result-content img { display: block; margin: 0 auto; }

.apply-order-popup .result-content .text { margin-top: 15px; text-align: center; font-size: 18px; color: #89898a; letter-spacing: -0.03em; }

.apply-order-popup .order-item-box { border: 1px solid #d5d5d5; }

.apply-order-popup .order-item-box + .order-item-box { margin-top: 20px; }

.apply-order-popup .order-item-box .item-data { padding: 13px 25px; background-color: #f6f6f6; }

.apply-order-popup .order-item-box .item-data:before, .apply-order-popup .order-item-box .item-data:after { content: ""; display: table; }

.apply-order-popup .order-item-box .item-data:after { clear: both; }

.apply-order-popup .order-item-box .item-data > span { display: inline-block; font-size: 16px; letter-spacing: -0.03em; }

.apply-order-popup .order-item-box .item-data .data { float: left; color: #000; }

.apply-order-popup .order-item-box .item-data .code { float: right; max-width: 300px; color: #89898a; word-break: break-all; }

.apply-order-popup .order-item-list .item-type { padding: 13px 25px; font-size: 16px; letter-spacing: -0.03em; color: #fff; }

.apply-order-popup .order-item-list .item-type.nunc { background-color: #e26b0f; }

.apply-order-popup .order-item-list .item-type.company { background-color: #3d51b4; }

.apply-order-popup .order-item-list .item-wrapper { display: table; padding: 27px 19px; }

.apply-order-popup .order-item-list .selector-wrap { display: table-cell; vertical-align: middle; }

.apply-order-popup .order-item-list .item-box { display: table-cell; vertical-align: middle; padding-left: 20px; }

.apply-order-popup .order-item-list .item-box:before, .apply-order-popup .order-item-list .item-box:after { content: ""; display: table; }

.apply-order-popup .order-item-list .item-box:after { clear: both; }

.apply-order-popup .order-item-list .item-box .thumbnail { float: left; width: 100px; height: 100px; overflow: hidden; position: relative; border: 1px solid #d5d5d5; -webkit-box-sizing: border-box; box-sizing: border-box; }

.apply-order-popup .order-item-list .item-box .thumbnail a { display: block; width: 100%; height: 100%; }

.apply-order-popup .order-item-list .item-box img { display: block; max-width: 100%; margin: 0 auto; }

.apply-order-popup .order-item-list .item-box .detail { float: none; overflow: hidden; margin-top: 5px; padding-left: 20px; }

.apply-order-popup .order-item-list .item-box .item-name { display: block; display: -webkit-box; height: 3em; max-height: 3em; text-overflow: ellipsis; line-height: 1.5em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }

.apply-order-popup .order-item-list .item-box .item-name a { display: block; }

.apply-order-popup .order-item-list .item-box .item-info { margin-top: 20px; }

.apply-order-popup .order-item-list .item-box .item-info:before, .apply-order-popup .order-item-list .item-box .item-info:after { content: ""; display: table; }

.apply-order-popup .order-item-list .item-box .item-info:after { clear: both; }

.apply-order-popup .order-item-list .item-box .option { float: left; max-width: 160px; font-size: 16px; color: #89898a; letter-spacing: -0.03em; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; word-break: break-all; }

.apply-order-popup .order-item-list .item-box .price-area { float: right; }

.apply-order-popup .order-item-list .item-box .price-area span { display: inline-block; vertical-align: middle; font-weight: 500; font-size: 18px; letter-spacing: -0.03em; }

.apply-order-popup .order-item-list .item-box .price-area .amount { color: #000; }

.apply-order-popup .order-item-list .item-box .price-area .price { color: #e26b0f; }

.apply-order-popup .btn-group-02 .btn { width: 50%; margin: 0; }

.basic-size-popup .data-table.membership-grade-info-table + .info { margin-top: 15px; }

.basic-size-popup .data-table.membership-grade-info-table + .info > li { font-size: 14px; color: #89898A; }

.basic-size-popup .data-table.membership-grade-info-table tr > *:first-child { border-left: 0; }

.basic-size-popup .data-table.membership-grade-info-table tr > *:last-child { border-right: 0; }

.basic-size-popup .data-table.membership-grade-info-table td { font-weight: 400; }

.basic-size-popup .data-table.membership-grade-info-table td:first-child { font-weight: 500; }

.basic-size-popup .data-table.membership-grade-info-table td:first-child span { font-size: 14px; color: #89898A; }

.basic-size-popup .data-table.membership-grade-info-table td.welcome p { font-size: 16px; color: #000; }

.basic-size-popup .data-table.membership-grade-info-table td.welcome p + p { margin-top: 20px; }

.basic-size-popup .data-table.membership-grade-info-table td.welcome strong { color: #ED6D00; font-weight: normal; }

.basic-size-popup .data-table.membership-grade-info-table th, .basic-size-popup .data-table.membership-grade-info-table td { font-size: 16px; border: 1px solid #d5d5d5; padding: 18px 5px; }

.basic-size-popup .data-table.membership-grade-info-table th span, .basic-size-popup .data-table.membership-grade-info-table td span { display: block; font-size: 14px; color: #89898a; font-weight: normal; }

.basic-size-popup .data-table.membership-grade-info-table th b, .basic-size-popup .data-table.membership-grade-info-table td b { font-weight: 500; word-break: break-all; }

.basic-size-popup .data-table.membership-grade-info-table .grade-ico { display: block; padding-top: 71px; }

.basic-size-popup .data-table.membership-grade-info-table .grade-ico.welcome { background: transparent url("../images/membership/ico-grade-welcome-2.png") center top no-repeat; }

.basic-size-popup .data-table.membership-grade-info-table .grade-ico.orange { background: transparent url("../images/membership/ico-grade-orange-2.png") center top no-repeat; }

.basic-size-popup .data-table.membership-grade-info-table .grade-ico.brown { background: transparent url("../images/membership/ico-grade-brown-2.png") center top no-repeat; }

.basic-size-popup .data-table.membership-grade-info-table .grade-ico.green { background: transparent url("../images/membership/ico-grade-green-2.png") center top no-repeat; }

.basic-size-popup .data-table.membership-grade-info-table .grade-ico.purple { background: transparent url("../images/membership/ico-grade-purple-2.png") center top no-repeat; }

.basic-size-popup .data-table.membership-grade-info-table .grade-ico.gold { background: transparent url("../images/membership/ico-grade-gold-2.png") center top no-repeat; }

.basic-size-popup .popup-member-info-wrap { margin-top: 34px; }

.basic-size-popup .original-mem-info .info { margin-bottom: 14px; font-size: 18px; }

.basic-size-popup .original-mem-info .info strong { color: #e26b0f; font-weight: 500; }

.basic-size-popup .original-mem-info .data-list.dots li + li { margin-top: 4px; }

.basic-size-popup .original-mem-info + .popup-member-info-wrap { margin-top: 60px; }

.basic-size-popup .member-title { font-size: 20px; font-weight: 500; margin-bottom: 16px; }

.basic-size-popup .important-guide { margin-top: 16px; }

.basic-size-popup .important-guide .guide-icon-text { padding-left: 34px; font-size: 14px; color: #333; background-size: 22px 22px; background-position: center left; }

.basic-size-popup .important-guide .data-list { margin-left: 30px; }

.basic-size-popup .info-package-wrap { width: 100%; }

.basic-size-popup .info-package-wrap:before, .basic-size-popup .info-package-wrap:after { content: ""; display: table; }

.basic-size-popup .info-package-wrap:after { clear: both; }

.basic-size-popup .info-package-wrap .package-guide-text { margin-bottom: 22px; font-size: 16px; color: #89898a; }

.basic-size-popup .info-package-wrap .package-guide-text strong { color: #333; }

.basic-size-popup .info-package-wrap .info-package { float: left; display: table; width: calc(50% - 4px); padding: 0 10px; border: 1px solid #d5d5d5; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

.basic-size-popup .info-package-wrap .info-package + .info-package { margin-left: 8px; }

.basic-size-popup .info-package-wrap .info-package .cell { height: 237px; display: table-cell; vertical-align: middle; }

.basic-size-popup .info-package-wrap .info-package .pkg-title { padding-top: 58px; font-size: 18px; color: #333; }

.basic-size-popup .info-package-wrap .info-package .pkg-title.online { background: transparent url("../images/membership/ico-pop-computer.png") center top no-repeat; }

.basic-size-popup .info-package-wrap .info-package .pkg-title.offline { background: transparent url("../images/membership/ico-pop-store.png") center top no-repeat; }

.basic-size-popup .info-package-wrap .info-package .pkg-title.save { background: transparent url("../images/membership/ico-pop-bm-phone.png") center top no-repeat; }

.basic-size-popup .info-package-wrap .info-package .pkg-title.pay { background: transparent url("../images/membership/ico-pop-bm-cart.png") center top no-repeat; }

.basic-size-popup .info-package-wrap .info-package .pkg-title.online-card { background: transparent url("../images/membership/ico-pop-issue-computer.png") center top no-repeat; }

.basic-size-popup .info-package-wrap .info-package .pkg-title.offline-card { background: transparent url("../images/membership/ico-pop-issue-store.png") center top no-repeat; }

.basic-size-popup .info-package-wrap .info-package .pkg-info { margin-top: 4px; font-size: 14px; color: #89898a; }

.basic-size-popup .info-package-wrap .info-package .pkg-info.small { margin-top: 10px; font-size: 12px; }

.basic-size-popup .membership-infomation { padding: 28px; margin-top: 0; }

.basic-size-popup .membership-infomation h4 { top: 28px; left: 25px; font-size: 16px; }

.basic-size-popup .membership-infomation .data-list { margin-left: 116px; }

.basic-size-popup .membership-infomation .data-list li + li { margin-top: 5px; }

.the-membership-popup .popup-body { text-align: center; }

.the-membership-popup .info-text { font-size: 16px; font-weight: 500; color: #89898a; }

.the-membership-popup .info-text strong { color: #333; font-weight: 500; }

.the-membership-popup .info-text + .info-text { margin-top: 10px; }

.the-membership-popup .change-immediately { margin-top: 30px; padding: 38px 20px; background-color: #f6f6f6; }

.the-membership-popup .change-immediately .important { font-size: 22px; }

.the-membership-popup .change-immediately .important strong { color: #e26b0f; font-weight: 500; }

.the-membership-popup .change-immediately .btn { margin-top: 28px; width: 230px; }

.the-membership-popup .change-immediately .sub-info { font-size: 16px; font-weight: 500; }

.the-membership-join-popup .popup-inner, .the-membership-bm-popup .popup-inner, .the-membership-card-popup .popup-inner { width: 720px; }

.the-membership-bm-popup .popup-body .info-package-wrap { padding-left: 30px; padding-right: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.the-membership-bm-popup .popup-body .popup-content { margin-left: 0; margin-right: 0; padding-bottom: 0; }

.the-membership-bm-popup .membership-infomation { margin-top: 20px; }

.the-membership-original-popup .popup-inner, .the-membership-gift-popup .popup-inner { width: 950px; }

.the-membership-gift-popup .popup-content { position: relative; padding-top: 25px !important; }

.the-membership-gift-popup .benefit-standard-area { position: absolute; right: 0; top: 14px; }

.the-membership-gift-popup .benefit-standard-area a { display: inline-block; padding-right: 20px; font-size: 14px; color: #999; background: url("../images/../images/common/ico-tooltip-question.png") no-repeat 99% 50%/15px; }

.the-membership-gift-popup .benefit-standard-area ul { position: absolute; display: none; right: 0; width: 500px; padding: 25px; border-radius: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border: 1px solid #333; }

.the-membership-gift-popup .benefit-standard-area ul.on { display: block; z-index: 10; }

.the-membership-gift-popup .benefit-standard-area ul > li { position: relative; padding-left: 15px; color: #89898a; font-size: 14px; }

.the-membership-gift-popup .benefit-standard-area ul > li b { font-weight: 400; color: #333; }

.the-membership-gift-popup .benefit-standard-area ul > li:before { content: ''; position: absolute; left: 0; top: 10px; width: 2px; height: 2px; background-color: #666; border-radius: 50%; }

.the-membership-gift-popup .benefit-standard-area ul > li + li { margin-top: 15px; }

.the-membership-gift-popup .data-table.membership-grade-info-table th, .the-membership-gift-popup .data-table.membership-grade-info-table td { line-height: 1.5em; }

.the-membership-gift-popup .data-table.membership-grade-info-table th p, .the-membership-gift-popup .data-table.membership-grade-info-table td p { font-size: 14px; color: #89898a; }

.product-order-popup .confirm-area, .order-confirm-popup .confirm-area { text-align: center; }

.product-order-popup .confirm-area .product-ico, .order-confirm-popup .confirm-area .product-ico { display: block; margin: 0 auto; }

.product-order-popup .confirm-area .big-title, .order-confirm-popup .confirm-area .big-title { margin-top: 12px; font-size: 28px; }

.product-order-popup .confirm-area .sub-text, .order-confirm-popup .confirm-area .sub-text { margin-top: 20px; font-size: 16px; font-weight: lighter; color: #89898a; }

.product-order-popup .confirm-area .confirm-msg, .order-confirm-popup .confirm-area .confirm-msg { margin-top: 20px; font-size: 18px; font-weight: 500; color: #333; }

.product-order-popup .popup-inner { width: 560px; }

.product-order-popup .popup-content { padding-bottom: 80px; }

.product-order-popup .mypage-table tr td { padding-top: 28px; padding-bottom: 28px; padding-left: 0; padding-right: 0; border-bottom: 1px solid #d5d5d5; vertical-align: middle; }

.product-order-popup .mypage-table tr td:first-child { padding-left: 30px; padding-right: 0; }

.product-order-popup .mypage-table .pro-price { color: #000; font-size: 14px; }

.product-order-popup .mypage-table .pro-price strong { font-size: 16px; }

.product-order-popup .mypage-table .order-pro-wrap .detail { width: 240px; }

.product-order-popup .purchase-confirm-box { padding-top: 38px; }

.product-order-popup .purchase-confirm-box > .etc-check-list .asset { margin-bottom: 10px; }

.coupon-information-popup .popup-inner, .order-confirm-popup .popup-inner { width: 500px; }

.email-update-popup .popup-body .popup-content { padding-top: 60px; }

.email-update-popup .email-update { margin-top: 38px; width: 400px; }

.btn-group-02.attach-btn-02 .btn { width: 50%; }

.btn-group-02.attach-btn-02 .btn + .btn { margin-left: 0; }

.popup-content.top-line { padding-top: 30px; padding-left: 0; padding-right: 0; margin-left: 30px; margin-right: 30px; border-top: 1px solid #d5d5d5; }

.nomember-agree-popup .popup-inner { width: 600px; }

.focus-product-popup .confirm-area { text-align: center; }

.focus-product-popup .confirm-area .big-title { margin-bottom: 18px; font-weight: bold; font-size: 26px; letter-spacing: -0.48px; color: #333; }

.focus-product-popup .confirm-area .sub-text { font-weight: 500; font-size: 16px; letter-spacing: -0.48px; text-align: center; color: #333; }

.focus-product-popup .confirm-area .sub-text strong { color: #de6111; font-weight: 500; }

.focus-product-popup .product-list { margin: 0 30px; width: 480px; height: 460px; border-top: 2px solid #033; }

.focus-product-popup .product-list li { width: 100%; padding: 22px 0; }

.focus-product-popup .product-list li + li { border-top: 1px solid #e7e7e7; }

.focus-product-popup .item-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; table-layout: inherit; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.focus-product-popup .item-wrapper .thumb-area { -webkit-box-flex: 1; -ms-flex: 1 1 1; flex: 1 1 1; width: 102px; }

.focus-product-popup .item-wrapper .thumb-area .thumb-inner { position: relative; width: 100px; height: 100px; }

.focus-product-popup .item-wrapper .thumb-area .thumb-inner .thumb img { width: 100px; height: 100px; }

.focus-product-popup .item-wrapper .thumb-area .thumb-inner .soldout-mark { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; left: 0; z-index: 4; width: 100%; height: 100%; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; background-color: rgba(0, 0, 0, 0.7); border-radius: 14px; color: #ffffff; font-size: 12px; visibility: hidden; }

.focus-product-popup .item-wrapper .thumb-area .thumb-inner .soldout-cover { font-size: 13px; font-weight: 300; }

.focus-product-popup .item-wrapper .thumb-area .thumb-inner .soldout-cover .cell { height: auto; }

.focus-product-popup .item-wrapper .detail { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; position: relative; padding: 0 20px; }

.focus-product-popup .item-wrapper .detail .brand { font-size: 14px; letter-spacing: -0.02em; color: #8e8e8e; }

.focus-product-popup .item-wrapper .detail .title-wrap { display: block; overflow: hidden; margin-top: 6px; margin-bottom: 10px; }

.focus-product-popup .item-wrapper .detail .title-wrap .title { float: left; font-size: 14px; font-weight: 500; letter-spacing: -0.48px; line-height: 1.4; color: #333; display: block; display: -webkit-box; height: 2.8em; max-height: 2.8em; text-overflow: ellipsis; line-height: 1.4em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; height: auto; }

.focus-product-popup .item-wrapper .detail .price .discount { margin-right: 8px; font-weight: bold; font-size: 16px; letter-spacing: -0.48px; color: #de6111; }

.focus-product-popup .item-wrapper .detail .price .sale { font-weight: bold; font-size: 16px; letter-spacing: -0.48px; color: #333; }

.focus-product-popup .item-wrapper .detail .price .prime { margin-left: 8px; color: #afafaf; font-size: 16px; letter-spacing: -0.48px; text-decoration: line-through; }

.focus-product-popup .item-wrapper .view-link { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100px; }

.focus-product-popup .item-wrapper .view-link a { font-weight: 500; text-decoration: underline; font-size: 14px; letter-spacing: -0.02em; color: #333; }

.except-product-popup .confirm-area { text-align: center; }

.except-product-popup .confirm-area .big-title { margin-bottom: 18px; font-weight: bold; font-size: 26px; letter-spacing: -0.48px; color: #333; }

.except-product-popup .confirm-area .sub-text { font-weight: 500; font-size: 16px; letter-spacing: -0.48px; text-align: center; color: #333; }

.except-product-popup .confirm-area .sub-text strong { color: #de6111; font-weight: 500; }

.except-product-popup .product-list { margin: 0 30px; width: 400px; max-height: 670px; border-top: 2px solid #033; }

.except-product-popup .product-list li { width: 100%; padding: 22px 0; }

.except-product-popup .product-list li + li { border-top: 1px solid #e7e7e7; }

.except-product-popup .item-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; table-layout: inherit; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.except-product-popup .item-wrapper .thumb-area { -webkit-box-flex: 1; -ms-flex: 1 1 1; flex: 1 1 1; width: 102px; }

.except-product-popup .item-wrapper .thumb-area .thumb-inner { position: relative; width: 100px; height: 100px; }

.except-product-popup .item-wrapper .thumb-area .thumb-inner .thumb img { width: 100px; height: 100px; }

.except-product-popup .item-wrapper .thumb-area .thumb-inner .soldout-mark { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; left: 0; z-index: 4; width: 100%; height: 100%; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; background-color: rgba(0, 0, 0, 0.7); border-radius: 14px; color: #ffffff; font-size: 12px; visibility: hidden; }

.except-product-popup .item-wrapper .thumb-area .thumb-inner .soldout-cover { font-size: 13px; font-weight: 300; }

.except-product-popup .item-wrapper .thumb-area .thumb-inner .soldout-cover .cell { height: auto; }

.except-product-popup .item-wrapper .detail { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; position: relative; padding: 0 20px; }

.except-product-popup .item-wrapper .detail .brand { font-size: 14px; letter-spacing: -0.02em; color: #8e8e8e; }

.except-product-popup .item-wrapper .detail .title-wrap { display: block; overflow: hidden; margin-top: 6px; margin-bottom: 10px; }

.except-product-popup .item-wrapper .detail .title-wrap .title { float: left; font-size: 14px; font-weight: 500; letter-spacing: -0.48px; line-height: 1.4; color: #333; display: block; display: -webkit-box; height: 2.8em; max-height: 2.8em; text-overflow: ellipsis; line-height: 1.4em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; height: auto; }

.except-product-popup .item-wrapper .detail .price .discount { margin-right: 8px; font-weight: bold; font-size: 16px; letter-spacing: -0.48px; color: #de6111; }

.except-product-popup .item-wrapper .detail .price .sale { font-weight: bold; font-size: 16px; letter-spacing: -0.48px; color: #333; }

.except-product-popup .item-wrapper .detail .price .prime { margin-left: 8px; color: #afafaf; font-size: 16px; letter-spacing: -0.48px; text-decoration: line-through; }

.basic-size-popup.address-modify-popup .popup-inner { width: 560px; }

.basic-size-popup.address-modify-popup .address-form-wrap { padding: 0 12px 0 20px; }

.basic-size-popup.address-modify-popup .address-form-wrap .fieldset.fieldset-px .field > .label { width: 29%; padding-left: 0; }

.basic-size-popup.address-modify-popup .address-form-wrap .fieldset.fieldset-px .field .row { width: 100%; }

.basic-size-popup.address-modify-popup .address-form-wrap .etc-check-list { margin-top: 6px; }

.basic-size-popup.address-modify-popup .address-form-wrap .etc-check-list label { font-size: 14px; }

.basic-size-popup.address-modify-popup .data-list li { font-weight: 300; line-height: 1.5; }

.basic-size-popup.address-modify-popup .data-list li + li { margin-top: 2px; }

.member-modify-popup .popup-inner { width: 500px; }

.member-modify-popup .modify-title-wrap img { display: block; margin: 0 auto; }

.member-modify-popup .modify-title-wrap .title { margin-top: 6px; font-size: 28px; font-weight: 500; text-align: center; font-family: "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", "돋움", Dotum, Helvetica, Arial, sans-serif; word-break: break-all; }

.member-modify-popup .nofity-box-area { margin-top: 15px; padding: 24px 20px; font-size: 18px; text-align: center; color: #333333; word-break: break-all; background-color: #f6f6f6; }

.member-modify-popup .nofity-box-area .mail { font-size: 26px; font-weight: 500; }

.member-modify-popup .information-wrap { margin-top: 28px; text-align: center; }

.member-modify-popup .information-wrap .info { font-size: 18px; font-weight: 500; color: #333333; word-break: break-all; }

.member-modify-popup .information-wrap .sub-info { margin-top: 19px; font-size: 16px; font-weight: 300; color: #89898a; word-break: break-all; }

.member-modify-popup .modify-form-wrap { margin-top: 31px; }

.member-modify-popup .data-list.setting-info { margin-top: 20px; }

.member-modify-popup .data-list .hyphens li { line-height: 1.5; }

.member-modify-popup .data-list .hyphens li + li { margin-top: 3px; }

.email-policy-popup .popup-inner { width: 500px; }

.email-policy-popup .info-box { padding: 14px; font-weight: 400; color: #333; background-color: #f6f6f6; word-break: break-all; }

@-webkit-keyframes popupShow { 0% { -webkit-transform: translateY(100%); transform: translateY(100%);
    opacity: 0; }
  100% { -webkit-transform: translateY(0); transform: translateY(0);
    opacity: 1; } }

@keyframes popupShow { 0% { -webkit-transform: translateY(100%); transform: translateY(100%);
    opacity: 0; }
  100% { -webkit-transform: translateY(0); transform: translateY(0);
    opacity: 1; } }

.event-banner-popup { display: none; position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; padding: 20px; overflow: hidden; background-color: rgba(0, 0, 0, 0.5); -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; }

.event-banner-popup:before { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; }

.event-banner-popup .popup-container { display: inline-block; width: 420px; vertical-align: middle; -webkit-animation-name: popupShow; animation-name: popupShow; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

.event-banner-popup .swiper-button-disabled { opacity: 0.4; }

.event-banner-popup .popup-head { margin-bottom: 19px; }

.event-banner-popup .popup-head:before, .event-banner-popup .popup-head:after { content: ""; display: table; }

.event-banner-popup .popup-head:after { clear: both; }

.event-banner-popup .popup-head .btn-close { float: right; display: block; width: 20px; height: 20px; text-indent: -9999px; border: 0; background: url("../images/common/close/ico-close-w-20x20.png") no-repeat 0 0; cursor: pointer; }

.event-banner-popup .popup-body { max-height: 100%; background: #fff; }

.event-banner-popup .popup-footer .popup-footer-btn { margin: 0; padding: 0; font-size: 0; }

.event-banner-popup .popup-footer .popup-footer-btn li { position: relative; display: inline-block; width: 50%; line-height: 60px; background: #ffffff; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

.event-banner-popup .popup-footer .popup-footer-btn li button { outline: none; background: none; border: none; font-size: 16px; font-weight: 500; letter-spacing: -0.6px; color: #666; display: block; width: 100%; height: 100%; cursor: pointer; }

.event-banner-popup .popup-footer .popup-footer-btn li + li:before { content: ''; position: absolute; left: -1px; top: 50%; margin-top: -14px; height: 28px; width: 2px; background: #eee; }

.event-banner-popup .popup-footer .etc-check-list .asset { float: right; }

.event-banner-popup .popup-footer .etc-check-list .asset label { color: #fff; }

.event-banner-popup .popup-footer .etc-check-list .asset input[type="checkbox"]:checked + label { color: #fff; }

.event-banner-popup .event-banner-slider { position: relative; }

.event-banner-popup .event-banner-slider a { display: block; }

.event-banner-popup .event-banner-slider img { display: block; max-width: 100%; margin: 0 auto; }

.event-banner-popup .event-banner-slider .slider-paging { position: absolute; bottom: 27px; left: 0; z-index: 5; width: 100%; text-align: center; }

.event-banner-popup .event-banner-slider .slider-paging .paging { display: inline-block; width: 85px; height: 39px; line-height: 39px; border-radius: 50px; background-color: rgba(255, 255, 255, 0.5); }

.event-banner-popup .event-banner-slider .slider-paging .paging span { font-family: "Roboto", "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", "돋움", Dotum, Helvetica, Arial, sans-serif; font-size: 20px; color: #ccc; }

.event-banner-popup .event-banner-slider .slider-paging .paging span.current { color: #222; }

.event-banner-popup .event-banner-slider .swiper-scrollbar { position: absolute !important; margin: auto; width: 90%; left: 0; right: 0; bottom: 30px !important; background: rgba(0, 0, 0, 0.1) !important; }

.event-banner-popup .event-banner-slider .swiper-btn-area > div { position: absolute; top: 50%; width: 40px; height: 40px; text-indent: -100000em; font-size: 0; border-radius: 50%; -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); z-index: 100; }

.event-banner-popup .event-banner-slider .swiper-btn-area .swiper-prev { left: -60px; background: url("../images/common/btn-prev.png") no-repeat 0/100%; -webkit-transform: none; -ms-transform: none; transform: none; }

.event-banner-popup .event-banner-slider .swiper-btn-area .swiper-next { right: -60px; background: url("../images/common/btn-next.png") no-repeat 0/100%; }

.coupon-information-popup .data-title { font-size: 18px; font-weight: 500; letter-spacing: -0.03em; color: #333333; word-break: break-all; }

.coupon-information-popup .data-list.dots { margin-top: 8px; }

.coupon-information-popup .data-list.dots li + li { margin-top: 5px; }

.coupon-information-popup .data-list.dots + .data-title { margin-top: 16px; }

.product-gifts-popup .popup-inner { width: 602px; }

.product-gifts-popup .product-gift-list:before, .product-gifts-popup .product-gift-list:after { content: ""; display: table; }

.product-gifts-popup .product-gift-list:after { clear: both; }

.product-gifts-popup .product-gift-list li { float: left; width: 90px; margin-right: 21px; margin-bottom: 16px; }

.product-gifts-popup .product-gift-list li:nth-child(5n) { margin-right: 0; }

.product-gifts-popup .product-gift-list li:nth-child(5n+1) { clear: both; }

.product-gifts-popup .product-gift-list li a { display: block; }

.product-gifts-popup .product-gift-list li .thumb-nail { position: relative; width: 100%; height: 90px; overflow: hidden; }

.product-gifts-popup .product-gift-list li .thumb-nail img { max-width: 100%; }

.product-gifts-popup .product-gift-list li .thumb-detail { font-size: 14px; display: block; display: -webkit-box; max-height: 3em; text-overflow: ellipsis; line-height: 1.5em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }

.layer-popup.attendance-popup { background-color: rgba(0, 0, 0, 0.7); }

.layer-popup.attendance-popup .popup-inner { border: 0; background-color: transparent; }

.layer-popup.attendance-popup .notice-wrap { background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 50%; width: 300px; height: 300px; position: relative; padding-top: 188px; text-align: center; font-size: 28px; font-weight: bold; letter-spacing: -0.025em; word-break: break-all; }

.layer-popup.attendance-popup .notice-wrap:before { display: inline-block; content: ''; position: absolute; top: 8px; left: 50%; margin-left: -135px; width: 270px; height: 167px; background-image: url("../images/event/ico-stamp-large.png"); background-size: contain; background-repeat: no-repeat; background-position: 0 0; background-color: transparent; }

.layer-popup.attendance-popup .notice-wrap span:last-child { font-style: italic; }

.layer-popup.partnership-request .popup-head h2 { font-weight: 600; }

.layer-popup.partnership-request .popup-inner { width: 930px; }

.layer-popup.partnership-request .partnership-table { border-top: 1px solid #d5d5d5; }

.layer-popup.partnership-request .partnership-table th, .layer-popup.partnership-request .partnership-table td { font-size: 14px; word-break: break-all; }

.layer-popup.partnership-request .partnership-table th { padding: 0 20px; background-color: #f6f6f6; }

.layer-popup.partnership-request .partnership-table td { padding: 18px 20px; min-height: 77px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.layer-popup.partnership-request .partnership-table td input { height: 40px; }

.layer-popup.partnership-request .partnership-table .apply-file-btn { position: relative; width: 80px; height: 30px; }

.layer-popup.partnership-request .partnership-table .apply-file-btn input { opacity: 0; position: absolute; top: 0; left: 0; width: 1px; height: 1px; z-index: 1; }

.layer-popup.partnership-request .partnership-table .apply-file-btn label { display: block; width: 80px; height: 30px; font-size: 14px; line-height: 26px; text-align: center; font-weight: 300; color: #333333; cursor: pointer; border: 2px solid #e5e5e5; border-radius: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.layer-popup.partnership-request .process-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 20px; }

.layer-popup.partnership-request .process-wrap .process-area img { display: block; width: 48px; height: 40px; margin: 0 auto; }

.layer-popup.partnership-request .process-wrap .process-area .step-title { margin-top: 5px; text-align: center; color: #000000; font-size: 14px; font-weight: 300; word-break: break-all; }

.layer-popup.partnership-request .process-wrap .ico { width: 7px; height: 12px; background-image: url("../images/common/arrow/ico-arrow-7x12.png"); background-size: contain; background-repeat: no-repeat; background-position: 0 0; }

.layer-popup.partnership-request .noti-bundle .label { margin-bottom: 9px; font-size: 18px; color: #000000; font-weight: 600; word-break: break-all; }

.layer-popup.partnership-request .noti-bundle.process { margin-top: 26px; }

.layer-popup.partnership-request .noti-bundle.process .label { margin-bottom: 24px; }

.layer-popup.partnership-request .noti-bundle.warning-info { padding-top: 25px; border-top: 1px solid #d5d5d5; }

.layer-popup.partnership-request .noti-bundle.warning-info .label { margin-bottom: 13px; }

.layer-popup.partnership-request .data-list { padding-left: 11px; }

.layer-popup.partnership-request .data-list li + li { margin-top: 3px; }

.layer-popup.partnership-request .request-btn-group { padding: 0 40px 30px; }

.layer-popup.partnership-request .request-btn-group .btn { width: 50%; margin: 0; }

.layer-popup.partnership-request .attach-list { margin-top: 5px; }

.layer-popup.partnership-request .attach-list:before, .layer-popup.partnership-request .attach-list:after { content: ""; display: table; }

.layer-popup.partnership-request .attach-list:after { clear: both; }

.layer-popup.partnership-request .attach-list .item { display: block; float: left; position: relative; padding-right: 20px; margin-bottom: 2px; margin-right: 15px; font-weight: 500; font-size: 14px; letter-spacing: -0.03em; }

.layer-popup.partnership-request .attach-list .item .btn-delete { position: absolute; top: 50%; right: 0; width: 15px; height: 15px; margin-top: -7px; text-indent: -9999px; border: 0; cursor: pointer; background: url("../images/common/close/ico-delete-15x15.png") no-repeat 0 0; }

.beauty-talk-popup .popup-inner { position: relative; width: 562px; height: 782px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: hidden; }

.beauty-talk-popup .popup-inner .popup-head { position: absolute; top: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.beauty-talk-popup .popup-inner .popup-head .btn-close { top: 20px; right: 20px; }

.beauty-talk-popup .popup-inner .btn_area li { float: left; width: 50%; height: 70px; -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 1px solid #d5d5d5; }

.beauty-talk-popup .popup-inner .btn_area li + li { border-left: 1px solid #d5d5d5; }

.beauty-talk-popup .popup-inner .btn_area li a { display: inline-block; width: 100%; height: 100%; font-size: 20px; font-weight: 500; letter-spacing: -0.6px; text-align: left; color: #666666; text-align: center; line-height: 70px; }

.beauty-talk-popup .popup-inner .btn_area li a img { vertical-align: sub; }

.window-popup .popup-body { background-color: transparent; padding: 0 16px; }

.window-popup .popup-head { padding: 16px; }

.window-popup .popup-head h2 { font-size: 20px; font-weight: 500; word-break: break-all; }

.window-popup .popup-content { overflow: visible; -webkit-box-sizing: border-box; box-sizing: border-box; }

.window-popup .popup-content .flexwrap { -webkit-box-sizing: border-box; box-sizing: border-box; max-height: 400px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: start; align-content: flex-start; }

.window-popup .popup-content .flexwrap .cell { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 25%; flex-basis: 25%; padding: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; }

.window-popup .outline-box .box-area { max-height: 400px; overflow-y: auto; word-break: break-all; }

.window-popup .outline-box .box-area { padding: 0px; border: 1px solid #d5d5d5; }

.card-point-popup .popup-inner { width: 540px; }

.card-point-popup .search-field { padding: 30px; background-color: #f3f1ef; }

.card-point-popup .search-field .input-cover input { height: 40px; }

.card-point-popup .search-field .input-cover .btn { line-height: 38px; }

.card-point-popup .article-block { margin-top: 30px; }

.card-point-popup .article-title { display: block; margin-bottom: 14px; font-weight: 500; font-size: 18px; color: #333; letter-spacing: -0.03em; }

.card-point-popup .data-table.medium th, .card-point-popup .data-table.medium td { padding: 19px 10px; text-align: center; font-weight: 500; font-size: 16px; letter-spacing: -0.03em; color: #333; }

.card-point-popup .data-table.medium th { background-color: #f6f6f6; }

.card-point-popup .btn-group-01 { margin-top: 20px; text-align: center; }

.card-point-popup .btn-group-01 .btn { width: auto; }

.card-point-popup .history-wrapper { border-top: 1px solid #d5d5d5; }

.card-point-popup .history-item:before, .card-point-popup .history-item:after { content: ""; display: table; }

.card-point-popup .history-item:after { clear: both; }

.card-point-popup .history-item dt, .card-point-popup .history-item dd { margin: 0; font-weight: 500; word-break: break-all; letter-spacing: -0.03em; }

.card-point-popup .history-item dt { float: left; font-size: 18px; }

.card-point-popup .history-item dt.date { max-width: 170px; }

.card-point-popup .history-item dt.store-name { max-width: 260px; }

.card-point-popup .history-item dd { float: right; text-align: right; }

.card-point-popup .history-item dd.code { max-width: 240px; font-size: 16px; color: #89898a; }

.card-point-popup .history-item dd.price { max-width: 150px; font-size: 18px; }

.card-point-popup .history-item dd.price .em { word-break: break-all; }

.card-point-popup .history-header { padding: 20px; border-bottom: 1px solid #d5d5d5; background-color: #f6f6f6; }

.card-point-popup .history-body { padding: 34px 20px; border-bottom: 1px solid #d5d5d5; }

html { font-size: 14px; overflow-y: scroll !important; }

html, html a { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); -webkit-font-smoothing: subpixel-antialiased; }

#container { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }

body { color: #222; font-family: "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", "돋움", Dotum, Helvetica, Arial, sans-serif; line-height: 1.5; letter-spacing: -0.03em; }

#content { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }

#wrap { min-width: 1200px; }

.section-inner { margin: 0 auto; width: 1200px; }

.section-inner:before, .section-inner:after { content: ""; display: table; }

.section-inner:after { clear: both; }

.table-vertical { display: table; table-layout: fixed; width: 100%; height: 100%; }

.table-vertical > .cell { display: table-cell; vertical-align: middle; }

.center-mode { position: absolute; display: block; top: 50%; left: 50%; margin: 0 auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

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

::-webkit-scrollbar-track { background-color: #e5e5e5; }

::-webkit-scrollbar-thumb { background-color: #89898a; border-radius: 0; }

::-webkit-scrollbar-thumb:hover { background: #555; }

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display: none; }

body::-webkit-scrollbar { width: 15px; }

body::-webkit-scrollbar-track { background-color: #e5e5e5; }

body::-webkit-scrollbar-thumb { background-color: #89898a; border-radius: 10px; }

body::-webkit-scrollbar-thumb:hover { background: #555; }

body::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display: none; }

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

.fc-black { color: #222222; }

.dis-block { display: block; }

.accordion-list.on > .accordion-body { display: block; }

.accordion-list .accordion-body { display: none; }

.accordion-list .accordion-btn { cursor: pointer; }

.accordion-type01 .accordion-list.on .accordion-header { border-top-color: #000000; }

.accordion-type01 .accordion-list.on .accordion-header .title-area h3 { font-weight: 500; }

.accordion-type01 .accordion-list.on .accordion-header .btn-toggle { background-image: url("../images/common/arrow/ico-arrow-up-13x8.png"); }

.accordion-type01 .accordion-header { position: relative; border-top: 1px solid #aaaaaa; padding: 25px 53px 25px 20px; }

.accordion-type01 .accordion-header .title-area h3 { font-size: 18px; font-weight: 300; color: #000000; word-break: break-all; }

.accordion-type01 .accordion-header .btn-toggle { display: inline-block; position: absolute; z-index: 2; top: 50%; margin-top: -10px; right: 17px; width: 20px; height: 20px; overflow: hidden; text-indent: -9999px; font-size: 0.01em; color: transparent; background-image: url("../images/common/arrow/ico-arrow-down-13x8.png"); background-repeat: no-repeat; background-size: 13px 8px; background-position: center center; background-color: transparent; border: 0; }

.accordion-type01 .accordion-body { border-top: 1px solid #aaaaaa; }

.accordion-type01 .accordion-body.bg-gray { background-color: #f6f6f6; }

.accordion-type01 .accordion-list:last-child .accordion-header, .accordion-type01 .accordion-list:last-child .accordion-body { border-bottom: 1px solid #aaaaaa; }

.accordion-type01 .accordion-list:last-child.on .accordion-header { border-bottom: 0; }

.comments-section { margin-top: 85px; }

.comment-counting-wrapper { padding-bottom: 8px; }

.comment-counting-wrapper:before, .comment-counting-wrapper:after { content: ""; display: table; }

.comment-counting-wrapper:after { clear: both; }

.comment-counting-wrapper .count-wrap { float: left; font-size: 20px; font-weight: 500; }

.comment-counting-wrapper .view-wrap { margin-top: 6px; float: right; }

.comment-counting-wrapper .view-wrap .etc-check-list .asset label { color: #333333; }

.comment-list-section { border-top: 1px solid #000; }

.comment-list-section .write-module-box .write-box-wrap { height: 140px; }

.comment-list-section .write-module-box .etc-wrap { margin-bottom: 16px; }

.comment-list-section .write-module-box .attach-file-btn .attach-btn { position: relative; padding-left: 23px; font-size: 12px; border: 0; color: #89898a; background-color: transparent; }

.comment-list-section .write-module-box .attach-file-btn .attach-btn:before { display: inline-block; content: ''; position: absolute; top: 3px; left: 0; width: 18px; height: 14px; background-size: contain; background-image: url("../images/common/ico-camera-small.png"); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; }

.comment-list-section .write-module-box .attach-file-btn .attach-btn span { position: relative; }

.comment-list-section .write-module-box .attach-file-btn .attach-btn span:after { display: inline-block; content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #89898a; }

.comment-list-section .write-module-box .file-add-module .item { width: 144px; height: 88px; }

.comment-list-section .write-module-box .file-add-module .item.register label { background-image: url("../images/common/bg-comment-file.png"); }

.comment-list-section .write-module-box .apply-btn-group { text-align: right; }

.comment-list-section .write-module-box .apply-btn-group .btn { min-width: 112px; border-radius: 5px; }

.comment-write-wrapper { padding: 40px 20px 20px; border-bottom: 1px solid #d5d5d5; }

.comment-list-wrapper { border-bottom: 1px solid #d5d5d5; }

.comment-list-wrapper .sample-top + .sample-top { border-top: 1px solid #d5d5d5; }

.comment-list-wrapper .comment-area { padding: 24px 20px; }

.comment-list-wrapper .comment-area + .comment-area { border-top: 1px solid #d5d5d5; }

.comment-list-wrapper .comment-area.comment { position: relative; padding-right: 120px; }

.comment-list-wrapper .comment-area.comment .comment-btn-group { position: absolute; top: 28px; right: 20px; text-align: center; }

.comment-list-wrapper .comment-area.comment .comment-btn-group .btn-eval-area { text-align: center; }

.comment-list-wrapper .comment-area.comment .comment-btn-group .btn-eval-area .btn-eval { float: none; display: inline-block; background-color: #fff; }

.comment-list-wrapper .comment-area.comment .comment-btn-group .btn-eval-area .btn-eval .ico { margin-right: 0; }

.comment-list-wrapper .comment-area.comment .comment-btn-group .btn-eval-area + .btn-control-unit { margin-top: 7px; }

.comment-list-wrapper .comment-area.comment.reply { padding-left: 40px; background-color: #f6f6f6; }

.comment-list-wrapper .comment-area.comment.reply .user-id { position: relative; }

.comment-list-wrapper .comment-area.comment.reply .user-id:before { display: block; position: absolute; content: ''; top: 6px; left: -18px; width: 7px; height: 7px; border-left: 1px solid #333333; border-bottom: 1px solid #333333; }

.comment-list-wrapper .comment-area.reply-write { padding: 14px 20px; }

.comment-list-wrapper .comment-area.reply-write .write-module-box { margin-top: 20px; }

.comment-list-wrapper .comment-area.remove { padding: 36px 12px; font-size: 16px; color: #aaaaaa; word-break: break-all; }

.comment-list-wrapper .register-info-wrap .user-id { display: inline-block; font-size: 14px; }

.comment-list-wrapper .register-info-wrap .user-id + .register-date { margin-left: 9px; display: inline-block; font-size: 14px; color: #89898a; }

.comment-list-wrapper .comment-detail { margin-top: 21px; }

.comment-list-wrapper .comment-detail .text-area { color: #333333; word-break: break-all; }

.comment-list-wrapper .comment-detail .img-wrap { margin-top: 16px; width: 144px; height: 88px; overflow: hidden; background-color: #f8f8f8; }

.comment-list-wrapper .comment-detail .img-wrap > a { display: table; table-layout: fixed; width: 100%; height: 100%; }

.comment-list-wrapper .comment-detail .img-wrap .img-area { display: table-cell; vertical-align: middle; }

.comment-list-wrapper .comment-detail .img-wrap .img-area img { margin: 0 auto; display: block; width: 100%; }

.result-empty-content.comment { padding: 65px 0 61px; background-color: transparent; }

.result-empty-content.comment .text { margin-top: 14px; font-size: 18px; font-weight: normal; color: #333333; }

.result-empty-content.comment .ico img { width: auto; }

/* 상품상세 */
.thumbnail-wrap { position: relative; overflow: hidden; }

.thumbnail-wrap .thumbnail-inner { width: 100%; height: 100%; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; }

.thumbnail-wrap .link { display: block; width: 100%; height: 100%; }

.thumbnail-wrap .thumbnail { display: table; table-layout: fixed; width: 100%; height: 100%; margin: 0 auto; }

.thumbnail-wrap .cell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }

.thumbnail-wrap .cell img { display: block; max-width: 100%; margin: 0 auto; }

.product-list .item { position: relative; background-color: #fff; }

.product-list .item:hover .button-unit { display: table; }

.product-list .item.soldout .soldout-area { display: table; }

.product-list .link { display: block; width: 100%; height: 100%; }

.product-list .feature-badge-wrap { position: absolute; top: 0; left: 0; z-index: 2; }

.product-list .soldout-area { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; text-align: center; background-color: rgba(255, 255, 255, 0.5); }

.product-list .soldout-area .text { padding: 5px 10px; border: 2px solid #fff; border-radius: 5px; font-weight: 500; font-size: 20px; color: #fff; letter-spacing: -0.03em; background-color: rgba(0, 0, 0, 0.5); }

.product-list .detail .cell { display: table-cell; width: 100%; height: 100%; vertical-align: middle; }

.product-list .detail .percent { font-weight: bold; font-size: 22px; color: #6400b8; }

.product-list .title-area .brand { display: inline-block; border-bottom: 1px solid #89898a; font-weight: 500; font-size: 16px; letter-spacing: -0.03em; color: #89898a; word-break: break-all; }

.product-list .title-area .title { display: block; margin-top: 12px; font-weight: 500; font-size: 18px; letter-spacing: -0.03em; color: #333; word-break: break-all; display: block; display: -webkit-box; height: 3em; max-height: 3em; text-overflow: ellipsis; line-height: 1.5em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }

.product-list .origin-price { font-weight: 300; font-size: 12px; color: #aaa; }

.product-list .origin-price .number { font-size: 16px; text-decoration: line-through; word-break: break-all; }

.product-list .current-price { font-weight: 500; font-size: 16px; color: #000; }

.product-list .current-price .number { font-size: 22px; word-break: break-all; }

.product-list .tip-box { display: none; }

.product-list .tip-box:before, .product-list .tip-box:after { content: ""; display: table; }

.product-list .tip-box:after { clear: both; }

.product-list .tip-box span { display: block; float: left; }

.product-list .tip-box .tag { width: 30px; height: 16px; line-height: 16px; border-radius: 50px; text-align: center; font-size: 12px; color: #fff; background-color: #6400b8; }

.product-list .tip-box .text { margin-left: 8px; line-height: 16px; font-weight: 500; font-size: 12px; color: #89898a; }

.product-list .percent-area { display: none; }

.product-list .button-unit { display: none; table-layout: fixed; position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; text-align: center; background-color: rgba(0, 0, 0, 0.7); }

.product-list .button-unit .btn + .btn { margin-left: 10px; }

.product-list .promotion-badge-unit { position: absolute; top: 28px; left: 20px; z-index: 2; }

.product-list.column:before, .product-list.column:after { content: ""; display: table; }

.product-list.column:after { clear: both; }

.product-list.column.best .item:nth-child(4n+1):after { display: none; }

.product-list.column.best .item:nth-child(n+5) { margin-top: 16px; }

.product-list.column .item { float: left; width: 288px; height: 490px; margin-right: 16px; position: relative; }

.product-list.column .item:nth-child(4n+1):after { display: block; content: ""; position: absolute; bottom: 0; left: 0; z-index: 5; width: 1200px; height: 1px; background-color: #ddd; }

.product-list.column .item:nth-child(4n) { margin-right: 0; }

.product-list.column .thumbnail-wrap { height: 300px; padding: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.product-list.column .title-area { padding: 0 20px; }

.product-list.column .summary-info { padding: 10px 20px 25px; margin-top: 4px; position: relative; }

.product-list.column .price-area:before, .product-list.column .price-area:after { content: ""; display: table; }

.product-list.column .price-area:after { clear: both; }

.product-list.column .origin-price { display: inline-block; margin-left: 7px; }

.product-list.column .origin-price + .current-price { float: left; }

.product-list.column .origin-price .origin, .product-list.column .origin-price .percent { display: inline-block; }

.product-list.column .origin-price .origin { margin-top: 5px; }

.product-list.column .origin-price .percent { margin-left: 6px; }

.product-list.column .badge-area { margin-top: 6px; }

.product-list.column .benefit-badge-unit .badge { float: left; }

.product-list.column .benefit-badge-unit .badge + .badge { margin-left: 2px; }

.product-list.column .button-unit { height: 95px; }

.product-list.row .item { display: table; table-layout: fixed; height: 220px; border-bottom: 1px solid #e5e5e5; -webkit-box-sizing: border-box; box-sizing: border-box; }

.product-list.row .promotion-badge-unit { top: 10px; }

.product-list.row .thumbnail-wrap { display: table-cell; vertical-align: middle; padding: 0 50px; }

.product-list.row .soldout-area { height: 220px; }

.product-list.row .thumbnail-inner { width: 200px; height: 200px; }

.product-list.row .detail { display: table-cell; vertical-align: middle; width: 900px; }

.product-list.row .title-area { display: table-cell; vertical-align: middle; width: 480px; padding: 0 20px 0 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.product-list.row .summary-info { display: table-cell; vertical-align: middle; width: 420px; }

.product-list.row .tip-box { display: block; margin-top: 12px; }

.product-list.row .percent-area, .product-list.row .price-area, .product-list.row .badge-area { display: table-cell; vertical-align: middle; height: 100%; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.product-list.row .percent-area { width: 115px; text-align: center; }

.product-list.row .price-area { width: 155px; text-align: right; }

.product-list.row .origin-price .percent { display: none; }

.product-list.row .badge-area { width: 150px; height: 220px; position: relative; }

.product-list.row .benefit-badge-unit { text-align: center; }

.product-list.row .benefit-badge-unit .badge + .badge { margin-top: 2px; }

.product-list.row .benefit-badge-unit .badge img { margin: 0 auto; }

.product-list.row .button-unit { height: 220px; }

.product-slider-wrapper { position: relative; }

.product-slider-wrapper .slider-navigation.type01 { z-index: 3; }

.product-slider-wrapper > .title-area { margin-bottom: 25px; position: relative; }

.product-slider-wrapper > .title-area:before, .product-slider-wrapper > .title-area:after { content: ""; display: table; }

.product-slider-wrapper > .title-area:after { clear: both; }

.product-slider-wrapper > .title-area .title { padding-right: 80px; font-weight: 500; font-size: 24px; letter-spacing: -0.03em; color: #333; word-break: break-all; }

.product-slider-wrapper > .title-area .slider-navigation { position: absolute; top: 13px; right: 0; }

.product-slider-wrapper > .title-area.small .title { font-size: 20px; }

.product-list.swiper-container .item { width: 288px; }

.product-list.swiper-container .item:nth-child(4n+1):after { display: none; }

.product-list.swiper-container .item:nth-child(4n) { margin-right: 16px; }

.product-list.swiper-container .item:last-of-type { margin-right: 0; }

.product-list.swiper-container .item:nth-child(n+5) { margin-top: 0; }

.product-list.column.ranking .item { width: 288px; height: 427px; position: relative; background-color: transparent; }

.product-list.column.ranking .item:nth-child(4n+1):after { display: none; }

.product-list.column.ranking .item:nth-child(4), .product-list.column.ranking .item:nth-child(5) { margin-top: 15px; }

.product-list.column.ranking .item:nth-child(n+6) { margin-top: 60px; }

.product-list.column.ranking .item:nth-child(6) { clear: both; }

.product-list.column.ranking .item:nth-child(6):before { display: block; content: ""; position: absolute; top: -68px; left: 0; width: 1200px; height: 8px; background: url("../images/goods/line-dashed.png") no-repeat 0 0; }

.product-list.column.ranking .item:nth-child(n+6):nth-child(-n+9) { margin-top: 100px; }

.product-list.column.ranking .item:first-of-type { width: 592px; height: 869px; }

.product-list.column.ranking .item:first-of-type .ranking { width: 94px; height: 105px; font-size: 50px; background-image: url("../images/goods/bg-ranking-large.png"); }

.product-list.column.ranking .item:first-of-type .thumbnail-wrap { width: 500px; height: 500px; }

.product-list.column.ranking .item:first-of-type .thumbnail-inner { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

.product-list.column.ranking .item:first-of-type .button-unit { height: 25%; }

.product-list.column.ranking .item:first-of-type .detail { margin-top: 62px; }

.product-list.column.ranking .item:first-of-type .title-area .brand { font-size: 20px; }

.product-list.column.ranking .item:first-of-type .title-area .title { font-size: 24px; }

.product-list.column.ranking .item:first-of-type .current-price { font-size: 22px; }

.product-list.column.ranking .item:first-of-type .current-price .number { font-size: 28px; }

.product-list.column.ranking .item:first-of-type .origin-price { margin-left: 9px; font-size: 16px; }

.product-list.column.ranking .item:first-of-type .origin-price .number { font-size: 22px; }

.product-list.column.ranking .item:first-of-type .origin-price .percent { font-size: 28px; }

.product-list.column.ranking .item:first-of-type .badge-area { margin-top: 12px; }

.product-list.column.ranking .item:nth-child(3), .product-list.column.ranking .item:nth-child(5) { margin-right: 0; }

.product-list.column.ranking .ranking { width: 58px; height: 65px; position: absolute; top: 0; left: 0; z-index: 2; padding-top: 4px; text-align: center; font-weight: 500; font-size: 32px; color: #fff; background-repeat: no-repeat; background-position: 0 0; background-image: url("../images/goods/bg-ranking.png"); }

.product-list.column.ranking .thumbnail-wrap { width: 220px; height: 220px; margin: 0 auto; padding: 0; overflow: visible; }

.product-list.column.ranking .thumbnail-inner { position: relative; overflow: hidden; border-radius: 50%; border: 1px solid #e7e7e7; -webkit-box-sizing: border-box; box-sizing: border-box; }

.product-list.column.ranking .thumbnail-inner .button-unit { position: absolute; top: auto; bottom: 0; left: 0; height: 48%; }

.product-list.column.ranking .thumbnail-inner .button-unit .cell { padding-bottom: 15px; }

.product-list.column.ranking .detail { margin-top: 15px; }

div.swiper-button-next, div.swiper-button-prev { width: 16px; height: 44px; margin-top: -22px; background-size: cover; background-image: url("../images/common/arrow/ico-arrow-right-gray-16x44.png"); }

div.swiper-button-next { right: 0; }

div.swiper-button-prev { left: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

div.swiper-scrollbar { height: 2px; left: 0; bottom: 0; background: #d5d5d5; cursor: pointer; }

div.swiper-scrollbar .swiper-scrollbar-drag { height: 3px; top: -1px; border-radius: 0; background: #000; }

.swiper-container.swiper-container-horizontal > .swiper-scrollbar { position: static; height: 2px; bottom: 0; background: #d5d5d5; }

.swiper-container .swiper-scrollbar-drag { height: 3px; top: -1px; border-radius: 0; background: #000; }

.slider-navigation.type01 { width: 66px; position: relative; }

.slider-navigation.type01:before, .slider-navigation.type01:after { content: ""; display: table; }

.slider-navigation.type01:after { clear: both; }

.slider-navigation.type01 .swiper-navigation-button { position: static; width: 8px; height: 14px; margin: 0; background-image: url("../images/common/arrow/ico-arrow-gray-8x14.png"); background-size: 8px 14px; }

.slider-navigation.type01 .swiper-button-prev { float: left; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.slider-navigation.type01 .swiper-button-next { float: right; }

.slider-navigation.type01 .bar { position: absolute; top: 50%; left: 50%; z-index: 2; margin-top: -8px; width: 1px; height: 16px; background-color: #d5d5d5; }

.slider-navigation.white .swiper-button-next, .slider-navigation.white .swiper-button-prev { background-image: url("../images/common/arrow/ico-arrow-right-w-16x44.png"); }

.slider-navigation.white2 .swiper-navigation { width: 20px; height: 29px; background-image: url("../images/common/arrow/ico-arrow-w-16x29.png"); background-position: 50% 50%; background-size: 16px 29px; }

.slider-navigation.white2 .swiper-button-next { top: 96px; right: 30px; }

.slider-navigation.white2 .swiper-button-prev { top: 96px; left: 30px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.slider-navigation.outside .swiper-button-prev { left: auto; right: 50%; margin-right: 665px; }

.slider-navigation.outside .swiper-button-next { left: 50%; margin-left: 665px; }

@media (max-width: 1400px) { .slider-navigation.outside .swiper-button-prev { margin-right: 620px; }
  .slider-navigation.outside .swiper-button-next { margin-left: 620px; } }

@media (max-width: 1300px) { .slider-navigation.outside .swiper-button-prev { margin-right: 575px; }
  .slider-navigation.outside .swiper-button-next { margin-left: 575px; } }

.swiper-pagination.swiper-pagination-bullets { bottom: 36px; left: 0; width: 100%; }

.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet { opacity: 1; width: 10px; height: 10px; margin: 0 10px; background-color: rgba(255, 255, 255, 0.6); }

.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active { width: 36px; height: 10px; border-radius: 50px; background-color: #fff; }

.keyvisual-container { max-width: 1920px; height: 600px; position: relative; overflow: hidden; margin: 0 auto; }

.keyvisual-container .swiper-slide { height: 600px; position: relative; }

.keyvisual-container .swiper-slide a { display: block; width: 100%; height: 100%; }

.keyvisual-container .visual-img { height: 100%; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; }

.keyvisual-container.brand-keyvisual { max-width: 1200px; height: 360px; }

.keyvisual-container.brand-keyvisual .swiper-slide { height: 360px; }

.keyvisual-container.brand-keyvisual .swiper-navigation-button.swiper-button-prev { left: 40px; }

.keyvisual-container.brand-keyvisual .swiper-navigation-button.swiper-button-next { right: 40px; }

.promotion-banner-container { max-width: 1920px; height: 220px; position: relative; }

.promotion-banner-container .swiper-slide { height: 220px; position: relative; }

.promotion-banner-container .swiper-slide a { display: block; width: 100%; height: 100%; }

.promotion-banner-container .banner-img { height: 100%; background-repeat: no-repeat; background-position: 50% 50%; }

.etc-common-content { margin-top: 148px; margin-bottom: 100px; }

.etc-common-content .state-header { text-align: center; }

.etc-common-content .state-header .ico { display: block; margin-bottom: 17px; }

.etc-common-content .state-header .ico img { display: block; margin: 0 auto; }

.etc-common-content .state-header .title { font-size: 40px; font-weight: 500; letter-spacing: -0.03em; color: #000000; word-break: break-all; }

.etc-common-content .state-header .sub-title { font-size: 20px; font-weight: 500; word-break: break-all; }

.etc-common-content .state-body { width: 894px; margin: 35px auto 0; padding: 38px 43px 40px; background-color: #f6f6f6; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

.etc-common-content .state-body .info-text { font-size: 22px; color: #333333; font-weight: 500; }

.etc-common-content .state-body .info-text + .guide-list { margin-top: 11px; }

.etc-common-content .state-body .guide-list { font-size: 16px; font-weight: 300; color: #89898a; word-break: break-all; }

.etc-common-content .state-body .guide-list li .line { border-bottom: 1px solid #e26b0f; }

.etc-common-content .state-body .guide-list li + li { margin-top: 2px; }

.etc-common-content .etc-btn-group { margin-top: 30px; text-align: center; }

.etc-common-content .etc-btn-group .btn { min-width: 220px; display: inline-block; }

.etc-common-content .etc-btn-group .btn + .btn { margin-left: 7px; }

.etc-common-content.setting .info-box { margin-top: 36px; padding: 24px; text-align: center; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

.etc-common-content.setting .info-box .detail { display: inline-block; font-size: 20px; font-weight: 500; color: #333333; }

.etc-common-content.setting .info-box .detail + .detail { position: relative; margin-left: 19px; padding-left: 21px; }

.etc-common-content.setting .info-box .detail + .detail:before { display: inline-block; position: absolute; content: ''; top: 50%; margin-top: -7px; left: 0; width: 1px; height: 14px; background-color: #89898a; }

.etc-common-content .etc-logo-wrap { margin-bottom: 30px; }

.etc-common-content .etc-logo-wrap img { display: block; }

.etc-common-content .state-wrapper { padding: 77px 0; border-top: 1px solid #333333; border-bottom: 1px solid #333333; }

.main-top-banner { position: relative; overflow: hidden; }

.main-top-banner a { display: block; }

.main-top-banner .btn-close { display: block; position: absolute; top: 50%; left: 50%; width: 17px; height: 17px; margin-left: 583px; margin-top: -8px; border: 0; text-indent: -9999px; background-color: transparent; background: url("../images/common/close/ico-close-17x17.png") no-repeat 0 0; cursor: pointer; }

.cscenter-info-box { border: 1px solid rgba(112, 112, 112, 0.2); -webkit-box-sizing: border-box; box-sizing: border-box; display: table; }

.cscenter-info-box .cs-info-area { display: table-cell; vertical-align: middle; position: relative; width: 440px; padding: 42px; border-right: 1px solid rgba(112, 112, 112, 0.2); -webkit-box-sizing: border-box; box-sizing: border-box; }

.cscenter-info-box .cs-info-area .inquire { width: 118px; position: absolute; right: 42px; bottom: 42px; }

.cscenter-info-box .cs-info-area .inquire .btn { min-width: 118px; height: 40px; line-height: 38px; border-radius: 5px; }

.cscenter-info-box .cs-info-area .inquire .btn + .btn { margin-top: 5px; }

.cscenter-info-box .cs-info-area strong, .cscenter-info-box .cs-info-area span, .cscenter-info-box .cs-info-area a { display: block; }

.cscenter-info-box .cs-info-area > p { font-size: 18px; line-height: 1.8em; }

.cscenter-info-box .cs-info-area > strong { font-size: 36px; line-height: 1.1em; }

.cscenter-info-box .cs-info-area > span { font-size: 16px; color: #89898a; }

.cscenter-info-box .cs-info-area .cs-center { display: inline-block; font-size: 16px; color: #333; border-bottom: 1px solid #333; font-weight: 500; }

.cscenter-info-box .cs-info-area .cs-center, .cscenter-info-box .cs-info-area .business-hours { margin-top: 16px; }

.cscenter-info-box .cs-etc-area { width: 758px; padding: 29px; display: table-cell; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; }

.cscenter-info-box .cs-etc-area .cs-link { position: relative; display: inline-block; padding-left: 150px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.cscenter-info-box .cs-etc-area .cs-link:after { position: absolute; content: ''; width: 132px; height: 132px; left: 0; top: 50%; margin-top: -66px; background-repeat: no-repeat; background-position: left top; }

.cscenter-info-box .cs-etc-area .cs-link h5 { font-size: 18px; color: #333; }

.cscenter-info-box .cs-etc-area .cs-link p { margin-top: 5px; max-width: 187px; font-size: 16px; color: #89898a; word-break: break-all; }

.cscenter-info-box .cs-etc-area .cs-link + .cs-link { margin-left: 20px; }

.cscenter-info-box .cs-etc-area .cs-store:after { background-image: url("../images/common/ico-footer-store.png"); }

.cscenter-info-box .cs-etc-area .cs-product:after { background-image: url("../images/common/ico-footer-product.png"); }

.cscenter-info-box .cs-etc-area .cs-apply:after { background-image: url("../images/common/ico-footer-apply.png"); }

.main-keyvisual-section .swiper-btn-area { width: 100px; height: 28px; border-radius: 28px; position: absolute; left: 50%; margin-left: -600px; right: auto; bottom: 45px; }

.main-keyvisual-section .slider-navigation.white .swiper-button-next, .main-keyvisual-section .slider-navigation.white .swiper-button-prev { width: 28px; height: 76px; margin-top: -38px; background-size: 16px 44px; background-position: center center; }

.main-keyvisual-section .btn-autoplay { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; z-index: 10; right: -40px; width: 28px; height: 28px; background: rgba(34, 34, 34, 0.3); border-radius: 28px; border: 0; cursor: pointer; }

.main-keyvisual-section .btn-autoplay.on span { background: url("../images/main/btn-play.png") no-repeat 1px 0; }

.main-keyvisual-section .btn-autoplay span { display: block; width: 12px; height: 12px; text-indent: -9999em; font-size: 0; background: url("../images/main/btn-stop.png") no-repeat 0 0; }

.event-banner-slider .item { opacity: 0.5; width: 720px; }

.event-banner-slider .item:before, .event-banner-slider .item:after { content: ""; display: table; }

.event-banner-slider .item:after { clear: both; }

.event-banner-slider .item.swiper-slide-active { opacity: 1; }

.event-banner-slider .thumbnail { float: left; width: 385px; height: 230px; position: relative; overflow: hidden; }

.event-banner-slider .thumbnail .link { display: block; width: 100%; height: 100%; }

.event-banner-slider .thumbnail img { display: block; max-width: 100%; margin: 0 auto; }

.event-banner-slider .detail { float: left; width: 320px; height: 230px; background-color: #fff; }

.event-banner-slider .detail .link { display: table; width: 100%; height: 100%; table-layout: fixed; }

.event-banner-slider .detail .cell { display: table-cell; vertical-align: middle; padding: 0 40px; }

.event-banner-slider .detail .title { display: block; font-weight: 500; font-size: 22px; color: #000; display: block; display: -webkit-box; height: 2.6em; max-height: 2.6em; text-overflow: ellipsis; line-height: 1.3em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; letter-spacing: -0.03em; word-break: break-all; }

.event-banner-slider .detail .sub-text { margin-top: 10px; font-weight: 500; font-size: 16px; letter-spacing: -0.03em; color: #89898a; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; word-break: break-all; }

.event-banner-slider .detail .more-text { display: inline-block; margin-top: 36px; border-bottom: 1px solid #000; font-weight: 500; font-size: 18px; color: #000; }

.event-banner-slider.swiper-container-horizontal .swiper-scrollbar { width: 1200px; margin: 65px auto 0; }

.subpage-detail-content .detail-content-header { position: relative; padding-right: 260px; padding-top: 60px; }

.subpage-detail-content .detail-content-header .sale-date { font-size: 18px; color: #333; margin-bottom: 30px; }

.subpage-detail-content .detail-content-header .detail-title { font-size: 30px; font-weight: bold; word-break: break-all; }

.subpage-detail-content .detail-content-header .detail-sub { margin-top: 16px; font-size: 18px; color: #606060; font-weight: normal; word-break: break-all; }

.subpage-detail-content .detail-content-header .share-list-wrap { position: absolute; right: 0; bottom: 0; }

.subpage-detail-content .detail-content-body { position: relative; margin-top: 60px; }

.subpage-detail-content .detail-content-body img { display: block; width: auto !important; max-width: 100%; height: auto !important; margin: 0 auto; }

.subpage-detail-content .detail-content-body .loader { top: 200px; bottom: auto; }

.investigation-container { margin-top: 60px; padding: 65px 132px; background-color: #f6f6f6; letter-spacing: -0.03em; }

.investigation-container .article-block + .article-block { margin-top: 55px; }

.investigation-container .article-block .title { display: block; margin-bottom: 20px; font-weight: 500; font-size: 18px; color: #222; }

.investigation-container .select-area, .investigation-container .text-area { border: 1px solid #d5d5d5; background-color: #fff; }

.investigation-container .select-area { padding: 30px; }

.investigation-container .select-area .selector-wrap.horizontal .asset { margin-right: 40px; margin-bottom: 0; }

.investigation-container .text-area { height: 200px; }

.investigation-container .text-area textarea { width: 100%; height: 100%; border: 0; padding: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.common-interval-top .bm-info { margin-top: 7px; font-size: 16px; text-align: right; }

.ranking-detail-content .product-list.ranking { padding-bottom: 36px; margin-top: 58px; }

.ranking-detail-content .pagination { margin-top: 0; padding-top: 60px; border-top: 1px solid #d5d5d5; }

.banner-promotion-list:before, .banner-promotion-list:after { content: ""; display: table; }

.banner-promotion-list:after { clear: both; }

.banner-promotion-list .list { float: left; position: relative; width: 279px; margin-bottom: 60px; }

.banner-promotion-list .list + li { margin-left: 28px; }

.banner-promotion-list .list:nth-child(4n+1) { margin-left: 0; }

.banner-promotion-list .list .banner { position: relative; }

.banner-promotion-list .list .banner a { display: block; height: 370px; overflow: hidden; }

.banner-promotion-list .list .banner span { position: absolute; bottom: -17px; left: 10px; }

.banner-promotion-list .list .banner-detail { height: 90px; padding-top: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.banner-promotion-list .list .banner-detail .banner-title, .banner-promotion-list .list .banner-detail .banner-sub { overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.banner-promotion-list .list .banner-detail .banner-title { font-size: 17px; font-weight: 500; }

.banner-promotion-list .list .banner-detail .banner-sub { margin-top: 4px; font-size: 14px; color: #89898a; }

.banner-promotion-list .list a { display: block; width: 100%; height: 100%; }

.banner-promotion-list .list img { display: block; margin: 0 auto; max-width: 100%; }

.banner-promotion-list .list .center-mode { position: static; top: auto; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; }

.common-page-introduction { color: #333333; }

.common-page-introduction .detail-wrap { position: relative; margin: 0px auto 0; padding-top: 60px; width: 1200px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.common-page-introduction.white-color { color: #fff; }

.common-page-introduction .page-name, .common-page-introduction .page-info { display: inline-block; font-weight: normal; }

.common-page-introduction .page-name { font-size: 40px; color: #222; font-weight: bold; }

.common-page-introduction .page-info { font-size: 18px; margin-left: 10px; color: #606060; }

.common-page-introduction a { display: block; }

.maingnb__wrap { margin: 60px auto 0; max-width: 1200px; }

.maingnb__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: normal; -ms-flex-align: normal; align-items: normal; -ms-flex-line-pack: normal; align-content: normal; }

.maingnb__item { width: 100px; text-align: center; }

.maingnb__item:nth-child(n+2) { margin-left: 40px; }

.maingnb__item a { display: block; }

.maingnb__item span { margin-top: 5px; font-size: 16px; display: block; display: -webkit-box; max-height: 2.4em; text-overflow: ellipsis; line-height: 1.2em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }

.maintitle__wrap { margin: 0px auto 0; max-width: 1200px; }

.maintitle__wrap h3 { font-weight: bold; font-size: 30px !important; letter-spacing: -0.02em; text-align: center; color: #000; }

.maintitle__wrap p { margin-top: 5px; font-weight: normal; font-size: 16px; letter-spacing: -0.02em; text-align: center; color: #333; }

.basicprd { overflow: hidden; }

.basicprd__wrap { width: 1200px; margin: 0 auto; }

.prditem__wrap { margin: 0 auto; width: 1200px; }

.prditem__wrap:after { content: ""; display: block; clear: both; }

.prditem > li + li { margin-left: 40px; }

.prditem > li:nth-child(4n+1) { margin-left: 0; }

.prditem .prditem__list.swiper-slide { margin-left: 0 !important; }

.prditem__list { display: block; width: 270px; float: left; }

.prditem__list:nth-child(n+5) { margin-top: 40px; }

.prditem__list .thumb { position: relative; }

.prditem__list .thumb a { vertical-align: middle; width: 100%; height: 100%; }

.prditem__list .thumb a img { display: block; width: 100%; }

.prditem__list .thumb a .soldout-cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(52, 52, 52, 0.7); color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; z-index: 1; }

.prditem__list .info { margin-top: 8px; }

.prditem__list .info .title { margin-bottom: 11px; word-break: break-all; display: block; display: -webkit-box; height: 3.2em; max-height: 3.2em; text-overflow: ellipsis; line-height: 1.6em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; font-weight: normal; font-size: 14px; letter-spacing: -0.02em; color: #222; }

.prditem__list .info .title .badge { padding-right: 5px; font-weight: 500; font-size: 14px; letter-spacing: -0.02em; text-align: left; }

.prditem__list .info .title .badge + .badge { position: relative; padding-left: 5px; }

.prditem__list .info .title .badge + .badge:before { content: ''; position: absolute; left: -2px; top: 5px; width: 2px; height: 12px; background: #bababa; }

.prditem__list .info dl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; /* flex-flow: row wrap; */ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; }

.prditem__list .info dl dt.title { width: 100%; }

.prditem__list .info dd { -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -ms-flex-item-align: start; align-self: flex-start; margin: 0; padding: 0; display: inline-block; font-family: Roboto; }

.prditem__list .info .discount { margin-right: 6px; font-weight: bold; font-size: 20px; letter-spacing: -0.01em; color: #e26b10; }

.prditem__list .info .price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.prditem__list .info .price strong { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; margin-right: 6px; font-weight: bold; font-size: 20px; letter-spacing: -0.01em; color: #222; }

.prditem__list .info .price strong span { font-family: "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", "돋움", Dotum, Helvetica, Arial, sans-serif; font-size: 18px; }

.prditem__list .info .price del { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; font-weight: normal; font-size: 16px; letter-spacing: -0.03em; color: #bababa; }

.prditem__list .icons { font-family: 'Roboto'; margin-top: 6px; }

.prditem__list .icons .grade { display: inline-block; padding-left: 20px; background: url("../images/main/ico-star-18x18.png") no-repeat 0 1px; font-weight: normal; font-size: 14px; letter-spacing: -0.01em; color: #666666; }

.prditem__list .icons .btn__prd { display: inline-block; margin-left: 18px; }

.prditem__list .icons .btn__prd li { display: inline-block; width: 20px; height: 20px; text-indent: -9999em; }

.prditem__list .icons .btn__prd li + li { margin-left: 20px; }

.prditem__list .icons .btn__prd li a { display: block; width: 100%; height: 100%; }

.prditem__list .icons .btn__prd--like { background: url("../images/main/ico-like-20x20.png") no-repeat 0 0; }

.prditem__list .icons .btn__prd--like.on { background: url("../images/main/ico-like-on-20x20.png") no-repeat 0 0; }

.prditem__list .icons .btn__prd--cart { background: url("../images/main/ico-cart-20x20.png") no-repeat 0 0; }

.prditem__list .icons .benefit { display: block; clear: both; margin-top: 8px; overflow: hidden; }

.prditem__list .icons .benefit li { float: left; padding: 2px 6px; font-weight: 500; font-size: 12px; letter-spacing: -0.01em; font-family: "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", "돋움", Dotum, Helvetica, Arial, sans-serif; }

.prditem__list .icons .benefit li + li { margin-left: 6px !important; }

.timedeal { width: 1200px; margin: 100px auto 0; }

.timedeal .timedeal-swiper-wrap { position: relative; margin-top: 24px; }

.timedeal .timedeal-swiper-wrap .swiper-wrapper.prditem-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.timedeal .prditem__list .thumb .emblem__area { position: absolute; right: 14px; top: 14px; width: 64px; height: 64px; z-index: 1; }

.timedeal .prditem__list .thumb .emblem__area img { display: block; width: 100%; }

.timedeal .prditem__list .thumb .timedeal-open { width: 100%; height: 282px; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.4); text-align: center; color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-family: 'Roboto'; z-index: 2; }

.timedeal .prditem__list .thumb .timedeal-open .sale { width: 100%; font-size: 21px; font-weight: 500; line-height: 1.2; }

.timedeal .prditem__list .thumb .timedeal-open .sale > span { font-size: 26px; font-weight: 300; display: block; }

.timedeal .prditem__list .thumb .timedeal-open.exhibition span { font-family: Roboto; font-weight: normal; font-size: 16px; text-align: center; color: #fff; }

.timedeal .prditem__list .thumb .timedeal-open.exhibition span.coming { padding-bottom: 14px; position: relative; }

.timedeal .prditem__list .thumb .timedeal-open.exhibition span.coming:after { content: ''; width: 40px; height: 1px; position: absolute; left: 50%; bottom: 0; margin-left: -20px; background: #fff; }

.timedeal .prditem__list .thumb .timedeal-open.exhibition span.date { margin-top: 12px; font-weight: bold; font-size: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 4px; }

.timedeal .prditem__list .thumb .timedeal-open.exhibition span.date em { font-size: 18px; font-style: normal; font-weight: 500; }

.timedeal .prditem__list .thumb .timedeal-open.exhibition span.open { font-weight: bold; font-size: 24px; }

.timedeal .prditem__list .thumb .time-info { margin-top: 6px; background: #EFEFEF; }

.timedeal .prditem__list .thumb .time-info.exhibition .endtime { color: #FF5800; }

.timedeal .prditem__list .thumb .time-info .finished { height: 32px; line-height: 32px; color: #222222; text-align: center; font-size: 15px; font-weight: 400; letter-spacing: -0.04em; -webkit-box-sizing: border-box; box-sizing: border-box; }

.timedeal .prditem__list .thumb .endto { position: absolute; left: 0; bottom: 0; background: #8C8CF1; width: 84px; height: 32px; line-height: 29px; font-size: 16px; color: #fff; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

.timedeal .prditem__list .thumb .opento { position: absolute; left: 0; bottom: 0; background: #F2A63C; width: 84px; height: 32px; line-height: 29px; font-size: 16px; color: #fff; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

.timedeal .prditem__list .info .title { font-size: 16px; }

.timedeal .prditem__list .info .discount { font-size: 24px; }

.timedeal .prditem__list .info .price strong { font-size: 24px; }

.timedeal .prditem__list .info .price del { font-size: 18px; }

.timedeal .prditem__list .icons .grade { color: #BABABA; padding-left: 24px; background: url("../images/main/ico-star-22x22.png") no-repeat 0 1px; font-weight: normal; font-size: 16px; letter-spacing: -0.01em; color: #BABABA; }

.timedeal .prditem__list .icons .btn__prd { display: inline-block; margin-left: 20px; }

.timedeal .prditem__list .icons .btn__prd li { display: inline-block; width: 22px; height: 22px; text-indent: -9999em; }

.timedeal .prditem__list .icons .btn__prd li + li { margin-left: 20px; }

.timedeal .prditem__list .icons .btn__prd li a { display: block; width: 100%; height: 100%; }

.timedeal .prditem__list .icons .btn__prd--like { background: url("../images/main/ico-like-22x22.png") no-repeat 0 0; }

.timedeal .prditem__list .icons .btn__prd--like.on { background: url("../images/main/ico-like-on-22x22.png") no-repeat 0 0; }

.timedeal .prditem__list .icons .btn__prd--cart { background: url("../images/main/ico-cart-22x22.png") no-repeat 0 0; }

.timedeal .prditem__list .icons .benefit { margin-top: 10px; }

.timedeal .prditem__list .icons .benefit li { padding: 4px 6px; font-size: 14px; }

.timedeal .prditem__list { width: 380px; margin-top: 0; }

.timedeal .prditem__list .thumb a .soldout-cover { height: 282px; font-family: Roboto; font-weight: 300; font-size: 26px; color: #fff; }

.timedeal .prditem__list .thumb a .soldout-cover + .timedeal-open { display: none; }

.timedeal .time-count { height: 32px; line-height: 32px; color: #222222; text-align: center; font-size: 15px; font-weight: 300; letter-spacing: -0.04em; padding-left: 84px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.timedeal .time-count.endtime { color: #FF5800; }

.timedeal .time-count strong { font-family: 'Roboto'; font-size: 16px; font-weight: bold; }

.timedeal .swiper-btn-area > div { position: absolute; top: 145px; width: 36px; height: 36px; text-indent: -100000em; font-size: 0; border-radius: 50%; z-index: 100; }

.timedeal .swiper-btn-area .swiper-prev { left: -56px; background: url(../images/common/swiper-smbtn-prev.png) no-repeat 0/100%; -webkit-transform: none; -ms-transform: none; transform: none; }

.timedeal .swiper-btn-area .swiper-next { right: -56px; background: url(../images/common/swiper-smbtn-next.png) no-repeat 0/100%; }

.widebanner-container { position: relative; margin: 80px auto 0; max-width: 1920px; height: 200px; }

.widebanner-container .swiper-slide { height: 200px; position: relative; }

.widebanner-container .swiper-slide a { display: block; width: 100%; height: 100%; }

.widebanner-container .banner-img { height: 100%; background-repeat: no-repeat; background-position: 50% 50%; }

.exhibition__wrap { width: 1200px; margin: 120px auto 0; }

.exhibition__image { width: 580px; }

.exhibition__image a img { display: block; }

.exhibition__view { margin-top: 24px; }

.exhibition__view .exhibition__image { float: left; }

.exhibition__view.viewtype01 .exhibition__image { width: 460px; height: 380px; }

.exhibition__view.viewtype01 .exhibition__image > a { display: block; width: 100%; height: 100%; }

.exhibition__view.viewtype01 .exhibition__image > a > img { display: block; width: 100%; height: 100%; -o-object-fit: fill; object-fit: fill; }

.exhibition__view.viewtype01 .prditem__list { width: 228px; }

.exhibition__view.viewtype01 .prditem li + li { margin-left: 15px; }

.exhibition__view.viewtype01 .prditem li.show { display: inline-block !important; }

.exhibition__view.viewtype01 .prditem__list:nth-child(n+5) { display: none; }

.exhibition__view.viewtype01 .prditem__list:nth-child(2) { margin-left: 26px; }

.exhibition__view.viewtype01 .prditem__list:nth-child(5) { clear: both; margin-left: 0px; }

.exhibition__view.viewtype02 .exhibition__image { width: 460px; height: 800px; overflow: hidden; }

.exhibition__view.viewtype02 .exhibition__image > a { display: block; width: 100%; height: 100%; }

.exhibition__view.viewtype02 .exhibition__image > a > img { display: block; width: 100%; height: 100%; -o-object-fit: fill; object-fit: fill; }

.exhibition__view.viewtype02 .prditem__list { width: 228px; height: 380px; }

.exhibition__view.viewtype02 .prditem li + li { margin-left: 15px; }

.exhibition__view.viewtype02 .prditem__list:nth-child(2) { margin-left: 26px; }

.exhibition__view.viewtype02 .prditem__list:nth-child(5) { margin-left: 26px; }

.exhibition__view.viewtype03 .exhibition__image { margin-bottom: 20px; width: 1200px; height: 300px; }

.exhibition__view.viewtype03 .exhibition__image > a { display: block; width: 100%; height: 100%; }

.exhibition__view.viewtype03 .exhibition__image > a > img { display: block; width: 100%; height: 100%; -o-object-fit: fill; object-fit: fill; }

.exhibition__view.viewtype03 .prditem__list { width: 228px; }

.exhibition__view.viewtype03 .prditem li + li { margin-left: 15px; }

.exhibition__view.viewtype03 .prditem__list:nth-child(2) { margin-left: 0; }

.exhibition__view.viewtype03 .prditem__list { margin-top: 0px; }

.promotion__wrap { width: 1200px; margin: 120px auto 0; }

.promotion__content { width: 1200px; margin: 0 auto; }

.promotion__content .tit_list { position: relative; margin-top: 25px; font-size: 0; text-align: center; }

.promotion__content .tit_list li { display: inline-block; }

.promotion__content .tit_list li + li { margin-left: 20px; }

.promotion__content .tit_list li.active a { position: relative; background: #222; border-color: #222; color: #ffffff; z-index: 2; }

.promotion__content .tit_list li a { display: block; height: 40px; padding: 0 28px; font-weight: 500; font-size: 18px; letter-spacing: -0.02em; line-height: 40px; color: #999; opacity: 0.99; border: 1px solid #ddd; border-radius: 40px; }

.promotion__content .tab_con { position: relative; margin-top: 24px; }

.promotion__content .tab_con .tab_list { display: none; }

.promotion__content .tab_con .tab_list > div:not(.slider) ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.promotion__content .tab_con .tab_list > div:not(.slider) ul .prditem__list { margin-right: 0 !important; }

.promotion__content .tab_con .tab_list > div:not(.slider) ul .prditem__list + .prditem__list { margin-left: 24px !important; }

.promotion__content .tab_con .less-viewnum ul { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.promotion__content .tab_con .less-viewnum ul .prditem__list { margin-right: 0 !important; }

.promotion__content .tab_con .less-viewnum ul .prditem__list + .prditem__list { margin-left: 24px !important; }

.promotion__content .slider .inner { overflow: hidden; width: 100%; margin: 0 auto; }

.promotion__content .slider .btn_prev, .promotion__content .slider .btn_next { display: inline-block; position: absolute; top: 120px; width: 36px; height: 36px; background: url(../images/common/swiper-smbtn-next.png) center center no-repeat; background-size: cover; text-indent: -999em; cursor: pointer; z-index: 1; border: none; }

.promotion__content .slider .btn_prev { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); left: -56px; }

.promotion__content .slider .btn_next { right: -56px; }

.promotion__content .slider.centermode .swiper-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0; }

.promotion__content .slider.centermode .swiper-wrapper > li + li { margin-left: 24px !important; }

.promotion .prditem__list { margin-top: 0px; max-width: 282px; }

.popkeyword__wrap { width: 1200px; margin: 120px auto 0; }

.popkeyword__content .tit_list { display: block; margin-top: 20px; text-align: center; }

.popkeyword__content .tit_list > li { display: inline-block; }

.popkeyword__content .tit_list > li + li { margin-left: 20px; }

.popkeyword__content .tit_list > li.active a { color: #333; border-bottom: 2px solid #333; }

.popkeyword__content .tit_list > li a { font-weight: bold; font-size: 24px; letter-spacing: -0.02em; color: #d5d5d5; }

.popkeyword__content .tab_con { position: relative; width: 1200px; margin-top: 28px; }

.popkeyword__content .tab_con .tab_list { display: none; }

.popkeyword .prditem__list { width: 228px; }

.popkeyword .prditem li + li { margin-left: 15px; }

.popkeyword .prditem__list:nth-child(5) { margin-top: 0px; }

.mainbtn__wrap { width: 100%; margin-top: 60px; text-align: center; }

.mainbtn--w320 { display: inline-block; width: 320px; height: 48px; line-height: 47px; border-radius: 10px; color: #666666; text-align: center; letter-spacing: -0.01em; font-weight: normal; font-size: 14px; border: 1px solid #999999; font-weight: 500; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mainbtn .imgbtn img { vertical-align: text-bottom; margin-left: 5px; }

.bestprd__wrap { width: 1200px; margin: 120px auto 0; }

.bestprd__content { width: 1200px; margin: 0 auto; }

.bestprd__content .tit_list { position: relative; margin-top: 18px; font-size: 0; text-align: center; }

.bestprd__content .tit_list li { display: inline-block; }

.bestprd__content .tit_list li + li { margin-left: 40px; }

.bestprd__content .tit_list li.active a { position: relative; z-index: 2; color: #222; font-weight: bold; }

.bestprd__content .tit_list li.active a:after { position: absolute; content: ''; width: 100%; height: 2px; background: #222; bottom: -8px; left: 0; }

.bestprd__content .tit_list li a { display: block; font-weight: 500; font-size: 20px; letter-spacing: -0.02em; color: #D5D5D5; position: relative; height: 25px; line-height: 25px; }

.bestprd__content .tab_con { position: relative; margin-top: 32px; }

.bestprd__content .tab_con .tab_list { display: none; }

.bestprd__content .slider .inner { overflow: hidden; width: 100%; margin: 0 auto; }

.bestprd__content .slider .btn_prev, .bestprd__content .slider .btn_next { display: inline-block; position: absolute; top: 82px; width: 36px; height: 36px; background: url(../images/common/swiper-smbtn-prev.png) center center no-repeat; background-size: cover; text-indent: -999em; cursor: pointer; border: none; }

.bestprd__content .slider .btn_prev { left: -56px; }

.bestprd__content .slider .btn_next { right: -56px; -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.bestprd .prditem__list { margin-top: 0px; }

.brandnew__wrap { width: 1200px; margin: 120px auto 0; }

.brandnew__content { margin-top: 40px; }

.brandnew__content .tit_list { display: block; margin-top: 25px; text-align: center; }

.brandnew__content .tit_list li { display: inline-block; width: 80px; }

.brandnew__content .tit_list li + li { margin-left: 10px; }

.brandnew__content .tit_list li.active a { position: relative; display: block; }

.brandnew__content .tit_list li.active a > span { padding-bottom: 2px; font-weight: normal; font-size: 14px; letter-spacing: -0.02em; color: #222; border-bottom: 2px solid #222; }

.brandnew__content .tit_list li a { position: relative; display: block; }

.brandnew__content .tit_list li a.red-dot:before { position: absolute; right: 3px; top: 0px; padding: 0; content: ''; width: 24px; height: 24px; border-radius: 12px; border: 2px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1; background: url(../images/main/brandnew-dot.png) center center no-repeat; }

.brandnew__content .tit_list li a img { margin-bottom: 2px; width: 80px; height: 80px; }

.brandnew__content .tab_con { position: relative; margin-top: 40px; }

.brandnew__content .tab_con .tab_list { display: none; }

.brandnew__content .slider .inner { overflow: hidden; width: 100%; margin: 0 auto; }

.brandnew__content .slider .btn_prev, .brandnew__content .slider .btn_next { display: inline-block; position: absolute; top: calc(50% - 23px); width: 46px; height: 46px; background: url(../images/common/swiper-btn-next.png) center center no-repeat; background-size: cover; text-indent: -999em; cursor: pointer; border: none; }

.brandnew__content .slider .btn_prev { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); left: -76px; }

.brandnew__content .slider .btn_next { right: -76px; }

.brandnew__content .prditem__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.brandnew__content .prditem__list { margin-top: 0; width: 282px; margin-left: 24px; }

.brandnew__content .mainbtn a > img { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); vertical-align: sub; margin-left: 3px; }

.recoprd__wrap { width: 1200px; margin: 120px auto 0; }

.recoprd__wrap:after { content: ''; display: block; clear: both; }

.recoprd__content { margin-top: 40px; overflow: hidden; }

.recoprd__content .prditem { float: left; width: auto; margin-left: 33px; }

.recoprd__content .prditem__list { width: 228px; }

.recoprd__content .prditem__list + .prditem__list { margin-left: 15px; }

.recoprd__theme { position: relative; width: 210px; height: 400px; float: left; }

.recoprd__theme h4 { padding: 40px 24px 0; font-size: 20px; font-weight: normal; letter-spacing: -0.01em; text-align: center; line-height: 28px; }

.recoprd__theme > img { position: absolute; left: 0; top: 0; z-index: -1; }

.recoprd__theme .btn-refresh { position: absolute; bottom: 210px; left: 24px; display: block; margin: 0 auto; text-align: center; width: 162px; height: 44px; line-height: 44px; border-radius: 8px; background: #fff; -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1); }

.recoprd__theme .btn-refresh span { padding-right: 20px; background: url("../images/main/recoprd-btn.png") no-repeat 100% 75%; }

.bestreview.section-bestReview { margin-top: 100px; background: none; }

.bestreview.section-bestReview .best-review-list-wrap { position: relative; margin: 24px auto 0; width: 1200px; }

.bestreview.section-bestReview .best-review-list-wrap .loader-box { width: 100%; }

.bestreview.section-bestReview .best-review-list-wrap .swiper-btn-area { display: none; }

.bestreview.section-bestReview .best-review-list-wrap .swiper-slide { width: 330px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 20px; }

.bestreview.section-bestReview .best-review-list-wrap .swiper-slide > .thum { width: 330px; height: 280px; cursor: pointer; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; border-radius: 20px 20px 0px 0px; }

.bestreview.section-bestReview .best-review-list-wrap .swiper-slide > .thum a { display: block; width: 100%; height: 100%; }

.bestreview.section-bestReview .best-review-list-wrap .swiper-slide .cont { margin-top: 0; width: 330px; }

.bestreview.section-bestReview .best-review-list-wrap .swiper-slide .cont .bestreview__txt { position: relative; display: block; padding: 15px 20px; background: #F2F2F2; border-radius: 0px 0px 20px 20px; }

.bestreview.section-bestReview .best-review-list-wrap .swiper-slide .cont .bestreview__txt:after { content: ''; position: absolute; width: 0; height: 0; left: calc(50% - 13px); bottom: -18px; border-bottom: 0px solid transparent; border-top: 18px solid #f2f2f2; border-left: 13px solid transparent; border-right: 13px solid transparent; }

.bestreview.section-bestReview .best-review-list-wrap .swiper-slide .cont .bestreview__txt .txt { height: 40px; font-weight: normal; font-size: 14px; letter-spacing: -0.02em; color: #333; line-height: 20px; }

.bestreview.section-bestReview .best-review-list-wrap .swiper-slide .cont .bestreview__txt .write-info { margin-top: 10px; }

.bestreview.section-bestReview .best-review-list-wrap .swiper-slide .cont .bestreview__txt .write-info .writer, .bestreview.section-bestReview .best-review-list-wrap .swiper-slide .cont .bestreview__txt .write-info .date { font-family: Roboto; font-weight: normal; font-size: 12px; letter-spacing: -0.01em; color: #999; }

.bestreview.section-bestReview .best-review-list-wrap .swiper-slide .cont .product-link { border-top: none  !important; padding-top: 0  !important; margin-top: 26px  !important; }

.bestreview.section-bestReview .best-review-list-wrap .swiper-slide .cont .product-link .thum { float: left; width: 80px; height: 80px; }

.bestreview.section-bestReview .best-review-list-wrap .swiper-slide .cont .product-link .thum > a { display: block; width: 80px; height: 80px; }

.bestreview.section-bestReview .best-review-list-wrap .swiper-slide .cont .product-link .info { display: inline-block; width: calc(100% - 80px); -webkit-box-sizing: border-box; box-sizing: border-box; }

.bestreview.section-bestReview .best-review-list-wrap .swiper-slide .cont .product-link .info .tit { font-weight: normal; font-size: 14px; letter-spacing: -0.02em; color: #222; display: block; display: -webkit-box; height: 3.6em; max-height: 3.6em; text-overflow: ellipsis; line-height: 1.8em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }

.bestreview.section-bestReview .best-review-list-wrap .swiper-slide .cont .product-link .info .tit .badge { padding-right: 5px; font-weight: 500; font-size: 14px; letter-spacing: -0.02em; text-align: left; }

.bestreview.section-bestReview .best-review-list-wrap .swiper-slide .cont .product-link .info .tit .badge + .badge { position: relative; padding-left: 5px; }

.bestreview.section-bestReview .best-review-list-wrap .swiper-slide .cont .product-link .info .tit .badge + .badge:before { content: ''; position: absolute; left: -2px; top: 5px; width: 2px; height: 12px; background: #bababa; }

.bestreview.section-bestReview .best-review-list-wrap .swiper-slide .cont .product-link .info .price { margin-top: 6px; }

.bestreview.section-bestReview .best-review-list-wrap .swiper-slide .cont .product-link .info .price .discount, .bestreview.section-bestReview .best-review-list-wrap .swiper-slide .cont .product-link .info .price .sale { font-family: Roboto; font-weight: bold; font-size: 18px; }

.bestreview.section-bestReview .best-review-list-wrap .swiper-slide .cont .product-link .info .price .prime { font-size: 14px; }

.bestreview.section-bestReview .best-review-list-wrap .swiper-btn-area { display: block; }

.bestreview.section-bestReview .best-review-list-wrap .swiper-btn-area > div { position: absolute; top: 262px; width: 36px; height: 36px; text-indent: -100000em; font-size: 0; border-radius: 50%; z-index: 100; -webkit-box-shadow: none; box-shadow: none; }

.bestreview.section-bestReview .best-review-list-wrap .swiper-btn-area .swiper-prev { left: -56px; background: url(../images/common/swiper-smbtn-prev.png) no-repeat 0/100%; -webkit-transform: none; -ms-transform: none; transform: none; }

.bestreview.section-bestReview .best-review-list-wrap .swiper-btn-area .swiper-prev.swiper-button-disabled { opacity: 0.15; }

.bestreview.section-bestReview .best-review-list-wrap .swiper-btn-area .swiper-next { right: -56px; background: url(../images/common/swiper-smbtn-next.png) no-repeat 0/100%; }

.bestreview.section-bestReview .best-review-list-wrap .swiper-btn-area .swiper-next.swiper-button-disabled { opacity: 0.15; }

.bestreview.section-bestReview .best-review-list-wrap > .btn-area { margin-top: 60px; }

.bestreview .mainbtn--w320 > img { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

.brandarea__wrap { width: 1200px; margin: 120px auto 0; }

.brandarea__wrap:after { content: ''; display: block; clear: both; }

.brandarea__content { margin-top: 24px; }

.brandarea__content ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.brandarea__content ul li a { cursor: pointer; }

.brandarea__content ul li img { display: block; }

.brandarea__content ul li:nth-child(n+4) { margin-top: 20px; }

.result-empty-content { padding: 115px 16px 95px; text-align: center; }

.result-empty-content .ico { display: block; }

.result-empty-content .ico img { display: block; margin: 0 auto; }

.result-empty-content .text { display: block; margin-top: 27px; font-size: 20px; font-weight: bold; color: #222222; }

.result-empty-content .sub-text { margin-top: 5px; font-size: 16px; color: #999999; }

.result-empty-content .btn { min-width: 180px; height: 50px; line-height: 48px; border-radius: 0; }

.result-empty-content .result-btn { margin-top: 27px; }

.result-empty-content.result-top { border-top: 1px solid; }

.result-empty-content.order-fail { background-color: #fff; }

.result-empty-content.order-fail .text { font-size: 40px; }

.result-empty-content.order-fail .sub-text { color: #ed4300; font-size: 22px; }

.result-empty-content.order-fail .info-text { width: 470px; margin: 10px auto 0; color: #89898a; font-size: 16px; word-wrap: break-word; }

.result-empty-content.order-fail .result-btn .btn { width: 230px; height: 70px; line-height: 68px; font-size: 22px; }

.small-banner-section a, .small-banner-section img { display: block; margin: 0 auto; max-width: 100%; }

.definition-list dl, .definition-list dt, .definition-list dd { margin: 0; padding: 0; }

.definition-list dl:before, .definition-list dl:after { content: ""; display: table; }

.definition-list dl:after { clear: both; }

.definition-list dt, .definition-list dd { width: 50%; float: left; word-break: break-all; }

.definition-list dd { text-align: right; font-family: "Roboto", "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", "돋움", Dotum, Helvetica, Arial, sans-serif; }

.section-title-wrap .title { font-size: 40px; }

.section-title-wrap.medium { margin-bottom: 32px; }

.section-title-wrap.medium .title { font-size: 30px; }

.section-title-wrap.small { margin-bottom: 11px; }

.section-title-wrap.small .title { font-size: 20px; }

.section-title-wrap.detail { margin-top: 78px; margin-bottom: 43px; }

.section-title-wrap.detail .title { font-size: 50px; }

.promotion-badge-unit:before, .promotion-badge-unit:after { content: ""; display: table; }

.promotion-badge-unit:after { clear: both; }

.promotion-badge-unit .badge + .badge { display: block; margin-top: 2px; }

.promotion-badge-unit .badge img { display: block; }

.benefit-badge-unit:before, .benefit-badge-unit:after { content: ""; display: table; }

.benefit-badge-unit:after { clear: both; }

.benefit-badge-unit .badge { display: block; }

.benefit-badge-unit .badge img { display: block; height: 18px !important; }

.color-filter-list:before, .color-filter-list:after { content: ""; display: table; }

.color-filter-list:after { clear: both; }

.color-filter-list .item { margin-right: 12px; margin-bottom: 5px; position: relative; float: left; width: 30px; height: 30px; }

.color-filter-list .item:last-child { margin-right: 0; }

.color-filter-list .item.chk .item-label { position: relative; }

.color-filter-list .item.chk .item-label:after { position: absolute; content: ''; width: 30px; height: 30px; left: 0; top: 0; z-index: 2; background-image: url("../images/common/ico-check-white-17x13.png"); background-size: 17px 13px; background-repeat: no-repeat; background-position: center center; }

.color-filter-list .item.chk .item-label.check-bk:after { background-image: url("../images/common/ico-check-17x13.png"); }

.color-filter-list .item-label { width: 30px; height: 30px; border-radius: 50%; cursor: pointer; background-size: cover; background-position: center center; }

.color-filter-list input[type="checkbox"].no-uniform, .color-filter-list input[type="radio"].no-uniform { position: absolute; z-index: 3; top: 0; left: 0; opacity: 0; width: 30px; height: 30px; border-radius: 50%; }

.color-filter-list input[type="checkbox"].no-uniform + label, .color-filter-list input[type="radio"].no-uniform + label { display: block; overflow: hidden; text-indent: -9999px; font-size: 0.01em; color: transparent; width: 30px; height: 30px; border-radius: 15px; border: 1px solid #dddddd; -webkit-box-sizing: border-box; box-sizing: border-box; }

.color-filter-list input[type="checkbox"].no-uniform + label:before, .color-filter-list input[type="radio"].no-uniform + label:before { display: none; content: ''; position: absolute; top: 0; left: 0; width: 30px; height: 30px; background-image: url("../images/common/ico-check-white-17x13.png"); background-size: 17px 13px; background-repeat: no-repeat; background-position: center center; }

.color-filter-list input[type="checkbox"].no-uniform + label.check-bk:before, .color-filter-list input[type="radio"].no-uniform + label.check-bk:before { background-image: url("../images/common/ico-check-17x13.png"); }

.color-filter-list input[type="checkbox"].no-uniform:checked + label:before, .color-filter-list input[type="radio"].no-uniform:checked + label:before { display: block; }

.page-path-component { border-bottom: 1px solid #e5e5e5; padding: 15px 0; }

.page-path-component .path-inner { width: 1200px; margin: 0 auto; }

.page-path-component .path-inner:before, .page-path-component .path-inner:after { content: ""; display: table; }

.page-path-component .path-inner:after { clear: both; }

.page-path-component .path { float: left; }

.page-path-component .home a { display: block; width: 20px; height: 20px; background: url("../images/common/ico-path-home.png") no-repeat 50% 50%; background-size: 16px 15px; text-indent: -9999px; }

.page-path-component .depth { position: relative; margin-top: 2px; }

.page-path-component .depth > a { display: block; line-height: 20px; font-family: '돋움', Dotum; font-size: 13px; color: #89898a; letter-spacing: -0.5px; }

.page-path-component .depth .btn-dropdown { display: inline-block; width: 15px; height: 15px; vertical-align: middle; margin: -2px 0 0 7px; background: url("../images/common/ico-dropdown.png") no-repeat 0 0; }

.page-path-component .btn-toggle.on .btn-dropdown { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.page-path-component .step { float: left; width: 7px; height: 11px; margin: 6px 11px 0; background: url("../images/common/arrow/ico-arrow-gray-7x11.png") no-repeat 0 0; }

.page-path-component .sub-menu-box { display: none; position: absolute; top: 100%; left: -16px; z-index: 5; width: 123px; margin-top: 4px; padding: 14px 18px; border: 1px solid #d5d5d5; background-color: #fff; }

.page-path-component .sub-menu-box .sub-menu.on a, .page-path-component .sub-menu-box .sub-menu:hover a { color: #000; }

.page-path-component .sub-menu-box .sub-menu a { display: block; font-family: '돋움', Dotum; font-size: 13px; color: #89898a; word-break: break-all; }

.page-path-component .sub-menu-box .sub-menu + .sub-menu { margin-top: 5px; }

.check-cancle-box { position: relative; margin-bottom: 18px; text-align: right; }

.check-cancle-box .selector-wrap { position: absolute; left: 0; }

.check-cancle-box .btn { border-radius: 4px; }

.guide-icon-text { padding-left: 28px; font-size: 16px; line-height: 26px; background: url("../images/common/ico-warning-26x26.png") no-repeat 0 5px; background-size: 20px 20px; color: #89898a; }

.guide-icon-text > span.bold { color: #222222; }

.hash-tag-label { position: relative; padding-left: 6px; color: #333; font-size: 14px; }

.hash-tag-label:after { position: absolute; content: ''; width: 2px; height: 2px; left: 0; top: 50%; margin-top: -1px; background-color: #333; }

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

.select-hash-tag:after { clear: both; }

.select-hash-tag .tag { position: relative; display: block; float: left; width: calc(20% - 8px); margin-right: 10px; }

.select-hash-tag .tag:last-child { margin-right: 0; }

.select-hash-tag .tag input[type="checkbox"], .select-hash-tag .tag input[type="radio"] { opacity: 0; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; }

.select-hash-tag .tag input[type="checkbox"]:checked + label, .select-hash-tag .tag input[type="radio"]:checked + label { border-color: #e26b0f; color: #e26b0f; }

.select-hash-tag .tag label { position: relative; display: block; height: 36px; line-height: 34px; z-index: 1; padding: 0 3px; border: 1px solid #e5e5e5; border-radius: 36px; text-align: center; font-size: 14px; letter-spacing: -0.03em; -webkit-box-sizing: border-box; box-sizing: border-box; }

.common-search-box { position: relative; height: 50px; padding-left: 6px; padding-right: 12px; border: 1px solid #000; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

.common-search-box input[type="text"] { display: block; height: 48px; padding-right: 70px; border: 0; font-size: 16px; color: #000; background-color: transparent; }

.common-search-box input[type="text"]::-webkit-input-placeholder { font-size: 16px; }

.common-search-box input[type="text"]::-moz-placeholder { font-size: 16px; }

.common-search-box input[type="text"]:-ms-input-placeholder { font-size: 16px; }

.common-search-box input[type="text"]::-ms-input-placeholder { font-size: 16px; }

.common-search-box input[type="text"]::placeholder { font-size: 16px; }

.common-search-box input[type="text"]:focus { outline: none; }

.common-search-box .btn-submit { display: block; position: absolute; top: 50%; right: 12px; width: 23px; height: 23px; margin-top: -11px; text-indent: -9999px; border: 0; background: url("../images/common/ico-search.png") center center no-repeat; background-size: 23px 23px; }

.btn-value-delete { display: none; position: absolute; top: 50%; right: 15px; width: 15px; height: 15px; margin-top: -8px; text-indent: -9999px; background: url("../images/common/close/ico-close-gray-15x15.png") no-repeat 0 0; background-size: 15px 15px; }

.btn-value-delete.on { display: block; }

.member-benefit-content { margin-bottom: 100px; }

.attendance-title-section .section-title-wrap .sub-info { margin-top: 9px; }

.attendance-title-section .section-title-wrap .sub-info:before, .attendance-title-section .section-title-wrap .sub-info:after { content: ""; display: table; }

.attendance-title-section .section-title-wrap .sub-info:after { clear: both; }

.attendance-title-section .section-title-wrap .sub-info .info { float: left; font-size: 18px; color: #333333; word-break: break-all; }

.attendance-title-section .section-title-wrap .sub-info .info + .info { float: right; }

.attendance-detail-section .img-wrap { text-align: center; font-size: 0; }

.attendance-detail-section .img-wrap img { max-width: 100%; }

.attendance-detail-section .download-btn .btn.download .ico { background-image: url("../images/common/ico-download-bk.png"); }

.attendance-calendar-wrap { margin: 0 auto; padding: 0 0 155px; width: 100%; background-color: #fff; font-size: 48px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }

.attendance-calendar-wrap .attendance-count { padding: 28px 0; color: #fff; background-color: #464545; text-align: center; }

.attendance-calendar-wrap .attendance-count strong { margin: 0 10px 0 45px; font-size: 80px; font-weight: 400; }

.attendance-calendar-wrap .calendar-month { margin-top: 100px; font-size: 58px; font-weight: 500; text-align: center; word-break: break-all; }

.attendance-calendar-wrap .data-table.calendar { margin-top: 40px; }

.attendance-calendar-wrap .data-table.calendar tr th { padding: 23px 10px; font-size: 28px; font-weight: 500; border-bottom: 2px solid #333333; }

.attendance-calendar-wrap .data-table.calendar tr th:first-child, .attendance-calendar-wrap .data-table.calendar tr td:first-child { color: #ff3333; }

.attendance-calendar-wrap .data-table.calendar tr th:nth-child(7n), .attendance-calendar-wrap .data-table.calendar tr td:nth-child(7n) { color: #2872b9; }

.attendance-calendar-wrap .data-table.calendar tr td { position: relative; padding: 11px 16px 126px; text-align: right; font-size: 28px; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; }

.attendance-calendar-wrap .data-table.calendar tr td:first-child { border-left: 0; }

.attendance-calendar-wrap .data-table.calendar tr td:after { display: none; position: absolute; content: ''; top: 60px; left: 50%; margin-left: -32px; width: 64px; height: 64px; background-color: #000000; border-radius: 50%; background-image: url("../images/common/ico-check-white-26x19.png"); background-repeat: no-repeat; background-position: center center; background-size: 26px 19px; }

.attendance-calendar-wrap .data-table.calendar tr td.web:after { display: block; }

.attendance-calendar-wrap .data-table.calendar tr td.app:after { display: block; background-color: #e26b0f; }

.attendance-calendar-wrap .add-text { margin-top: 14px; font-size: 20px; text-align: right; }

.attendance-calendar-wrap .stamp-btn { text-align: center; margin-top: 60px; }

.attendance-calendar-wrap .stamp-btn .btn { min-width: 450px; height: 80px; font-size: 26px; line-height: 78px; vertical-align: middle; }

.attendance-calendar-wrap .stamp-btn .btn.stamp .ico { margin-top: -2px; margin-right: 23px; display: inline-block; vertical-align: middle; overflow: hidden; text-indent: -9999px; font-size: 0.01em; color: transparent; width: 22px; height: 25px; background-image: url("../images/main/ico-stamp.png"); background-position: 0 0; background-size: contain; background-repeat: no-repeat; background-color: transparent; }

.attendance-info-wrap { margin-top: 80px; }

.attendance-info-wrap .stamp-info-wrap { padding: 70px 132px 63px; text-align: center; background-color: #f6f6f6; }

.attendance-info-wrap .stamp-info-wrap p { font-size: 30px; font-weight: 500; color: #333333; word-break: break-all; }

.attendance-info-wrap .stamp-info-wrap .stamp-info-area { display: table; table-layout: fixed; width: 100%; margin-top: 40px; border: 1px solid #ececec; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; }

.attendance-info-wrap .stamp-info-wrap .stamp-info-area .stamp-type { display: table-cell; vertical-align: middle; width: 50%; padding: 54px 10px 50px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.attendance-info-wrap .stamp-info-wrap .stamp-info-area .stamp-type + .stamp-type { border-left: 1px solid #ececec; }

.attendance-info-wrap .stamp-info-wrap .stamp-info-area .type { font-size: 24px; font-weight: 500; }

.attendance-info-wrap .stamp-info-wrap .stamp-info-area .type:before { display: block; margin: 0 auto 9px; content: ''; width: 64px; height: 64px; background-color: #000000; border-radius: 50%; background-image: url("../images/common/ico-check-white-26x19.png"); background-repeat: no-repeat; background-position: center center; background-size: 26px 19px; }

.attendance-info-wrap .stamp-info-wrap .stamp-info-area .type.app:before { background-color: #e26b0f; }

.attendance-info-wrap .stamp-info-wrap .stamp-info-area .save-detail { margin-top: 13px; }

.attendance-info-wrap .stamp-info-wrap .stamp-info-area .save-detail .info { display: inline-block; font-size: 20px; color: #89898a; }

.attendance-info-wrap .stamp-info-wrap .stamp-info-area .save-detail .info + .info { position: relative; margin-left: 32px; }

.attendance-info-wrap .stamp-info-wrap .stamp-info-area .save-detail .info + .info:before { display: inline-block; content: ''; position: absolute; left: -17px; top: 50%; margin-top: -8px; width: 1px; height: 16px; background-color: #e5e5e5; }

.attendance-info-wrap .caution-wrap { margin-top: 30px; padding: 44px 50px; border: 1px solid #d5d5d5; }

.attendance-info-wrap .caution-wrap .caution-title { margin-bottom: 14px; font-size: 18px; color: #000000; }

.attendance-info-wrap .caution-wrap .data-list.dots li { padding-left: 8px; font-size: 18px; font-weight: 400; }

.attendance-info-wrap .caution-wrap .data-list.dots li:after { background-color: #89898a; }

.attendance-info-wrap .caution-wrap .data-list.dots li + li { margin-top: 5px; }

.share-list-wrap { display: inline-block; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

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

.share-list-wrap:after { clear: both; }

.share-list-wrap .share-list { float: left; width: 51px; text-align: center; }

.share-list-wrap .share-list a { display: inline-block; }

.share-list-wrap .share-list + .share-list { margin-left: 10px; }

.share-list-wrap .social-ico { display: block; width: 51px; height: 51px; margin: 0 auto; background-repeat: no-repeat; background-size: 51px 51px; background-position: center center; }

.share-list-wrap .social-ico.facebook { background-image: url("../images/common/ico-social-facebook.png"); }

.share-list-wrap .social-ico.kakao-story { background-image: url("../images/common/ico-social-story.png"); }

.share-list-wrap .social-ico.kakao-talk { background-image: url("../images/common/ico-social-kakao.png"); }

.share-list-wrap .social-ico.url { background-image: url("../images/common/ico-social-share.png"); }

.common-search-area { position: relative; }

.common-search-area .search-input { height: 34px; padding-left: 10px; padding-right: 40px; font-size: 16px; border: none; border-bottom: 2px solid #000; -webkit-box-sizing: border-box; box-sizing: border-box; }

.common-search-area .search-input:focus { border: 0; border-bottom: 2px solid #000; outline-color: #000; }

.common-search-area .search-input::-webkit-input-placeholder { font-size: 16px; color: #222; }

.common-search-area .search-input::-moz-placeholder { font-size: 16px; color: #222; }

.common-search-area .search-input:-ms-input-placeholder { font-size: 16px; color: #222; }

.common-search-area .search-input::-ms-input-placeholder { font-size: 16px; color: #222; }

.common-search-area .search-input::placeholder { font-size: 16px; color: #222; }

.common-search-area label { overflow: hidden; text-indent: -9999px; font-size: 0.01em; color: transparent; }

.common-search-area label, .common-search-area .search-btn { position: absolute; width: 23px; height: 23px; right: 10px; top: 5px; border: 0; }

.common-search-area .search-btn { background: transparent url("../images/common/ico-search.png") center center no-repeat; }

.exhibition_notice { margin-top: 25px; font-weight: normal; font-size: 14px; line-height: 20px; color: #999; }

.exhibition_notice li { position: relative; padding-left: 10px; }

.exhibition_notice li::before { position: absolute; left: 0; top: 0px; font-weight: bold; content: '·'; color: #999; }

.subpage-detail-content .detail-banner-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 1200px; margin-top: 60px; }

.subpage-detail-content .detail-banner-area .new-exhibition_bnr { width: auto; max-height: 100vh; }

.brand-event-detail .product-list-wrap .tab-wrap.newtab .tab { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 1200px; }

.brand-event-detail .product-list-wrap .tab-wrap.newtab .tab > li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 25%; flex: 1 1 25%; height: 52px; border: 1px solid #c8c8c8; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.brand-event-detail .product-list-wrap .tab-wrap.newtab .tab > li.on { background-color: #222; border: 1px solid #222; }

.brand-event-detail .product-list-wrap .tab-wrap.newtab .tab > li:nth-child(4) { border-top: 1px solid #c8c8c8; }

.brand-event-detail .product-list-wrap .tab-wrap.newtab .tab > li:nth-child(n+5) { border-top: 0; }

.brand-event-detail .product-list-wrap .tab-wrap.newtab .tab > li:not(:nth-child(3n+1)) { border-left: 1px solid #c8c8c8; }

.brand-event-detail .product-list-wrap .tab-wrap.newtab .tab > li:not(:nth-child(4n+1)) { border-left: none; }

.brand-event-detail .product-list-wrap .tab-wrap.newtab .tab .placeholder { -webkit-box-flex: 1; -ms-flex: 1 1 25%; flex: 1 1 25%; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; color: #aaa; }

.brand-event-detail .product-list-wrap .tab-wrap.newtab.fixed { position: fixed; top: 76px; width: 1200px; z-index: 99; }

.brand-event-detail .product-list-wrap .newtab-tit { padding: 65px 0 35px; font-weight: bold; font-size: 26px; letter-spacing: -0.02em; text-align: center; color: #222; }

.brand-event-detail.hidden .product-list-wrap { margin-top: 120px; }

.brand-event-detail.hidden .brand-prd:first-child > .newtab-tit { padding-top: 0; margin-top: -10px; }

.brand-event-detail.hidden .brand-prd .prditem__wrap { margin-top: 80px; }

.brand-event-detail.hidden .newtab-tit + .prditem__wrap { margin-top: 0px !important; }

.brand-event-detail .product-list-wrap .tab-wrap .tab.fixed { top: 76px !important; }

.search-result-content .result-container { margin-top: 80px; }

.search-result-content .result-container .result-text { text-align: center; font-weight: 300; font-size: 20px; letter-spacing: -0.03em; }

.search-result-content .result-container .result-text span { font-size: 20px; font-weight: 400; color: #aaa; }

.search-result-content .result-container > p { margin-top: 15px; font-size: 16px; text-align: center; color: #89898a; }

.search-result-content .result-container > p b { color: #333; }

.search-result-content .result-container > p a { border-bottom: 1px solid #333; }

.search-result-content .result-container .related-word { padding: 20px 0; text-align: center; font-size: 0; }

.search-result-content .result-container .related-word span { position: relative; color: #333; font-size: 16px; padding-right: 30px; font-weight: 400; }

.search-result-content .result-container .related-word span:after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 1px; height: 16px; background-color: #89898a; }

.search-result-content .result-container .related-word a { margin-left: 30px; font-size: 16px; color: #89898A; }

.search-result-content .search-result-container .tab-filter-wrap { border-bottom: 1px solid #e5e5e5; }

.search-result-content .search-result-container .tab-filter-wrap .brand-tab-wrap { margin-top: 20px; margin-bottom: 10px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }

.search-result-content .search-result-container .tab-filter-wrap .brand-tab-wrap .tab { padding: 30px 0; text-align: center; font-size: 0; }

.search-result-content .search-result-container .tab-filter-wrap .brand-tab-wrap .tab > li { display: inline-block; width: 100px; border: 1px solid #a1a1a1; border-radius: 19px; margin: 0 6px; }

.search-result-content .search-result-container .tab-filter-wrap .brand-tab-wrap .tab > li a { display: block; line-height: 36px; color: #a1a1a1; font-size: 16px; }

.search-result-content .search-result-container .tab-filter-wrap .brand-tab-wrap .tab > li.on { border: 1px solid #ed6d00; background-color: #ed6d00; }

.search-result-content .search-result-container .tab-filter-wrap .brand-tab-wrap .tab > li.on a { color: #fff; }

.search-result-content .search-result-container .tab-filter-wrap .btn-array-type { position: static; float: right; }

.search-result-content .tab-wrapper { margin-top: 60px; }

.search-result-content .result-empty-content.brand { background-color: transparent; }

.search-result-content .section-title-wrap { margin-bottom: 18px; }

.search-result-content .section-title-wrap.small .title { font-size: 24px; }

.search-result-content .slider-navigation { position: absolute; top: -40px; right: 0; }

div.datepicker-container { width: 280px; margin: 0 auto; }

div.datepicker-container .datepicker-panel > ul { width: auto; }

div.datepicker-container .datepicker-panel > ul > li { width: 40px; height: 40px; line-height: 40px; border-radius: 50%; }

div.datepicker-container .datepicker-panel > ul > li[data-view="month current"], div.datepicker-container .datepicker-panel > ul > li[data-view="years current"], div.datepicker-container .datepicker-panel > ul > li[data-view="year current"] { width: 100px; font-weight: bold; font-size: 14px; }

div.datepicker-container .datepicker-panel > ul > li.highlighted { color: #e26b0f; background-color: transparent; }

div.datepicker-container .datepicker-panel > ul > li.picked, div.datepicker-container .datepicker-panel > ul > li.picked:hover { background-color: #333; color: #fff; }

div.datepicker-container .datepicker-panel > ul > li[data-view="day"]:nth-child(7n) { color: #009af2; }

div.datepicker-container .datepicker-panel > ul > li[data-view="day"]:nth-child(7n+1) { color: #ff4b8f; }

div.datepicker-container .datepicker-panel > ul:first-child { text-align: center; }

div.datepicker-container .datepicker-panel > ul:first-child > li { float: none; display: inline-block; }

div.datepicker-container .datepicker-panel > ul[data-view="week"] li:first-child { color: #ff4b8f; }

div.datepicker-container .datepicker-panel > ul[data-view="week"] li:last-child { color: #009af2; }

.membership-detail-content { margin-top: 60px; margin-bottom: 100px; }

.membership-detail-content .guide-text { font-weight: 500; font-size: 16px; color: #aaa; }

.membership-detail-content .the-membership-info-box { margin-top: 60px; display: table; width: 100%; min-height: 235px; background: transparent url("../images/membership/bg-grade.jpg") no-repeat 50%/cover; -webkit-box-sizing: border-box; box-sizing: border-box; }

.membership-detail-content .the-membership-info-box + .guide-text { margin-top: 5px; }

.membership-detail-content .the-membership-info-box .the-mem-grade-area { display: table-cell; vertical-align: middle; text-align: center; }

.membership-detail-content .the-membership-info-box .the-mem-grade-area .main-text { font-size: 32px; font-weight: 400; color: #000; }

.membership-detail-content .the-membership-info-box .the-mem-grade-area .main-text .em { font-weight: 500; }

.membership-detail-content .the-membership-info-box .the-mem-grade-area .sub-text { font-size: 16px; font-weight: 500; color: #89898a; }

.membership-detail-content .the-membership-info-box .the-mem-grade-area .sub-text strong { color: #333; }

.membership-detail-content .the-membership-info-box .the-mem-grade-area .membership-btn { margin-top: 30px; }

.membership-detail-content .the-membership-info-box .the-mem-grade-area .membership-btn .btn { border-width: 2px; border-radius: 5px; line-height: 35px; background-color: transparent; }

.membership-detail-content .the-membership-info-box.login-mem .the-mem-grade-area .main-text { display: block; font-weight: 300; }

.membership-detail-content .the-membership-info-box.login-mem .the-mem-grade-area .main-text .em { font-weight: 500; }

.membership-detail-content .the-membership-info-box.login-mem .the-mem-grade-area .main-text strong { font-weight: bold; }

.membership-detail-content .the-membership-info-box.login-mem .the-mem-grade-area .membership-btn { margin-top: 25px; }

.membership-detail-content .the-membership-info-box.login-mem .the-mem-grade-area .membership-btn a { height: 40px; line-height: 39px; font-size: 16px; border: 2px solid #d5d5d5; border-radius: 0; background: transparent; font-weight: 500; text-align: center; color: #333; padding: 0 33px; }

.membership-detail-content .the-mem-info-area { margin-top: 60px; padding-bottom: 90px; }

.membership-detail-content .the-mem-info-area .title { font-size: 24px; font-weight: 500; padding-bottom: 50px; }

.membership-detail-content .the-mem-info-area ul { display: table; width: 100%; table-layout: fixed; }

.membership-detail-content .the-mem-info-area li { display: table-cell; width: 33.33%; text-align: center; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; }

.membership-detail-content .the-mem-info-area li + li { border-left: 1px solid #d5d5d5; }

.membership-detail-content .the-mem-info-area li .ico { display: block; margin: 0 auto; width: 38px; height: 35px; margin-bottom: 18px; }

.membership-detail-content .the-mem-info-area li .ico.coin { background: transparent url("../images/membership/ico-coin.png") center center no-repeat; }

.membership-detail-content .the-mem-info-area li .ico.coupon { background: transparent url("../images/membership/ico-coupon.png") center center no-repeat; }

.membership-detail-content .the-mem-info-area li .ico.discount { background: transparent url("../images/membership/ico-discount.png") center center no-repeat; }

.membership-detail-content .the-mem-info-area li .info-title { position: relative; display: inline-block; font-size: 20px; font-weight: 500; }

.membership-detail-content .the-mem-info-area li .info-sub { position: relative; padding-top: 10px; font-size: 16px; color: #89898a; }

.membership-detail-content .the-mem-info-area li .info-sub .tip { display: block; margin-top: 5px; font-size: 12px; }

.membership-detail-content .the-mem-info-area li .info-sub a { display: block; margin: 15px auto 0; border: 1px solid #d5d5d5; width: 143px; line-height: 40px; text-align: center; font-size: 16px; color: #333; }

.membership-detail-content h3.member-title { margin-bottom: 28px; font-size: 40px; font-weight: 500; }

.membership-detail-content h4.member-title { margin-top: 96px; margin-bottom: 20px; font-size: 24px; font-weight: 500; }

.membership-infomation { margin-top: 40px; background-color: #f6f6f6; padding: 36px 40px; position: relative; }

.membership-infomation h4 { position: absolute; left: 40px; top: 36px; font-size: 20px; color: #89898a; font-weight: 500; }

.membership-infomation .data-list { margin-left: 180px; }

.membership-benefits-table { position: relative; border-top: 1px solid #000; }

.membership-benefits-table .title { padding: 20px 0; font-size: 24px; font-weight: 500; }

.membership-benefits-table .data-table { width: 100%; table-layout: fixed; }

.membership-benefits-table .data-table tr > *:first-child { border-left: 0; }

.membership-benefits-table .data-table tr > *:last-child { border-right: 0; }

.membership-benefits-table .data-table th, .membership-benefits-table .data-table td { font-size: 16px; text-align: center; border: 1px solid #d5d5d5; color: #333; font-weight: 500; }

.membership-benefits-table .data-table th span, .membership-benefits-table .data-table td span { display: block; font-size: 14px; color: #89898a; }

.membership-benefits-table .data-table th b, .membership-benefits-table .data-table td b { font-weight: 500; }

.membership-benefits-table .data-table td { font-weight: 400; }

.membership-benefits-table .data-table td:first-child { font-weight: 500; }

.membership-benefits-table .data-table td.welcome p + p { margin-top: 40px; }

.membership-benefits-table .data-table .grade-ico { display: block; padding-top: 80px; }

.membership-benefits-table .data-table .grade-ico.welcome { background: transparent url("../images/membership/ico-grade-welcome-2.png") center top no-repeat; }

.membership-benefits-table .data-table .grade-ico.green { background: transparent url("../images/membership/ico-grade-green-2.png") center top no-repeat; }

.membership-benefits-table .data-table .grade-ico.purple { background: transparent url("../images/membership/ico-grade-purple-2.png") center top no-repeat; }

.membership-benefits-table .data-table .grade-ico.gold { background: transparent url("../images/membership/ico-grade-gold-2.png") center top no-repeat; }

.data-table.membership-grade-info-table { position: relative; border-top: none; }

.data-table.membership-grade-info-table:after { position: absolute; content: ''; width: 100%; height: 1px; left: 0; top: 0; background-color: #000; }

.data-table.membership-grade-info-table thead tr th { background-color: #f6f6f6; }

.data-table.membership-grade-info-table thead tr th img { vertical-align: sub; }

.data-table.membership-grade-info-table th, .data-table.membership-grade-info-table td { font-size: 18px; font-weight: 500; line-height: 1.2em; }

.data-table.membership-grade-info-table th + th, .data-table.membership-grade-info-table th + td, .data-table.membership-grade-info-table td + th, .data-table.membership-grade-info-table td + td { border-left: 1px solid #d5d5d5; }

.data-table.membership-grade-info-table th span, .data-table.membership-grade-info-table td span { display: block; }

.data-table.membership-grade-info-table .grade { display: block; margin: 0 auto; width: 40px; height: 40px; margin-bottom: 10px; border-radius: 50%; }

.data-table.membership-grade-info-table .active { position: relative; }

.data-table.membership-grade-info-table .active:after { position: absolute; content: ''; width: 100%; height: calc(100% + 113px); left: 0; bottom: -1px; z-index: 2; border: 2px solid #e26b0f; -webkit-box-sizing: border-box; box-sizing: border-box; }

.policy-definition-content { padding: 58px 0; }

.policy-definition-content .policy-subject { padding-bottom: 7px; border-bottom: 2px solid #000; -webkit-box-sizing: border-box; box-sizing: border-box; }

.policy-definition-content .policy-subject:before, .policy-definition-content .policy-subject:after { content: ""; display: table; }

.policy-definition-content .policy-subject:after { clear: both; }

.policy-definition-content .policy-subject h3 { font-size: 40px; display: inline-block; }

.policy-definition-content .policy-subject .version-comfirm { padding: 12px 0; float: right; }

.policy-definition-content .policy-subject .version-comfirm span { display: inline-block; padding: 0 16px; font-size: 16px; vertical-align: middle; }

.policy-definition-content .policy-subject .version-comfirm .selectric-wrapper { display: inline-block; width: 220px; vertical-align: middle; }

.policy-definition-content .policy-definition .policy-area { margin-top: 50px; }

.policy-definition-content .policy-definition .policy-area > * { word-break: break-word; }

.policy-definition-content .policy-definition .policy-area p { word-wrap: break-word; word-break: break-all; }

.policy-definition-content .policy-definition .policy-area .data-table.small { margin: 16px 0; border-right: 1px solid #d5d5d5; }

.policy-definition-content .policy-definition .policy-area .data-table.small th, .policy-definition-content .policy-definition .policy-area .data-table.small td { border-left: 1px solid #d5d5d5; text-align: center; }

.policy-definition-content .policy-definition .policy-area .data-table.small th .strong.em, .policy-definition-content .policy-definition .policy-area .data-table.small td .strong.em { font-weight: bold; color: blue; text-decoration: underline; }

.member-coupons-wrap { margin-bottom: 80px; }

.member-coupons-wrap .coupon-info-box { margin-top: 90px; padding: 40px; border: 1px solid #e9e9e9; }

.member-coupons-wrap .coupon-info-box strong { display: block; padding-left: 28px; padding-bottom: 16px; font-size: 18px; background: url("../images/common/ico-warning-20x20.png") no-repeat 0 4px/20px; }

.member-coupons-wrap .info-list > li { position: relative; padding-left: 10px; color: #666; font-size: 15px; }

.member-coupons-wrap .info-list > li:before { content: '-'; position: absolute; left: 0; top: 0; }

.member-coupons-wrap .info-list > li + li { margin-top: 8px; }

.member-coupons-wrap .member-card-registration { margin-top: 90px; }

.member-coupons-wrap .registration-form + .info-list { margin-top: 12px; }

.member-coupons-wrap .registration-form + .info-list > li { color: #89898a; }

.member-coupons-area .member-coupons-subject { position: relative; padding-top: 90px; padding-bottom: 14px; border-bottom: 1px solid #d5d5d5; -webkit-box-sizing: border-box; box-sizing: border-box; }

.member-coupons-area .member-coupons-subject h3 { padding: 0 10px; font-size: 24px; font-weight: 500; }

.member-coupons-area .member-coupons-subject h3 + .btn-wrap { position: absolute; bottom: 14px; right: 0; color: #666; font-size: 16px; }

.member-coupons-area .member-coupons-subject .btn-all-down { position: absolute; padding: 0 18px; right: 0; bottom: 14px; height: 40px; font-size: 16px; letter-spacing: -0.16px; font-weight: 400; line-height: 38px; color: #fff; background-color: #333; }

.member-coupons-area .member-coupons { padding: 50px 20px 0; }

.member-coupons-area .member-coupons .member-coupons-swiper { position: relative; }

.member-coupons-area .member-coupons .member-coupons-swiper .swiper-btn-area { display: none; }

.member-coupons-area .member-coupons .member-coupons-swiper .swiper-btn-area > div { top: 78px; }

.member-coupons-area .member-coupons .member-coupons-swiper .swiper-btn-area .swiper-next { right: -20px; }

.member-coupons-area .member-coupons .member-coupons-swiper .swiper-btn-area .swiper-prev { left: -20px; }

.member-coupons-area .member-coupons .member-coupons-swiper .coupon-list > li { margin: 0 !important; padding: 0 10px; width: 33.3%; }

.member-coupons-area .member-coupons .member-coupons-swiper .coupon-list > li > a { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.member-coupons-area .member-coupons .coupon-list:before, .member-coupons-area .member-coupons .coupon-list:after { content: ""; display: table; }

.member-coupons-area .member-coupons .coupon-list:after { clear: both; }

.member-coupons-area .member-coupons .coupon-list > li { position: relative; float: left; margin-right: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.member-coupons-area .member-coupons .coupon-list > li:nth-child(3n) { margin-right: 0; }

.member-coupons-area .member-coupons .coupon-list > li:nth-child(n+4) { margin-top: 20px; }

.member-coupons-area .member-coupons .coupon-list > li > a { display: table; table-layout: fixed; height: 198px; border-radius: 14px; border: 1px solid #d5d5d5; overflow: hidden; }

.member-coupons-area .member-coupons .coupon-list > li > a + .using-info { margin-top: 8px; font-size: 16px; color: #666; }

.member-coupons-area .member-coupons .coupon-list > li > a + .using-info > p { display: none; }

.member-coupons-area .member-coupons .coupon-list > li > a + .tooltip-wrap { margin-top: 9px; }

.member-coupons-area .member-coupons .coupon-list > li > a + .tooltip-wrap > span { color: #666; vertical-align: middle; font-size: 16px; }

.member-coupons-area .member-coupons .coupon-list > li > a + .tooltip-wrap .tooltip-area:after { left: 3px; }

.member-coupons-area .member-coupons .coupon-list > li > a + .tooltip-wrap .tooltip-box { left: -15px; }

.member-coupons-area .member-coupons .coupon-list > li > a + .tooltip-wrap .tooltip-box strong { display: block; color: #333; font-weight: 400; }

.member-coupons-area .member-coupons .coupon-list > li > a + .tooltip-wrap .tooltip-box p { display: block; margin-top: 12px; color: #333; font-weight: 400; }

.member-coupons-area .member-coupons .coupon-list > li > a + .tooltip-wrap .tooltip-box .info-list li { position: relative; margin-top: 10px; padding-left: 10px; color: #89898a; line-height: 24px; letter-spacing: -0.14px; }

.member-coupons-area .member-coupons .coupon-list > li > a + .tooltip-wrap .tooltip-box .info-list li:before { content: '-'; position: absolute; top: 0; left: 0; top: 0; color: #89898a; }

.member-coupons-area .member-coupons .coupon-list > li > a[href="#none"] { pointer-events: none; }

.member-coupons-area .member-coupons .coupon-list > li > a[href="#none"].soldout .download-coupon { background-color: #999; }

.member-coupons-area .member-coupons .coupon-list > li > a[href="#none"].soldout .download-coupon .down-area:after { content: 'Sold Out'; display: block; padding-top: 28px; background: url("../images/common/ico-soldout-2.png") no-repeat 50% 0/24px; color: #999; font-size: 16px; }

.member-coupons-area .member-coupons .coupon-list > li > a[href="#none"].soldout .download-coupon .down { display: none; }

.member-coupons-area .member-coupons .coupon-list > li > a[href="#none"].end .download-coupon { background-color: #999; }

.member-coupons-area .member-coupons .coupon-list > li > a[href="#none"].end .download-coupon .down-area:after { content: '쿠폰받기\A완료'; white-space: pre-line; display: block; padding-top: 28px; background: url("../images/goods/ico-coupon-complete.png") no-repeat 50% 0/24px; color: #fff; font-size: 16px; }

.member-coupons-area .member-coupons .coupon-list > li > a[href="#none"].end .download-coupon .down { display: none; }

.member-coupons-area .member-coupons .coupon-list > li .coupon-guide { display: table-cell; vertical-align: middle; width: 258px; padding-left: 30px; padding-right: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.member-coupons-area .member-coupons .coupon-list > li .coupon-guide .coupons-title .em { padding: 2px 6px; font-size: 12px; background-color: rgba(226, 107, 15, 0.1); border-radius: 5px; }

.member-coupons-area .member-coupons .coupon-list > li .coupon-guide .coupons-title .title { font-size: 16px; font-weight: 500; display: block; display: -webkit-box; max-height: 3em; text-overflow: ellipsis; line-height: 1.5em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; word-break: break-all; }

.member-coupons-area .member-coupons .coupon-list > li .coupon-guide .coupons-sale { font-size: 20px; line-height: 40px; font-weight: 500; }

.member-coupons-area .member-coupons .coupon-list > li .coupon-guide .coupons-sale strong { font-size: 30px; font-weight: 500; }

.member-coupons-area .member-coupons .coupon-list > li .coupon-guide .coupons-condition { color: #aaa; }

.member-coupons-area .member-coupons .coupon-list > li .coupon-guide p { margin-top: 12px; }

.member-coupons-area .member-coupons .coupon-list > li .download-coupon { display: table-cell; width: 104px; height: 198px; text-align: center; background-color: #e26b0f; vertical-align: middle; }

.member-coupons-area .member-coupons .coupon-list > li .download-coupon .down { display: block; padding-top: 30px; font-size: 16px; font-weight: 500; color: #fff; background: transparent url("../images/main/ico-coupon-arrow.png") center top no-repeat; }

.member-coupons-area .member-coupons-empty { text-align: center; padding: 80px 20px 70px; }

.member-coupons-area .member-coupons-empty p { padding-top: 70px; font-size: 20px; color: #89898a; background: transparent url("../images/common/ico-result-empty-coupon.png") center top no-repeat; }

/* 쿠폰 사용 조건 팝업 */
#popupUsingInfo .popup-content { white-space: pre-line; color: #666; }

.member-content { margin-top: 60px; margin-bottom: 150px; }

.member-content .section-title-wrap { margin-bottom: 20px; }

.member-content .section-title-wrap .title { font-family: "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", "돋움", Dotum, Helvetica, Arial, sans-serif; font-weight: bold; color: #000000; word-break: break-all; text-align: center; }

.member-content .section-title-wrap .title.small { font-weight: bold; color: #1b1b1b; }

.member-content .section-title-wrap .title.space { margin-bottom: 20px; }

.member-content .section-title-wrap .img-area img { margin: 0 auto; display: block; }

.member-content .section-title-wrap.space { margin-bottom: 53px; }

.member-content .information-wrap { margin-top: 10px; text-align: center; }

.member-content .information-wrap.alert { margin-top: 15px; }

.member-content .information-wrap.alert .emphasis-info { margin-bottom: 7px; }

.member-content .information-wrap .emphasis-info { font-size: 18px; color: #333333; word-break: break-all; }

.member-content .information-wrap .info { font-size: 20px; color: #333333; font-weight: 300; word-break: break-all; }

.member-content .information-wrap .info + .emphasis-info { margin-top: 20px; }

.member-content .information-wrap .sub-info { font-size: 16px; color: #89898a; font-weight: 300; word-break: break-all; }

.member-content .information-wrap .info-box { margin: 38px auto 0; width: 520px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.member-content .information-wrap .info-box + .sub-info { margin-top: 20px; }

.member-content .information-wrap .info-box.join-select { margin-top: 70px; padding: 0; }

.member-content .information-wrap .info-box.mail { width: 670px; padding: 35px; }

.member-content .information-wrap .info-box.mail + .sub-info { margin-top: 26px; }

.member-content .information-wrap .info-box .existing-id { padding: 25px 14px; background-color: #f6f6f6; }

.member-content .information-wrap .info-box .existing-id strong { display: block; padding-bottom: 10px; font-size: 22px; }

.member-content .information-wrap .info-box .existing-id p { font-weight: 500; line-height: 1.9; font-size: 18px; }

.member-content .member-section-wrapper:before, .member-content .member-section-wrapper:after { content: ""; display: table; }

.member-content .member-section-wrapper:after { clear: both; }

.member-content .member-section-inner { margin: 0 auto; width: 430px; }

.member-content .member-section-inner.wide { width: 470px; }

.member-content .smaller-interval { margin-top: 20px; }

.member-content .join-btn-group { margin-top: 80px; }

.member-content .sns-login { margin: 40px 0; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; }

.member-content .sns-login .kakao { border-radius: 2px; width: 200px !important; height: 46px; line-height: 46px !important; font-size: 18px !important; }

.member-content .sns-login .naver { border-radius: 2px; width: 200px !important; height: 46px; line-height: 46px !important; font-size: 18px !important; }

.member-content .btn-area [class^="btn-"] { display: block; width: 100%; line-height: 70px; font-size: 18px; font-weight: 500; text-align: center; }

.member-content .btn-area .btn-login { border: none; background-color: #333; color: #fff; }

.member-content .btn-area .kakao { background-color: #f9e000; color: #3c1e1e; }

.member-content .btn-area .kakao > span { padding-left: 40px; display: inline-block; line-height: 45px !important; background: url(../images/member/ico-sns-kakao-2.png) no-repeat 0 50%/20px; }

.member-content .btn-area .naver { background-color: #03C75A; color: #3c1e1e; }

.member-content .btn-area .naver > span { padding-left: 40px; display: inline-block; line-height: 45px !important; color: #fff; background: url(../images/member/ico-sns-naver-2.png) no-repeat 0 50%/18px; }

.member-content .btn-group-01 .btn { width: 100%; }

.member-content .btn-group-02:before, .member-content .btn-group-02:after { content: ""; display: table; }

.member-content .btn-group-02:after { clear: both; }

.member-content .btn-group-02 .btn { float: left; width: calc(50% - 5px); min-width: auto; }

.member-content .find-password { width: 100%; padding: 40px 50px; background: #f7f7f7; -webkit-box-sizing: border-box; box-sizing: border-box; }

.member-content .find-password .title-area { text-align: center; }

.member-content .find-password .title-area h3 { padding-bottom: 20px; border-bottom: 1px solid #d9d9d9; font-weight: normal; font-size: 18px; letter-spacing: -0.01em; color: #e26b0f; }

.member-content .find-password .inner-box { padding: 20px 0 0; }

.member-content .find-password .box-detail { text-align: center; font-weight: 300; font-size: 14px; letter-spacing: -0.02em; line-height: 21px; color: #222; }

.member-content .find-password + .btn-group-02 .btn { height: 60px; line-height: 58px; font-weight: 500; font-size: 18px; }

.member-content .find-password + .btn-group-02 .btn.slightly { color: #89898a; }

.member-content .find-password input { text-align: center; }

.member-content .login-accordion .accordion-body .insert .etc:last-child { margin-bottom: 0; }

.member-content .inner-box { padding: 36px 20px; }

.member-content .inner-box .box-detail { margin-bottom: 16px; }

.member-content .terms-accordion .accordion-header { padding: 21px 53px 21px 21px; }

.member-content .terms-accordion .selector-wrap .asset .label { font-size: 16px; }

.member-content .terms-accordion .accordion-body .terms { font-size: 14px; font-weight: 300; color: #333333; }

.member-content .terms-accordion .accordion-body .data-info-list { margin-top: 11px; margin-bottom: 25px; }

.member-content .terms-accordion .accordion-body .data-info-list li { font-weight: 300; color: #89898a; }

.member-content .join-box { margin-top: 30px; padding: 36px 20px 20px; border: 1px solid #e5e5e5; }

.member-content .join-box .img-area { margin-bottom: 25px; }

.member-content .join-box .img-area img { margin: 0 auto; display: block; }

.member-content .join-box .btn-group-01 { margin-top: 26px; }

.member-content.join-content .member-section-inner { width: 520px; }

.member-content.join-content .benefit-info { margin-top: 70px; font-size: 0; }

.member-content.join-content .benefit-info p { display: inline-block; }

.member-content.join-content .benefit-info p:nth-child(n+2) { margin-left: 75px; }

.member-content.join-content .benefit-info span { display: block; margin-top: 30px; font-size: 16px; font-weight: 600; color: #333; text-align: center; }

.member-content.join-content .sns-join-list { margin-top: 45px; }

.member-content.join-content .join-form-article .article-title { padding: 40px 0 30px; font-size: 18px; font-weight: 600; color: #222222; border-top: 1px solid #d5d5d5; word-break: break-all; }

.member-content.join-content .join-form-article .article-title p { margin-top: 8px; color: #666; letter-spacing: -0.16px; font-size: 16px; font-weight: 400; }

.member-content.join-content .join-form-article h4 { padding-bottom: 12px; color: #222; font-weight: 500; font-size: 14px; }

.member-content.join-content .join-form-article + .join-form-article { margin-top: 20px; }

.member-content.join-content .join-form-article + .join-form-article .article-title { border-top: 0; }

.member-content.join-content .join-form-article.side-info h4:nth-of-type(n+2) { margin-top: 40px; }

.member-content.join-content .terms-check-group .etc-check-list.horizontal .asset { margin-bottom: 12px; margin-right: 0; padding-right: 10px; width: 33%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.member-content.join-content .terms-check-group .etc-check-list.horizontal .asset:nth-child(3n+1) { clear: both; }

.member-content.join-content .terms-check-group .etc-check-list.horizontal label { padding-left: 30px; font-size: 14px; }

.member-content.join-content .terms-check-group .data-info-list li { font-weight: 300; }

.member-content.join-content .tooltip-wrap > .label { margin: 38px 0 8px; }

.member-content.join-content .tooltip-wrap .tooltip-box { margin-left: 45px; }

.member-content.join-content .btn-area .btn-join.kakao { position: relative; }

.member-content.join-content .btn-area .btn-join.kakao .tooltip { position: absolute; top: -40px; right: -90px; padding-left: 30px; width: 207px; height: 111px; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(../images/member/tooltip-join-kakao.png) no-repeat 0/100%; }

.member-content.join-content .btn-area .btn-join.kakao .tooltip strong { font-size: 14px; color: #333; }

.member-content.join-content .btn-area .btn-join.phone { margin-top: 20px; background: #e9e9e9; color: #333; }

.member-content.join-content .join-complete { margin-bottom: -120px; text-align: center; }

.member-content.join-content .join-complete h2 { color: #666; font-size: 20px; font-weight: 500; letter-spacing: -0.2px; }

.member-content.join-content .join-complete strong { display: block; font-weight: 500; font-size: 42px; letter-spacing: -0.42px; line-height: 54px; }

.member-content.join-content .join-complete strong + p { margin-top: 25px; color: #666; letter-spacing: -0.16px; line-height: 28px; font-size: 16px; font-weight: 400; }

.member-content.join-content .join-complete .recommender { margin-top: 40px; text-align: center; }

.member-content.join-content .join-complete .recommender.valueY .insert input { background-color: #fff; font-weight: 500; color: #333; }

.member-content.join-content .join-complete .recommender strong { margin-right: 12px; font-size: 16px; font-weight: 400; color: #333; vertical-align: middle; }

.member-content.join-content .join-complete .recommender .insert { position: relative; display: inline-block; width: 420px; border-radius: 30px; vertical-align: middle; }

.member-content.join-content .join-complete .recommender .insert input { padding-right: 160px; border-radius: 30px; }

.member-content.join-content .join-complete .recommender .insert a { position: absolute; top: 0; right: 0; padding: 0 35px; height: 60px; line-height: 58px; border-radius: 30px; }

.member-content.join-content .join-complete .join-benefit { position: relative; margin: 50px auto 0; width: 760px; font-size: 0; }

.member-content.join-content .join-complete .join-benefit a { position: absolute; bottom: 90px; width: 250px; height: 60px; font-size: 0; text-indent: -100000em; }

.member-content.join-content .join-complete .btn-group-01 { margin: 80px auto; width: 520px; }

.member-content.join-content .join-complete.qr-offline strong { font-weight: bold; margin-top: 50px; }

.member-content.join-content .join-complete.qr-offline p { font-weight: 500; font-size: 18px; letter-spacing: -0.01em; line-height: 24px; text-align: center; color: #222; }

.member-content.join-content .join-complete.qr-offline p em { margin-top: 5px; font-weight: 500; color: #e26b0f; font-style: normal; }

.member-content.join-content .join-complete.qr-offline .join-benefit { margin-top: 60px; }

.member-content.login-content .member-section-inner { width: 520px; }

.member-content.login-content .section-title-wrap { margin-bottom: 60px; }

.member-content.login-content .btn-area .btn-membership { color: #fff; background: #333; }

.member-content.login-content .btn-area .join { margin-top: 28px; padding-top: 20px; border-top: 1px solid #d5d5d5; }

.member-content.login-content .btn-area .join p { text-align: center; font-size: 18px; color: #333; }

.member-content.login-content .btn-area .join .btn-join { margin-top: 20px; color: #ffffff; background: #e26b0f; }

.member-content.login-content .btn-area .no-member { margin-top: 20px; text-align: center; }

.member-content.login-content .btn-area .no-member li { display: inline-block; }

.member-content.login-content .btn-area .no-member li + li { position: relative; margin-left: 28px; }

.member-content.login-content .btn-area .no-member li + li:before { display: inline-block; position: absolute; content: ''; top: 50%; margin-top: -5px; left: -14px; width: 1px; height: 10px; background-color: #d5d5d5; }

.member-content.login-content .btn-area .no-member a { display: block; font-size: 16px; color: #bdbdbd; }

.member-content.login-content .existing-member .section-title-wrap { margin-bottom: 40px; }

.member-content.sns-login-content { margin-top: 116px; }

.member-content.sns-login-content .section-title-wrap { margin-bottom: 80px; }

.member-content.sns-login-content .section-title-wrap .title.space { margin-bottom: 40px; }

.member-content.sns-login-content em.able-dot { color: #E26B0F; font-style: normal; padding: 0 2px; }

.member-content.dormant-content .information-wrap { padding: 50px 60px; background: #F7F7F7; }

.member-content.dormant-content .information-wrap .sub-info { margin-top: 35px; padding-top: 35px; border-top: 1px solid #D9D9D9; font-size: 15px; color: #222; text-align: center; }

.member-content.dormant-content .member-section-inner { width: 520px; }

.member-content.dormant-content .member-section-inner .data-list { margin-top: 60px; }

.member-content.dormant-content .section-title-wrap { margin-bottom: 50px; }

.member-content.dormant-content .side-info { margin-top: 60px; }

.member-content.dormant-content .side-info h4 { padding-bottom: 15px; }

.member-content.dormant-content .side-info h4:nth-of-type(n+2) { margin-top: 40px; }

.member-content.dormant-content .btn-group-02 { margin-top: 40px; }

.member-content.dormant-content .notice-agree .check-list { padding: 0 30px; border: 1px solid #d5d5d5; }

.member-content.dormant-content .notice-agree .selector-wrap { padding: 36px 0; }

.member-content.dormant-content .notice-agree .data-info-list { padding: 18px 0; border-top: 1px solid #d5d5d5; }

.member-content.integrated-member-content .information-wrap { margin-top: 30px; }

.member-content.integrated-member-content .membership-list-wrap { margin-top: 50px; }

.member-content.integrated-member-content .membership-list-wrap h3 { padding-bottom: 20px; color: #333; font-size: 18px; }

.member-content.integrated-member-content .membership-list-wrap h3 + p { display: table-cell; width: 1200px; height: 120px; vertical-align: middle; text-align: center; background: url(../images/member/bg-membershp-list.jpg) no-repeat 0/cover; font-weight: 500; font-size: 18px; color: #333; }

.member-content.integrated-member-content .membership-list-wrap .membership-list { border-top: 1px solid #d5d5d5; }

.member-content.integrated-member-content .membership-list-wrap .membership-list > li { display: table; width: 100%; table-layout: fixed; border-bottom: 1px solid #d5d5d5; }

.member-content.integrated-member-content .membership-list-wrap .membership-list > li > div { display: table-cell; padding: 30px 25px; height: 150px; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; font-size: 0; }

.member-content.integrated-member-content .membership-list-wrap .membership-list > li > div span { font-size: 16px; color: #333; font-weight: 300; }

.member-content.integrated-member-content .membership-list-wrap .membership-list > li > div strong { display: block; margin-top: 5px; font-size: 16px; color: #333; }

.member-content.integrated-member-content .membership-list-wrap .membership-list > li > div.checkTypeB { width: 128px; text-align: center; }

.member-content.integrated-member-content .membership-list-wrap .membership-list > li > div.checkTypeB label:before { margin-right: 0; }

.member-content.integrated-member-content .membership-list-wrap .membership-list > li > div.img { width: 210px; }

.member-content.integrated-member-content .membership-list-wrap .membership-list > li > div.code { width: 280px; }

.member-content.integrated-member-content .membership-list-wrap .membership-list > li > div.grade { width: 210px; }

.member-content.integrated-member-content .terms-area { margin-top: 60px; }

.member-content.integrated-member-content .terms-area .agree-cont-wrap { margin-top: 20px; padding: 30px 0; height: 280px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; -webkit-box-sizing: border-box; box-sizing: border-box; }

.member-content.integrated-member-content .terms-area .agree-cont-wrap .agree-cont { height: 100%; padding: 0 40px; }

.member-content.integrated-member-content .terms-area .swiper-scrollbar { right: 30px; top: 0; height: 100%; }

.member-content.integrated-member-content .terms-area .swiper-scrollbar .swiper-scrollbar-drag { top: 0; }

.member-content.integrated-member-content .btn-area { margin-top: 45px; }

.member-content.integrated-member-content .btn-area .btn-join { margin: 0 auto; width: 520px; color: #fff; background-color: #333; }

.member-content .select-type-list.join-member li { margin: 0 5px 0 0; }

.member-content .select-type-list.join-member li:nth-child(n+5) { margin-top: 12px; }

.member-content .select-type-list.join-member li label { padding: 0 10px; }

.member-content .member-btn-group + .member-btn-group { margin-top: 8px; }

.login-main-section { width: 1000px; margin: 60px auto 0; }

.login-main-section .member-section-wrapper { position: relative; }

.login-main-section .login-etc-wrap { margin-bottom: 24px; }

.login-main-section .login-etc-wrap:before, .login-main-section .login-etc-wrap:after { content: ""; display: table; }

.login-main-section .login-etc-wrap:after { clear: both; }

.login-main-section .login-etc-wrap .selector-wrap { float: left; }

.login-main-section .login-etc-wrap .assist-btn-list { float: right; margin-top: 5px; }

.login-main-section .sns-login-list { margin-bottom: 33px; }

.login-main-section .sns-login-list + .join-btn { margin-bottom: 15px; }

.login-main-section .sns-login-list + .join-btn + .assist-btn-list a { color: #aaaaaa; }

.login-main-section .assit-btn-wrap { text-align: center; }

.login-main-section .assit-btn-wrap .assist-btn-list { display: inline-block; }

.login-main-section .assist-btn-list:before, .login-main-section .assist-btn-list:after { content: ""; display: table; }

.login-main-section .assist-btn-list:after { clear: both; }

.login-main-section .assist-btn-list li { float: left; }

.login-main-section .assist-btn-list li + li { position: relative; margin-left: 28px; }

.login-main-section .assist-btn-list li + li:before { display: inline-block; position: absolute; content: ''; top: 50%; margin-top: -5px; left: -14px; width: 1px; height: 10px; background-color: #d5d5d5; }

.login-main-section .assist-btn-list a { display: block; font-size: 14px; color: #222; }

.login-main-section .data-info-list.dot { margin-top: 20px; }

.sns-login-list .item + .item { margin-top: 8px; }

.sns-login-list .item.kakao a { background-color: #ffde00; }

.sns-login-list .item.kakao .ico { background-image: url("../images/member/ico-sns-kakao.png"); }

.sns-login-list .item.kakao .btn-title { color: #333333; }

.sns-login-list .item.facebook a { background-color: #475993; }

.sns-login-list .item.facebook .ico { background-image: url("../images/member/ico-sns-facebook.png"); }

.sns-login-list a { padding: 0 76px; display: block; position: relative; width: 100%; height: 50px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #18b332; }

.sns-login-list .ico { display: inline-block; position: absolute; top: 0; left: 0; width: 76px; height: 100%; overflow: hidden; text-indent: -9999px; font-size: 0.01em; color: transparent; background-image: url("../images/member/ico-sns-naver.png"); background-size: 38px; background-position: center center; background-repeat: no-repeat; background-color: transparent; }

.sns-login-list .btn-title { display: inline-block; font-size: 16px; line-height: 50px; font-weight: 500; color: #ffffff; }

.sns-join-list { margin: 0 auto; display: table; table-layout: fixed; }

.sns-join-list .item { display: table-cell; vertical-align: middle; }

.sns-join-list .item + .item { padding-left: 52px; }

.sns-join-list .item > a { display: block; width: 100%; height: 100%; }

.sns-join-list .ico { margin: 0 auto; position: relative; display: block; width: 82px; height: 82px; overflow: hidden; text-indent: -9999px; font-size: 0.01em; color: transparent; border: 2px solid #e5e5e5; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.sns-join-list .ico:before { display: inline-block; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url("../images/member/ico-sns-naver-small.png"); background-repeat: no-repeat; background-color: transparent; background-size: 50px 50px; background-position: center center; }

.sns-join-list .ico.kakao:before { background-image: url("../images/member/ico-sns-kakao-small.png"); }

.sns-join-list .ico.facebook:before { background-image: url("../images/member/ico-sns-facebook-small.png"); }

.sns-join-list .btn-title { margin-top: 17px; font-size: 16px; font-weight: 300; text-align: center; color: #333333; }

.data-info-list li { font-size: 14px; word-break: break-all; color: #89898a; }

.data-info-list li + li { margin-top: 5px; }

.data-info-list.dot > li { position: relative; padding-left: 9px; }

.data-info-list.dot > li:before { display: inline-block; content: ''; position: absolute; top: 10px; left: 0; width: 2px; height: 2px; border-radius: 50%; background-color: #89898a; }

.data-info-list .sub-info li { margin-top: 5px; }

.terms-check-group { border: 1px solid #e26b0f; }

.terms-check-group .terms-list { margin: 0 30px; border-bottom: 1px solid #e5e5e5; }

.terms-check-group .terms-list .terms-head { padding: 20px 7px; }

.terms-check-group .terms-list .terms-head.more-view { position: relative; padding-right: 88px; }

.terms-check-group .terms-list .terms-head .view-btn { padding: 0 15px; position: absolute; top: 16px; right: -3px; height: 29px; font-size: 14px; line-height: 25px; font-weight: 300; color: #333333; border: 2px solid #e5e5e5; border-radius: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.terms-check-group .terms-list.terms-all-check { padding: 20px 30px; margin: 0; border-bottom: 1px solid #aaaaaa; }

.terms-check-group .terms-list.terms-all-check .terms-head { padding: 0; }

.terms-check-group .terms-list:last-child { border-bottom: 0; }

.terms-check-group .terms-list .terms-body { margin-bottom: 30px; padding: 30px; background-color: #f6f6f6; }

.terms-check-group .terms-list .terms-body .checkTypeB { margin-bottom: 15px; }

.terms-check-group .terms-list .terms-body .checkTypeB label { font-size: 14px; }

.terms-check-group .terms-list .terms-body .data-info-list + .selector-wrap { margin-top: 30px; padding-top: 30px; border-top: 1px solid #e5e5e5; }

.recommender-pop .recommender-input { margin-top: 20px; text-align: center; }

.product-category-section { padding: 60px 0 0px; }

.product-list-section { padding-top: 60px; }

.product-detail-content { padding-top: 70px; }

.product-detail-content .spot-banner-section { margin: 70px auto 0; width: 1200px; }

.product-detail-content .spot-banner-section > strong { display: block; padding-bottom: 14px; font-weight: 500; font-size: 16px; color: #000; letter-spacing: -0.03em; }

.product-detail-content .spot-banner-section .spot-banner-swiper { position: relative; font-size: 0; }

.product-detail-content .spot-banner-section .spot-banner-swiper .swiper-pagination-bullets { left: auto; right: 20px; bottom: auto; top: 20px; width: auto; }

.product-detail-content .spot-banner-section .spot-banner-swiper .swiper-btn-area { top: 20px; right: 20px; }

.product-detail-content .spot-banner-section .spot-banner-swiper .swiper-btn-area > div { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.product-detail-thumb { position: relative; float: left; width: 500px; }

.product-detail-thumb .keyvisual-area { width: 500px; height: 500px; overflow: hidden; position: relative; }

.product-detail-thumb .keyvisual-area .emblem__area { z-index: 10; }

.product-detail-thumb .keyvisual-slider .swiper-slide { margin-right: 20px; }

.product-detail-thumb .keyvisual-slider .swiper-slide:last-child { margin-right: 0; }

.product-detail-thumb .keyvisual-slider .swiper-slide img { display: block; max-width: 100%; margin: 0 auto; }

.product-detail-thumb .keyvisual-slider .swiper-slide video { width: 100%; height: 100%; }

.product-detail-thumb .keyvisual-slider .thumbnail { position: relative; width: 500px; height: 500px; }

.product-detail-thumb .keyvisual-slider .thumbnail p { position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center; }

.product-detail-thumb .keyvisual-slider .thumbnail p span { display: inline-block; padding: 8px 16px; border-radius: 20px; font-size: 14px; line-height: 20px; letter-spacing: -0.14px; font-weight: 400; color: #000; background-color: rgba(229, 229, 229, 0.7); }

.product-detail-thumb .keyvisual-slider .video-container { background-color: #000; }

.product-detail-thumb .keyvisual-slider .inner { position: relative; width: 100%; height: 100%; }

.product-detail-thumb .keyvisual-slider .video-controller-area { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; }

.product-detail-thumb .keyvisual-slider .video-controller-area.on .video-controller-inner { display: block; }

.product-detail-thumb .keyvisual-slider .video-controller-inner { display: none; }

.product-detail-thumb .keyvisual-slider .video-container.play .play-controller .controller.start { display: none; }

.product-detail-thumb .keyvisual-slider .video-container.play .play-controller .controller.stop { display: table-cell; }

.product-detail-thumb .keyvisual-slider .video-container.stop .play-controller .controller.start { display: table-cell; }

.product-detail-thumb .keyvisual-slider .video-container.stop .play-controller .controller.stop { display: none; }

.product-detail-thumb .keyvisual-slider .video-container .status-btn { display: block; margin: 0 auto; text-indent: -9999px; cursor: pointer; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.product-detail-thumb .keyvisual-slider .video-container .status-btn.btn-play { width: 46px; height: 58px; background-image: url("../images/goods/ico-play-btn.png"); }

.product-detail-thumb .keyvisual-slider .video-container .status-btn.btn-pause { width: 40px; height: 58px; background-image: url("../images/goods/ico-pause-btn.png"); }

.product-detail-thumb .keyvisual-slider .video-container .status-btn.btn-volume { width: 36px; height: 28px; background-image: url("../images/goods/ico-volume-on.png"); }

.product-detail-thumb .keyvisual-slider .video-container .status-btn.btn-volume.muted { width: 38px; height: 28px; background-image: url("../images/goods/ico-volume-off.png"); }

.product-detail-thumb .keyvisual-slider .video-container .status-btn.btn-screen { width: 28px; height: 28px; background-image: url("../images/goods/ico-video-full.png"); }

.product-detail-thumb .keyvisual-slider .video-container .play-controller { display: table; position: absolute; top: 0; left: 0; z-index: 1; table-layout: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }

.product-detail-thumb .keyvisual-slider .video-container .play-controller .controller { display: table-cell; vertical-align: middle; text-align: center; }

.product-detail-thumb .keyvisual-slider .video-container .play-controller .controller.stop { display: none; }

.product-detail-thumb .keyvisual-slider .video-container .play-controller .timer { display: block; margin-top: 5px; font-size: 11px; color: #fff; }

.product-detail-thumb .keyvisual-slider .video-container .etc-controller { position: absolute; bottom: 30px; right: 20px; z-index: 2; }

.product-detail-thumb .keyvisual-slider .video-container .etc-controller:before, .product-detail-thumb .keyvisual-slider .video-container .etc-controller:after { content: ""; display: table; }

.product-detail-thumb .keyvisual-slider .video-container .etc-controller:after { clear: both; }

.product-detail-thumb .keyvisual-slider .video-container .etc-controller .status-btn { float: left; border: 0; background-color: transparent; }

.product-detail-thumb .keyvisual-slider .video-container .etc-controller .status-btn + .status-btn { margin-left: 20px; }

.product-detail-thumb .thumbnail-area { margin-top: 20px; }

.product-detail-thumb .thumbnail-area:before, .product-detail-thumb .thumbnail-area:after { content: ""; display: table; }

.product-detail-thumb .thumbnail-area:after { clear: both; }

.product-detail-thumb .thumbnail-list { float: left; width: 52px; height: 52px; position: relative; margin-right: 12px; border: 1px solid #d6d6d6; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }

.product-detail-thumb .thumbnail-list:nth-child(8n) { margin-right: 0; }

.product-detail-thumb .thumbnail-list:nth-child(n+9) { margin-top: 12px; }

.product-detail-thumb .thumbnail-list img { display: block; max-width: 100%; margin: 0 auto; }

.product-detail-thumb .thumbnail-list.on { border-width: 2px; border-color: #e26d00; }

.product-detail-thumb .thumbnail-list .btn-play { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; text-indent: -9999px; background-color: rgba(0, 0, 0, 0.2); background-image: url("../images/goods/ico-play.png"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 14px 17px; }

.product-detail-thumb .product-detial-guide { margin-top: 70px; }

.product-detail-thumb .product-detial-guide .guide-list { padding: 22px 0; position: relative; border-bottom: 1px solid #d6d6d6; overflow: hidden; }

.product-detail-thumb .product-detial-guide .guide-list:before, .product-detail-thumb .product-detial-guide .guide-list:after { content: ""; display: table; }

.product-detail-thumb .product-detial-guide .guide-list:after { clear: both; }

.product-detail-thumb .product-detial-guide .guide-list.rating { border-top: 1px solid #d6d6d6; }

.product-detail-thumb .product-detial-guide .guide-list.rating .info { padding-right: 10px; }

.product-detail-thumb .product-detial-guide .guide-list.rating .info .text { color: #767676; }

.product-detail-thumb .product-detial-guide .guide-list.rating .info .text .em { color: #262626; }

.product-detail-thumb .product-detial-guide .guide-list.relevant .text { display: inline-block; position: relative; max-width: 330px; padding-left: 9px; padding-right: 12px; border-bottom: 1px solid #89898a; color: #89898a; word-break: break-all; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.product-detail-thumb .product-detial-guide .guide-list.relevant .text:after { display: block; content: ""; width: 5px; height: 9px; position: absolute; top: 50%; right: 0; margin-top: -4px; background: url("../images/common/arrow/ico-arrow-gray-5x9.png") no-repeat 0 0; }

.product-detail-thumb .product-detial-guide .guide-list.relevant .text:before { display: block; content: ""; width: 2px; height: 2px; position: absolute; top: 12px; left: 0; background-color: #ddd; }

.product-detail-thumb .product-detial-guide .guide-list.on .btn-toggle { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.product-detail-thumb .product-detial-guide .type { float: left; width: 100px; font-weight: 500; font-size: 16px; color: #000; letter-spacing: -0.03em; }

.product-detail-thumb .product-detial-guide .info { float: none; padding-left: 8px; overflow: hidden; margin: 0; }

.product-detail-thumb .product-detial-guide .info:before, .product-detail-thumb .product-detial-guide .info:after { content: ""; display: table; }

.product-detail-thumb .product-detial-guide .info:after { clear: both; }

.product-detail-thumb .product-detial-guide .text { float: left; font-weight: 500; font-size: 16px; color: #333; word-break: break-all; }

.product-detail-thumb .product-detial-guide .text a { display: block; word-break: break-all; }

.product-detail-thumb .product-detial-guide .rating-result-wrap { float: right; }

.product-detail-thumb .product-detial-guide .btn-toggle { position: absolute; top: 50%; right: 5px; width: 20px; height: 20px; margin-top: -10px; border: 0; background: url("../images/common/arrow/ico-arrow-down-13x8.png") no-repeat 50% 50%; background-size: 13px 8px; text-indent: -9999px; }

.product-detail-thumb .product-detial-guide .accordion-head { position: relative; }

.product-detail-thumb .product-detial-guide .accordion-head:before, .product-detail-thumb .product-detial-guide .accordion-head:after { content: ""; display: table; }

.product-detail-thumb .product-detial-guide .accordion-head:after { clear: both; }

.product-detail-thumb .product-detial-guide .relevant-list { margin-top: 15px; }

.product-detail-thumb .product-detial-guide .relevant-list li { padding-left: 9px; position: relative; }

.product-detail-thumb .product-detial-guide .relevant-list li + li { margin-top: 7px; }

.product-detail-thumb .product-detial-guide .relevant-list li:before { display: block; content: ""; width: 2px; height: 2px; position: absolute; top: 12px; left: 0; background-color: #ddd; }

.product-detail-thumb .product-detial-guide .relevant-list a { display: inline-block; max-width: 460px; position: relative; padding-right: 12px; border-bottom: 1px solid #89898a; font-weight: 500; font-size: 16px; color: #89898a; letter-spacing: -0.03em; word-break: break-all; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.product-detail-thumb .product-detial-guide .relevant-list a:after { display: block; content: ""; width: 5px; height: 9px; position: absolute; top: 50%; right: 0; margin-top: -4px; background: url("../images/common/arrow/ico-arrow-gray-5x9.png") no-repeat 0 0; }

.emblem__area { position: absolute; right: 5%; top: 5%; width: 22%; height: 22%; z-index: 1; }

.emblem__area img { display: block; width: 100%; }

.product-detail-info { float: right; width: 600px; }

.product-detail-info .title-wrap .brand-area .brand-name { display: inline-block; vertical-align: middle; font-weight: 500; font-size: 20px; letter-spacing: -0.2px; color: #333; }

.product-detail-info .title-wrap .brand-area .brand-name:after { content: ''; margin: -5px 0 0 8px; display: inline-block; width: 7px; height: 10px; background: url("../images/common/arrow/ico-arrow-7x10.png") no-repeat 0/100%; vertical-align: middle; }

.product-detail-info .title-wrap .item-title { margin-top: 10px; }

.product-detail-info .title-wrap .item-title .badge-wrap { font-size: 0; }

.product-detail-info .title-wrap .item-title .badge-wrap .badge { font-size: 28px; font-weight: 400; }

.product-detail-info .title-wrap .item-title .badge-wrap .badge + .badge:before { content: ''; display: inline-block; margin-top: -4px; margin-left: 6px; margin-right: 5px; width: 1px; height: 12px; background-color: #d5d5d5; vertical-align: middle; }

.product-detail-info .title-wrap .item-title .badge-wrap + strong { margin-left: 10px; }

.product-detail-info .title-wrap .item-title strong { line-height: 40px; font-weight: 500; font-size: 30px; letter-spacing: -0.03em; }

.product-detail-info .title-wrap .benefit { margin-top: 5px; font-size: 0; }

.product-detail-info .title-wrap .benefit span { display: inline-block; margin-right: 4px; padding: 0 10px; font-size: 12px; line-height: 26px; }

.product-detail-info .rating-result-wrap { margin-top: 17px; }

.product-detail-info .rating-result-wrap .rating-value a { font-size: 14px; }

.product-detail-info .benefit-badge-unit { margin-top: 15px; }

.product-detail-info .benefit-badge-unit .badge { float: left; padding: 0 10px; line-height: 26px; font-size: 12px; }

.product-detail-info .benefit-badge-unit .badge + .badge { margin-left: 4px; }

.product-detail-info .goods-price-block { margin-top: 20px; }

.product-detail-info .goods-price-block dl { padding: 20px 0; font-size: 0; border-bottom: 1px solid #d6d6d6; }

.product-detail-info .goods-price-block dl:first-child { border-top: 1px solid #d6d6d6; }

.product-detail-info .goods-price-block dl dt, .product-detail-info .goods-price-block dl dd { display: inline-block; }

.product-detail-info .goods-price-block dl dt { width: 180px; vertical-align: top; }

.product-detail-info .goods-price-block dl dt:nth-of-type(n+2) { margin-top: 16px; }

.product-detail-info .goods-price-block dl dd { margin: 0; width: calc(100% - 180px); -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; line-height: 24px; }

.product-detail-info .goods-price-block dl dd:nth-of-type(n+2) { margin-top: 16px; }

.product-detail-info .goods-price-block .btn-item-more { display: block; width: 100%; height: 58px; line-height: 55px; padding: 0px 20px; font-weight: 500; font-size: 16px; color: #333; border: 1px solid #d0d0d0; border-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; background: url("../images/common/arrow/ico-arrow-gray-20x20.png") no-repeat 97% 19px/20px; }

.product-detail-info .goods-price-block .item-list { width: 100%; }

.product-detail-info .goods-price-block .item-list.sales .btn-wrap { width: 100%; }

.product-detail-info .goods-price-block .item-list.sales .btn-login { display: block; padding: 0 24px; width: 100%; line-height: 58px; font-size: 16px; letter-spacing: -0.16px; font-weight: 500; color: #e26b0f; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fdf8f4 url("../images/goods/ico-arrow-r.png") no-repeat 96% 50%/13px; }

.product-detail-info .goods-price-block .item-list.charge .tooltip-box { min-width: 375px; }

.product-detail-info .goods-price-block .item-list.sale-add .tooltip-box { right: 0; left: auto; }

.product-detail-info .goods-price-block .item-list.delivery .tooltip-box { min-width: 265px; }

.product-detail-info .goods-price-block .item-list.coupon .info-area > p { margin-top: 14px; font-size: 16px; color: #666; letter-spacing: -0.16px; }

.product-detail-info .goods-price-block .item-list.coupon .info-area > p em { color: #e26b0f; }

.product-detail-info .goods-price-block .item-list.coupon .info-area > p + .btn-coupon-down { margin-top: 16px; }

.product-detail-info .goods-price-block .item-list.coupon .info-area .text-gray { margin-top: 0; font-weight: 500; color: #999; }

.product-detail-info .goods-price-block .item-list.coupon .info-area .tooltip-wrap + .btn-coupon-down { margin-top: 16px; }

.product-detail-info .goods-price-block .item-list.coupon .info-area .tooltip-area { vertical-align: bottom; }

.product-detail-info .goods-price-block .item-list.coupon .info-area .tooltip-box { top: 31px; font-size: 14px; }

.product-detail-info .goods-price-block .item-list.coupon .info-area .tooltip-box strong { display: block; color: #333; font-weight: 400; }

.product-detail-info .goods-price-block .item-list.coupon .info-area .tooltip-box p { margin-top: 10px; color: #89898a; line-height: 24px; letter-spacing: -0.14px; }

.product-detail-info .goods-price-block .item-list.coupon .info-area .discount { font-size: 24px; color: #e26b0f; font-weight: 400; vertical-align: bottom; line-height: 1; }

.product-detail-info .goods-price-block .item-list.coupon .info-area .discount span { font-size: 18px; }

.product-detail-info .goods-price-block .item-list.coupon .info-area .btn-coupon-down { position: relative; width: 100%; font-weight: 500; line-height: 40px; font-size: 14px; color: #262626; border: 1px solid #ddd; letter-spacing: -0.03em; background-color: #fff; }

.product-detail-info .goods-price-block .item-list.coupon .info-area .btn-coupon-down:after { display: inline-block; content: ""; width: 14px; height: 14px; margin: -4px 0 0 8px; vertical-align: middle; background: url("../images/goods/ico-down-2.png") no-repeat 0 0; }

.product-detail-info .goods-price-block .item-list.conditional-gift .info-area { position: relative; }

.product-detail-info .goods-price-block .item-list.conditional-gift .tooltip-wrap { position: relative; }

.product-detail-info .goods-price-block .item-list.conditional-gift .gift-detail-layer { display: none; /* 기본적으로 숨김 */ position: absolute; right: 20px; top: 110%; width: 460px; height: 180px; background: #ffffff; border: 1px solid #ddd; z-index: 15; -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15); }

.product-detail-info .goods-price-block .item-list.conditional-gift .gift-detail-layer h5 { margin-bottom: 15px; font-weight: bold; font-size: 16px; letter-spacing: -0.01em; color: #333; }

.product-detail-info .goods-price-block .item-list.conditional-gift .gift-detail-layer .btn-close { position: absolute; top: 14px; right: 14px; width: 20px; height: 20px; text-indent: -9999px; border: 0; background-color: transparent; cursor: pointer; background: url("../images/common/close/ico-close-gray-14x14.png") no-repeat 50% 50%; background-size: 14px 14px; }

.product-detail-info .goods-price-block .item-list.conditional-gift .gift-info-btn { position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-indent: -9999em; border: none; width: 13px; height: 13px; background: url("../images/goods/ico-arrow-r.png") no-repeat 96% 50%/13px; cursor: pointer; }

.product-detail-info .goods-price-block .item-list .type { width: 180px; font-weight: 500; font-size: 16px; color: #333; letter-spacing: -0.03em; }

.product-detail-info .goods-price-block .item-list .info-area { padding-left: 20px; }

.product-detail-info .goods-price-block .item-list .info-area em { font-style: normal; }

.product-detail-info .goods-price-block .item-list .info-area .em { font-weight: 400; font-size: 14px; }

.product-detail-info .goods-price-block .item-list .origin { font-weight: 300; font-size: 13px; color: #aaa; }

.product-detail-info .goods-price-block .item-list .origin em { font-size: 16px; text-decoration: line-through; }

.product-detail-info .goods-price-block .item-list .fixed { display: inline-block; vertical-align: middle; font-weight: 500; font-size: 18px; }

.product-detail-info .goods-price-block .item-list .fixed em { font-size: 24px; }

.product-detail-info .goods-price-block .item-list .percent { display: inline-block; vertical-align: middle; height: 26px; line-height: 26px; padding: 0 7px; margin-left: 10px; border-radius: 50px; font-weight: 500; font-size: 18px; color: #fff; background-color: #e26b0f; }

.product-detail-info .goods-price-block .item-list .info-text { display: inline-block; vertical-align: middle; font-weight: 500; font-size: 16px; color: #000; letter-spacing: -0.03em; }

.product-detail-info .goods-price-block .item-list .info-text b { font-weight: 500; color: #e26b0f; }

.product-detail-info .goods-price-block .item-list .btn-round-small { margin-top: -2px; margin-left: 6px; }

.product-detail-info .goods-price-block .item-list .info-wrap:before, .product-detail-info .goods-price-block .item-list .info-wrap:after { content: ""; display: table; }

.product-detail-info .goods-price-block .item-list .info-wrap:after { clear: both; }

.product-detail-info .goods-price-block .item-list .info-wrap .info-text { float: left; }

.product-detail-info .goods-price-block .item-list .tooltip-area { margin-left: 6px; }

.product-detail-info .goods-price-block .item-list .tooltip-box { padding: 15px 20px; }

.product-detail-info .goods-price-block .item-list .tooltip-box .guide { margin-top: 8px; font-weight: 500; font-size: 14px; color: #89898a; letter-spacing: -0.05em; }

.product-detail-info .goods-price-block .item-list .tooltip-box .info-list + li { margin-top: 6px; }

.product-detail-info .goods-price-block .card-banner { margin-top: 16px; }

.product-detail-info .goods-price-block .card-banner img { display: block; }

.product-detail-info .gift-block-area { padding: 16px 20px; margin-top: 17px; background: #FAFAFA; position: relative; }

.product-detail-info .gift-block-area strong.title { width: 150px; -ms-flex-negative: 0; flex-shrink: 0; }

.product-detail-info .gift-block-area .tooltip-wrap { display: block; width: 160px; margin-bottom: 16px; }

.product-detail-info .gift-block-area .tooltip-wrap .tooltip-box { width: 320px; }

.product-detail-info .gift-block-area .tooltip-wrap .title { font-weight: 500; font-size: 16px; letter-spacing: -0.03em; color: #333; float: left; margin-right: 6px; }

.product-detail-info .gift-block-area .select-box-cover .selectric-wrapper + .selectric-wrapper { margin-top: 10px; }

.product-detail-info .gift-block-area__soldout { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #ffffff; z-index: 11; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.product-detail-info .gift-block-area__soldout p { display: block; font-weight: normal; font-size: 16px; letter-spacing: -0.02em; }

.product-detail-info .gift-block-area__soldout p.title { font-weight: bold; }

.product-detail-info .gift-block-area.hidden { display: -webkit-box; display: -ms-flexbox; display: flex; }

.product-detail-info .gift-block-area.hidden .tooltip-wrap { -ms-flex-negative: 0; flex-shrink: 0; width: 150px; }

.product-detail-info .gift-block-area.hidden .gift-benefit-slider { position: relative; }

.product-detail-info .gift-block-area.hidden .gift-benefit-slider .swiper-container { width: 400px; position: static; }

.product-detail-info .gift-block-area.hidden .gift-benefit-slider .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; width: 400px; }

.product-detail-info .option-select-area { margin-top: 22px; }

.product-detail-info .option-select-area .selectric-wrapper + .selectric-wrapper { margin-top: 10px; }

.product-detail-info .color-filter-slider { position: relative; }

.product-detail-info .color-filter-slider .slider-navigation.type01 { position: absolute; bottom: 7px; right: 0; z-index: 2; }

.product-detail-info .color-filter-list { width: 500px; margin: 0; padding-top: 53px; }

.product-detail-info .color-filter-list .item { margin: 0; }

.product-detail-info .color-filter-list .item:hover .item-name { display: block; }

.product-detail-info .color-filter-list .item:first-of-type .item-name { left: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

.product-detail-info .color-filter-list .item:first-of-type .item-name:after { left: 11px; margin-left: 0; }

.product-detail-info .color-filter-list .item:last-of-type .item-name { left: auto; right: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

.product-detail-info .color-filter-list .item:last-of-type .item-name:after { left: auto; right: 11px; margin-left: 0; }

.product-detail-info .color-filter-list .item-name { display: none; position: absolute; top: -40px; left: 50%; z-index: 2; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); padding: 3px 7px; background-color: #fff; border: 1px solid #d6d6d6; font-weight: 500; font-size: 14px; white-space: nowrap; }

.product-detail-info .color-filter-list .item-name:after { display: block; content: ""; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); width: 8px; height: 8px; position: absolute; bottom: -4px; left: 50%; margin-left: -4px; z-index: 3; border: 1px solid #d6d6d6; border-bottom-color: transparent; border-left-color: transparent; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

.product-detail-info .option-select { padding-top: 20px; }

.product-detail-info .price-block-area { margin-top: 26px; padding-bottom: 4px; border-bottom: 2px solid #333; letter-spacing: -0.03em; }

.product-detail-info .price-block-area:before, .product-detail-info .price-block-area:after { content: ""; display: table; }

.product-detail-info .price-block-area:after { clear: both; }

.product-detail-info .price-block-area .text { float: left; margin-top: 8px; font-weight: 500; font-size: 18px; color: #333; }

.product-detail-info .price-block-area .price { float: right; font-weight: 500; font-size: 18px; color: #333; }

.product-detail-info .price-block-area .price strong { font-size: 24px; }

.product-detail-info .button-unit { margin-top: 30px; }

.product-detail-info .button-unit:before, .product-detail-info .button-unit:after { content: ""; display: table; }

.product-detail-info .button-unit:after { clear: both; }

.product-detail-info .button-unit .btn { float: left; }

.product-detail-info .button-unit .btn + .btn { margin-left: 10px; }

.product-detail-info .button-unit .btn.large { width: 215px; }

.product-detail-info .button-unit .btn.large.wide { width: 440px; }

.product-detail-info .button-unit .btn.disabled { cursor: auto; outline: none; }

.product-detail-info .button-unit.hidden .btn.large { width: 100%; }

.product-detail-info .select-item-cover + .select-item-cover { margin-top: 20px; border-top: 1px solid #D6D6D6; }

.product-detail-info .select-item-cover + .select-item-cover .select-item { margin-top: 20px; }

.gift-benefit-slider { position: relative; }

.gift-benefit-slider .swiper-container { width: 560px; position: static; }

.gift-benefit-slider .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: flex; width: 560px; }

.gift-benefit-slider .swiper-slide a { display: block; position: relative; width: 100%; height: 100%; overflow: hidden; }

.gift-benefit-slider .thumbnail { display: table-cell; width: 68px; height: 68px; vertical-align: middle; position: relative; }

.gift-benefit-slider .thumbnail img { display: block; max-width: 100%; margin: 0 auto; }

.gift-benefit-slider .description { display: table-cell; padding-left: 12px; vertical-align: top; }

.gift-benefit-slider .description .gift-name { display: block; font-weight: 500; font-size: 14px; color: #000; letter-spacing: -0.03em; display: block; display: -webkit-box; max-height: 3em; text-overflow: ellipsis; line-height: 1.5em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; word-break: break-all; }

.gift-benefit-slider .description .more { display: inline-block; margin-top: 12px; position: relative; padding-right: 10px; font-size: 12px; border-bottom: 1px solid #89898a; color: #89898a; }

.gift-benefit-slider .description .more:after { display: block; content: ""; width: 5px; height: 9px; position: absolute; top: 50%; right: 0; margin-top: -4px; background: url("../images/common/arrow/ico-arrow-gray-5x9.png") no-repeat 0 0; }

.gift-benefit-slider .description > a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; }

.gift-benefit-slider .description > a .brand { width: 100%; color: #666666; }

.gift-benefit-slider .description > a .gift-name { width: 100%; }

.gift-benefit-slider .swiper-button-prev, .gift-benefit-slider .swiper-button-next { position: absolute; top: inherit; bottom: 0 !important; width: 20px; height: 20px; background-image: url("../images/common/arrow/gift-box-arrow.png"); background-color: #FAFAFA; }

.gift-benefit-slider .swiper-button-prev { right: 22px; left: inherit; }

.gift-detail-layer { padding: 30px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.gift-detail-slider { position: relative; width: 420px; overflow: hidden; }

.gift-detail-slider .swiper-container { width: 420px; position: static; }

.gift-detail-slider .swiper-slide { display: table; table-layout: fixed; width: 420px; }

.gift-detail-slider .thumbnail { display: table-cell; width: 80px; height: 80px; vertical-align: middle; position: relative; border: 1px solid #eaeaea; }

.gift-detail-slider .thumbnail img { display: block; max-width: 100%; margin: 0 auto; }

.gift-detail-slider .description { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; /* flex-flow: column wrap; */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: stretch; align-content: stretch; padding-left: 12px; vertical-align: top; }

.gift-detail-slider .description .brand { display: block; width: 100%; color: #666666; font-weight: 500; font-size: 14px; letter-spacing: -0.01em; color: #333; }

.gift-detail-slider .description .gift-name { font-family: "Noto Sans KR"; font-weight: normal; font-size: 15px; letter-spacing: -0.01em; text-align: left; color: #333; width: 270px; display: block; display: -webkit-box; max-height: 2.4em; text-overflow: ellipsis; line-height: 1.2em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }

.gift-detail-slider .swiper-button-prev, .gift-detail-slider .swiper-button-next { position: absolute; top: inherit; bottom: 0 !important; width: 20px; height: 20px; background-image: url("../images/common/arrow/gift-box-arrow.png"); background-color: #FAFAFA; }

.gift-detail-slider .swiper-button-prev { right: 22px; left: inherit; }

.select-item-cover .select-item { min-height: 90px; margin-top: 10px; padding: 13px 20px; position: relative; border: 1px solid #222222; -webkit-box-sizing: border-box; box-sizing: border-box; }

.select-item-cover .select-item + .select-item { margin-top: 10px; }

.select-item-cover .select-item .inven__wrap { display: block; position: initial; margin-top: 10px; }

.select-item-cover .select-item .inven__wrap.none-item .inven__info { background: #bababa; }

.select-item-cover .select-item .inven__wrap.none-item .inven__item { color: #bababa; font-weight: normal; }

.select-item-cover .select-item .inven__wrap.none-item .inven__item strong { color: #bababa; font-weight: normal; }

.select-item-cover .select-item .inven__info { width: 50px; height: 24px; margin-right: 5px; padding: 0; font-size: 16px; line-height: 23px; text-align: center; }

.select-item-cover .select-item .inven__item { font-size: 16px; line-height: 23px; }

.select-item-cover .select-item .item-name { padding-right: 15px; font-weight: 500; font-size: 16px; letter-spacing: -0.03em; color: #000; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.select-item-cover .select-item .gift-name { position: relative; margin-top: 2px; padding-left: 9px; font-weight: 500; font-size: 12px; letter-spacing: -0.03em; color: #333; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.select-item-cover .select-item .gift-name:before { display: block; content: ""; width: 6px; height: 6px; position: absolute; top: 50%; left: 0; margin-top: -3px; background: url("../images/common-fix/ico-selectric-gift.png") no-repeat 0 0; background-size: 6px 6px; }

.select-item-cover .select-item .price-change { display: inline-block; vertical-align: middle; margin-left: 4px; margin-top: -2px; color: #e26b0f; }

.select-item-cover .select-item .price-area { margin-top: 20px; }

.select-item-cover .select-item .price-area:before, .select-item-cover .select-item .price-area:after { content: ""; display: table; }

.select-item-cover .select-item .price-area:after { clear: both; }

.select-item-cover .select-item .spinner { float: left; margin-top: 4px; }

.select-item-cover .select-item .spinner button { width: 24px; height: 24px; background-color: #f9f9f9; }

.select-item-cover .select-item .spinner input { width: 50px; height: 24px; line-height: 24px; font-size: 14px; }

.select-item-cover .select-item .price { display: block; float: right; max-width: 120px; position: relative; font-weight: 500; font-size: 20px; color: #000; letter-spacing: -0.03em; -webkit-box-sizing: border-box; box-sizing: border-box; word-break: break-all; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.select-item-cover .select-item .btn-delete { position: absolute; top: 14px; right: 14px; width: 20px; height: 20px; text-indent: -9999px; border: 0; background-color: transparent; cursor: pointer; background: url("../images/common/close/ico-close-gray-14x14.png") no-repeat 50% 50%; background-size: 14px 14px; }

.gift-item-cover .gift-item + .gift-item { margin-top: 20px; }

.gift-item-cover .gift-head { position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: -0.03em; }

.gift-item-cover .gift-head .title-area { margin-top: 20px; }

.gift-item-cover .gift-head .title-area:before, .gift-item-cover .gift-head .title-area:after { content: ""; display: table; }

.gift-item-cover .gift-head .title-area:after { clear: both; }

.gift-item-cover .gift-head .title-area > div { float: left; position: relative; font-weight: 500; font-size: 14px; color: #333; }

.gift-item-cover .gift-head .title-area .name { max-width: 290px; padding-left: 16px; word-break: break-all; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.gift-item-cover .gift-head .title-area .name:before { display: block; content: ""; width: 1px; height: 12px; position: absolute; top: 50%; left: 7px; margin-top: -5px; background-color: #aaa; }

.gift-item-cover .gift-head .count-area { position: absolute; top: 0px; right: 0px; font-weight: 300; font-size: 14px; }

.gift-item-cover .gift-head .count-area .count { font-weight: 500; }

.gift-item-cover .gift-head .count-area .total { font-weight: 500; }

.gift-item-cover .selectric-wrapper { margin-top: 10px; }

.gift-item-cover .gift-body { position: relative; margin-top: 10px; padding: 12px 20px; background: #FAFAFA; }

.gift-item-cover .gift-body:before, .gift-item-cover .gift-body:after { content: ""; display: table; }

.gift-item-cover .gift-body:after { clear: both; }

.gift-item-cover .gift-body .thumbnail { float: left; width: 80px; height: 80px; position: relative; overflow: hidden; }

.gift-item-cover .gift-body .thumbnail img { max-width: 100%; }

.gift-item-cover .gift-body .detail { float: none; overflow: hidden; padding-left: 20px; padding-right: 40px; }

.gift-item-cover .gift-body .title-area { letter-spacing: -0.03em; }

.gift-item-cover .gift-body .title { display: block; font-weight: 500; font-size: 14px; word-break: break-all; }

.gift-item-cover .gift-body .option { margin-top: 4px; font-weight: 500; font-size: 12px; word-break: break-all; }

.gift-item-cover .gift-body .spinner { margin-top: 8px; }

.gift-item-cover .gift-body .btn-delete { position: absolute; top: 12px; right: 16px; z-index: 1; width: 20px; height: 20px; text-indent: -9999px; border: 0; cursor: pointer; background: url("../images/common/close/ico-close-gray-14x14.png") no-repeat 50% 50%; background-size: 10px 10px; }

.gift-item-cover .gift-head + .gift-body, .gift-item-cover .gift-body + .gift-body { border-top: 0; }

.gift-item-cover .selectric-wrapper + .gift-body { margin-top: 10px; }

.connection-product-section .product-slider-wrapper { margin-top: 74px; }

.connection-product-list.half .product-slider-wrapper { float: left; width: 576px; }

.connection-product-list.half .product-slider-wrapper + .product-slider-wrapper { margin-left: 48px; }

.connection-product-list.half .product-slider-wrapper > .title-area { padding-bottom: 6px; border-bottom: 1px solid #d6d6d6; }

.connection-product-list.half .product-list { background-color: #fff; }

.connection-product-list.half .product-list > li { width: 280px; }

.connection-product-list.half .product-list > li:nth-of-type(n+2) { margin-left: 16px; }

.relevant-product-section { padding: 65px 0 60px; border-top: 1px solid #d6d6d6; /* border-bottom: 1px solid #d6d6d6; */ background-color: #f4f4f4; }

.relevant-product-section .connection-product-list + .connection-product-list { margin-top: 65px; }

.relevant-product-section #togetherWatchItemList .connection-product-list { margin-top: 65px; }

.relevant-product-section #eigenItemList1, .relevant-product-section #eigenItemList2 { padding-bottom: 60px; }

#recentlyItemList .connection-product-list { padding-bottom: 60px; }

.product-detail-article { margin-top: 68px; }

.product-detail-article .pagination { margin-bottom: 0; }

.product-detail-article .tab-container { position: relative; z-index: 20; }

.product-detail-article .tab-wrapper { position: absolute; top: 0; left: 50%; z-index: 20; width: 1200px; margin-left: -600px; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; background-color: #f6f6f6; }

.product-detail-article .tab-wrapper.fixed { position: fixed; }

.product-detail-article .tab-wrapper .tab { width: 873px; }

.product-detail-article .tab-wrapper .tab:before, .product-detail-article .tab-wrapper .tab:after { content: ""; display: table; }

.product-detail-article .tab-wrapper .tab:after { clear: both; }

.product-detail-article .tab-wrapper .tab li { float: left; width: 25%; }

.product-detail-article .tab-wrapper .tab li a { display: block; height: 80px; line-height: 80px; position: relative; text-align: center; font-weight: 500; font-size: 20px; letter-spacing: -0.03em; color: #89898a; }

.product-detail-article .tab-wrapper .tab li a:after { display: none; content: ""; width: 100%; height: 2px; position: absolute; bottom: 0; left: 0; background-color: #e26b0f; }

.product-detail-article .tab-wrapper .tab li.on a { color: #e26b0f; }

.product-detail-article .tab-wrapper .tab li.on a:after { display: block; }

.product-detail-article .tab-space { height: 82px; }

.product-detail-article .tab-content-wrapper { width: 1200px; margin: 0 auto; position: relative; z-index: 10; }

.product-detail-article .tab-content-area { width: 872px; min-height: 700px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.product-detail-article .tab-content-area .inquiry-content .pagination { padding-bottom: 30px; }

.product-detail-article .info-content { padding: 40px 60px; font-size: 0; }

.product-detail-article .info-content img { display: block; max-width: 100%; margin: 0 auto; }

.product-detail-article .sale-content { padding: 40px 30px 30px 0; }

.product-detail-article .sale-content .info-box + .info-box { margin-top: 30px; }

.product-detail-article .sale-content .data-table.medium th { padding-right: 20px; }

.product-detail-article .sale-content .data-table.medium td { padding-left: 0; }

.product-detail-article .sale-content .title-field { padding: 20px 30px; background-color: #f6f6f6; }

.product-detail-article .sale-content .title-field strong { font-weight: 500; font-size: 20px; letter-spacing: -0.03em; color: #333; }

.product-detail-article .sale-content .kc-info { padding: 30px 30px 0; }

.product-detail-article .sale-content .kc-info .info-text { margin-top: 10px; font-weight: 500; font-size: 14px; letter-spacing: -0.03em; }

.product-detail-article .sale-content .kc-box { padding: 18px 20px; border: 1px solid #d6d6d6; text-align: center; }

.product-detail-article .sale-content .kc-box > div { display: inline-block; vertical-align: middle; }

.product-detail-article .sale-content .mark img { display: block; }

.product-detail-article .sale-content .kc-text { padding-left: 31px; text-align: left; }

.product-detail-article .sale-content .kc-text p { font-weight: 500; font-size: 14px; letter-spacing: -0.03em; }

.product-detail-article .sale-content .kc-text p + p { margin-top: 3px; }

.product-detail-article .inquiry-content { padding: 35px 30px 30px 0; }

.product-detail-article .inquiry-content .btn-control-unit { position: absolute; top: 20px; right: 0; }

.product-detail-article .review-content { padding: 35px 40px 35px 0; }

.product-detail-article .review-content .result-empty { text-align: center; }

.product-detail-article .review-content .result-empty img { display: block; margin: 0 auto; }

.product-detail-article .review-content .result-empty strong { display: block; margin-top: 12px; font-weight: 500; font-size: 18px; color: #333; }

.product-detail-article .review-content .review-list { padding-right: 0; }

.product-detail-article .review-content .review-list .review-article .review-text.ellipsis { width: 100%; margin-bottom: 8px; display: block; display: -webkit-box; max-height: 3em; text-overflow: ellipsis; line-height: 1.5em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; white-space: pre-line; }

.product-detail-article .review-title-panel { border-top: 1px solid #000; border-bottom: 1px solid #d6d6d6; }

.product-detail-article .review-title-panel:before, .product-detail-article .review-title-panel:after { content: ""; display: table; }

.product-detail-article .review-title-panel:after { clear: both; }

.product-detail-article .review-title-panel .title-box { float: left; display: table; table-layout: fixed; height: 260px; text-align: center; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.product-detail-article .review-title-panel .title-box.review { width: 502px; }

.product-detail-article .review-title-panel .title-box.writer { width: 310px; border-left: 1px solid #d6d6d6; }

.product-detail-article .review-title-panel .cell { display: table-cell; vertical-align: middle; }

.product-detail-article .review-title-panel .count { font-weight: 500; font-size: 18px; color: #89898a; }

.product-detail-article .review-title-panel .count strong { color: #000; }

.product-detail-article .review-title-panel .rating-result-wrap { margin-top: 5px; }

.product-detail-article .review-title-panel .rating-value { display: block; margin: 0; font-weight: 500; font-size: 24px; color: #aaa; }

.product-detail-article .review-title-panel .rating-value strong { display: inline-block; line-height: 52px; font-size: 52px; color: #333; vertical-align: bottom; }

.product-detail-article .review-title-panel .rating-icon { margin-top: 15px; }

.product-detail-article .review-title-panel .writer-text { display: block; font-weight: 500; font-size: 18px; }

.product-detail-article .review-title-panel .btn-writer { width: 180px; margin-top: 18px; font-weight: 500; font-size: 16px; }

.product-detail-article .review-list-wrapper { margin-top: 40px; }

.review-graph-box { padding: 28px 30px; border-bottom: 1px solid #d6d6d6; }

.review-graph-box .title { display: block; margin-bottom: 30px; font-weight: 500; font-size: 18px; letter-spacing: -0.05em; }

.review-graph-box .graph-wrap:before, .review-graph-box .graph-wrap:after { content: ""; display: table; }

.review-graph-box .graph-wrap:after { clear: both; }

.review-graph-box .graph-list { float: left; width: 364px; }

.review-graph-box .graph-list:nth-child(2n) { margin-left: 24px; }

.review-graph-box .graph-list:nth-child(n+3) { margin-top: 12px; }

.review-graph-box .graph-list:before, .review-graph-box .graph-list:after { content: ""; display: table; }

.review-graph-box .graph-list:after { clear: both; }

.review-graph-box .graph-list .type { float: left; width: 90px; margin-top: 2px; font-weight: 500; font-size: 14px; letter-spacing: -0.05em; color: #333; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; word-break: break-all; }

.review-graph-box .graph-list .data { float: none; overflow: hidden; padding-left: 7px; }

.review-graph-box .graph-list .data span { display: block; }

.review-graph-box .graph-list .about { float: left; width: 70px; margin-top: 2px; font-weight: 300; font-size: 14px; color: #89898a; letter-spacing: -0.05em; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; word-break: break-all; }

.review-graph-box .graph-list .evaluation { float: left; width: 140px; height: 6px; position: relative; margin-top: 10px; border-radius: 50px; margin-left: 8px; }

.review-graph-box .graph-list .evaluation .range, .review-graph-box .graph-list .evaluation .bg { position: absolute; top: 0; left: 0; height: 100%; border-radius: 50px; }

.review-graph-box .graph-list .evaluation .range { z-index: 2; background-color: #333; }

.review-graph-box .graph-list .evaluation .bg { width: 100%; background-color: #d6d6d6; }

.review-graph-box .graph-list .percent { float: right; width: 40px; font-weight: 500; font-size: 16px; letter-spacing: -0.05em; color: #89898a; }

.review-list-wrapper + .pagination { margin-bottom: 0; }

.review-list-wrapper.before { margin-top: 62px; }

.review-list-wrapper .list-title { display: block; margin-bottom: 10px; font-weight: 500; font-size: 20px; color: #000; letter-spacing: -0.03em; }

.review-list-wrapper .list-header { margin-bottom: 20px; }

.review-list-wrapper .list-header:before, .review-list-wrapper .list-header:after { content: ""; display: table; }

.review-list-wrapper .list-header:after { clear: both; }

.review-list-wrapper .list-header .selectric-wrapper { float: left; width: 250px; }

.review-list-wrapper .list-header .selector-wrap { float: right; margin-top: 15px; }

.review-list-wrapper .list-header .btn-photo-review input:checked + label { border-color: #262626; background-color: #262626; color: #fff; }

.review-list-wrapper .list-header .btn-photo-review label { padding: 0 20px; text-align: center; border-radius: 10px; border: 2px solid #aaa; line-height: 38px; color: #262626; font-size: 16px; }

.review-list-wrapper .list-header .btn-photo-review label::before { display: none; }

.review-list-wrapper .list-content { border-top: 1px solid #000; }

.review-list-wrapper .filter-area { padding: 23px 0; border-bottom: 1px solid #d6d6d6; }

.review-list-wrapper .filter-area:before, .review-list-wrapper .filter-area:after { content: ""; display: table; }

.review-list-wrapper .filter-area:after { clear: both; }

.review-list-wrapper .review-filter.on .filter-area .btn-toggle:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.review-list-wrapper .filter-item { float: left; margin-left: 20px; font-weight: 500; font-size: 16px; color: #89898a; letter-spacing: -0.03em; border: 0; background-color: transparent; overflow: hidden; }

.review-list-wrapper .filter-item.btn-toggle { position: relative; padding-right: 27px; }

.review-list-wrapper .filter-item.btn-toggle:after { display: block; content: ""; position: absolute; top: 50%; right: 0; width: 18px; height: 18px; margin-top: -9px; background: url("../images/common/arrow/ico-dropdown-18x18.png") no-repeat 0 0; }

.review-list-wrapper .filter-item.on { color: #000; }

.review-list-wrapper .eval-area { padding: 23px 0; border-bottom: 1px solid #d6d6d6; }

.review-list-wrapper .eval-area:before, .review-list-wrapper .eval-area:after { content: ""; display: table; }

.review-list-wrapper .eval-area:after { clear: both; }

.review-list-wrapper .eval-item { float: left; position: relative; }

.review-list-wrapper .eval-item + .eval-item { margin-left: 26px; }

.review-list-wrapper .eval-item input[type="radio"] { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.review-list-wrapper .eval-item input[type="radio"]:checked + label:after { background-image: url("../images/common/ico-star-full-small.png"); }

.review-list-wrapper .eval-item label { display: inline-block; position: relative; padding-left: 18px; font-weight: 500; font-size: 16px; color: #89898a; cursor: pointer; }

.review-list-wrapper .eval-item label:after { display: block; content: ""; width: 13px; height: 13px; position: absolute; top: 50%; left: 0; margin-top: -6px; background-repeat: no-repeat; background-position: 0 0; background-image: url("../images/common/ico-star-empty-small.png"); }

.review-list-wrapper .result-empty { padding: 70px 20px; text-align: center; }

.review-list-wrapper .result-empty img { display: block; margin: 0 auto; }

.review-list-wrapper .result-empty strong { display: block; margin-top: 12px; font-weight: 500; font-size: 18px; color: #333; }

.review-list-wrapper .review-list { position: relative; padding-right: 30px; padding-bottom: 30px; margin-top: 30px; border-bottom: 1px solid #d6d6d6; }

.review-list-wrapper .review-list.thum-y { padding-left: 180px; }

.review-list-wrapper .review-list:before, .review-list-wrapper .review-list:after { content: ""; display: table; }

.review-list-wrapper .review-list:after { clear: both; }

.review-list-wrapper .review-list.on .review-article .review-area .option { white-space: normal !important; }

.review-list-wrapper .review-list.on .review-article .detail-box { display: block; }

.review-list-wrapper .review-list.on .controller-area { margin-top: 30px; }

.review-list-wrapper .review-list .info-area .rating-result-wrap { margin-top: 5px; }

.review-list-wrapper .review-list .info-area .rating-result-wrap .best { display: inline-block; line-height: 21px; font-size: 13px; font-weight: bold; color: #ff5e8b; vertical-align: middle; }

.review-list-wrapper .review-list .review-list-wrap:before, .review-list-wrapper .review-list .review-list-wrap:after { content: ""; display: table; }

.review-list-wrapper .review-list .review-list-wrap:after { clear: both; }

.review-list-wrapper .review-list .review-list-wrap .write-info { position: absolute; right: 30px; top: 0; }

.review-list-wrapper .review-list .review-list-wrap .write-info span { display: inline-block; vertical-align: middle; font-size: 14px; font-weight: lighter; word-break: break-all; color: #767676; font-weight: 500; }

.review-list-wrapper .review-list .review-list-wrap .write-info .user-id { max-width: 400px; margin-right: 8px; }

.review-list-wrapper .review-list .thum { position: absolute; top: 0; left: 40px; width: 100px; text-align: center; }

.review-list-wrapper .review-list .thum img { width: auto; max-width: 100px; max-height: 100px; }

.review-list-wrapper .review-list .thum .total-item { position: absolute; width: 26px; height: 26px; right: 0; bottom: 0; z-index: 2; padding: 2px 0; color: #fff; font-weight: 500; text-align: center; background-color: rgba(51, 51, 51, 0.5); -webkit-box-sizing: border-box; box-sizing: border-box; }

.review-list-wrapper .review-list .thumbnail-area { /* display: none; */ margin-top: 30px; font-size: 0; }

.review-list-wrapper .review-list .thumbnail-area a { display: block; }

.review-list-wrapper .review-list .thumbnail-area .item { position: relative; display: inline-block; width: 120px; height: 120px; overflow: hidden; vertical-align: middle; }

.review-list-wrapper .review-list .thumbnail-area .item + .item { margin-left: 6px; }

.review-list-wrapper .review-list .thumbnail-area .item img { display: block; max-width: 100%; }

.review-list-wrapper .review-list .review-article { position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.review-list-wrapper .review-list .review-article:before, .review-list-wrapper .review-list .review-article:after { content: ""; display: table; }

.review-list-wrapper .review-list .review-article:after { clear: both; }

.review-list-wrapper .review-list .review-article .review-thumb { position: relative; overflow: hidden; width: 50px; height: 50px; background-color: #f6f6f6; }

.review-list-wrapper .review-list .review-article .review-thumb img { display: block; max-width: 100%; }

.review-list-wrapper .review-list .review-article .review-area:before, .review-list-wrapper .review-list .review-article .review-area:after { content: ""; display: table; }

.review-list-wrapper .review-list .review-article .review-area:after { clear: both; }

.review-list-wrapper .review-list .review-article .review-area .review-thumb { float: left; }

.review-list-wrapper .review-list .review-article .review-area .review-thumb + .review-detail { padding-left: 16px; }

.review-list-wrapper .review-list .review-article .review-area .review-detail { float: left; width: calc(100% - 50px); padding-right: 200px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.review-list-wrapper .review-list .review-article .review-area .review-detail .review-title { font-size: 14px; font-weight: 500; color: #000; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.review-list-wrapper .review-list .review-article .review-area .review-detail .option { margin-top: 10px; font-weight: lighter; font-size: 14px; color: #89898a; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.review-list-wrapper .review-list .review-article .review-text { margin-top: 5px; padding-bottom: 30px; font-weight: lighter; font-size: 16px; color: #333; letter-spacing: -0.03em; word-break: break-all; white-space: pre-line; }

.review-list-wrapper .review-list .review-article .review-text.ellipsis { width: 470px; display: inline-block; padding-bottom: 0; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.review-list-wrapper .review-list .review-article .controller-area { display: inline-block; }

.review-list-wrapper .review-list .review-article .doing-area { position: absolute; bottom: 0; right: 0; }

.review-list-wrapper .review-list .review-article .doing-area .btn-control-unit { margin-right: 26px; display: inline-block; vertical-align: middle; }

.review-list-wrapper .review-list .review-article .doing-area .btn-eval-area { display: inline-block; vertical-align: middle; }

.review-list-wrapper .review-list .review-article .doing-area .btn-eval-area .btn-eval { border-width: 1px; color: #333; }

.review-list-wrapper .review-list .review-article .doing-area .btn-eval-area .btn-eval.on { border-color: #262626; }

.review-list-wrapper .review-list .review-article .doing-area .btn-eval-area .btn-eval.on .count { color: #262626; }

.review-list-wrapper .review-list .review-tit { font-size: 0; }

.review-list-wrapper .review-list .review-tit:before, .review-list-wrapper .review-list .review-tit:after { content: ""; display: table; }

.review-list-wrapper .review-list .review-tit:after { clear: both; }

.review-list-wrapper .review-list .review-tit strong { padding-right: 15px; font-size: 16px; color: #333; }

.review-list-wrapper .review-list .review-tit span { display: inline-block; color: #767676; font-size: 14px; line-height: 14px; }

.review-list-wrapper .review-list .review-tit span + span { margin-left: 7px; padding-left: 7px; border-left: 1px solid #767676; }

.review-list-wrapper .review-list .detail-box { font-size: 0; margin-top: 25px; display: none; }

.review-list-wrapper .review-list .detail-box:before, .review-list-wrapper .review-list .detail-box:after { content: ""; display: table; }

.review-list-wrapper .review-list .detail-box:after { clear: both; }

.review-list-wrapper .review-list .detail-box .list { float: left; }

.review-list-wrapper .review-list .detail-box dt, .review-list-wrapper .review-list .detail-box dd { display: block; margin: 10px 0; font-size: 14px; letter-spacing: -0.05em; word-break: break-all; }

.review-list-wrapper .review-list .detail-box .type { float: left; padding: 0 12px; padding-right: 12px; font-weight: 500; color: #fff; background-color: #999; border-radius: 12px; line-height: 24px; }

.review-list-wrapper .review-list .detail-box .result { float: left; margin-left: 6px; list-style: 24px; padding-right: 20px; font-weight: 300; color: #89898a; }

.review-list-wrapper .review-list .btn-review-more { float: left; position: relative; padding-right: 18px; border: 0; font-size: 16px; font-weight: 500; color: #333; background-color: transparent; cursor: pointer; }

.review-list-wrapper .review-list .btn-review-more:after { display: block; content: ""; width: 13px; height: 8px; position: absolute; top: 50%; right: 0; margin-top: -2px; background: url("../images/common/arrow/ico-arrow-down-13x8.png") no-repeat 0 0; background-size: cover; }

.review-list-wrapper .review-list .btn-review-more.on:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.option-fixmenu-wrapper { position: absolute; top: 0; left: 50%; z-index: 10; z-index: 100; width: 326px; height: 100%; min-height: 500px; margin-left: 274px; border-right: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }

.option-fix-menu { position: absolute; top: 0; width: 324px; }

.option-fix-menu .select-item-wrap + .select-item-wrap { margin-top: 20px; padding-top: 20px; border-top: 1px solid #d6d6d6; }

.option-fix-menu.fix { position: fixed; }

.option-fix-menu .select-cover { padding: 20px 28px; }

.option-fix-menu .selectric-wrapper + .selectric-wrapper { margin-top: 10px; }

.option-fix-menu .selectric-wrapper .selectric-items { max-height: 290px; }

.option-fix-menu .selectric-wrapper.selectric-option-icon .selectric-items li { height: 85px; }

.option-fix-menu .selectric-wrapper.selectric-option-icon .selectric-items li.notification { padding-right: 95px; }

.option-fix-menu .selectric-wrapper.selectric-option-icon .selectric-items li.soldout-text { display: block; }

.option-fix-menu .selectric-wrapper .color-icon + .option-area { max-width: calc(100% - 40px); }

.option-fix-menu .selectric-wrapper .gift-img + .option-area { max-width: 145px; }

.option-fix-menu .select-item-cover { margin: 10px -28px 0; padding: 0 28px; min-height: 170px; overflow: auto; -webkit-box-sizing: border-box; box-sizing: border-box; }

.option-fix-menu .select-item-cover .select-item { height: auto; margin-top: 0; }

.option-fix-menu .select-item-cover .select-item + .select-item { margin-top: 10px; }

.option-fix-menu .select-item-cover .select-item .item-name { display: block; display: -webkit-box; max-height: 3em; text-overflow: ellipsis; line-height: 1.5em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; white-space: inherit; font-size: 14px; }

.option-fix-menu .select-item-cover .select-item .inven__wrap.none-item .inven__info { color: #ffffff; }

.option-fix-menu .select-item-cover .select-item .price-area { position: relative; margin-top: 7px; }

.option-fix-menu .select-item-cover .select-item .price { padding-right: 22px; }

.option-fix-menu .select-item-cover .select-item .btn-delete { position: absolute; top: 50%; right: 0; margin-top: -10px; background-size: 10px 10px; }

.option-fix-menu .gift-item-cover { margin-top: 20px; }

.option-fix-menu .gift-item-cover .gift-head .count-area { position: static; font-size: 12px; }

.option-fix-menu .gift-item-cover .gift-head .count-area + .title-area { margin-top: 9px; }

.option-fix-menu .gift-item-cover .gift-head .title-area { margin-top: 0; }

.option-fix-menu .gift-item-cover .gift-head .title-area .type { font-weight: bold; font-size: 18px; letter-spacing: -0.02em; color: #333; }

.option-fix-menu .gift-item-cover .gift-head .title-area .name { width: 100%; padding: 0; color: #666666; font-weight: normal; font-size: 16px; letter-spacing: -0.02em; }

.option-fix-menu .gift-item-cover .gift-head .title-area .name:before { display: none; }

.option-fix-menu .gift-item-cover .gift-body { padding-left: 13px; padding-right: 13px; }

.option-fix-menu .gift-item-cover .gift-body .detail { padding-left: 14px; padding-right: 0; }

.option-fix-menu .gift-item-cover .gift-body .title { font-size: 14px; }

.option-fix-menu .gift-item-cover .gift-body .btn-delete { top: auto; bottom: 20px; }

.option-fix-menu .gift-item-cover .selectric-option-icon .selectric-items li { height: 65px; }

.option-fix-menu .gift-item-cover .selectric-option-icon .selectric-items li .cell { padding: 10px 15px; }

.option-fix-menu .gift-item-cover .selectric-option-icon .selectric-items li .gift-img { width: 30px; height: 30px; }

.option-fix-menu .gift-item-cover .selectric-option-icon .selectric-items li .option-text { font-size: 14px; }

.option-fix-menu .total-wrapper { border-top: 1px solid #d6d6d6; padding: 20px 28px 30px; }

.option-fix-menu .total-wrapper .total-area:before, .option-fix-menu .total-wrapper .total-area:after { content: ""; display: table; }

.option-fix-menu .total-wrapper .total-area:after { clear: both; }

.option-fix-menu .total-wrapper .type { float: left; margin-top: 8px; font-weight: 500; font-size: 20px; color: #2a223a; letter-spacing: -0.03em; }

.option-fix-menu .total-wrapper .price { float: right; max-width: 185px; margin-left: 10px; word-break: break-all; font-weight: 500; font-size: 20px; color: #e26b0f; }

.option-fix-menu .total-wrapper .price strong { font-size: 28px; }

.option-fix-menu .total-wrapper .order-btn { margin-top: 16px; }

.option-fix-menu .total-wrapper .order-btn .btn { width: 100%; }

.option-fix-menu .total-wrapper .order-btn .btn + .btn { margin-top: 10px; }

.option-fix-menu .total-wrapper .etc-btn { margin-top: 10px; }

.option-fix-menu .total-wrapper .etc-btn:before, .option-fix-menu .total-wrapper .etc-btn:after { content: ""; display: table; }

.option-fix-menu .total-wrapper .etc-btn:after { clear: both; }

.option-fix-menu .total-wrapper .etc-btn .btn { float: left; width: calc(50% - 5px); }

.option-fix-menu .total-wrapper .etc-btn .btn + .btn { margin-left: 10px; }

.inquiry-board-titile { margin-bottom: 10px; }

.inquiry-board-titile:before, .inquiry-board-titile:after { content: ""; display: table; }

.inquiry-board-titile:after { clear: both; }

.inquiry-board-titile .count { float: left; margin-top: 8px; font-weight: 500; font-size: 20px; letter-spacing: -0.03em; }

.inquiry-board-titile .controller { float: right; }

.inquiry-board-titile .controller:before, .inquiry-board-titile .controller:after { content: ""; display: table; }

.inquiry-board-titile .controller:after { clear: both; }

.inquiry-board-titile .controller .selector-wrap { display: inline-block; vertical-align: middle; }

.inquiry-board-titile .controller .btn { margin-left: 15px; border-radius: 5px; }

.inquiry-board-body { border-top: 1px solid #000; }

.inquiry-board-body .board-header { padding: 20px 0; border-bottom: 1px solid #d6d6d6; }

.inquiry-board-body .board-header:before, .inquiry-board-body .board-header:after { content: ""; display: table; }

.inquiry-board-body .board-header:after { clear: both; }

.inquiry-board-body .board-header > div { float: left; word-break: break-all; }

.inquiry-board-body .board-header .state { float: left; width: 94px; margin-top: 2px; text-align: center; }

.inquiry-board-body .board-header .state .badge { display: inline-block; width: 55px; height: 20px; line-height: 18px; text-align: center; font-size: 12px; border-width: 1px; border-style: solid; letter-spacing: -0.03em; }

.inquiry-board-body .board-header .state .badge.wait { color: #89898a; border-color: #d6d6d6; background-color: #f6f6f6; }

.inquiry-board-body .board-header .state .badge.complete { color: #fff; border-color: #e26b0f; background-color: #e26b0f; }

.inquiry-board-body .board-header .state .badge.ing { color: #333; border-color: #333; background-color: #fff; }

.inquiry-board-body .board-header .title { float: left; display: block; width: 528px; padding-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.inquiry-board-body .board-header .title strong { display: inline-block; max-width: 528px; position: relative; padding-right: 23px; font-weight: 500; font-size: 16px; letter-spacing: -0.03em; word-break: break-all; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-sizing: border-box; box-sizing: border-box; }

.inquiry-board-body .board-header .title .lock { display: inline-block; position: absolute; top: 50%; right: 0; width: 14px; height: 18px; margin-top: -9px; text-indent: -9999px; background: url("../images/common/ico-lock.png") no-repeat 0 0; }

.inquiry-board-body .board-header .writer { width: 120px; padding: 0 10px; margin-top: 3px; text-align: center; font-weight: 500; font-size: 14px; color: #000; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-sizing: border-box; box-sizing: border-box; }

.inquiry-board-body .board-header .date { width: 100px; margin-top: 3px; font-weight: 500; font-size: 14px; color: #89898a; text-align: center; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.inquiry-board-body .board-content { padding-left: 94px; padding-right: 20px; border-bottom: 1px solid #d6d6d6; background-color: #fafafa; }

.inquiry-board-body .board-content .list { position: relative; padding: 25px 100px 25px 0; line-height: 28px; font-weight: 500; font-size: 16px; letter-spacing: -0.03em; }

.inquiry-board-body .board-content .list > p { white-space: pre-wrap; }

.inquiry-board-body .board-content .list:before { display: block; content: ""; position: absolute; left: -36px; top: 25px; z-index: 2; font-size: 27px; }

.inquiry-board-body .board-content .list.question { color: #333; }

.inquiry-board-body .board-content .list.question:before { content: 'Q'; color: #e26b0f; }

.inquiry-board-body .board-content .list.answer { border-top: 1px solid #e5e5e5; color: #89898a; }

.inquiry-board-body .board-content .list.answer:before { content: 'A'; color: #000; }

.inquiry-board-body .board-content .list.answer.add { padding-top: 53px; }

.inquiry-board-body .board-content .list.answer.add:before { top: 53px; }

.inquiry-board-body .board-content .list.answer.add:after { position: absolute; left: 0px; top: 16px; height: 22px; line-height: 21px; content: '추가답변'; background: #222; color: #fff; font-size: 12px; font-weight: 500; padding: 0 6px; }

.inquiry-board-body .board-content .list .date { position: absolute; top: 25px; right: 0; font-weight: 500; font-size: 14px; color: #89898a; }

.order-list-content, .order-detail-content { padding: 60px 0 100px; }

.order-list-content dl, .order-list-content dt, .order-list-content dd, .order-detail-content dl, .order-detail-content dt, .order-detail-content dd, .order-info-wrapper dl, .order-info-wrapper dt, .order-info-wrapper dd { margin: 0; }

.order-list-content dl:before, .order-list-content dl:after, .order-detail-content dl:before, .order-detail-content dl:after, .order-info-wrapper dl:before, .order-info-wrapper dl:after { content: ""; display: table; }

.order-list-content dl:after, .order-detail-content dl:after, .order-info-wrapper dl:after { clear: both; }

.order-list-content dl dt, .order-list-content dl dd, .order-detail-content dl dt, .order-detail-content dl dd, .order-info-wrapper dl dt, .order-info-wrapper dl dd { width: 50%; word-break: break-all; }

.order-list-content dl dt, .order-detail-content dl dt, .order-info-wrapper dl dt { float: left; }

.order-list-content dl dd, .order-detail-content dl dd, .order-info-wrapper dl dd { padding-left: 50%; }

.order-list-content .relevant-product-section { margin-top: 86px; border-top: 0; border-bottom: 1px solid #d5d5d5; }

.order-list-content .check-cancle-box { margin-top: 60px; }

.order-list-content .check-cancle-box .selector-wrap { top: 8px; }

.order-product-wrap + .order-product-wrap { margin-top: 55px; }

.order-product-wrap.sold-out .order-list-head .etc-check-list input[type="checkbox"], .order-product-wrap.sold-out .order-list-head .etc-check-list input[type="checkbox"] + label:before { display: none; }

.order-product-wrap.sold-out .order-cart-list .check-area { display: none; }

.order-cart-list .link { display: block; width: 100%; height: 100%; }

.order-cart-list .item { position: relative; background-color: #fff; }

.order-cart-list .item.soldout .soldout-area { visibility: visible; }

.order-cart-list .item.soldout .detail, .order-cart-list .item.soldout .price-area, .order-cart-list .item.soldout .btn-unit { opacity: 0.5; }

.order-cart-list .item.soldout .set-area { display: none; }

.order-cart-list .item.soldout .control-area .btn-area { display: block; }

.order-cart-list .item.end .sale-end-wrap { visibility: visible; }

.order-cart-list .item.special .special-item { display: block; }

.order-cart-list .item.special .thumbnail-wrap { z-index: 4; }

.order-cart-list .soldout-area { visibility: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 160px; z-index: 3; text-align: center; background-color: rgba(255, 255, 255, 0.5); }

.order-cart-list .soldout-area .text { padding: 5px 10px; border: 2px solid #fff; border-radius: 5px; font-weight: 500; font-size: 20px; color: #fff; letter-spacing: -0.03em; background-color: rgba(0, 0, 0, 0.5); }

.order-cart-list .order-list-wrap { display: table; width: 100%; table-layout: fixed; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }

.order-cart-list .order-list-wrap > div { display: table-cell; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; }

.order-cart-list .check-area { position: absolute; top: 50%; left: 15px; margin-top: -10px; }

.order-cart-list .check-area .selector-wrap .asset { margin: 0 auto; }

.order-cart-list .title-area .brand { display: inline-block; border-bottom: 1px solid #89898a; font-weight: 500; font-size: 14px; letter-spacing: -0.03em; color: #89898a; word-break: break-all; }

.order-cart-list .title-area .title { display: block; margin-top: 5px; font-weight: 500; font-size: 16px; letter-spacing: -0.03em; color: #333; word-break: break-all; display: block; display: -webkit-box; height: 3em; max-height: 3em; text-overflow: ellipsis; line-height: 1.5em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }

.order-cart-list .title-area .limit + .option-area { margin-top: 10px; }

.order-cart-list .option-area { margin-top: 5px; }

.order-cart-list .option-area:before, .order-cart-list .option-area:after { content: ""; display: table; }

.order-cart-list .option-area:after { clear: both; }

.order-cart-list .option-area > div { font-weight: 300; font-size: 14px; color: #89898a; word-break: break-all; }

.order-cart-list .option-area .type { float: left; position: relative; margin-right: 10px; padding-right: 10px; width: 38px; }

.order-cart-list .option-area .type:after { display: block; content: ""; position: absolute; top: 4px; right: 0; width: 1px; height: 12px; background-color: #d5d5d5; }

.order-cart-list .option-area .type + .option { float: left; word-break: break-word; }

.order-cart-list .option-area .option + .option-change { margin-left: 10px; }

.order-cart-list .option-area .option-change { float: left; position: relative; font-weight: 500; font-size: 14px; color: #e26b0f; border-bottom: 1px solid #e26b0f; }

.order-cart-list .option-area .option-change:after { display: block; content: ""; width: 7px; height: 11px; position: absolute; top: 50%; right: -12px; margin-top: -5px; background: url("../images/common/arrow/ico-arrow-right-or-7x11.png") no-repeat 0 0; }

.order-cart-list .guide-area { position: relative; display: inline-block; margin-top: 6px; padding: 3px 15px 3px 24px; border-radius: 50px; font-weight: 300; font-size: 12px; letter-spacing: -0.03em; color: #89898a; background-color: #f6f6f6; }

.order-cart-list .guide-area .icon { width: 16px; height: 16px; position: absolute; top: 50%; left: 5px; margin-top: -8px; background: url("../images/goods/ico-noti.png") no-repeat 0 0; }

.order-cart-list .amount-area { width: 80px; text-align: center; color: #89898a; letter-spacing: -0.03em; }

.order-cart-list .origin-price { font-weight: 300; font-size: 12px; color: #aaa; }

.order-cart-list .origin-price .number { font-size: 14px; text-decoration: line-through; word-break: break-all; }

.order-cart-list .current-price { font-weight: 500; font-size: 16px; color: #000; }

.order-cart-list .current-price .number { font-size: 18px; word-break: break-all; }

.order-cart-list .control-area .btn-area { display: none; text-align: center; }

.order-cart-list .control-area .btn-area .btn { border-radius: 5px; }

.order-cart-list .set-area { text-align: center; }

.order-cart-list .set-area .btn { display: block; width: 71px; height: 31px; line-height: 27px; margin: 8px auto 0; padding: 0; border-width: 2px; border-radius: 5px; border-color: #e5e5e5; font-weight: 300; font-size: 14px; }

.order-cart-list .set-area .btn.disabled { background-color: #f6f6f6; color: #89898a; }

.order-cart-list .btn-unit { text-align: center; }

.order-cart-list .btn-unit .btn + .btn { margin-left: 20px; }

.order-cart-list .btn-unit .btn-like { width: 30px; height: 30px; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; }

.order-cart-list .btn-unit .btn-delete { width: 17px; height: 17px; border: 0; text-indent: -9999px; background: url("../images/common/close/ico-close-17x17.png") no-repeat 0 0; }

.order-cart-list .sale-end-wrap { visibility: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; text-align: center; background-color: rgba(102, 102, 102, 0.8); }

.order-cart-list .sale-end-wrap .text { font-weight: 500; font-size: 20px; color: #fff; letter-spacing: -0.03em; }

.order-cart-list .special-item { display: none; position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; background-color: rgba(126, 87, 197, 0.9); }

.order-cart-list .special-item a { display: block; }

.order-cart-list .special-item .special-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 160px; padding-left: 245px; padding-right: 220px; letter-spacing: -0.03em; color: #fff; }

.order-cart-list .special-item .title { font-weight: 300; font-size: 30px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.order-cart-list .special-item .title strong { font-weight: 500; }

.order-cart-list .special-item .sub-text { font-weight: 500; font-size: 14px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.order-cart-list .special-item .sub-text strong { font-weight: 500; font-size: 20px; color: #efbe7d; }

.order-cart-list .special-item .click { position: absolute; top: 28px; right: 30px; }

.order-cart-list .special-item .sticker { position: absolute; top: -3px; right: -3px; }

.order-cart-list.cart { border-bottom: 1px solid #d1d1d1; }

.order-cart-list.cart:last-child { border-bottom: 0; }

.order-cart-list.cart > .item.special .detail { width: 430px; }

.order-cart-list.cart > .item .order-list-wrap { min-height: 160px; padding-left: 50px; }

.order-cart-list.cart > .item .thumbnail-wrap { margin-left: 50px; }

.order-cart-list.cart > .item .thumbnail-wrap, .order-cart-list.cart > .item .thumbnail-inner { width: 140px; height: 140px; }

.order-cart-list.cart > .item .detail { position: relative; padding: 10px 20px; }

.order-cart-list.cart > .item .control-area { width: 122px; }

.order-cart-list.cart > .item .price-area { width: 226px; padding-left: 20px; padding-right: 40px; text-align: right; }

.order-cart-list.cart > .item .btn-unit { width: 132px; }

.order-cart-list.cart > .order-cart-wrapper { margin: 0 50px; }

.order-cart-list.cart > .order-cart-wrapper:last-child { margin-bottom: 20px; border-bottom: 1px solid #e1ddd7; }

.for-free-delivery-popup .popup-inner { width: 1030px; }

.for-free-delivery-popup .popup-content { padding-bottom: 0; }

.for-free-delivery-popup .for-free-delivery-wrap .product-list li { width: 296px; }

.for-free-delivery-popup .for-free-delivery-wrap .product-list li .thum { height: 296px; }

.for-free-delivery-popup .for-free-delivery-wrap .product-list li .thum a { height: 100%; }

.for-free-delivery-popup .for-free-delivery-wrap .product-list li .thum a img { height: 100%; }

.for-free-delivery-popup .for-free-delivery-wrap .swiper-btn-area { margin: 30px 0 40px; text-align: center; }

.for-free-delivery-popup .for-free-delivery-wrap .swiper-btn-area .swiper-pagination { position: static; padding: 0 25px; width: auto; line-height: 14px; font-size: 16px; letter-spacing: 2px; }

.for-free-delivery-popup .added-prds-list-wrap { margin: 0 -30px; display: none; border-top: 1px solid #cdcdcd; }

.for-free-delivery-popup .added-prds-list-wrap .swiper-container { padding: 30px 0; }

.for-free-delivery-popup .added-prds-list-wrap .added-prds-list { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: auto; white-space: nowrap; -webkit-box-sizing: border-box; box-sizing: border-box; }

.for-free-delivery-popup .added-prds-list-wrap .added-prds-list li { position: relative; padding: 0 52px 0 20px; width: auto; height: 52px; line-height: 50px; border-radius: 25px; -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1), -1px -1px 4px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1), -1px -1px 4px rgba(0, 0, 0, 0.1); }

.for-free-delivery-popup .added-prds-list-wrap .added-prds-list li:first-child { margin-left: 30px; }

.for-free-delivery-popup .added-prds-list-wrap .added-prds-list li:last-child { margin-right: 30px; }

.for-free-delivery-popup .added-prds-list-wrap .added-prds-list li + li { margin-left: 20px; }

.for-free-delivery-popup .added-prds-list-wrap .added-prds-list li p { font-size: 0; }

.for-free-delivery-popup .added-prds-list-wrap .added-prds-list li p > * { font-size: 16px; }

.for-free-delivery-popup .added-prds-list-wrap .added-prds-list li p .tit + .cnt { margin-left: 10px; }

.for-free-delivery-popup .added-prds-list-wrap .added-prds-list li p .opt { position: relative; color: #707070; }

.for-free-delivery-popup .added-prds-list-wrap .added-prds-list li p .opt:before, .for-free-delivery-popup .added-prds-list-wrap .added-prds-list li p .opt:after { content: ''; margin: -2px 10px 0; display: inline-block; width: 1px; height: 16px; background-color: #707070; vertical-align: middle; }

.for-free-delivery-popup .added-prds-list-wrap .added-prds-list li .btn-remove { position: absolute; top: 18px; right: 20px; margin-left: 17px; width: 17px; height: 17px; background: url(../images/common/close/ico-close-gray-17x17.png) no-repeat 0/100%; font-size: 0; vertical-align: middle; }

.for-free-delivery-popup .btn-add-cart { display: block; margin-top: 20px; height: 50px; font-size: 16px; color: #E26B0F; line-height: 48px; text-align: center; border: 1px solid #E26B0F; border-radius: 7px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.for-free-delivery-popup .popup-footer { display: table; width: 100%; }

.for-free-delivery-popup .popup-footer .total-info { display: table-cell; padding: 0 70px; width: 380px; background-color: #F4F4F4; vertical-align: middle; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

.for-free-delivery-popup .popup-footer .total-info span { float: left; font-size: 16px; line-height: 33px; }

.for-free-delivery-popup .popup-footer .total-info span em { font-style: normal; }

.for-free-delivery-popup .popup-footer .total-info strong { float: right; font-size: 22px; }

.for-free-delivery-popup .popup-footer .total-info:after { content: ''; display: block; clear: both; }

.for-free-delivery-popup .popup-footer a { display: table-cell; }

.giftguid-popup { position: fixed; z-index: 100; left: 50%; bottom: 40px; margin-left: -323px; padding: 25px 28px; width: 647px; height: 80px; border-radius: 10px; background: #222; opacity: 0.85; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 18px; }

.giftguid-popup p { color: #fff; font-weight: normal; }

.giftguid-popup p strong { color: #E26B0F; font-weight: bold; }

.giftguid-popup p a { color: #fff; text-decoration: underline; float: right; font-size: 16px; }

.addprd-gift-popup .popup-inner { position: relative; width: 764px; border: 0; background: none; overflow: visible; }

.addprd-gift-popup .popup-inner .btn-close { position: absolute; width: 40px; height: 40px; background-image: url("../images/common/close/ico-close-white-40x40.png"); border: none; background-color: transparent; text-indent: -9999em; top: -40px; right: 0; cursor: pointer; }

.addprd-gift-popup .popup-content { padding: 0 62px; border-radius: 16px; background: #fff; margin-bottom: 5px; }

.addprd-gift-popup .popup-content .popup-gift-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; }

.addprd-gift-popup .popup-content .popup-gift-info h2.popup-tit { width: calc(100% - 376px); float: left; font-size: 22px; text-align: left; letter-spacing: -0.44px; -ms-flex-item-align: center; align-self: center; line-height: 34px; }

.addprd-gift-popup .popup-content .popup-gift-info h2.popup-tit strong { color: #FF7F00; font-weight: bold; }

.addprd-gift-popup .popup-content .popup-gift-info .sub-text { font-weight: normal; font-size: 12px; letter-spacing: -0.02em; text-align: left; color: #666; display: block; line-height: 12px; margin-top: 5px; }

.addprd-gift-popup .popup-content .presentation-swiper-wrap { position: relative; width: 376px; }

.addprd-gift-popup .popup-content .presentation-swiper-wrap .presentation-swiper { margin-right: -7px; }

.addprd-gift-popup .popup-content .presentation-swiper-wrap .swiper-button-prev, .addprd-gift-popup .popup-content .presentation-swiper-wrap .swiper-button-next { background: url(../images/common/arrow/slide-arr-25x25.png) no-repeat 0/100%; width: 25px; height: 25px; top: 58%; }

.addprd-gift-popup .popup-content .presentation-swiper-wrap .swiper-button-prev { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); left: 10px; }

.addprd-gift-popup .popup-content .presentation-swiper-wrap .swiper-button-next { right: -30px; }

.addprd-gift-popup .popup-content .presentation-swiper { position: relative; width: 350px; overflow: hidden; margin: 0 auto; padding: 30px 8px 25px 8px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.addprd-gift-popup .popup-content .presentation-swiper .present-item { width: 328px; height: 96px; padding: 8px; background: #fff; -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; box-sizing: border-box; }

.addprd-gift-popup .popup-content .presentation-swiper .present-item .item .thumb { float: left; }

.addprd-gift-popup .popup-content .presentation-swiper .present-item .item .thumb img { display: block; width: 80px; height: 80px; }

.addprd-gift-popup .popup-content .presentation-swiper .present-item .item .info { float: left; width: calc(100% - 100px); padding-left: 10px; margin-top: 8px; font-size: 14px; }

.addprd-gift-popup .popup-content .presentation-swiper .present-item .item .info .brand { color: #999999; }

.addprd-gift-popup .popup-content .presentation-swiper .present-item .item .info .title { display: block; display: -webkit-box; max-height: 1.5em; text-overflow: ellipsis; line-height: 1.5em; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }

.addprd-gift-popup .popup-content .presentation-swiper .present-item .item .info .option { margin-top: 6px; font-size: 12px; color: #666666; display: block; display: -webkit-box; max-height: 1.5em; text-overflow: ellipsis; line-height: 1.5em; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }

.addprd-gift-popup .addprd-gift-wrap { position: relative; padding-bottom: 36px; }

.addprd-gift-popup .addprd-gift-wrap .product-list li { width: 200px; }

.addprd-gift-popup .addprd-gift-wrap .product-list li .thum { height: 200px; }

.addprd-gift-popup .addprd-gift-wrap .product-list li .thum a { width: 100%; height: 100%; }

.addprd-gift-popup .addprd-gift-wrap .product-list li .thum img { display: block; height: 100%; }

.addprd-gift-popup .addprd-gift-wrap .product-list li .info .tit { font-size: 14px; line-height: 20px; min-height: 40px; }

.addprd-gift-popup .addprd-gift-wrap .product-list li .info .price { margin-top: 8px; }

.addprd-gift-popup .addprd-gift-wrap .product-list li .info .price .discount { font-weight: bold; }

.addprd-gift-popup .addprd-gift-wrap .product-list li .info .price .discount, .addprd-gift-popup .addprd-gift-wrap .product-list li .info .price .sale { font-size: 20px; }

.addprd-gift-popup .addprd-gift-wrap .product-list li .info .price .prime { font-size: 16px; }

.addprd-gift-popup .addprd-gift-wrap .product-list li .info .grade { margin-top: 0px; font-size: 14px; color: #666666; }

.addprd-gift-popup .addprd-gift-wrap .swiper-button-prev, .addprd-gift-popup .addprd-gift-wrap .swiper-button-next { margin-top: 0; width: 16px; height: 44px; top: 140px; background: url(../images/common/arrow/ico-arrow-right-gray-16x44.png) no-repeat 0/100%; }

.addprd-gift-popup .addprd-gift-wrap .swiper-button-next { right: -35px; }

.addprd-gift-popup .addprd-gift-wrap .swiper-button-prev { left: -35px; }

.addprd-gift-popup .added-recoprds-list-wrap { margin: 0 -30px; display: none; border-top: 1px solid #cdcdcd; position: relative; }

.addprd-gift-popup .added-recoprds-list-wrap .swiper-container { padding: 20px 0; }

.addprd-gift-popup .added-recoprds-list-wrap .added-recoprds-list { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: auto; white-space: nowrap; -webkit-box-sizing: border-box; box-sizing: border-box; }

.addprd-gift-popup .added-recoprds-list-wrap .added-recoprds-list li { position: relative; padding: 0 52px 0 20px; width: auto; height: 46px; line-height: 45px; border-radius: 28px; background: #E8E8E8; }

.addprd-gift-popup .added-recoprds-list-wrap .added-recoprds-list li + li { margin-left: 20px; }

.addprd-gift-popup .added-recoprds-list-wrap .added-recoprds-list li p { font-size: 0; }

.addprd-gift-popup .added-recoprds-list-wrap .added-recoprds-list li p > * { font-size: 14px; }

.addprd-gift-popup .added-recoprds-list-wrap .added-recoprds-list li p .tit + .cnt { margin-left: 10px; }

.addprd-gift-popup .added-recoprds-list-wrap .added-recoprds-list li p .opt { position: relative; color: #666666; }

.addprd-gift-popup .added-recoprds-list-wrap .added-recoprds-list li p .opt:before, .addprd-gift-popup .added-recoprds-list-wrap .added-recoprds-list li p .opt:after { content: ''; margin: -2px 10px 0; display: inline-block; width: 1px; height: 16px; background-color: #BFBFBF; vertical-align: middle; }

.addprd-gift-popup .added-recoprds-list-wrap .added-recoprds-list li p .cnt { color: #666666; }

.addprd-gift-popup .added-recoprds-list-wrap .added-recoprds-list li .btn-remove { position: absolute; top: 13px; right: 20px; margin-left: 20px; width: 20px; height: 20px; background: url(../images/common/close/btn-remove.png) no-repeat 0/100%; font-size: 0; vertical-align: middle; }

.addprd-gift-popup .added-recoprds-list-wrap .swiper-button-next, .addprd-gift-popup .added-recoprds-list-wrap .swiper-button-prev { background: url(../images/common/arrow/gift-slider-arrow.png) no-repeat 0/100%; }

.addprd-gift-popup .added-recoprds-list-wrap .swiper-button-prev { left: -15px; }

.addprd-gift-popup .added-recoprds-list-wrap .swiper-button-next { right: -15px; }

.addprd-gift-popup .etc-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 8px; }

.addprd-gift-popup .btn-add-cart { float: right; display: block; padding: 0px 11px; height: 28px; font-size: 14px; color: #ffffff; line-height: 27px; text-align: center; background: #ff7f00; border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.addprd-gift-popup .popup-footer { display: block; width: 100%; }

.addprd-gift-popup .popup-footer .total-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* flex-flow: row wrap; */ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; float: left; padding: 18px 40px; width: 480px; height: 64px; background-color: #F4F4F4; border-radius: 43px; text-align: left; -webkit-box-sizing: border-box; box-sizing: border-box; }

.addprd-gift-popup .popup-footer .total-info span { display: inline-block; position: relative; font-size: 18px; color: #222222; }

.addprd-gift-popup .popup-footer .total-info strong { float: right; font-size: 22px; }

.addprd-gift-popup .popup-footer .total-info:after { content: ''; display: block; clear: both; }

.addprd-gift-popup .popup-footer .total-info > p { width: 50%; }

.addprd-gift-popup .popup-footer .total-info > p.item-number { font-weight: normal; font-size: 16px; letter-spacing: -0.02em; line-height: 34px; color: #222222; }

.addprd-gift-popup .popup-footer .total-info > p.item-number > span { color: #999; font-size: 16px; letter-spacing: -0.02em; }

.addprd-gift-popup .popup-footer .total-info > p.item-number > span > em { color: #FF7F00; font-style: normal; }

.addprd-gift-popup .popup-footer .total-info > p.total-price { text-align: right; font-family: Roboto; font-weight: bold; font-size: 22px; letter-spacing: -0.02em; line-height: 34px; }

.addprd-gift-popup .popup-footer .total-info > p.total-price:after { content: '원'; font-weight: normal; font-size: 16px; letter-spacing: -0.02em; }

.addprd-gift-popup .popup-footer a { float: right; width: 280px; height: 64px; border-radius: 43px; line-height: 63px; font-size: 20px; }

.field.lvup-gift { padding: 10px 0; background: #FAFAFA; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 20px !important; }

.field.lvup-gift > .label { font-weight: 500; line-height: 1.2; }

.field.lvup-gift .count-area { float: right; margin-right: 20px; line-height: 34px; }

.field.lvup-gift + .order-cart-list { border-bottom: 1px solid #e1ddd7; border-left: 0; border-right: 0; }

.field.lvup-gift + .order-cart-list .order-list-wrap { table-layout: initial; }

.order-cart-wrapper.disable .order-gift-head { background-color: #f6f6f6; }

.order-cart-wrapper.disable .order-gift-head .selector-wrap input[type="checkbox"] + label { color: #89898a; }

.order-cart-wrapper:first-of-type { border-top: 0; }

.order-cart-wrapper .order-gift-head { height: 63px; position: relative; border: 1px solid #e1ddd7; background-color: #f3f1ef; -webkit-box-sizing: border-box; box-sizing: border-box; }

.order-cart-wrapper .order-gift-head .selector-wrap { position: absolute; top: 50%; left: 20px; z-index: 2; margin-top: -10px; }

.order-cart-wrapper .order-gift-head .selector-wrap .asset { margin-right: 0; }

.order-cart-wrapper .order-gift-head input[type="checkbox"] + label { max-width: 600px; font-weight: 500; font-size: 14px; color: #333; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.order-cart-wrapper .order-gift-head.medium input[type="checkbox"] + label { max-width: 440px; }

.order-cart-wrapper .order-gift-head.small input[type="checkbox"] + label { max-width: 270px; }

.order-cart-wrapper .order-gift-head .title-area { position: absolute; top: 20px; left: 56px; }

.order-cart-wrapper .order-gift-head .title-area:before, .order-cart-wrapper .order-gift-head .title-area:after { content: ""; display: table; }

.order-cart-wrapper .order-gift-head .title-area:after { clear: both; }

.order-cart-wrapper .order-gift-head .title-area > div { float: left; font-weight: 500; font-size: 14px; letter-spacing: -0.03em; position: relative; color: #333; word-break: break-all; }

.order-cart-wrapper .order-gift-head .type { margin-right: 7px; padding-right: 9px; }

.order-cart-wrapper .order-gift-head .type:after { display: block; content: ""; width: 1px; height: 12px; position: absolute; top: 50%; right: 0; margin-top: -6px; background-color: #aaa; }

.order-cart-wrapper .order-gift-head .name { max-width: 570px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.order-cart-wrapper .order-gift-head .controller { position: absolute; right: 0; top: 0; }

.order-cart-wrapper .order-gift-head .count-area { position: absolute; top: 20px; right: 35px; }

.order-cart-wrapper .order-gift-head .count-area + .selectric-wrapper { margin-right: 228px; }

.order-cart-wrapper .order-gift-head .selectric-wrapper { width: 240px; margin-top: 14px; margin-right: 33px; }

.order-cart-wrapper .order-gift-head .selectric-wrapper .selectric { border-radius: 5px; }

.order-cart-wrapper .order-gift-head .selectric-wrapper .selectric .label { font-weight: 300; color: #aaa; }

.order-cart-wrapper .order-gift-head .selectric-wrapper .selectric-items .option-text { font-weight: 300; color: #aaa; }

.order-cart-wrapper:first-child { border-top: 0; }

.order-cart-list.cart-gift { border-right: 1px solid #e1ddd7; border-left: 1px solid #e1ddd7; }

.order-cart-list.cart-gift > .item .order-list-wrap { height: 102px; padding-left: 56px; }

.order-cart-list.cart-gift > .item .thumbnail-wrap, .order-cart-list.cart-gift > .item .thumbnail-inner { width: 60px; height: 60px; }

.order-cart-list.cart-gift > .item .title-area .brand, .order-cart-list.cart-gift > .item .title-area .title { font-weight: 300; font-size: 14px; color: #333; }

.order-cart-list.cart-gift > .item .title-area .brand { border-bottom: 0; }

.order-cart-list.cart-gift > .item .title-area .title { margin-top: 2px; display: block; display: -webkit-box; max-height: 1.5em; text-overflow: ellipsis; line-height: 1.5em; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }

.order-cart-list.cart-gift > .item .option-area { margin-top: 2px; }

.order-cart-list.cart-gift > .item .option-area > div { font-size: 12px; }

.order-cart-list.cart-gift > .item .detail { width: 480px; padding: 10px 15px; }

.order-cart-list.cart-gift > .item .control-area { width: 140px; }

.order-cart-list.cart-gift > .item .price-area { width: 226px; padding-left: 20px; padding-right: 40px; text-align: right; }

.order-cart-list.cart-gift > .item .btn-unit { width: 132px; }

.order-cart-list.payment { border-bottom: 1px solid #e5e5e5; }

.order-cart-list.payment:last-child { border-bottom: 0; }

.order-cart-list.payment > .item .order-list-wrap { height: 160px; padding-left: 30px; }

.order-cart-list.payment > .item .thumbnail-wrap, .order-cart-list.payment > .item .thumbnail-inner { width: 140px; height: 140px; }

.order-cart-list.payment > .item .detail { width: 310px; padding: 10px 20px; }

.order-cart-list.payment > .item .amount-area { font-weight: 500; font-size: 16px; }

.order-cart-list.payment > .item .price-area { width: 240px; padding: 0 40px 0 20px; text-align: right; }

.order-cart-list.payment > .item .price-area:before, .order-cart-list.payment > .item .price-area:after { content: ""; display: table; }

.order-cart-list.payment > .item .price-area:after { clear: both; }

.order-cart-list.payment > .item .price-area > div { display: inline-block; vertical-align: middle; }

.order-cart-list.payment > .item .price-area .current-price { font-size: 16px; }

.order-cart-list.payment > .item .price-area .current-price .number { font-size: 18px; }

.order-cart-list.payment > .item .price-area .origin-price { margin-left: 8px; font-size: 14px; }

.order-cart-list.payment > .item .price-area .origin-price .number { font-size: 14px; }

.order-cart-list > .item.payment-gift { border-top: 1px solid #e5e5e5; }

.order-cart-list > .item.payment-gift .icon-plus { position: absolute; top: -20px; left: 26px; z-index: 2; }

.order-cart-list > .item.payment-gift .icon-plus img { display: block; }

.order-cart-list > .item.payment-gift .order-list-wrap { height: 80px; padding-left: 110px; background-color: #f6f6f6; }

.order-cart-list > .item.payment-gift .thumbnail-wrap, .order-cart-list > .item.payment-gift .thumbnail-inner { width: 60px; height: 60px; }

.order-cart-list > .item.payment-gift .detail { width: 310px; padding: 10px 20px 10px 30px; }

.order-cart-list > .item.payment-gift .promotion:before, .order-cart-list > .item.payment-gift .promotion:after { content: ""; display: table; }

.order-cart-list > .item.payment-gift .promotion:after { clear: both; }

.order-cart-list > .item.payment-gift .promotion > div { float: left; position: relative; font-weight: 500; font-size: 12px; color: #333; letter-spacing: -0.03em; }

.order-cart-list > .item.payment-gift .promotion .name { padding-left: 12px; }

.order-cart-list > .item.payment-gift .promotion .name:before { display: block; content: ""; position: absolute; top: 50%; left: 5px; width: 1px; height: 9px; margin-top: -4px; background-color: #d5d5d5; }

.order-cart-list > .item.payment-gift .title-area .title { margin-top: 0; font-weight: 300; font-size: 14px; display: block; display: -webkit-box; max-height: 1.5em; text-overflow: ellipsis; line-height: 1.5em; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }

.order-cart-list > .item.payment-gift .option-area { margin-top: 0; }

.order-cart-list > .item.payment-gift .option-area .option { font-size: 12px; }

.order-cart-list > .item.payment-gift .amount-area { font-weight: 300; font-size: 14px; }

.order-cart-list > .item.payment-gift .price-area { width: 240px; padding: 0 40px 0 20px; text-align: right; }

.order-cart-list > .item.payment-gift .price-area .current-price { font-size: 14px; }

.order-cart-list > .item.payment-gift .price-area .current-price .number { font-size: 14px; }

.order-list-head { position: relative; padding: 16px 15px; border-top: 1px solid; border-bottom: 1px solid #d5d5d5; }

.order-list-head:before, .order-list-head:after { content: ""; display: table; }

.order-list-head:after { clear: both; }

.order-list-head.float-group .head-title { float: left; }

.order-list-head.float-group .head-info { margin-top: 2px; font-weight: 300; font-size: 14px; color: #aaa; }

.order-list-head.float-group .sub-text { float: left; margin-left: 22px; margin-top: 5px; font-size: 14px; }

.order-list-head.float-group .tip-wrap { float: right; margin-top: 2px; }

.order-list-head.float-group .coupon-btn { position: absolute; right: 0; top: 18px; padding: 6px 20px; font-size: 14px; font-weight: 500; text-align: center; color: #9b9b9b; border: 2px solid #c1c1c1; border-radius: 10px; background: none; }

.order-list-head .selector-wrap .asset { margin-bottom: 0; }

.order-list-head .etc-check-list input[type="checkbox"], .order-list-head .etc-check-list input[type="radio"] { top: 8px; }

.order-list-head .etc-check-list input[type="checkbox"] + label, .order-list-head .etc-check-list input[type="radio"] + label { line-height: 36px; color: #222; font-weight: 500; }

.order-list-head .etc-check-list input[type="checkbox"] + label, .order-list-head .etc-check-list input[type="checkbox"] + label span, .order-list-head .etc-check-list input[type="radio"] + label, .order-list-head .etc-check-list input[type="radio"] + label span { font-size: 24px; }

.order-list-head .etc-check-list input[type="checkbox"] + label:before, .order-list-head .etc-check-list input[type="radio"] + label:before { top: 8px; }

.order-list-head .head-title { font-weight: 500; font-size: 20px; color: #000; }

.order-total-price-wrap { padding-top: 16px; border-top: 1px solid #222; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box; }

.order-total-price-wrap .price-area { display: inline-block; vertical-align: middle; font-weight: 300; font-size: 18px; letter-spacing: -0.03em; }

.order-total-price-wrap .condition { display: inline-block; vertical-align: middle; font-size: 14px; color: #89898a; }

.order-total-price-wrap .tooltip-area:after { left: 0; }

.order-total-price-wrap .tooltip-box { top: 25px; left: auto; right: 0; width: 280px; padding: 20px; text-align: left; }

.order-payment-wrapper .pay-button { text-align: center; margin-top: 40px; }

.order-payment-wrapper .pay-button .btn { width: 240px; float: none; }

.order-payment-wrapper { margin-top: 90px; }

.order-payment-wrapper .order-payment.info { position: relative; float: left; width: 656px; padding: 24px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.order-payment-wrapper .order-payment.info:after { position: absolute; content: ''; right: 0; top: 24px; width: 1px; height: 188px; background-color: #d5d5d5; }

.order-payment-wrapper .order-payment.info > p { margin-top: 22px; font-size: 18px; font-weight: 500; color: #89898a; }

.order-payment-wrapper .order-payment.info > p span { color: #222; }

.order-payment-wrapper .order-payment.info .btn-group-02 { margin-top: 10px; }

.order-payment-wrapper .order-payment.info .btn-group-02 .btn { min-width: 120px; height: 50px; line-height: 48px; }

.order-payment-wrapper .order-payment.detail { float: right; width: 503px; padding: 24px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.order-payment-wrapper dl { padding: 10px 0; }

.order-payment-wrapper dl:first-child { padding-top: 0; }

.order-payment-wrapper dl:last-child { padding-bottom: 0; }

.order-payment-wrapper dl dt, .order-payment-wrapper dl dd { font-size: 20px; }

.order-payment-wrapper dl dd { text-align: right; font-weight: lighter; }

.order-payment-wrapper dl dd.sale { color: #ed4300; }

.order-payment-wrapper dl.total-pay dt, .order-payment-wrapper dl.total-pay dd { font-size: 24px; font-weight: 500; }

.order-payment-area { border-top: 2px solid; border-bottom: 1px solid; margin: 20px 0; }

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

.order-payment-area:after { clear: both; }

.order-payment-area .big-title { font-size: 40px; line-height: 50px; font-weight: bold; }

.order-list-content .order-complete-number { padding: 48px; background-color: #f6f6f6; text-align: center; }

.order-list-content .order-complete-number + .order-info-wrapper { margin-top: 50px; }

.order-list-content .order-complete-number p { font-size: 40px; font-weight: 400; }

.order-list-content .order-complete-number p strong { font-weight: 500; }

.order-list-content .order-complete-number .number-area { display: inline-block; margin-top: 14px; padding: 15px 36px; font-size: 16px; color: #333; background-color: #fff; }

.order-list-content .order-complete-number .number-area strong { margin-left: 18px; }

.order-list-content .order-info-wrapper .order-btn { display: block; float: left; width: 100%; margin-top: 60px; text-align: center; }

.order-list-content .order-list-body:before, .order-list-content .order-list-body:after { content: ""; display: table; }

.order-list-content .order-list-body:after { clear: both; }

.order-list-content .order-list-body .order-payment.detail { float: none; width: 100%; }

.order-info-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; }

.order-info-wrapper:before, .order-info-wrapper:after { content: ""; display: table; }

.order-info-wrapper:after { clear: both; }

.order-info-wrapper .order-info-area { float: left; width: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.order-info-wrapper .order-info-area dl { padding: 10px 30px; }

.order-info-wrapper .order-info-area.pay-info { padding-right: 35px; }

.order-info-wrapper .order-info-area.pay-info .total-pay { margin-top: 30px; padding-top: 30px; padding-bottom: 30px; background-color: #f6f6f6; }

.order-info-wrapper .order-info-area.pay-info .total-pay dt.total { margin-top: 5px; font-size: 18px; }

.order-info-wrapper .order-info-area.pay-info .total-pay dd.total { font-size: 24px; }

.order-info-wrapper .order-info-area.pay-info .total-pay .total { font-weight: 500; }

.order-info-wrapper .order-info-area.pay-info .total-pay .bm { color: #89898a; }

.order-info-wrapper .order-info-area.pay-info .total-pay .bm strong { font-size: 14px; }

.order-info-wrapper .order-info-area.pay-info .order-payment { padding-top: 30px; border-bottom: 1px solid; }

.order-info-wrapper .order-info-area.pay-info dd { text-align: right; }

.order-info-wrapper .order-info-area.pay-info dd strong { font-size: 20px; font-weight: 500; padding-right: 6px; }

.order-info-wrapper .order-info-area.pay-status { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 35px; }

.order-info-wrapper .order-info-area.pay-status dt { width: 206px; }

.order-info-wrapper .order-info-area.pay-status dd { padding-left: 206px; width: calc(100% - 206px); }

.order-info-wrapper .order-info-area.pay-status .order-payment { padding-top: 28px; padding-bottom: 28px; }

.order-info-wrapper .order-info-area.pay-status .order-list-wrap:last-child .order-payment { border-bottom: 1px solid; }

.order-info-wrapper .order-info-area.pay-status .order-delivery .etc-check-list { margin-top: 6px; }

.order-info-wrapper .order-info-area.pay-status .order-delivery .data-list { margin-top: 6px; }

.order-info-wrapper .order-info-area.pay-status .order-delivery .data-list li { font-size: 12px; }

.order-info-wrapper .order-info-area .account-num span { position: relative; display: inline-block; padding: 0 13px; }

.order-info-wrapper .order-info-area .account-num span:first-child { padding-left: 0; }

.order-info-wrapper .order-info-area .account-num span:last-child:after { position: absolute; content: ''; width: 1px; height: 12px; top: 50%; left: 0; margin-top: -6px; background-color: #d5d5d5; }

.order-info-wrapper .order-info-area .pay-num { font-size: 16px; line-height: 1.6em; }

.order-detail-content .order-list-head { padding: 22px 30px; }

.order-detail-content .order-cart-list .option-area .type + .option { width: 212px; }

.final-payment-wrap { margin-top: 40px; padding-right: 400px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.final-payment-wrap .selector-wrap .label label { font-weight: lighter; }

.final-payment-wrap .selector-wrap .asset { margin-right: 30px; }

.final-payment-wrap .payment-methods-agree { padding-top: 15px; border-top: 1px solid #d5d5d5; }

.final-payment-wrap .naver-pay-info { padding: 30px; margin-top: 25px; background-color: #f6f6f6; border: 1px solid #d5d5d5; -webkit-box-sizing: border-box; box-sizing: border-box; }

.final-payment-wrap .naver-pay-info h5 { color: #333; font-size: 16px; font-weight: 500; }

.final-payment-wrap .naver-pay-info .data-list { margin-top: 16px; }

.final-payment-wrap .naver-pay-info .data-list li + li { margin-top: 10px; }

.final-payment-wrap .total-bundle-area { position: relative; }

.final-payment-wrap .total-bundle-area .total-info { position: absolute; left: 30px; top: 50%; margin-top: -10px; color: #aaa; }

.final-payment-wrap .total-bundle { padding: 10px 15px; font-size: 16px; font-weight: 500; text-align: right; background-color: #fafafa; }

.final-payment-wrap .total-bundle .num-area { display: inline-block; min-width: 180px; padding: 0 12px; font-size: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.final-payment-wrap .total-bundle .slash { font-weight: lighter; padding: 0 3px; color: #aaa; }

.final-payment-wrap .total-bundle .minus { color: #ed4300; }

.final-payment-wrap .total-bundle .plus { color: #e26b0f; }

.final-payment-wrap .payment-bundle { padding-top: 20px; padding-bottom: 20px; }

.final-payment-wrap .payment-bundle.medium { padding-top: 30px; padding-bottom: 30px; }

.final-payment-wrap .payment-bundle + .payment-bundle { border-top: 1px solid #d5d5d5; }

.final-payment-wrap .payment-wrap { margin-top: 40px; }

.final-payment-wrap .payment-wrap.small-banner-section { margin-top: 20px; }

.final-payment-wrap .etc-check-list input[type="checkbox"] + label, .final-payment-wrap .etc-check-list input[type="radio"] + label { font-size: 14px; font-weight: lighter; }

.final-payment-wrap .label.float-group .pull-right { margin-right: 30px; margin-top: 3px; }

.final-payment-wrap .apply-number { margin-top: 10px; }

.final-payment-wrap .apply-number:before, .final-payment-wrap .apply-number:after { content: ""; display: table; }

.final-payment-wrap .apply-number:after { clear: both; }

.final-payment-wrap .apply-number .label { float: left; width: 100px; line-height: 40px; }

.final-payment-wrap .apply-number input { float: left; width: 280px; height: 40px; }

.payment-product-wrap + .payment-product-wrap { margin-top: 36px; }

.payment-method-list { padding: 30px 0; }

.payment-method-list:before, .payment-method-list:after { content: ""; display: table; }

.payment-method-list:after { clear: both; }

.payment-method-list .asset { position: relative; float: left; width: 200px; height: 140px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

.payment-method-list .asset div.checker, .payment-method-list .asset div.radio { width: 100%; height: 100%; }

.payment-method-list .asset div.checker span, .payment-method-list .asset div.checker input, .payment-method-list .asset div.radio span, .payment-method-list .asset div.radio input { width: 100%; height: 100%; background: none; }

.payment-method-list .asset label { display: block; padding-top: 100px; font-size: 16px; color: #aaa; font-weight: lighter; }

.payment-method-list .asset.on label { color: #e26b0f; }

.payment-method-list .asset label { background-repeat: no-repeat; background-position: 50% 50%; }

.payment-method-list .asset.card label { background-image: url("../images/order/ico-card.png"); }

.payment-method-list .asset.nobankbook label { background-image: url("../images/order/ico-nobankbook.png"); }

.payment-method-list .asset.naver label { background-image: url("../images/order/logo-naver.png"); }

.payment-method-list .asset.kakao label { background-image: url("../images/order/logo-kakao.png"); }

.payment-method-list .asset.phone label { background-image: url("../images/order/ico-phone.png"); }

.payment-method-list .asset.payco label { background-image: url("../images/order/logo-payco.png"); }

.payment-method-list .asset.escrow label { background-image: url("../images/order/logo-escrow.png"); }

.payment-method-list .asset.smile label { background-image: url("../images/order/logo-smile.png"); }

.payment-method-list .asset.transfer label { background-image: url("../images/order/ico-transfer.png"); }

.payment-method-list .asset.samsung label { background-image: url("../images/order/logo-samsung.png"); }

.payment-method-list .asset.ssg label { background-image: url("../images/order/logo-ssg.png"); }

.payment-method-list .asset.toss label { background-image: url("../images/order/logo-toss.png"); }

.payment-method-list .asset.chai label { background-image: url("../images/order/logo-chai.png"); }

.payment-method-list .asset .checked, .payment-method-list .asset .hover > span { border: 1px solid #e26b0f; -webkit-box-sizing: border-box; box-sizing: border-box; }

.payment-agree-wrap { border-bottom: 1px solid #89898a; }

.payment-agree-wrap .selector-wrap { padding: 30px; }

.payment-agree-wrap .selector-wrap .asset + .asset { margin-top: 20px; }

.payment-agree-wrap .selector-wrap .add-info { display: block; font-size: 14px; color: #aaa; line-height: 1.5; }

.payment-agree-wrap .selector-wrap .view-all { border-radius: 5px; margin-left: 16px; }

.payment-agree-wrap .selector-wrap .label label { font-weight: 500; }

.payment-coupons-wrap .selector-wrap { padding: 0 35px; }

.payment-coupons-wrap .selector-wrap .asset { margin-right: 50px; }

.payment-coupons-wrap .employee-discount .data-list li { font-weight: lighter; color: #e26b0f; }

.payment-coupons-wrap .employee-discount .data-list li .em.slightly { padding-left: 10px; }

.payment-coupons-wrap .no-coupons { text-align: center; font-size: 16px; font-weight: lighter; }

.payment-bm-wrap .bm-btn-area { margin-top: 5px; }

.payment-bm-wrap .bm-btn-area .btn + .btn { margin-left: 2px; }

.payment-bm-wrap .bm-btn-area .have { display: inline-block; margin-left: 10px; }

.input-money:before, .input-money:after { content: ""; display: table; }

.input-money:after { clear: both; }

.input-money input { float: left; width: 224px; text-align: right; }

.input-money .won { float: left; padding: 0 16px; line-height: 40px; }

.cash-receipts { margin-left: 202px; }

.cash-receipts .cash-receipts-area { position: relative; }

.cash-receipts .cash-receipts-area .cash-name { position: absolute; left: 0; top: 0; }

.cash-receipts .cash-receipts-area .apply-area { padding-left: 170px; }

.payment-coupons-wrap, .payment-bm-wrap, .payment-sample-wrap, .payment-add-goods-wrap { border-bottom: 1px solid #d5d5d5; }

.payment-present-wrap { border-bottom: 1px solid #89898a; }

.payment-bundle .sample-list { max-height: 306px; overflow-y: auto; }

.payment-bundle .sample-list:before, .payment-bundle .sample-list:after { content: ""; display: table; }

.payment-bundle .sample-list:after { clear: both; }

.payment-bundle .sample-list > li { float: left; width: calc(50% - 8px); margin-bottom: 8px; padding: 20px; border: 1px solid #d5d5d5; -webkit-box-sizing: border-box; box-sizing: border-box; }

.payment-bundle .sample-list > li:before, .payment-bundle .sample-list > li:after { content: ""; display: table; }

.payment-bundle .sample-list > li:after { clear: both; }

.payment-bundle .sample-list > li:nth-child(2n) { margin-left: 8px; }

.payment-bundle .sample-list > li.on { border-color: #e26b0f; }

.payment-bundle .sample-list .thumb { position: relative; float: left; width: 50px; height: 50px; overflow: hidden; }

.payment-bundle .sample-list .thumb img { display: block; max-width: 100%; }

.payment-bundle .sample-list .detail { float: left; width: 180px; margin-top: 5px; margin-left: 16px; display: block; display: -webkit-box; max-height: 3em; text-overflow: ellipsis; line-height: 1.5em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }

.payment-bundle .sample-list .option { float: right; }

.payment-bundle .sample-list .option .spinner input { width: 35px; height: 24px; line-height: 24px; }

.payment-bundle .sample-list .option .spinner button { width: 24px; height: 24px; }

.payment-bundle .sample-list .option .pro-price { text-align: right; }

.payment-bundle .sample-list .option .opt-name { min-width: 130px; margin-top: 15px; font-size: 12px; color: #aaa; }

.payment-bundle .sample-list .selectric { margin-top: 8px; width: 130px; height: 34px; border-radius: 5px; }

.payment-bundle .sample-list .selectric .label { line-height: 34px; font-size: 12px; }

.payment-bundle .sample-list .selectric .button:after { width: 7px; height: 4px; background-size: 7px 4px; }

.payment-bundle .sample-list .selectric-items { border-color: #aaa; }

.payment-bundle .sample-list .selectric-items li { font-size: 12px; padding: 6px 10px; }

.payment-bundle .sample-list .promotion { float: left; margin-top: 6px; padding-left: 12px; width: 105px; font-size: 12px; font-weight: lighter; color: #e26b0f; display: block; display: -webkit-box; max-height: 3em; text-overflow: ellipsis; line-height: 1.5em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }

.payment-bundle .sample-list.present { max-height: 146px; border-color: #aaa; }

.payment-bundle .sample-list.present .detail { width: 140px; margin-top: 6px; font-size: 12px; }

.payment-bundle .sample-list.gifts { max-height: 228px; }

.payment-bundle .sample-list.gifts .selector-wrap { float: left; margin-top: 13px; }

.payment-bundle .sample-list.gifts > li { width: 100%; }

.payment-bundle .sample-list.gifts > li:nth-child(2n) { margin-left: 0; }

.payment-bundle .sample-list.gifts .detail { margin-top: 14px; padding-left: 12px; width: 140px; display: block; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.payment-gifts-wrap .payment-gifts-content { padding: 20px 30px 0; }

.payment-gifts-wrap .payment-gifts-area + .payment-gifts-area { margin-top: 20px; }

.payment-gifts-wrap .order-cart-list.cart-gift { border-bottom: 1px solid #e1ddd7; }

.payment-gifts-wrap .gift-header { padding-bottom: 20px; letter-spacing: -0.03em; }

.payment-gifts-wrap .gift-header:before, .payment-gifts-wrap .gift-header:after { content: ""; display: table; }

.payment-gifts-wrap .gift-header:after { clear: both; }

.payment-gifts-wrap .gift-header .title { float: left; font-weight: 500; font-size: 18px; }

.payment-gifts-wrap .gift-header .count-area { float: right; margin-top: 5px; }

.payment-gifts-wrap .gift-header .count-area:before, .payment-gifts-wrap .gift-header .count-area:after { content: ""; display: table; }

.payment-gifts-wrap .gift-header .count-area:after { clear: both; }

.payment-gifts-wrap .gift-header .type { float: left; font-weight: 300; font-size: 14px; }

.payment-gifts-wrap .gift-header .count { float: left; margin-left: 16px; font-weight: 500; font-size: 14px; }

.payment-gifts-wrap .order-gift-head .title-area { left: 18px; }

.payment-gifts-wrap .order-gift-head .name { max-width: 680px; }

.payment-gifts-wrap .order-gift-head.medium .name { max-width: 440px; }

.payment-gifts-wrap .order-gift-head.small .name { max-width: 270px; }

.payment-gifts-wrap .order-gift-head .count-area { right: 16px; }

.payment-gifts-wrap .order-gift-head .count-area + .selectric-wrapper { margin-right: 185px; }

.payment-gifts-wrap .order-gift-head .selectric-wrapper { margin-right: 20px; }

.payment-gifts-wrap .order-cart-wrapper + .order-cart-wrapper { margin-top: 10px; }

.payment-gifts-wrap .order-cart-list.cart-gift .item .order-list-wrap { padding-left: 20px; }

.payment-gifts-wrap .order-cart-list.cart-gift .item .detail { width: 370px; }

.payment-gifts-wrap .order-cart-list.cart-gift .item .control-area { width: 120px; }

.payment-gifts-wrap .order-cart-list.cart-gift .item .btn-unit { width: 170px; padding-right: 25px; text-align: right; }

.payment-gifts-wrap .order-cart-list.cart-gift.check-item .item .order-list-wrap { padding-left: 60px; }

.payment-gifts-wrap .order-cart-list.cart-gift.check-item .item .detail { width: 330px; }

.payment-gifts-wrap .payment-bundle { position: relative; padding-left: 202px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.payment-gifts-wrap .payment-bundle .bundle-name { position: absolute; left: 30px; top: 24px; font-size: 18px; font-weight: 600; }

.payment-add-goods-wrap .add-goods-list { padding: 10px 0; }

.payment-add-goods-wrap .add-goods-list > li { display: table; width: 100%; table-layout: fixed; }

.payment-add-goods-wrap .add-goods-list > li + li { margin-top: 10px; }

.payment-add-goods-wrap .add-goods-list > li > * { display: table-cell; min-height: 60px; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; }

.payment-add-goods-wrap .add-goods-list > li .selector-wrap { width: 50px; font-size: 0; text-align: center; }

.payment-add-goods-wrap .add-goods-list > li .selector-wrap .asset { margin-right: 0; }

.payment-add-goods-wrap .add-goods-list > li .selector-wrap label { text-indent: -99999em; font-size: 0; }

.payment-add-goods-wrap .add-goods-list > li .thumbnail { width: 60px; text-align: center; font-size: 0; }

.payment-add-goods-wrap .add-goods-list > li .thumbnail img { width: 60px; }

.payment-add-goods-wrap .add-goods-list > li .control-area { width: 90px; }

.payment-add-goods-wrap .add-goods-list > li .title { padding: 0 20px; width: 400px; font-size: 16px; }

.payment-add-goods-wrap .add-goods-list > li .price { padding: 0 15px; text-align: right; font-size: 16px; }

.payment-add-goods-wrap .add-goods-list > li .price strong { font-size: 18px; }

.payment-methods-wrap .payment-bundle.cash-receipts { margin-top: 15px; margin-left: 0; padding-bottom: 0; border-top: 1px solid #d5d5d5; }

.payment-methods-wrap .payment-bundle.cash-receipts .cash-name { left: 60px; }

.payment-methods-wrap .payment-bundle.cash-receipts .apply-area { padding-left: 230px; }

.order-detail-content .section-inner { position: relative; }

.floating-payment-wrap { width: 330px; height: 100%; position: absolute; right: 0; top: 0; z-index: 10; }

.floating-payment-wrap .scroll-fix-menu { width: 330px; background-color: #fff; }

.floating-payment-wrap .scroll-fix-menu.fixed { position: fixed; z-index: 10; }

.floating-payment-wrap .float-pay-area { padding: 20px; border: 1px solid #e5e5e5; }

.floating-payment-wrap .float-pay-title { padding: 10px; font-size: 20px; font-weight: 500; border-bottom: 1px solid #aaa; }

.floating-payment-wrap .float-pay-info { margin-top: 26px; padding: 0 10px; }

.floating-payment-wrap .float-pay-info dl { padding: 7px 0; }

.floating-payment-wrap .float-pay-info dl.total-pay { margin-top: 14px; padding-top: 18px; border-top: 1px solid #aaa; }

.floating-payment-wrap .float-pay-info dt, .floating-payment-wrap .float-pay-info dd { font-size: 16px; font-weight: lighter; word-break: break-all; }

.floating-payment-wrap .float-pay-info dd { text-align: right; }

.floating-payment-wrap .float-pay-info dd strong { font-size: 20px; font-weight: 500; }

.floating-payment-wrap .float-pay-info dt.total { margin-top: 5px; font-weight: 500; font-size: 18px; }

.floating-payment-wrap .float-pay-info dd.total { font-size: 24px; font-weight: 500; color: #e26b0f; }

.floating-payment-wrap .float-pay-info .bm { font-size: 14px; font-weight: lighter; color: #89898a; }

.floating-payment-wrap .float-pay-info .bm strong { font-size: 14px; font-weight: 500; }

.floating-payment-wrap .float-pay-agree { margin-top: 8px; padding: 0 20px; border: 1px solid #e26b0f; }

.floating-payment-wrap .float-pay-agree .selector-wrap { padding: 30px 10px 20px; }

.floating-payment-wrap .float-pay-agree .pay-agree-info { padding: 20px 10px 26px; border-top: 1px solid #d5d5d5; font-weight: 300; font-size: 14px; color: #aaa; -webkit-box-sizing: border-box; box-sizing: border-box; }

.floating-payment-wrap .flaot-pay-btn { margin-top: 8px; }

.floating-payment-wrap .flaot-pay-btn .btn { width: 100%; min-width: 100%; }

.cart-banner-area { position: relative; height: 98px; overflow: hidden; }

.common-page-introduction .event-behavior { position: absolute; right: 0; bottom: 10px; font-size: 0; }

.common-page-introduction .event-behavior li { display: inline-block; width: 100px; background-color: #333; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

.common-page-introduction .event-behavior li + li { margin-left: 10px; }

.common-page-introduction .event-behavior li a { display: block; height: 40px; font-size: 16px; letter-spacing: -0.16px; font-weight: 400; line-height: 38px; color: #fff; }

.event-list-section { position: relative; margin-top: 60px; }

.event-tab-wrapper { margin-bottom: 40px; }

.event-tab-wrapper .tab-type-2 li { width: 50%; }

.event-list-wrapper .pagination { margin-top: 86px; }

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

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

.event-item-list .item { margin-right: 22px; float: left; width: 385px; }

.event-item-list .item:nth-child(3n) { margin-right: 0; }

.event-item-list .item:nth-child(n+4) { margin-top: 66px; }

.event-item-list .item .thumb-img { width: 100%; height: 230px; overflow: hidden; background-color: #f2f2f2; }

.event-item-list .item .thumb-img .img-wrapper { position: relative; display: table; table-layout: fixed; width: 100%; height: 100%; }

.event-item-list .item .thumb-img .img-wrapper .img-area { position: relative; z-index: 1; display: table-cell; vertical-align: middle; width: 100%; height: 100%; }

.event-item-list .item .thumb-img .img-wrapper .img-area img { display: block; margin: 0 auto; max-width: 100%; }

.event-item-list .item .thumb-img .img-wrapper .benefit-badge-unit { position: absolute; top: 14px; right: 14px; z-index: 3; }

.event-item-list .item .event-info { margin-top: 14px; }

.event-item-list .item .event-info .title { font-size: 17px; font-weight: 500; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; color: #010101; }

.event-item-list .item .event-info .terms { margin-top: 11px; font-size: 14px; font-weight: 500; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; color: #e26b0f; }

/* 기획전 */
.sale-list-content { position: relative; }

.sale-list-content .banner-promotion-list { margin-top: 60px; min-height: 250px; }

.header-hidden { height: 90px; background: #ffffff; }

.header-hidden .header-inner { position: relative; width: 1200px; height: 90px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* flex-flow: row wrap; */ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; }

.header-hidden .header-inner h1 { padding: 0; width: 150px; height: 29px; font-size: 0; background: url("../images/common/logo/logo-ableshop-2.png") no-repeat 0/100%; z-index: 1; }

.header-hidden .header-inner h1 a { display: block; width: 100%; height: 100%; }

.header-hidden .header-inner .header-util { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* flex-flow: row wrap; */ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; gap: 40px; font-weight: normal; font-size: 16px; letter-spacing: -0.01em; color: #333; }

.header-hidden .header-inner .header-util .hd_coupon { position: relative; }

.header-hidden .header-inner .header-util .hd_coupon > button { background: none; border: none; cursor: pointer; }

.header-hidden .header-inner .header-util .hd_coupon .coupon-layer { display: none; position: absolute; top: calc(100% + 10px); right: 0; padding: 40px 24px; border: 1px solid #222; width: 520px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #ffffff; z-index: 5; }

.header-hidden .header-inner .header-util .hd_coupon .coupon-layer .coupon-inner ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.header-hidden .header-inner .header-util .hd_coupon .coupon-layer .coupon-inner ul li + li { margin-top: 20px; border-top: 1px solid #666; padding-top: 20px; }

.header-hidden .header-inner .header-util .hd_coupon .coupon-layer .coupon-inner ul li .coupon-img { margin-right: 20px; -ms-flex-negative: 0; flex-shrink: 0; width: 120px; height: 70px; background: #ff8902; border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-item-align: center; align-self: center; font-weight: bold; font-size: 22px; color: #000; position: relative; }

.header-hidden .header-inner .header-util .hd_coupon .coupon-layer .coupon-inner ul li .coupon-img::after { content: ''; width: 15px; height: 15px; background: #ffffff; border-radius: 15px; position: absolute; left: -7px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.header-hidden .header-inner .header-util .hd_coupon .coupon-layer .coupon-inner ul li .coupon-img span { line-height: 68px; }

.header-hidden .header-inner .header-util .hd_coupon .coupon-layer .coupon-inner ul li .coupon-info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.header-hidden .header-inner .header-util .hd_coupon .coupon-layer .coupon-inner ul li .coupon-info .title { font-weight: 500; font-size: 20px; letter-spacing: -0.02em; color: #222; }

.header-hidden .header-inner .header-util .hd_coupon .coupon-layer .coupon-inner ul li .coupon-info .desc { font-weight: normal; font-size: 18px; letter-spacing: -0.02em; color: #666; }

.header-hidden .header-inner .header-util .hd_coupon .coupon-layer .coupon-inner ul li.no-coupon { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px 0; }

.header-hidden .header-inner .header-util .hd_coupon .coupon-layer .coupon-inner ul li.no-coupon .title { font-weight: 500; font-size: 18px; letter-spacing: -0.02em; color: #222; }

.header-hidden .header-inner .header-util .hd_coupon .coupon-layer .coupon-inner ul li.no-coupon .desc { font-weight: normal; font-size: 18px; color: #666; }

.hidden.detail-content-header { text-align: center; padding-right: 0; }

.hidden.detail-banner-area { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.hidden.detail-banner-area img { display: block; }

.hidden__coupon { padding: 80px 0 80px; width: 100%; min-width: 1200px; margin-top: 120px; background: #f0f0f0; text-align: center; }

.hidden__coupon h3 { font-weight: bold; font-size: 30px; letter-spacing: -0.02em; text-align: center; color: #000; }

.hidden__coupon .hidden__warn { margin-top: 60px; font-weight: normal; font-size: 18px; letter-spacing: -0.01em; text-align: center; color: #666; }

.hidden__coupon--list { margin-top: 100px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* flex-flow: row wrap; */ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; gap: 130px; }

.hidden__coupon--list li { position: relative; width: 300px; height: 370px; background-image: url("../images/event/hidden-cp-bg_on.png"); }

.hidden__coupon--list li.done { background-image: url("../images/event/hidden-cp-bg_off.png"); color: #8e8e8e; }

.hidden__coupon--list li.done button { cursor: default; }

.hidden__coupon--list li.done .coupon__download { background-image: url("../images/event/ico-download_com.png"); }

.hidden__coupon--list li .coupon__info { height: 300px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* flex-flow: column wrap; */ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; }

.hidden__coupon--list .coupon__download { position: absolute; right: -40px; top: -40px; width: 80px; height: 80px; text-indent: -9999em; border: 0; background-color: transparent; background-image: url("../images/event/ico-download.png"); cursor: pointer; }

.hidden__coupon--list .coupon__title { font-weight: bold; font-size: 26px; letter-spacing: 0.1em; margin-bottom: 20px; }

.hidden__coupon--list .coupon__dsc { font-weight: bold; font-size: 52px; letter-spacing: -0.02em; line-height: 56px; }

.hidden__coupon--list .coupon__date { font-weight: normal; font-size: 16px; letter-spacing: -0.02em; line-height: 70px; }

.hidden__coupon--list .coupon__name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 70px; padding: 0 20px; }

.hidden.brand-event-detail .product-list-wrap .brand-prd + .brand-prd { margin-top: 80px; border-top: 1px solid #eaeaea; }

.hidden.brand-event-detail .product-list-wrap .prditem__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.hidden.brand-event-detail .product-list-wrap .prditem__list .thumb { /* 아이콘 정렬 */ /* 텍스트 기본 숨김 */ /* 마우스 오버 시 확장 (오른쪽에서 왼쪽으로) */ /* 마우스 오버 시 아이콘 왼쪽 정렬 */ /* 마우스 오버 시 텍스트 표시 */ }

.hidden.brand-event-detail .product-list-wrap .prditem__list .thumb .add-cart { position: absolute; right: 10px; bottom: 10px; background-color: rgba(0, 0, 0, 0.2); color: white; border: none; width: 48px; /* 기본 원형 버튼 */ height: 48px; border-radius: 24px; cursor: pointer; text-align: center; -webkit-transition: width 0.3s ease-in-out, border-radius 0.3s, padding 0.3s; transition: width 0.3s ease-in-out, border-radius 0.3s, padding 0.3s; white-space: nowrap; overflow: hidden; padding: 0; z-index: 10; }

.hidden.brand-event-detail .product-list-wrap .prditem__list .thumb .ico-cart { display: block; position: absolute; top: 12px; left: 13px; -webkit-transition: left 0.3s ease-in-out; transition: left 0.3s ease-in-out; }

.hidden.brand-event-detail .product-list-wrap .prditem__list .thumb .text-cart { position: absolute; top: 10px; left: 100%; /* 처음에는 버튼 밖에 위치 */ font-size: 14px; opacity: 0; -webkit-transition: left 0.3s ease-in-out, opacity 0.2s ease-in-out; transition: left 0.3s ease-in-out, opacity 0.2s ease-in-out; visibility: hidden; white-space: nowrap; color: #ffffff; font-size: 18px; font-weight: 500; }

.hidden.brand-event-detail .product-list-wrap .prditem__list .thumb .add-cart:hover { width: 180px; /* 가로로 확장 */ height: 48px; border-radius: 24px; /* 타원형 */ text-align: left; padding-left: 16px; background-color: rgba(0, 0, 0, 0.6); }

.hidden.brand-event-detail .product-list-wrap .prditem__list .thumb .add-cart:hover .ico-cart { left: 22px; }

.hidden.brand-event-detail .product-list-wrap .prditem__list .thumb .add-cart:hover .text-cart { left: 55px; opacity: 1; visibility: visible; }

.hidden.brand-event-detail .product-list-wrap .prditem__list .info dl dt.title { font-size: 16px; }

.hidden__notice { margin-top: 120px; padding-top: 40px; border-top: 1px solid #eaeaea; font-weight: bold; font-size: 16px; letter-spacing: -0.01em; color: #222; }

.hidden__notice + .exhibition_notice { margin-top: 10px; }

.shopmaster.brand-event-detail .product-list-wrap { margin-top: 0; }

.shopmaster.brand-event-detail .product-list-wrap .brand-prd + .brand-prd { margin-top: 80px; border-top: 1px solid #eaeaea; }

.shopmaster.brand-event-detail .product-list-wrap .prditem__wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.shopmaster.brand-event-detail .product-list-wrap .prditem__list .thumb { /* 아이콘 정렬 */ /* 텍스트 기본 숨김 */ /* 마우스 오버 시 확장 (오른쪽에서 왼쪽으로) */ /* 마우스 오버 시 아이콘 왼쪽 정렬 */ /* 마우스 오버 시 텍스트 표시 */ }

.shopmaster.brand-event-detail .product-list-wrap .prditem__list .thumb .add-cart { position: absolute; right: 10px; bottom: 10px; background-color: rgba(0, 0, 0, 0.2); color: white; border: none; width: 48px; /* 기본 원형 버튼 */ height: 48px; border-radius: 24px; cursor: pointer; text-align: center; -webkit-transition: width 0.3s ease-in-out, border-radius 0.3s, padding 0.3s; transition: width 0.3s ease-in-out, border-radius 0.3s, padding 0.3s; white-space: nowrap; overflow: hidden; padding: 0; z-index: 10; }

.shopmaster.brand-event-detail .product-list-wrap .prditem__list .thumb .ico-cart { display: block; position: absolute; top: 12px; left: 13px; -webkit-transition: left 0.3s ease-in-out; transition: left 0.3s ease-in-out; }

.shopmaster.brand-event-detail .product-list-wrap .prditem__list .thumb .text-cart { position: absolute; top: 10px; left: 100%; /* 처음에는 버튼 밖에 위치 */ font-size: 14px; opacity: 0; -webkit-transition: left 0.3s ease-in-out, opacity 0.2s ease-in-out; transition: left 0.3s ease-in-out, opacity 0.2s ease-in-out; visibility: hidden; white-space: nowrap; color: #ffffff; font-size: 18px; font-weight: 500; }

.shopmaster.brand-event-detail .product-list-wrap .prditem__list .thumb .add-cart:hover { width: 180px; /* 가로로 확장 */ height: 48px; border-radius: 24px; /* 타원형 */ text-align: left; padding-left: 16px; background-color: rgba(0, 0, 0, 0.6); }

.shopmaster.brand-event-detail .product-list-wrap .prditem__list .thumb .add-cart:hover .ico-cart { left: 22px; }

.shopmaster.brand-event-detail .product-list-wrap .prditem__list .thumb .add-cart:hover .text-cart { left: 55px; opacity: 1; visibility: visible; }

.shopmaster.brand-event-detail .product-list-wrap .prditem__list .info dl dt.title { font-size: 16px; }

.shopmaster.search { max-width: 600px; margin: 20px auto 0; }

.shopmaster .search__input-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #222222; border-radius: 60px; padding: 13px 30px 13px 40px; margin-bottom: 12px; margin-left: auto; margin-right: auto; width: 480px; }

.shopmaster .search__input-wrapper--active { border-color: #E26B10; }

.shopmaster .search__input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border: none; outline: none; font-size: 16px; height: 32px; padding: 0; }

.shopmaster .search__input::-webkit-input-placeholder { color: #aaa; }

.shopmaster .search__input::-moz-placeholder { color: #aaa; }

.shopmaster .search__input:-ms-input-placeholder { color: #aaa; }

.shopmaster .search__input::-ms-input-placeholder { color: #aaa; }

.shopmaster .search__input::placeholder { color: #aaa; }

.shopmaster .search__button { border: none; font-size: 18px; cursor: pointer; background: url("../images/event/shopmaster_search.png") no-repeat; width: 31px; height: 31px; font-size: 0; }

.shopmaster .search__filters { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.shopmaster .search__tag { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #898989; font-size: 16px; }

.shopmaster .search__tag-text { margin-right: 8px; }

.shopmaster .search__tag-remove { background: none; border: none; font-size: 14px; cursor: pointer; color: #898989; }

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

.shopmaster .search__divider { margin: 0 30px; color: #898989; }

.shopmaster .search__reset-button { background: none; border: none; cursor: pointer; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.shopmaster .search__reset-label { font-weight: 500; color: #333333; }

.shopmaster .search__reset-icon { width: 18px; height: 18px; background: url("../images/event/icon_recent.png") no-repeat; background-size: contain; margin-left: 6px; font-size: 14px; text-indent: -9999em; }

.shopmaster .search-result { text-align: center; padding: 60px 20px; }

.shopmaster .search-result__summary { font-size: 24px; line-height: 1.8; color: #333; }

.shopmaster .search-result__keyword { color: #ED6D00; font-weight: bold; }

.shopmaster .search-result__text { display: block; margin-top: 8px; color: #333; }

.shopmaster .button { display: inline-block; font-size: 16px; font-weight: 500; text-align: center; border: none; cursor: pointer; }

.shopmaster .button--outline { display: block; margin: 60px auto 0; width: 360px; height: 64px; border: 1px solid #222; background-color: #fff; color: #222; }

.shopmaster.brand-event-detail .product-list-wrap .tab-wrap .tab.fixed { top: 90px !important; }

.shopmaster.brand-event-detail .product-list-wrap .tab-wrap.newtab .tab > li { -webkit-box-flex: 1; -ms-flex: 1 1 33.3%; flex: 1 1 33.3%; border-left: 0; border-right: 0; border-top: 0; border-bottom: 1px solid #EBEBEB; }

.shopmaster.brand-event-detail .product-list-wrap .tab-wrap.newtab .tab > li a { font-size: 18px; font-weight: 500; }

.shopmaster.brand-event-detail .product-list-wrap .tab-wrap.newtab .tab > li.on { background: #ffffff; border-bottom: 2px solid #333333; }

.shopmaster.brand-event-detail .product-list-wrap .tab-wrap.newtab .tab > li.on a { color: #333; font-weight: bold; font-size: 18px; }

.shopmaster.brand-event-detail .product-list-wrap .newtab-tit { font-weight: bold; font-size: 30px; letter-spacing: -0.02em; line-height: 75px; text-align: center; color: #000; }

.hidden__cart { position: fixed; right: 100px; bottom: 20px; z-index: 901; }

.hidden__cart .cart__back { display: inline-block; position: absolute; left: -65px; top: 0; }

.hidden__cart .cart__tit { position: relative; width: 548px; height: 60px; background: #222; border-radius: 30px; text-align: center; color: #fff; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 10px; }

.hidden__cart .cart__tit p { font-weight: 500; font-size: 20px; letter-spacing: -0.02em; }

.hidden__cart .cart__tit span.badge { display: inline-block; width: 25px; height: 25px; border-radius: 25px; background: #909090; font-family: 'roboto'; font-weight: 500; font-size: 16px; text-align: center; color: #fff; }

.hidden__cart .cart__tit span.badge.on { background: #EA4200; }

.hidden__cart .cart__toggle { display: block; border: 0; background: url("../images/common/arrow/icon-down.png") no-repeat; width: 18px; height: 10px; position: absolute; top: 25px; right: 40px; text-indent: -9999em; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.hidden__cart .cart__toggle.open { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }

.hidden__cart .cart__content { position: relative; margin-top: 6px; padding: 24px 14px 80px 24px; width: 548px; max-height: 677px; height: calc(100vh - 200px); border-radius: 20px; background: #fff; -webkit-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); -webkit-box-sizing: border-box; box-sizing: border-box; }

.hidden__cart .cart__item { padding-right: 10px; margin-bottom: 25px; max-height: 560px; height: 100%; overflow-y: auto; }

.hidden__cart .cart__item .hditem__list .no-item { font-weight: 500; font-size: 20px; letter-spacing: -0.02em; text-align: center; color: #ccc; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 200px; }

.hidden__cart .cart__item .hditem__list .no-item img { width: 80px; display: block; }

.hidden__cart .cart__item .hditem__list > li { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; /* flex-flow: row wrap; */ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; padding-bottom: 20px; padding-top: 20px; }

.hidden__cart .cart__item .hditem__list > li .hditem__thumb { position: relative; -webkit-box-flex: 0; -ms-flex: 0; flex: 0; display: block; }

.hidden__cart .cart__item .hditem__list > li .hditem__thumb img { width: 120px; height: 120px; }

.hidden__cart .cart__item .hditem__list > li .hditem__thumb .soldout { position: absolute; left: 0; top: 0; width: 120px; height: 120px; background: rgba(0, 0, 0, 0.4); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #ffffff; z-index: 2; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.hidden__cart .cart__item .hditem__list > li .hditem__info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; margin-left: 20px; }

.hidden__cart .cart__item .hditem__list > li .hditem__info .brand { font-weight: 500; font-size: 14px; letter-spacing: -0.01em; text-align: left; color: #898989; }

.hidden__cart .cart__item .hditem__list > li .hditem__info .title { font-weight: 500; font-size: 16px; letter-spacing: -0.02em; text-align: left; color: #333; display: block; display: -webkit-box; max-height: 3em; text-overflow: ellipsis; line-height: 1.5em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }

.hidden__cart .cart__item .hditem__list > li .hditem__info .option { margin-top: 10px; font-weight: normal; font-size: 14px; letter-spacing: -0.01em; text-align: left; color: #898989; display: -webkit-box; display: -ms-flexbox; display: flex; }

.hidden__cart .cart__item .hditem__list > li .hditem__info .option dt { position: relative; padding-right: 10px; }

.hidden__cart .cart__item .hditem__list > li .hditem__info .option dt:after { position: absolute; content: ''; width: 1px; height: 12px; background: #d5d5d5; right: 0; top: 5px; }

.hidden__cart .cart__item .hditem__list > li .hditem__info .option dd { margin: 0; padding-left: 10px; }

.hidden__cart .cart__item .hditem__list > li .hditem__info .soldout strong { font-family: Roboto; font-weight: bold; font-size: 18px; letter-spacing: -0.02em; color: #aaa; }

.hidden__cart .cart__item .hditem__list > li .hditem__info .price { font-weight: bold; font-size: 18px; letter-spacing: -0.02em; color: #000; }

.hidden__cart .cart__item .hditem__list > li .hditem__info .price em.origin { margin-left: 10px; font-weight: normal; font-size: 14px; letter-spacing: -0.02em; color: #aaa; text-decoration: line-through; font-style: normal; }

.hidden__cart .cart__item .hditem__list > li .hditem__info .price-area { margin-top: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.hidden__cart .cart__item .hditem__list > li .btn-delete { position: absolute; top: 20px; right: 0; display: block; width: 17px; height: 17px; border: 0; background: url("../images/common/close/ico-close-17x17.png") no-repeat; cursor: pointer; }

.hidden__cart .cart__item .hditem__list > li .btn-delete .blind { text-indent: -9999em; }

.hidden__cart .cart__item .hditem__list > li .gwp__item { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; /* 가로 100% 차지 */ }

.hidden__cart .cart__item .hditem__list > li .gwp__list > li { margin-top: 10px; padding: 14px 20px; background: #f4f4f4; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; }

.hidden__cart .cart__item .hditem__list > li .gwp__list > li .set-area { min-width: 90px; -ms-flex-item-align: end; align-self: flex-end; -webkit-box-flex: 0; -ms-flex: 0; flex: 0; }

.hidden__cart .cart__item .hditem__list > li .gwp__soldout { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #ffffff; z-index: 2; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.hidden__cart .cart__item .hditem__list > li .gwp__soldout p { display: block; font-weight: normal; font-size: 16px; letter-spacing: -0.02em; }

.hidden__cart .cart__item .hditem__list > li .gwp__soldout p.title { font-weight: bold; }

.hidden__cart .cart__item .hditem__list > li .gwp__thumb { width: 80px; height: 80px; display: block; -webkit-box-flex: 0; -ms-flex: 0; flex: 0; }

.hidden__cart .cart__item .hditem__list > li .gwp__info { margin-left: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.hidden__cart .cart__item .hditem__list > li .gwp__info .tag { padding: 2px 4px; font-weight: 500; font-size: 12px; letter-spacing: -0.01em; color: #fff; background: #333; }

.hidden__cart .cart__item .hditem__list > li .gwp__info .title { margin-top: 4px; padding-right: 8px; font-weight: normal; font-size: 14px; letter-spacing: -0.02em; color: #333; line-height: 1.4; word-break: break-word; }

.hidden__cart .cart__item .hditem__list > li:first-child { padding-top: 0; }

.hidden__cart .cart__item .hditem__list > li:first-child .btn-delete { top: 0; }

.hidden__cart .cart__item .hditem__list > li + li { border-top: 1px solid #a2a2a2; }

.hidden__cart .cart__order { position: absolute; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 60px; width: 100%; }

.hidden__cart .cart__order .cart__sum { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 24px; border-radius: 0 0 0 20px; /* 왼쪽 하단 모서리만 둥글게 */ background: #F4F4F4; }

.hidden__cart .cart__order .cart__sum em { font-style: normal; font-weight: 500; }

.hidden__cart .cart__order .cart__btn--order { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0 0 20px 0px; /* 왼쪽 하단 모서리만 둥글게 */ background: #777777; font-weight: 500; font-size: 20px; letter-spacing: -0.02em; }

.hidden__cart .cart__order .cart__btn--order.active { background: #EA4200; }

.hidden__cart .cart__order .cart__btn--order a { width: 100%; height: 100%; display: block; color: #ffffff; text-align: center; line-height: 60px; }

.hidden-event .select-item-cover .select-item { border: 0; padding: 0; }

.hidden-event .select-item-cover .select-item .btn-delete { right: 0; top: 0; z-index: 10; }

.hidden-event .select-item-cover .select-item .selected__list > li { margin-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.hidden-event .select-item-cover .select-item .selected__list > li .set-area { min-width: 90px; -ms-flex-item-align: end; align-self: flex-end; }

.hidden-event .select-item-cover .select-item .selected__list > li .item__thumb { width: 68px; height: 68px; display: block; -webkit-box-flex: 0; -ms-flex: 0; flex: 0; }

.hidden-event .select-item-cover .select-item .selected__list > li .item__info { margin-left: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.hidden-event .select-item-cover .select-item .selected__list > li .item__info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; }

.hidden-event .select-item-cover .select-item .selected__list > li .item__info .title { padding-right: 20px; font-weight: 500; font-size: 16px; letter-spacing: -0.02em; text-align: left; color: #333; display: block; display: -webkit-box; max-height: 1.5em; text-overflow: ellipsis; line-height: 1.5em; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }

.hidden-event .select-item-cover .select-item .selected__list > li .item__info .option { margin-top: 0px; font-weight: normal; font-size: 14px; letter-spacing: -0.01em; text-align: left; color: #898989; display: -webkit-box; display: -ms-flexbox; display: flex; }

.hidden-event .select-item-cover .select-item .selected__list > li .item__info .option dt { position: relative; padding-right: 10px; }

.hidden-event .select-item-cover .select-item .selected__list > li .item__info .option dt:after { position: absolute; content: ''; width: 1px; height: 12px; background: #d5d5d5; right: 0; top: 5px; }

.hidden-event .select-item-cover .select-item .selected__list > li .item__info .option dd { margin: 0; padding-left: 10px; }

.hidden-event .select-item-cover .select-item .selected__list > li .item__info .price { font-weight: bold; font-size: 18px; letter-spacing: -0.02em; color: #000; }

.hidden-event .select-item-cover .select-item .selected__list > li .item__info .price em.origin { margin-left: 10px; font-weight: normal; font-size: 14px; letter-spacing: -0.02em; color: #aaa; text-decoration: line-through; font-style: normal; }

.hidden-event .select-item-cover .select-item .selected__list > li .item__info .price-area { margin-top: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.hidden-event .select-item-cover .select-item .spinner { margin-top: 0; }

.customer-content { padding: 0px 0 100px; }

.customer-content .tab-category.large:before, .customer-content .tab-category.large:after { content: ""; display: table; }

.customer-content .tab-category.large:after { clear: both; }

.customer-content .tab-category.large li { width: 25%; }

.customer-content .tab-category.large li.on a { color: #fff; border-color: #e26b0f; background-color: #e26b0f; }

.customer-content .common-search-area { width: 465px; margin: 70px auto 0; }

.customer-content .result-container { margin-top: 54px; text-align: center; }

.customer-content .result-container .result-text { font-size: 28px; font-weight: 500; }

.customer-content .faq-category { margin-top: 40px; }

.customer-content .faq-category:before, .customer-content .faq-category:after { content: ""; display: table; }

.customer-content .faq-category:after { clear: both; }

.customer-content .faq-category .item { float: left; width: 200px; height: 150px; position: relative; text-align: center; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; -webkit-box-sizing: border-box; box-sizing: border-box; }

.customer-content .faq-category .item:after { display: none; content: ""; position: absolute; top: -1px; left: -1px; width: 100%; height: 100%; border: 1px solid #e26b0f; }

.customer-content .faq-category .item:first-child { border-left: 1px solid #d5d5d5; }

.customer-content .faq-category .item.on .ico.member { background-image: url("../images/customer/ico-faq-member-on.png"); }

.customer-content .faq-category .item.on .ico.order { background-image: url("../images/customer/ico-faq-order-on.png"); }

.customer-content .faq-category .item.on .ico.cancel { background-image: url("../images/customer/ico-faq-cancel-on.png"); }

.customer-content .faq-category .item.on .ico.delivery { background-image: url("../images/customer/ico-faq-delivery-on.png"); }

.customer-content .faq-category .item.on .ico.coupon { background-image: url("../images/customer/ico-faq-coupon-on.png"); }

.customer-content .faq-category .item.on .ico.etc { background-image: url("../images/customer/ico-faq-etc-on.png"); }

.customer-content .faq-category .item.on .type { color: #e26b0f; }

.customer-content .faq-category .item.on:after { display: block; }

.customer-content .faq-category a { display: table; table-layout: fixed; width: 100%; height: 100%; }

.customer-content .faq-category .cell { display: table-cell; height: 100%; vertical-align: middle; }

.customer-content .faq-category .ico { display: block; width: 68px; height: 68px; margin: 0 auto; background-repeat: no-repeat; background-position: 0 0; }

.customer-content .faq-category .ico.member { background-image: url("../images/customer/ico-faq-member.png"); }

.customer-content .faq-category .ico.order { background-image: url("../images/customer/ico-faq-order.png"); }

.customer-content .faq-category .ico.cancel { background-image: url("../images/customer/ico-faq-cancel.png"); }

.customer-content .faq-category .ico.delivery { background-image: url("../images/customer/ico-faq-delivery.png"); }

.customer-content .faq-category .ico.coupon { background-image: url("../images/customer/ico-faq-coupon.png"); }

.customer-content .faq-category .ico.etc { background-image: url("../images/customer/ico-faq-etc.png"); }

.customer-content .faq-category .type { margin-top: 10px; padding: 0 10px; font-weight: 500; color: #333; letter-spacing: -0.03em; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.customer-content .faq-category + .faq-list-wrapper { margin-top: 70px; }

.customer-content .cscenter-info-box { margin-top: 70px; }

.customer-content .cscenter-info-box .cs-info-area { width: 390px; }

.customer-content .cscenter-info-box .cs-info-area .business-hours span { display: inline-block; vertical-align: middle; }

.customer-content .cscenter-info-box .cs-etc-area { width: 810px; }

.customer-content .pagination { margin-bottom: 0; }

.customer-content .type-badge { display: inline-block; width: 65px; height: 20px; border: 1px solid #000; line-height: 18px; text-align: center; font-weight: 500; font-size: 12px; letter-spacing: -0.03em; }

.customer-content .type-badge.notice { border-color: #000; color: #000; }

.customer-content .type-badge.winner { border-color: #e26b0f; color: #e26b0f; }

.customer-notice-content .filter-search-area { margin-top: 40px; }

.customer-notice-content .filter-search-area:before, .customer-notice-content .filter-search-area:after { content: ""; display: table; }

.customer-notice-content .filter-search-area:after { clear: both; }

.customer-notice-content .filter-search-area .selectric-wrapper { float: left; width: 240px; }

.customer-notice-content .filter-search-area .search-area { float: right; }

.customer-notice-content .filter-search-area .search-area:before, .customer-notice-content .filter-search-area .search-area:after { content: ""; display: table; }

.customer-notice-content .filter-search-area .search-area:after { clear: both; }

.customer-notice-content .filter-search-area .search-area input { float: left; width: 240px; height: 50px; border-right: 0; }

.customer-notice-content .filter-search-area .search-area .btn { float: left; height: 50px; line-height: 48px; }

.customer-notice-content .customer-notice-board { margin-top: 30px; border-bottom: 1px solid #89898a; }

.customer-notice-content .customer-notice-board .data-table tbody tr.fix { background-color: #f6f6f6; }

.customer-notice-content .customer-notice-board .data-table tbody tr.fix + tr:not(.fix) td { border-top: 1px solid #89898a; }

.customer-notice-content .customer-notice-board .data-table td { border-top: 1px solid #d5d5d5; padding: 22px 20px; }

.customer-notice-content .customer-notice-board .data-table tr:first-child td { border-top: 0; }

.customer-notice-content .customer-notice-board .data-table .type .type-badge { width: 73px; height: 26px; line-height: 24px; font-size: 14px; }

.customer-notice-content .customer-notice-board .data-table .notice-content a { font-size: 16px; }

.customer-notice-content .detail-container { margin-top: 70px; border-top: 1px solid #000; }

.customer-notice-content .detail-container .detail-header { padding: 30px 20px; position: relative; border-bottom: 1px solid #d5d5d5; }

.customer-notice-content .detail-container .detail-header:before, .customer-notice-content .detail-container .detail-header:after { content: ""; display: table; }

.customer-notice-content .detail-container .detail-header:after { clear: both; }

.customer-notice-content .detail-container .detail-header .type { position: absolute; top: 42px; left: 20px; }

.customer-notice-content .detail-container .detail-header .title { padding-left: 100px; padding-right: 140px; font-size: 30px; letter-spacing: -0.03em; color: #000; word-break: break-all; }

.customer-notice-content .detail-container .detail-header .date { position: absolute; top: 40px; right: 20px; font-weight: 500; font-size: 16px; color: #89898a; }

.customer-notice-content .detail-container .detail-content { padding: 40px 20px; }

.customer-notice-content .detail-container .detail-content p, .customer-notice-content .detail-container .detail-content strong { word-break: break-all; }

.customer-notice-content .detail-container .detail-content img { width: auto !important; max-width: 100%; height: auto !important; }

.customer-notice-content .detail-container .detail-paging { border-top: 1px solid #89898a; border-bottom: 1px solid #89898a; }

.customer-notice-content .detail-container .detail-paging a { display: block; padding: 22px 0; }

.customer-notice-content .detail-container .detail-paging a:before, .customer-notice-content .detail-container .detail-paging a:after { content: ""; display: table; }

.customer-notice-content .detail-container .detail-paging a:after { clear: both; }

.customer-notice-content .detail-container .detail-paging a + a { border-top: 1px solid #d5d5d5; }

.customer-notice-content .detail-container .detail-paging .btn-area { float: left; width: 105px; position: relative; text-align: center; font-weight: 500; font-size: 16px; text-indent: 28px; }

.customer-notice-content .detail-container .detail-paging .btn-area:before { display: inline-block; content: ""; width: 17px; height: 10px; position: absolute; top: 50%; left: 20px; margin-top: -5px; background: url("../images/common/arrow/ico-arrow-down-17x10.png") no-repeat 0 0; }

.customer-notice-content .detail-container .detail-paging .btn-area.next:before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.customer-notice-content .detail-container .detail-paging .title-area { float: left; padding-left: 10px; }

.customer-notice-content .detail-container .detail-paging .type-badge { float: left; margin-top: 2px; }

.customer-notice-content .detail-container .detail-paging .title { max-width: 970px; overflow: hidden; padding-left: 12px; font-weight: 500; font-size: 16px; letter-spacing: -0.03em; color: #333; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; word-break: break-all; }

.customer-notice-content .detail-container .btn-field { margin-top: 30px; text-align: right; }

.customer-notice-content .detail-container .btn-field .btn { border-radius: 5px; }

.customer-index-section:before, .customer-index-section:after { content: ""; display: table; }

.customer-index-section:after { clear: both; }

.customer-index-section.store-notice-section { margin-top: 60px; }

.customer-index-section .store-notice-box { float: left; width: 570px; border-bottom: 1px solid #89898a; }

.customer-index-section .store-notice-box + .store-notice-box { float: right; }

.customer-index-section .store-notice-box .table-vertical { display: table; table-layout: fixed; height: 254px; }

.customer-index-section .store-notice-box .cell { display: table-cell; vertical-align: middle; }

.customer-index-section .store-notice-box .title-area { border-bottom: 1px solid #000; position: relative; padding-right: 60px; padding-bottom: 10px; }

.customer-index-section .store-notice-box .title-area .box-title { font-weight: 500; font-size: 22px; color: #000; letter-spacing: -0.03em; }

.customer-index-section .store-notice-box .title-area .more { position: absolute; bottom: 10px; right: 0; padding-right: 14px; font-size: 14px; color: #89898a; background: url("../images/common/arrow/ico-arrow-gray-5x9.png") no-repeat 99% 50%; background-size: 5px 9px; }

.customer-index-section .store-notice-box.notice .cell { vertical-align: top; padding: 22px 0; }

.customer-index-section .store-list { display: -webkit-box; display: -ms-flexbox; display: flex; }

.customer-index-section .store-list .item + .item { margin-left: 48px; }

.customer-index-section .store-list img { display: block; }

.customer-index-section .customer-notice-board .data-table td { padding: 9px 10px; font-size: 14px; }

.faq-list-wrapper { overflow: hidden; border-top: 1px solid #000; border-bottom: 1px solid #000; }

.faq-list-wrapper .faq-list.on .faq-header:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.faq-list-wrapper .faq-header { border-bottom: 1px solid #d5d5d5; padding: 22px 50px 22px 30px; position: relative; }

.faq-list-wrapper .faq-header:after { display: block; content: ""; width: 17px; height: 10px; position: absolute; top: 50%; right: 20px; margin-top: -5px; background: url("../images/common/arrow/ico-arrow-down-17x10.png") no-repeat 0 0; }

.faq-list-wrapper .item-wrapper { position: relative; padding-left: 55px; }

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

.faq-list-wrapper .item-wrapper:after { clear: both; }

.faq-list-wrapper .item-wrapper:before { display: block; content: ""; position: absolute; top: -2px; left: 0; background-repeat: no-repeat; background-position: 0 0; font-size: 19px; }

.faq-list-wrapper .item-wrapper.qusetion:before { content: 'Q'; color: #e26b0f; }

.faq-list-wrapper .item-wrapper.answer:before { content: 'A'; color: #333; }

.faq-list-wrapper .item-wrapper .type, .faq-list-wrapper .item-wrapper .text { font-weight: 500; font-size: 16px; letter-spacing: -0.03em; }

.faq-list-wrapper .item-wrapper .type { width: 130px; float: left; color: #000; }

.faq-list-wrapper .item-wrapper .type + .text { float: none; overflow: hidden; padding-left: 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.faq-list-wrapper .item-wrapper .text { color: #666; word-break: break-all; }

.faq-list-wrapper .faq-content { padding: 22px 30px; border-bottom: 1px solid #d5d5d5; background-color: #fafafa; }

.faq-list-wrapper .faq-content .answer { white-space: normal; }

.customer-notice-board .data-table th { border-top: 1px solid #000; border-bottom: 1px solid #89898a; padding: 22px 20px; text-align: center; font-weight: 500; font-size: 16px; color: #000; letter-spacing: -0.03em; }

.customer-notice-board .data-table .type { text-align: center; }

.customer-notice-board .data-table .notice-content { padding: 0 10px; }

.customer-notice-board .data-table .notice-content a { display: block; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; font-weight: 500; font-size: 14px; letter-spacing: -0.03em; color: #333; }

.customer-notice-board .data-table .date { text-align: center; font-weight: 500; font-size: 14px; color: #89898a; }

.customer-consult-box { margin-top: 60px; padding: 20px; text-align: center; border: 1px solid #d5d5d5; background-color: #f6f6f6; }

.customer-consult-box .text { display: inline-block; vertical-align: middle; font-weight: 500; font-size: 18px; color: #333; letter-spacing: -0.03em; }

.customer-consult-box .btn { margin-left: 15px; border-radius: 6px; }

.inquiry-form-container { margin-top: 40px; }

.inquiry-form-container .info-text { margin-bottom: 7px; font-weight: 500; font-size: 14px; color: #89898a; letter-spacing: -0.03em; }

.inquiry-form-container .fieldset.fieldset-px .field { padding: 25px 0; margin-top: 0; border-bottom: 1px solid #d5d5d5; }

.inquiry-form-container .fieldset.fieldset-px .field:first-of-type { border-top: 1px solid #d5d5d5; }

.inquiry-form-container .fieldset.fieldset-px .field > .label { width: 250px; }

.inquiry-form-container .fieldset.fieldset-px .field > .label label { font-weight: 500; font-size: 16px; color: #000; }

.inquiry-form-container .fieldset.fieldset-px .field > .label .essential { color: #ed4300; }

.inquiry-form-container .fieldset.fieldset-px .insert { padding-right: 50px; }

.inquiry-form-container .fieldset.fieldset-px .insert .row { width: auto; }

.inquiry-form-container .fieldset.fieldset-px .insert .form-wrap { float: none; width: auto; }

.inquiry-form-container .fieldset.fieldset-px .insert .selectric-wrapper { float: left; width: 460px; }

.inquiry-form-container .fieldset.fieldset-px .insert .btn-apply-item { float: none; overflow: hidden; margin-left: 10px; padding: 0 20px; }

.inquiry-form-container .file-attach .file-input { display: inline-block; vertical-align: middle; position: relative; }

.inquiry-form-container .file-attach input[type="file"] { opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer; }

.inquiry-form-container .file-attach label { display: block; width: 82px; height: 30px; line-height: 26px; border: 2px solid #d5d5d5; border-radius: 5px; text-align: center; font-weight: 300; font-size: 14px; letter-spacing: -0.03em; color: #333; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; }

.inquiry-form-container .file-attach .info { display: inline-block; vertical-align: middle; margin-left: 4px; font-weight: 500; font-size: 12px; letter-spacing: -0.03em; color: #89898a; }

.inquiry-form-container .attach-list { margin-top: 5px; }

.inquiry-form-container .attach-list:before, .inquiry-form-container .attach-list:after { content: ""; display: table; }

.inquiry-form-container .attach-list:after { clear: both; }

.inquiry-form-container .attach-list .item { display: block; float: left; position: relative; padding-right: 20px; margin-bottom: 2px; margin-right: 15px; font-weight: 500; font-size: 14px; letter-spacing: -0.03em; }

.inquiry-form-container .attach-list .item .btn-delete { position: absolute; top: 50%; right: 0; width: 15px; height: 15px; margin-top: -7px; text-indent: -9999px; border: 0; cursor: pointer; background: url("../images/common/close/ico-delete-15x15.png") no-repeat 0 0; }

.inquiry-form-container .field.reply-notify .selector-wrap, .inquiry-form-container .field.reply-notify .input-cover { display: inline-block; vertical-align: middle; }

.inquiry-form-container .field.reply-notify .selector-wrap { width: 90px; }

.inquiry-form-container .field.reply-notify .input-cover { width: 367px; margin-left: 27px; }

.inquiry-form-container .btn-group-02 { margin-top: 50px; text-align: center; }

.inquiry-form-container .btn-group-02 .btn { min-width: 215px; }

.customer-store-content .btn-square-bookmark { position: absolute; top: 23px; right: 22px; }

.favorite-store-container .result-content { padding: 60px 0 20px; text-align: center; }

.favorite-store-container .result-content .title { display: block; font-weight: 500; font-size: 26px; letter-spacing: -0.03em; color: #89898a; }

.favorite-store-container .result-content .sub-text { margin-top: 5px; font-weight: 500; font-size: 18px; letter-spacing: -0.05em; color: #aaa; }

.favorite-store-container .result-content .sub-text .icon { display: inline-block; width: 13px; height: 16px; margin-top: -2px; margin-right: 5px; vertical-align: middle; background: url("../images/customer/ico-bookmark.png") no-repeat 0 0; }

.favorite-store-container .result-content .btn { min-width: 180px; margin-top: 25px; font-weight: 500; color: #333; }

.favorite-store-list { margin-top: 60px; }

.favorite-store-list:before, .favorite-store-list:after { content: ""; display: table; }

.favorite-store-list:after { clear: both; }

.favorite-store-list.mypage { margin-top: 0; }

.favorite-store-list.mypage .store-list { width: 280px; }

.favorite-store-list.mypage .store-list + .store-list { margin-left: 14px; }

.favorite-store-list.mypage .store-card { height: 150px; padding: 15px 17px; background-image: url("../images/customer/bg-store-small.png"); }

.favorite-store-list.mypage .store-card .off { display: none; }

.favorite-store-list.mypage .store-card.closed { background-image: url("../images/customer/bg-store-small_off.png"); }

.favorite-store-list.mypage .store-card.closed .off { display: block; position: absolute; right: 16px; bottom: 12px; font-size: 16px; color: #ffffff; letter-spacing: -0.03em; }

.favorite-store-list.mypage .store-name { padding-right: 0; }

.favorite-store-list.mypage .store-name .name { font-size: 18px; }

.favorite-store-list.mypage .info-text { margin-top: 25px; font-weight: 300; font-size: 16px; letter-spacing: -0.03em; color: #fff; }

.favorite-store-list.mypage .info-text strong { display: block; font-weight: 300; font-size: 18px; }

.favorite-store-list .store-list { float: left; width: 388px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.favorite-store-list .store-list ~ .store-list { margin-left: 18px; }

.favorite-store-list .store-list.register .store-card { background: none; border: 1px solid #d5d5d5; }

.favorite-store-list .store-list.register .plus { display: block; position: absolute; top: 50%; left: 50%; width: 15px; height: 15px; margin-top: -7px; margin-left: -7px; background: url("../images/common/ico-plus-15x15.png") no-repeat 0 0; }

.favorite-store-list .store-list.register .guide { position: absolute; bottom: 13px; left: 0; width: 100%; text-align: center; font-weight: 300; font-size: 14px; color: #aaa; }

.favorite-store-list .store-list.history .store-card { background: none; background-color: #f6f6f6; border: 1px solid #89898a; }

.favorite-store-list .store-list.history .store-name .name { color: #333; }

.favorite-store-list .store-list.history .info-text { color: #333; }

.favorite-store-list .store-list.none .store-card { border: 1px solid #d5d5d5; font-size: 14px; text-align: center; background: none; }

.favorite-store-list .store-list.none .guide { color: #aaaaaa; word-break: break-all; }

.favorite-store-list .store-list.none .guide .ico { display: inline-block; width: 12px; height: 16px; margin-top: -2px; margin-right: 5px; vertical-align: middle; background-image: url("../images/mypage/ico-location.png"); background-position: 0 0; background-repeat: no-repeat; background-color: transparent; background-size: 100% 100%; }

.favorite-store-list .store-list.none .info-view-btn { margin-top: 10px; display: inline-block; border-bottom: 1px solid #000000; }

.favorite-store-list .store-card { height: 220px; padding: 20px; position: relative; border-radius: 7px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-image: url("../images/customer/bg-store.png"); -webkit-box-sizing: border-box; box-sizing: border-box; }

.favorite-store-list .store-card .off { display: none; }

.favorite-store-list .store-card.closed { background-image: url("../images/customer/bg-store_off.png"); }

.favorite-store-list .store-card.closed .off { display: block; position: absolute; right: 20px; bottom: 20px; font-size: 16px; color: #ffffff; letter-spacing: -0.03em; }

.favorite-store-list .store-name { min-height: 32px; position: relative; padding-left: 40px; padding-right: 90px; word-break: break-all; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.favorite-store-list .store-name .btn-favorite-store { position: absolute; top: 0; left: 0; cursor: pointer; }

.favorite-store-list .store-name .link { display: block; }

.favorite-store-list .store-name .name { font-size: 20px; font-weight: 500; letter-spacing: -0.03em; color: #fff; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.favorite-store-list .address { margin-top: 10px; color: #ffffff; }

.favorite-store-list .address a { display: block; font-weight: 300; font-size: 16px; letter-spacing: -0.03em; color: #fdfdfd; display: block; display: -webkit-box; height: 3em; max-height: 3em; text-overflow: ellipsis; line-height: 1.5em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }

.favorite-store-list .term { display: block; width: 90%; color: #fdfdfd; font-size: 16px; letter-spacing: -0.03em; font-weight: 300; }

.favorite-store-list .term dt { float: left; padding-right: 5px; }

.favorite-store-list .term dt:after { content: ' :'; }

.favorite-store-list .btn-support { position: absolute; bottom: 57px; left: 20px; }

.favorite-store-list .btn-support:before, .favorite-store-list .btn-support:after { content: ""; display: table; }

.favorite-store-list .btn-support:after { clear: both; }

.favorite-store-list .btn-support .btn { float: left; height: 31px; line-height: 27px; position: relative; border-radius: 5px; padding: 0 9px 0 30px; border-width: 2px; font-weight: 300; font-size: 14px; letter-spacing: -0.03em; color: #333; }

.favorite-store-list .btn-support .btn + .btn { margin-left: 4px; }

.favorite-store-list .btn-support .btn:before { display: inline-block; content: ""; position: absolute; top: 50%; left: 10px; width: 16px; height: 16px; margin-top: -8px; background-repeat: no-repeat; background-position: 0 0; }

.favorite-store-list .btn-support .btn-tel:before { background-image: url("../images/customer/ico-phone.png"); }

.favorite-store-list .btn-support .btn-map-controller:before { background-image: url("../images/customer/ico-pin.png"); }

.favorite-store-list .btn-support .btn-notice:before { background-image: url("../images/customer/ico-notice.png"); }

.favorite-store-list .btn-support .btn-map-view { display: inline-block; position: relative; border-bottom: 1px solid #fff; font-size: 12px; color: #fff; }

.favorite-store-list .btn-support .btn-map-view + .btn-map-view { margin-left: 26px; }

.favorite-store-list .btn-support .btn-map-view:after { display: block; content: ""; width: 6px; height: 11px; position: absolute; top: 50%; right: -12px; margin-top: -5px; background: url("../images/common/arrow/ico-arrow-6x11.png") no-repeat 0 0; background-size: cover; }

.favorite-store-list .purchase-history { position: absolute; bottom: 15px; right: 17px; color: #6b36cd; }

.favorite-store-list .store-detail { margin-top: 13px; color: #333; }

.favorite-store-list .store-detail .btn-square-bookmark { position: absolute; right: 0; top: -3px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

.favorite-store-list .store-detail .noti-text { display: inline-block; position: relative; margin-top: 4px; font-weight: 300; font-size: 16px; }

.favorite-store-list .store-detail .noti-text.link { padding-right: 14px; }

.favorite-store-list .store-detail .noti-text.link:after { display: block; content: ""; width: 7px; height: 10px; position: absolute; top: 50%; right: 0; margin-top: -5px; background: url("../images/common/arrow/ico-arrow-7x10.png") no-repeat 0 0; }

.favorite-store-list .store-detail .noti-text.slightly { color: #aaa; }

.favorite-store-list .store-detail .tel { position: relative; margin-top: 4px; padding-left: 18px; font-weight: 300; font-size: 14px; color: #89898a; }

.favorite-store-list .store-detail .tel:before { display: inline-block; content: ""; width: 16px; height: 16px; position: absolute; top: 50%; left: 0; margin-top: -8px; background: url("../images/customer/ico-phone.png") no-repeat 0 0; }

.favorite-store-list .store-detail .term { margin-top: 5px; color: #666666; font-size: 16px; letter-spacing: -0.03em; }

.favorite-store-list .store-detail .term dt { float: left; padding-right: 5px; }

.favorite-store-list .store-detail .term dt:after { content: ' :'; }

.store-detail-container { margin-top: 70px; border-top: 1px solid #000; }

.store-detail-container .detail-header { position: relative; padding: 25px 20px; }

.store-detail-container .detail-header .store-name { padding-left: 55px; padding-right: 110px; position: relative; }

.store-detail-container .detail-header .store-name h3 { font-weight: 500; font-size: 18px; word-break: break-all; }

.store-detail-container .detail-header .store-name h3 strong { display: inline-block; margin-right: 8px; line-height: 42px; font-size: 42px; vertical-align: bottom; }

.store-detail-container .detail-header .btn-favorite-store { position: absolute; top: 10px; left: 0; cursor: pointer; }

.store-detail-container .detail-header .btn-square-bookmark { position: absolute; top: 35px; right: 30px; }

.store-detail-container .detail-header .store-info { margin-top: 7px; }

.store-detail-container .detail-header .store-info span { display: inline-block; vertical-align: middle; }

.store-detail-container .detail-header .store-info .address { font-weight: 500; font-size: 16px; letter-spacing: -0.03em; color: #333; }

.store-detail-container .detail-header .store-info .tel { position: relative; margin-left: 12px; padding-left: 20px; font-weight: 300; font-size: 14px; letter-spacing: -0.03em; color: #89898a; }

.store-detail-container .detail-header .store-info .tel:before { display: block; content: ""; width: 16px; height: 16px; position: absolute; top: 50%; left: 0; margin-top: -8px; background: url("../images/customer/ico-phone.png") no-repeat 0 0; }

.store-detail-container .detail-info { padding: 22px 0; position: relative; border-top: 1px solid #d5d5d5; }

.store-detail-container .detail-info:before, .store-detail-container .detail-info:after { content: ""; display: table; }

.store-detail-container .detail-info:after { clear: both; }

.store-detail-container .detail-info .type { float: left; width: 130px; padding-left: 20px; font-weight: 500; font-size: 16px; letter-spacing: -0.03em; color: #000; -webkit-box-sizing: border-box; box-sizing: border-box; }

.store-detail-container .detail-info .article { float: none; overflow: hidden; position: relative; padding-left: 10px; padding-right: 30px; font-size: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.store-detail-container .detail-info .article li + li { margin-top: 6px; }

.store-detail-container .detail-info .article a { display: block; position: relative; padding-right: 120px; }

.store-detail-container .detail-info .article .text { font-size: 16px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; word-break: break-all; }

.store-detail-container .detail-info .article .date { position: absolute; top: 2px; right: 0; font-size: 14px; color: #888; }

.store-detail-container .detail-info.map { border-bottom: 1px solid #89898a; }

.store-detail-container .root_daum_roughmap { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.store-detail-container .btn-group { margin-top: 30px; text-align: right; }

.store-detail-container .btn-group .btn { min-width: 95px; border-radius: 5px; }

.store-search-container { margin-top: 40px; }

.store-search-container .tab-wrapper:before, .store-search-container .tab-wrapper:after { content: ""; display: table; }

.store-search-container .tab-wrapper:after { clear: both; }

.store-search-container .tab-wrapper li { width: 400px; }

.store-search-container .tab-wrapper a { height: 50px; line-height: 48px; font-size: 16px; }

.store-search-content .result-content { margin-top: 20px; border-top: 1px solid #000; border-bottom: 1px solid #d5d5d5; padding: 80px 0 75px; text-align: center; }

.store-search-content .result-content .icon img { display: block; margin: 0 auto; }

.store-search-content .result-content .title { display: block; margin-top: 7px; font-weight: 500; font-size: 20px; color: #89898a; letter-spacing: -0.03em; }

.store-search-content .result-content .title strong { color: #333; }

.store-search-content .result-content .btn { min-width: 170px; height: 40px; line-height: 36px; margin-top: 17px; border-width: 2px; border-radius: 5px; }

.store-search-detail { display: table; margin: 20px auto 0; }

.store-search-detail:before, .store-search-detail:after { content: ""; display: table; }

.store-search-detail:after { clear: both; }

.store-search-detail .selectric-wrapper { float: left; width: 240px; margin-right: 10px; }

.store-search-detail .input-form { float: left; }

.store-search-detail .input-form:before, .store-search-detail .input-form:after { content: ""; display: table; }

.store-search-detail .input-form:after { clear: both; }

.store-search-detail .input-form input { float: left; width: 240px; height: 52px; }

.store-search-detail .input-form .btn { float: left; width: 80px; height: 52px; line-height: 50px; }

.store-search-result { margin-top: 20px; }

.store-search-result .result-info-text { margin-bottom: 5px; font-weight: 300; font-size: 14px; letter-spacing: -0.03em; color: #89898a; }

.store-search-result .root_daum_roughmap { border: 0; padding: 0; }

.store-search-result .store-map { margin-bottom: 30px; }

.store-search-list { border-top: 1px solid #000; }

.store-search-list .data-table th { border-bottom: 1px solid #d5d5d5; padding: 20px 10px; text-align: center; font-weight: 300; font-size: 16px; letter-spacing: -0.03em; }

.store-search-list .data-table td { border-bottom: 1px solid #d5d5d5; padding: 33px 10px; text-align: center; font-weight: 300; font-size: 16px; color: #333; }

.store-search-list .data-table td .btn.small { height: 30px; line-height: 26px; border-radius: 5px; font-weight: 300; font-size: 14px; border-width: 2px; }

.store-search-list .data-table td a { word-break: break-all; }

.store-search-list .data-table td > a { display: block; }

.store-search-list .data-table .brand img { display: block; max-width: 100%; margin: 0 auto; }

.store-search-list .data-table .address { text-align: left; }

.store-search-list .data-table .point { color: #e26b0f; }

.store-search-list + .result-info-text { margin-top: 15px; margin-bottom: 0; }

.product-package-box { width: 460px; border: 1px solid #d5d5d5; -webkit-box-sizing: border-box; box-sizing: border-box; }

.product-package-box .package-box-head { position: relative; padding: 13px 50px 13px 20px; background-color: #f6f6f6; }

.product-package-box .package-box-head:before, .product-package-box .package-box-head:after { content: ""; display: table; }

.product-package-box .package-box-head:after { clear: both; }

.product-package-box .package-box-head span { display: inline-block; }

.product-package-box .package-box-head .date { font-size: 16px; font-weight: 500; }

.product-package-box .package-box-head .order-num { float: right; font-size: 16px; font-weight: 500; color: #89898a; }

.product-package-box .package-box-head .close-box { position: absolute; display: block; width: 20px; height: 20px; right: 20px; top: 50%; margin-top: -10px; background: transparent url("../images/common/close/ico-close-gray-14x14.png") center center no-repeat; overflow: hidden; text-indent: -9999px; font-size: 0.01em; color: transparent; }

.product-package-box .package-box-body { position: relative; margin: 30px 20px; }

.product-package-box .package-box-body .pkg-thumb { position: absolute; left: 0; top: 0; overflow: hidden; width: 100px; height: 100px; border: 1px solid #d5d5d5; -webkit-box-sizing: border-box; box-sizing: border-box; }

.product-package-box .package-box-body .pkg-thumb img { max-width: 100%; }

.product-package-box .package-box-body .pkg-thumb + .pkg-detail { min-height: 100px; padding-left: 124px; }

.product-package-box .package-box-body .pkg-detail .pro-name { font-size: 16px; font-weight: 500; color: #333; display: block; display: -webkit-box; height: 3em; max-height: 3em; text-overflow: ellipsis; line-height: 1.5em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }

.product-package-box .package-box-body .pkg-detail .pro-opt { position: relative; margin-top: 16px; }

.product-package-box .package-box-body .pkg-detail .pro-opt .option { display: block; padding-right: 40%; color: #89898a; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.product-package-box .package-box-body .pkg-detail .pro-opt .price { position: absolute; right: 0; bottom: 0; font-size: 18px; font-weight: 500; }

.product-package-box .package-box-body .pkg-detail .pro-opt .price strong { color: #e26b0f; }

.sub-section-inner { position: relative; }

.sub-section-inner:before, .sub-section-inner:after { content: ""; display: table; }

.sub-section-inner:after { clear: both; }

.sub-section-inner .aside-nav { float: left; width: 237px; }

.sub-section-inner .sub-content { float: left; width: 963px; }

.sub-section-inner .section-title-wrap { margin-bottom: 0; }

.sub-section-inner .data-table.interval { margin-top: 30px; }

.sub-section-inner .btn-group-02 .btn { min-width: 70px; }

.sub-section-inner .btn.thin { height: 27px; line-height: 25px; min-width: 54px; font-size: 12px; }

.sub-section-inner .em.small { font-size: 12px; font-weight: lighter; }

.sub-section-inner .em.medium { font-size: 14px; font-weight: lighter; }

.sub-section-inner .em.large { font-size: 16px; font-weight: lighter; }

.sub-section-inner .em.large strong { font-weight: 500; }

.sub-section-inner .package .btn { border-width: 2px; margin-top: 0; line-height: 26px; }

.sub-section-inner .package .btn + .btn { margin-left: 4px; }

.sub-section-inner .package-wide { margin-bottom: 6px; }

.sub-section-inner .package-wide .btn { width: 85%; }

.sub-section-inner .mypage-guide { margin-top: 20px; }

.mypage-content { position: relative; min-height: 650px; margin-left: 237px; border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mypage-content:after { position: absolute; content: ''; width: 1px; height: 100%; left: -237px; top: 0; background-color: #d5d5d5; }

.mypage-content .mypage-coupon .data-table-title { position: relative; white-space: normal; }

.mypage-content .mypage-coupon .data-table-title .btn-all-down { position: absolute; right: 0; bottom: 0; padding: 0 18px; height: 40px; font-size: 16px; letter-spacing: -0.16px; font-weight: 400; line-height: 38px; color: #fff; background-color: #333; }

.mypage-content .mypage-coupon .btn-down { display: inline-block; padding: 2px 7px; color: #333; font-weight: 500; border: 1px solid #333; border-radius: 5px; }

.mypage-content .mypage-coupon .result-empty-content p { padding-top: 70px; font-size: 20px; color: #89898a; background: url("../images/common/ico-result-empty-coupon.png") no-repeat 50% 0/auto; }

.mypage-content .mypage-coupon .data-table.coupons td:nth-of-type(2) { padding-left: 40px; }

.mypage-content .mypage-coupon .data-table.coupons .sort { display: inline-block; padding: 0 6px; margin-bottom: 5px; font-size: 12px; color: #e26b0f; line-height: 22px; border-radius: 5px; background-color: rgba(226, 107, 15, 0.1); }

.history-item-content { float: none !important; width: auto !important; border: 0; margin-left: 0; }

.history-item-content:after { display: none; }

.history-item-content .section-title { margin-left: 0 !important; }

.history-item-content .mypage-wrap { padding-right: 0; padding-left: 0; }

.aside-nav { position: absolute; left: 0; top: 0; padding: 12px 18px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.aside-nav h2 > a { font-size: 18px; font-weight: 500; color: #000; }

.aside-nav h2, .aside-nav h3 { font-size: 18px; font-weight: 500; }

.aside-nav h3 { margin-bottom: 5px; }

.aside-nav > li { padding: 14px 10px; border-bottom: 1px solid #d5d5d5; -webkit-box-sizing: border-box; box-sizing: border-box; }

.aside-nav > li:first-child { padding: 18px 10px; }

.aside-nav > li:last-child { border-bottom: none; }

.aside-nav a { font-size: 14px; font-weight: lighter; color: #666; display: block; }

.aside-nav ul li { padding: 8px 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.aside-nav ul li.on a { font-weight: normal; color: #222222; font-weight: 500; }

.mypage-wrap .item-area, .order-pro-wrap .item-area { position: relative; }

.mypage-wrap .item-area:before, .mypage-wrap .item-area:after, .order-pro-wrap .item-area:before, .order-pro-wrap .item-area:after { content: ""; display: table; }

.mypage-wrap .item-area:after, .order-pro-wrap .item-area:after { clear: both; }

.mypage-wrap .item-area .refund-check, .order-pro-wrap .item-area .refund-check { position: absolute; left: -30px; top: 0; }

.mypage-wrap .item-area a, .order-pro-wrap .item-area a { display: block; width: 100%; }

.mypage-wrap .item-area .thumb-inner, .order-pro-wrap .item-area .thumb-inner { float: left; }

.mypage-wrap .item-area .thumb, .order-pro-wrap .item-area .thumb { width: 60px; height: 60px; overflow: hidden; }

.mypage-wrap .item-area .thumb img, .order-pro-wrap .item-area .thumb img { display: block; max-width: 100%; margin: 0 auto; }

.mypage-wrap .item-area .thumb-inner + .detail, .order-pro-wrap .item-area .thumb-inner + .detail { padding-left: 15px; }

.mypage-wrap .item-area .detail, .order-pro-wrap .item-area .detail { width: 270px; float: left; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mypage-wrap .item-area .detail .brand, .mypage-wrap .item-area .detail .title, .order-pro-wrap .item-area .detail .brand, .order-pro-wrap .item-area .detail .title { font-size: 14px; font-weight: lighter; display: block; display: -webkit-box; max-height: 3em; text-overflow: ellipsis; line-height: 1.5em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }

.mypage-wrap .item-area .detail .option, .order-pro-wrap .item-area .detail .option { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 3px; font-size: 12px; color: #89898a; white-space: pre-line; }

.mypage-wrap .item-area .detail .option > .bullet, .order-pro-wrap .item-area .detail .option > .bullet { padding-right: 5px; -ms-flex-negative: 0; flex-shrink: 0; }

.mypage-wrap { padding: 40px 46px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mypage-wrap.small { padding: 30px 46px; }

.mypage-wrap.order-wrap { padding-top: 0; padding-bottom: 50px; }

.mypage-wrap h4.sub-title { font-size: 24px; font-weight: 500; }

.mypage-wrap .order-info-wrapper dt, .mypage-wrap .order-info-wrapper dd { font-size: 16px; font-weight: lighter; }

.mypage-wrap .order-info-wrapper .order-list-head .head-title { display: inline-block; padding: 0 16px; line-height: 1.36em; font-size: 20px; font-weight: 500; }

.mypage-wrap .order-info-wrapper .order-info-area.pay-info dl { padding: 6px 16px; }

.mypage-wrap .order-info-wrapper .order-info-area.pay-info .total-pay { padding-top: 27px; padding-bottom: 27px; }

.mypage-wrap .order-info-wrapper .order-info-area.pay-info .total-pay .bm { font-size: 14px; }

.mypage-wrap .order-info-wrapper .order-info-area.pay-info .order-payment { padding-top: 36px; }

.mypage-wrap .order-info-wrapper.refund-account .pay-info .order-payment { position: relative; padding-bottom: 140px; min-height: 366px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mypage-wrap .order-info-wrapper.refund-account .total-pay { position: absolute; width: 100%; bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mypage-wrap .order-info-wrapper.refund-account .order-status-info { margin-bottom: 30px; }

.mypage-wrap .order-info-wrapper.refund-account a { text-decoration: underline; }

.mypage-wrap .order-info-wrapper .pay-status dt { width: 96px; }

.mypage-wrap .order-info-wrapper .pay-status dd { padding-left: 96px; width: calc(100% - 96px); }

.mypage-wrap .order-info-wrapper .pay-status dt, .mypage-wrap .order-info-wrapper .pay-status dd { font-size: 14px; }

.mypage-wrap .order-info-wrapper .pay-status .order-payment { padding: 24px 0; }

.mypage-wrap .order-info-wrapper .pay-status .order-payment dl { padding: 6px 16px; }

.mypage-wrap .order-info-wrapper .order-status-info { padding: 10px 18px; background-color: #f6f6f6; }

.mypage-wrap .order-info-wrapper .order-status-info:before, .mypage-wrap .order-info-wrapper .order-status-info:after { content: ""; display: table; }

.mypage-wrap .order-info-wrapper .order-status-info:after { clear: both; }

.mypage-wrap .order-info-wrapper .order-status-info .payment-method { float: left; margin-top: 2px; font-size: 14px; font-weight: lighter; }

.mypage-wrap .order-info-wrapper .order-status-info .payment-amount { float: right; font-size: 18px; font-weight: 500; color: #e26b0f; }

.mypage-wrap .order-info-wrapper .additional-pay { margin-top: 30px; border-bottom: 1px solid #333; }

.mypage-wrap .order-info-wrapper .additional-pay .order-status-info { margin-bottom: 0; }

.mypage-wrap .gifts-guide { margin-top: 22px; }

.mypage-wrap .gifts-guide:before, .mypage-wrap .gifts-guide:after { content: ""; display: table; }

.mypage-wrap .gifts-guide:after { clear: both; }

.mypage-wrap .gifts-guide .item-area { float: left; padding-top: 7px; padding-bottom: 7px; border-bottom: 1px solid #d5d5d5; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mypage-wrap .gifts-guide .item-area:nth-child(odd) { width: calc(50% - 18px); margin-right: 18px; }

.mypage-wrap .gifts-guide .item-area:nth-child(even) { width: calc(50% - 18px); margin-left: 18px; }

.mypage-wrap .gifts-guide .item-area:nth-child(even):before, .mypage-wrap .gifts-guide .item-area:nth-child(even):after { content: ""; display: table; }

.mypage-wrap .gifts-guide .item-area:nth-child(even):after { clear: both; }

.mypage-wrap .gifts-guide .item-area .title { display: block; display: -webkit-box; max-height: 3em; text-overflow: ellipsis; line-height: 1.5em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }

.mypage-wrap .gifts-guide .item-area .detail { width: 356px; padding: 9px; padding-left: 24px; }

.mypage-wrap .management-table .item-area .title { display: block; display: -webkit-box; max-height: 3em; text-overflow: ellipsis; line-height: 1.5em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }

.mypage-wrap .money { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; width: 110px; min-height: 70px; padding: 12px 10px; font-weight: 500; background-color: #fff; color: #333; vertical-align: middle; text-align: center; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mypage-wrap .money p { width: 100%; font-size: 18px; line-height: 1.2; }

.mypage-wrap .money span { width: 100%; font-size: 14px; font-weight: 500; }

.mypage-wrap .money:before { content: ''; position: absolute; width: 100%; height: 100%; border-radius: 5px; border: 1px solid #d5d5d5; top: 0; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mypage-wrap .money:after { content: ''; position: absolute; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #d5d5d5; background-color: #fff; top: 0; bottom: 0; margin: auto; left: -8px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mypage-wrap .money.offline { color: #e26b0f; }

.mypage-wrap .money.offline:before, .mypage-wrap .money.offline:after { border-color: #e26b0f; }

.mypage-wrap .review-list-wrapper .review-article .review-text.ellipsis { width: 100%; margin-bottom: 8px; display: block; display: -webkit-box; max-height: 3em; text-overflow: ellipsis; line-height: 1.5em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; white-space: pre-line; }

.order-notice-text { padding-bottom: 20px; }

.order-notice-text p + p { margin-top: 4px; }

.order-notice-text .center { font-size: 1.1em; }

.mypage-table.before-order-table td:first-child { padding-left: 30px; }

.mypage-table.before-order-table thead tr:first-child th { padding-right: 30px; }

.mypage-table.before-order-table .order-detail { float: right; }

.mypage-table.before-order-table .order-detail .btn { margin-top: -4px; }

.mypage-table.before-order-table .item-area .detail { width: auto; float: none; }

.beauty-mileage-wrap { padding-left: 44px; padding-right: 44px; padding-bottom: 20px; }

.beauty-mileage-wrap .mileage-list { margin-bottom: 6px; }

.beauty-mileage-wrap .mileage-list:before, .beauty-mileage-wrap .mileage-list:after { content: ""; display: table; }

.beauty-mileage-wrap .mileage-list:after { clear: both; }

.beauty-mileage-wrap .mileage-list .list { position: relative; float: left; width: 280px; height: 150px; }

.beauty-mileage-wrap .mileage-list .list .title, .beauty-mileage-wrap .mileage-list .list .number { position: absolute; left: 30px; color: #fff; }

.beauty-mileage-wrap .mileage-list .list .title { top: 28px; font-size: 14px; }

.beauty-mileage-wrap .mileage-list .list .number { display: block; bottom: 31px; font-size: 26px; font-weight: 500; }

.beauty-mileage-wrap .mileage-list .list .number:after { position: absolute; content: ''; height: 1px; width: 100%; left: 0; bottom: 7px; background-color: #fff; }

.beauty-mileage-wrap .mileage-list .list + .list { margin-left: 16px; }

.beauty-mileage-wrap .mileage-list .list a { display: block; }

.beauty-mileage-wrap .mileage-list .list.possesion { background: transparent url("../images/mypage/bg-beauty-mileage-orange.png") 0 0 no-repeat; }

.beauty-mileage-wrap .mileage-list .list.use { background: transparent url("../images/mypage/bg-beauty-mileage-black.png") 0 0 no-repeat; }

.beauty-mileage-wrap .mileage-list .list.extinction { background: transparent url("../images/mypage/bg-beauty-mileage-gray.png") 0 0 no-repeat; }

.beauty-mileage-wrap .mileage-list .list.extinction .title, .beauty-mileage-wrap .mileage-list .list.extinction .number { color: #aaa; }

.beauty-mileage-wrap .mileage-list .list.extinction .number:after { background-color: #aaa; }

.sub-section-inner .section-title { position: relative; margin: 40px 44px 40px; }

.sub-section-inner .section-title .title { display: inline-block; font-size: 24px; font-weight: bold; line-height: 40px; }

.sub-section-inner .section-title .btn { position: absolute; right: 0; top: 0; border-radius: 5px; border-width: 2px; line-height: 36px; }

.sub-section-inner .section-title .info { display: inline-block; margin-left: 15px; color: #606060; }

.sub-section-inner .section-title .info .em.normal { font-weight: 500; }

.bottom-line { position: relative; border-bottom: 20px solid #f6f6f6; }

.bottom-line:after { position: absolute; content: ''; width: 100%; height: 1px; bottom: -20px; left: 0; background-color: #d5d5d5; }

.data-table.infomation-table .applicant-name .btn { margin-left: 10px; }

.data-table.infomation-table .reason-selectric { width: 240px; }

.data-table.infomation-table .reason-file-attach { margin-top: 10px; }

.data-table.infomation-table .refund-reason-area > strong { font-size: 16px; font-weight: 500; color: #333; }

.data-table.infomation-table .refund-reason-area > p { font-size: 14px; font-weight: lighter; color: #89898a; }

.data-table.infomation-table .refund-reason-area .refund-img-wrap { margin-top: 10px; }

.data-table.infomation-table .refund-reason-area .refund-img-wrap:before, .data-table.infomation-table .refund-reason-area .refund-img-wrap:after { content: ""; display: table; }

.data-table.infomation-table .refund-reason-area .refund-img-wrap:after { clear: both; }

.data-table.infomation-table .refund-reason-area .refund-img-wrap .thumb-nail { float: left; }

.data-table.infomation-table .refund-reason-area .refund-img-wrap .thumb-nail + .thumb-nail { margin-left: 12px; }

.data-table.infomation-table .refund-reason-area .refund-img-wrap .thumb { position: relative; overflow: hidden; width: 90px; height: 90px; border: 1px solid #d5d5d5; -webkit-box-sizing: border-box; box-sizing: border-box; }

.data-table.infomation-table .refund-reason-area .refund-img-wrap .thumb img { display: block; margin: 0 auto; max-width: 100%; }

.data-table .align-center .selector-wrap .asset { margin: 0 auto; }

.data-table.membership th:first-child, .data-table.membership td:first-child { padding-left: 36px; }

.data-table.membership th:last-child, .data-table.membership td:last-child { padding-right: 36px; }

.data-table.membership .membership-history { padding-left: 40px; }

.data-table.mo-gifts-detail .mo-gifts-wrap .money p { font-family: Roboto; font-weight: bold; font-size: 18px; text-align: center; color: #333; }

.data-table.mo-gifts-detail .mo-gifts-wrap .money { min-height: 60px; padding: 10px; }

.data-table.mo-gifts-detail .mo-gifts-wrap .money span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; font-size: 12px; letter-spacing: -0.02em; color: #e26b0f; }

.data-table.mo-gifts-detail .mo-gifts-wrap .money span img { margin-right: 2px; }

.data-table.mo-gifts-detail .mo-gifts-wrap .money.done { background: #F7F7F7; }

.data-table.mo-gifts-detail .mo-gifts-wrap .money.done span { color: #999; }

.data-table.mo-gifts-detail .mo-gifts-wrap .gift-detail { display: inline-block; padding-left: 22px; vertical-align: middle; }

.data-table.mo-gifts-list .mo-gift-name { width: 250px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.data-table.favorite .brand-logo img { display: block; margin: 0 auto; max-width: 75px; }

.data-table.favorite .store-info { padding-left: 30px; }

.data-table.favorite .store-info .em { overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; word-break: break-all; }

.data-table.favorite .store-info a { position: relative; display: inline-block; max-width: 300px; padding-right: 20px; margin-top: 4px; font-size: 14px; font-weight: lighter; color: #89898a; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; word-break: break-all; -webkit-box-sizing: border-box; box-sizing: border-box; }

.data-table.favorite .store-info a:after { position: absolute; content: ''; width: 5px; height: 10px; right: 0; bottom: 6px; background: transparent url("../images/common/arrow/ico-arrow-gray-5x9.png") center center no-repeat; }

.data-table.favorite .store-info a:before { position: absolute; content: ''; width: 95%; height: 1px; bottom: 0; left: 0; background-color: #89898a; }

.data-table.favorite + .info-text { margin-top: 14px; font-weight: 300; }

.data-table.delivery .btn.thin { margin-top: 2px; margin-bottom: 2px; }

.data-table.mileage-table { border-top: 0; }

.data-table.mileage-table td { font-size: 16px; }

.data-table.mileage-table td strong { font-size: 18px; font-weight: 500; }

.data-table.mileage-table td strong.minus { color: #ed4300; }

.data-table.mileage-table td .bm-num { padding-right: 36px; }

.checkbox-wrapper { margin-bottom: 15px; }

.checkbox-wrapper .selector-wrap.horizontal .asset { margin-top: 2px; margin-bottom: 0; }

.checkbox-wrapper .selector-wrap.horizontal .asset:first-child { margin-top: 0; }

.mypagetop__inner { position: relative; padding: 50px; }

.mypagetop__inner h4.title { font-weight: bold; font-size: 18px; letter-spacing: -0.02em; color: #222; }

.mypagetop__inner .sub-text { margin-top: 15px; font-weight: 500; font-size: 14px; letter-spacing: -0.02em; color: #222; }

.mypagetop__inner .btn-gray { position: absolute; top: 50%; right: 50px; display: inline-block; margin-top: -20px; height: 40px; padding: 0 15px; line-height: 36px; font-weight: 500; font-size: 16px; letter-spacing: -0.02em; color: #fff; background: #333; cursor: pointer; }

.mypagetop__inner + .mypagetop__inner { border-top: 1px solid #cfcfcf; }

.mypagetop .member-etc-information { margin-top: 20px; }

.mypage-table.small { position: relative; }

.mypage-table.small:after { position: absolute; content: ''; left: 0; top: 0; width: 1px; height: 100%; background-color: #d5d5d5; }

.mypage-table.small:before { position: absolute; content: ''; right: 0; top: 0; width: 1px; height: 100%; z-index: 1; background-color: #d5d5d5; }

.mypage-table.small + .mypage-table { margin-top: 20px; }

.mypage-table.small tr:first-child th, .mypage-table.small tr:first-child td { border-top: none; }

.mypage-table.small th, .mypage-table.small td { padding: 20px 0; }

.mypage-table.small td:last-child { padding-right: 30px; }

.mypage-table.small thead tr:first-child th, .mypage-table.small thead tr:first-child td { border-top: 1px solid #d5d5d5; }

.mypage-table.small thead th { position: relative; background-color: #f3f1ef; font-size: 14px; font-weight: lighter; color: #000; }

.mypage-table.small thead th:first-child { padding-left: 30px; }

.mypage-table.small thead .btn-group { position: absolute; right: 30px; top: 14px; }

.mypage-table.small thead .btn-group .btn { margin-top: 0; border-width: 2px; line-height: 26px; }

.mypage-table.small tbody th { background-color: transparent; }

.mypage-table.small .important-guide td { padding: 15px 30px; border-bottom: 0; font-size: 14px; }

.mypage-table.small .important-guide .warning-list li { position: relative; padding-left: 6px; font-weight: 500; font-size: 14px; letter-spacing: -0.01em; color: #f05a2d; }

.mypage-table.small .important-guide .warning-list li:before { display: block; content: '·'; position: absolute; left: 0; top: 0; color: #f05a2d; }

.mypage-table.small .important-guide.cancle td { padding-top: 30px; padding-bottom: 10px; }

.mypage-table.small .important-guide.cancle .asset { margin-bottom: 0; }

.mypage-table.small .important-guide.cancle .guide-chk { position: relative; padding-right: 0; }

.mypage-table.small .important-guide.cancle .guide-chk:after { position: absolute; content: ''; right: 0; bottom: 0; width: calc(100% - 30px); height: 1px; background-color: #000; }

.mypage-table.small .important-guide.cancle .guide-info { position: relative; padding-left: 0; font-size: 14px; }

.mypage-table.small .important-guide.cancle .guide-info .em.warning { display: block; }

.mypage-table.small .important-guide.cancle .guide-info .em.warning:after { position: absolute; content: ''; left: 0; bottom: 0; width: calc(100% - 30px); height: 1px; background-color: #000; }

.mypage-table.small .important-guide.title td { position: relative; padding-top: 30px; padding-bottom: 10px; }

.mypage-table.small .important-guide.title h3 { font-size: 20px; font-weight: 500; }

.mypage-table.small .important-guide.title h3:after { position: absolute; content: ''; left: 30px; bottom: 0; width: calc(100% - 60px); height: 1px; background-color: #000; }

.mypage-table.small .important-guide .exchange-cancle li { position: relative; padding-left: 8px; font-weight: 500; font-size: 14px; letter-spacing: -0.01em; color: #f05a2d; }

.mypage-table.small .important-guide .exchange-cancle li:before { position: absolute; left: 0; top: 0; content: '·'; color: #f05a2d; }

.mypage-table.small .total-price { background-color: #f3f1ef; font-size: 14px; font-weight: lighter; color: #89898a; }

.mypage-table.small .total-price .total { font-size: 14px; color: #000; }

.mypage-table.small .total-price .total .em { font-size: 16px; font-weight: 500; margin: 0 5px; }

.mypage-table.small .package { margin-top: 20px; }

.mypage-table.small td.company { padding-left: 30px; vertical-align: top; }

.mypage-table.small td.company h3 { font-size: 17px; letter-spacing: -0.8px; color: #333; padding-right: 30px; display: block; display: -webkit-box; max-height: 3em; text-overflow: ellipsis; line-height: 1.5em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; word-break: break-all; }

.mypage-table.small .price-count, .mypage-table.small .refund-count { font-size: 14px; font-weight: lighter; color: #89898a; }

.mypage-table.small .refund-count { margin-bottom: 5px; }

.mypage-table.small .current-price { font-size: 14px; font-weight: lighter; }

.mypage-table.small .current-price strong { font-size: 16px; font-weight: 500; margin-right: 4px; }

.mypage-table.small .sub-info { font-size: 12px; font-weight: lighter; display: block; }

.ico-location { width: 12px; height: 16px; display: inline-block; background: #fff url("../images/mypage/ico-location.png") 0 0 no-repeat; }

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

.center-button.medium { margin-top: 42px; }

.center-button.medium .btn { width: 200px; }

.center-button.medium .btn + .btn { margin-left: 6px; }

.select-reason-wrap { position: relative; border-top: 1px solid; border-bottom: 1px solid #89898a; min-height: 70px; }

.select-reason-wrap .reason-title { position: absolute; left: 30px; top: 25px; }

.select-reason-wrap .select-reason-area { padding-top: 25px; padding-bottom: 20px; padding-left: 172px; padding-right: 30px; }

.select-reason-wrap .select-reason-area .select-title { font-size: 16px; }

.select-reason-wrap .select-reason-area .select-delivery span { color: #aaa; }

.select-reason-wrap .select-reason-area .select-delivery span + span { margin-left: 15px; }

.select-reason-wrap .select-input-wrap { margin-top: 10px; position: relative; }

.select-reason-wrap .select-input-wrap input { padding-right: 80px; }

.select-reason-wrap .select-input-wrap .count { position: absolute; right: 20px; top: 50%; margin-top: -10px; font-size: 14px; color: #aaa; }

.select-reason-wrap.only-select { border-bottom: 0; }

.select-reason-wrap.only-select .select-reason-area { padding-left: 0; padding-bottom: 0; }

.either-ab-box { margin-top: 20px; border: 2px solid #e5e5e5; }

.either-ab-box:before, .either-ab-box:after { content: ""; display: table; }

.either-ab-box:after { clear: both; }

.either-ab-box .box-area { float: left; width: 50%; margin-top: 30px; margin-bottom: 28px; padding-left: 60px; padding-right: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.either-ab-box .box-area + .box-area { border-left: 1px solid #d5d5d5; }

.either-ab-box .box-area .question, .either-ab-box .box-area .info { font-size: 14px; }

.either-ab-box .box-area .info { color: #89898a; font-weight: lighter; display: block; display: -webkit-box; height: 3em; max-height: 3em; text-overflow: ellipsis; line-height: 1.5em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }

.either-ab-box .box-area .guide-box { margin-top: 12px; }

.either-ab-box .box-area .guide-box.gray { background-color: #f6f6f6; border: 1px solid #d5d5d5; padding: 7px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.either-ab-box .box-area .guide-box .row + .row { margin-top: 8px; }

.gift-detail-wrap { margin-bottom: 30px; border: 2px solid #d5d5d5; }

.gift-detail-wrap .gift-detail-area { margin-top: 18px; margin-bottom: 18px; }

.gift-detail-wrap .gift-detail-area:before, .gift-detail-wrap .gift-detail-area:after { content: ""; display: table; }

.gift-detail-wrap .gift-detail-area:after { clear: both; }

.gift-detail-wrap .gift-detail-area .gift-detail-box { position: relative; float: left; width: 50%; padding: 0 50px; text-align: right; -webkit-box-sizing: border-box; box-sizing: border-box; }

.gift-detail-wrap .gift-detail-area .gift-detail-box + .gift-detail-box { border-left: 1px solid #d5d5d5; }

.gift-detail-wrap .gift-detail-area .detail-title { position: absolute; left: 50px; top: 50%; margin-top: -13px; font-size: 18px; font-weight: 500; }

.gift-detail-wrap .gift-detail-area .gift-number { font-size: 16px; font-weight: lighter; }

.gift-detail-wrap .gift-detail-area .gift-number strong { font-size: 36px; font-weight: 500; color: #e26b0f; }

.gift-detail-wrap.only { border: none; background: #F8F8F8; }

.gift-detail-wrap.only .gift-detail-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding: 22px 50px; width: 100%; }

.gift-detail-wrap.only .gift-detail-box .gift-number { font-family: Roboto; font-weight: 500; font-size: 16px; letter-spacing: -0.02em; line-height: 28px; text-align: right; color: #222; }

.gift-detail-wrap.only .gift-number strong { margin: 0 2px 0 6px; font-family: Roboto; font-weight: 500; font-size: 22px; letter-spacing: -0.02em; color: #e3731b; }

.gift-detail-wrap.only .mo-gifts-wrap { position: relative; text-align: left; }

.gift-detail-wrap.only .mo-gifts-wrap .money span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #999999; font-size: 12px; }

.gift-detail-wrap.only .mo-gifts-wrap .money p { font-family: Roboto; font-weight: bold; font-size: 18px; text-align: center; color: #333; }

.gift-detail-wrap.only .mo-gifts-wrap .gift-detail { display: inline-block; width: 400px; padding-left: 16px; vertical-align: middle; }

.select-reason-wrapper { padding: 0 46px 40px; }

.result-empty-content.mypage-empty { background-color: transparent; padding: 64px 20px 54px; }

.result-empty-content.mypage-empty .text { margin-top: 0; font-size: 22px; font-weight: 500; color: #aaa; }

.result-empty-content.mypage-empty .sub-text { font-size: 14px; font-weight: lighter; color: #aaa; }

.refund-details .mypage-table.small tr td:last-child { padding-right: 0; }

.refund-details .refund-status-group { padding-right: 30px; }

.refund-details .refund-status-group .sub-info { margin-bottom: 5px; }

.member-info-management { padding: 73px 20px 50px; text-align: center; }

.member-info-management .section-title-wrap .title { font-family: "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", "돋움", Dotum, Helvetica, Arial, sans-serif; }

.member-info-management .section-title-wrap .emphasis-info { margin-top: 2px; font-size: 22px; color: #333333; word-break: break-all; }

.member-info-management .section-title-wrap .sub-info { margin-top: 19px; font-size: 16px; color: #89898a; font-weight: 300; word-break: break-all; }

.member-info-management .img-area img { margin: 0 auto; display: block; }

.member-info-management .management-btn { margin-top: 32px; }

.password-check-form { margin: 0 auto; width: 430px; }

.password-check-form .submit-btn { margin-top: 20px; }

.password-check-form .submit-btn .btn { width: 100%; }

.password-check-form.account-mng { width: 480px; }

.password-check-form.account-mng .submit-btn { margin-top: 40px; }

.password-check-form.account-mng .submit-btn .btn { width: 100%; height: 60px; line-height: 58px; font-size: 18px; }

.account-info-management { padding: 73px 20px 40px; text-align: center; }

.account-info-management .section-title-wrap .title { font-weight: bold; font-size: 40px; text-align: center; color: #000; }

.account-info-management .section-title-wrap .emphasis-info { font-weight: normal; font-size: 18px; letter-spacing: -0.01em; text-align: center; color: #333; }

.account-info-management .section-title-wrap .sub-info { margin-top: 19px; font-size: 16px; color: #89898a; font-weight: 300; word-break: break-all; }

.account-info-management .img-area img { margin: 0 auto; display: block; }

.account-info-management .management-btn { margin-top: 32px; }

.member-possess-box { margin: 60px auto 0; padding: 29px 0 24px; width: 450px; border: 2px solid #e5e5e5; -webkit-box-sizing: border-box; box-sizing: border-box; }

.member-possess-box:before, .member-possess-box:after { content: ""; display: table; }

.member-possess-box:after { clear: both; }

.member-possess-box .possess-box { width: 50%; float: left; }

.member-possess-box .possess-box.coupon .text-area:before { background-image: url("../images/mypage/ico-coupon.png"); background-size: 20px 30px; background-color: rgba(126, 87, 197, 0.3); }

.member-possess-box .possess-box.bm .text-area:before { background-image: url("../images/mypage/ico-bm.png"); background-size: 41px 24px; background-color: rgba(240, 189, 123, 0.3); }

.member-possess-box .possess-box.grade .text-area:before { background-image: url("../images/mypage/ico-grade.png"); background-size: 28px 33px; background-color: rgba(126, 87, 197, 0.3); }

.member-possess-box .possess-box + .possess-box { position: relative; }

.member-possess-box .possess-box + .possess-box:before { position: absolute; content: ''; top: 0; left: -1px; width: 2px; height: 100%; background-color: #e5e5e5; }

.member-possess-box .text-area { padding-top: 80px; position: relative; text-align: center; }

.member-possess-box .text-area:before { display: inline-block; position: absolute; content: ''; top: 8px; left: 50%; margin-left: -31px; width: 62px; height: 62px; background-repeat: no-repeat; background-position: center center; border-radius: 50%; }

.member-possess-box .text-area .detail { color: #222222; word-break: break-all; }

.member-possess-box .text-area .detail + .detail { margin-top: 3px; }

.member-possess-box .text-area .detail strong { font-size: 36px; font-weight: 500; }

.member-possess-box.card .detail.grade-info { margin-top: 13px; text-align: center; }

.member-possess-box.card .detail.grade-info .grade-img { display: inline-block; vertical-align: middle; width: 30px; height: 30px; }

.member-possess-box.card .detail.grade-info .grade-img img { display: block; width: 100%; height: 100%; max-width: 100%; }

.member-possess-box.card .detail.grade-info .type { display: inline-block; vertical-align: middle; margin-left: 5px; }

.withdrawal-cause-section .section-title-wrap { margin-bottom: 17px; }

.withdrawal-cause-section .section-title-wrap .title { font-size: 18px; }

.withdrawal-cause-section .withdrawal-line { padding: 29px 0 26px; }

.withdrawal-cause-section .withdrawal-line + .withdrawal-line { border-top: 1px solid #d5d5d5; }

.withdrawal-cause-section .withdrawal-line:last-child { padding-bottom: 0; }

.withdrawal-cause-section .data-list.hyphens li { font-weight: 300; }

.withdrawal-cause-section .fieldset.fieldset-px .field > .label { padding-left: 0; width: 174px; }

.withdrawal-cause-section .fieldset.fieldset-px .field .insert .row { width: 100%; }

.withdrawal-cause-section .fieldset.fieldset-px .field .insert .form-wrap { width: 240px; }

.withdrawal-cause-section .fieldset.fieldset-px .field .insert .form-wrap + .form-wrap { width: 445px; }

.withdrawal-cause-section .fieldset.fieldset-px .field .selectric-small .selectric { height: 40px; }

.withdrawal-cause-section .fieldset.fieldset-px .field .selectric-small .selectric .label { line-height: 38px; }

.member-card-registration .registration-form { background-color: rgba(225, 221, 215, 0.4); padding: 28px 120px 22px 45px; }

.member-card-registration .registration-form .fieldset.fieldset-px .label { padding: 6px 30px 6px 0; width: 175px; }

.member-card-registration .registration-form .fieldset.fieldset-px .label label { font-size: 18px; }

.member-card-registration .registration-form .fieldset.fieldset-px .input-btn.large { padding-right: 144px; }

.member-card-registration .registration-form .fieldset.fieldset-px .input-btn.large .btn { width: 144px; }

.member-card-registration .registration-form + .small-banner-section { margin-top: 10px; }

.member-card-registration .data-list { margin-top: 7px; }

.member-card-registration .data-list li + li { margin-top: 10px; }

.card-register-section { padding-top: 64px; }

.card-register-section .register-information { text-align: center; }

.card-register-section .register-information .img-area img { display: block; margin: 0 auto; }

.card-register-section .register-information .title { margin-top: 21px; font-size: 40px; font-family: "Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", "돋움", Dotum, Helvetica, Arial, sans-serif; font-weight: bold; letter-spacing: -0.03em; word-break: break-all; }

.card-register-section .register-information .sub-title { margin-top: 20px; font-size: 22px; font-weight: 500; color: #333333; word-break: break-all; }

.card-register-section .member-possess-box { margin-top: 16px; }

.card-register-section .sub-info { margin-top: 16px; color: #89898a; font-weight: 300; text-align: center; word-break: break-all; }

.card-register-section .list-btn { margin-top: 66px; }

.card-register-section .list-btn .btn { min-width: 180px; }

.data-table.membership .bar { margin: 0 8px; display: inline-block; width: 1px; height: 12px; background-color: #000; }

.card-level-information .card-register-btn { margin-top: 50px; text-align: center; }

.card-level-information .card-register-btn .btn { min-width: 230px; }

.card-level-information .my-grade-info .my-grade { padding: 60px 0 0; text-align: center; }

.card-level-information .my-grade-info .my-grade p { font-size: 32px; }

.card-level-information .my-grade-info ol { position: relative; margin: 30px auto 0; font-size: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; width: 580px; }

.card-level-information .my-grade-info ol:before { content: ''; position: absolute; top: 0; width: 456px; height: 14px; background: #f5f5f5; border-radius: 10px; }

.card-level-information .my-grade-info ol li { position: relative; display: inline-block; padding-top: 30px; width: 25%; text-align: center; font-size: 16px; color: #89898A; z-index: 1; }

.card-level-information .my-grade-info ol li:before { content: ''; position: absolute; margin: auto; top: 4px; left: 0; right: 0; width: 6px; height: 6px; border-radius: 50%; background-color: #ccc; }

.card-level-information .my-grade-info ol li.on { color: #000; font-weight: bold; }

.card-level-information .my-grade-info ol li.on:before { top: -4px; width: 22px; height: 22px; background: #fff; -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4); box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4); }

.card-level-information .my-grade-info ol li.on.purple { color: #9565B6; }

.card-level-information .my-grade-info ol li.on.purple:before { background-color: #9565B6; }

.card-level-information .my-grade-info ol li.on.green { color: #83C0AF; }

.card-level-information .my-grade-info ol li.on.green:before { background-color: #83C0AF; }

.card-level-information .my-grade-info ol li.on.welcome { color: #5256A2; }

.card-level-information .my-grade-info ol li.on.welcome:before { background-color: #5256A2; }

.card-level-information .my-grade-info ol li.on.gold { color: #F9854F; }

.card-level-information .my-grade-info ol li.on.gold:before { background-color: #F9854F; }

.card-level-information .my-grade-info .upgrade-guide-box { margin-top: 40px; padding: 30px; background-color: #f9f9f9; -webkit-box-sizing: border-box; box-sizing: border-box; }

.card-level-information .my-grade-info .upgrade-guide-box + .data-list li { color: #333; }

.card-level-information .my-grade-info .upgrade-guide-box + .data-list li:after { background-color: #333; }

.card-level-information .my-grade-info .upgrade-guide-box h5 { margin-bottom: 25px; font-size: 18px; }

.card-level-information .my-grade-info .upgrade-guide-box h5 span { margin-left: 3px; font-size: 14px; color: #666; font-weight: 400; }

.card-level-information .my-grade-info .upgrade-guide-box .sum strong { font-size: 16px; }

.card-level-information .my-grade-info .upgrade-guide-box .sum .goal-detail { float: right; font-weight: 500; background-color: #f9f9f9; font-size: 16px; }

.card-level-information .my-grade-info .upgrade-guide-box .sum p { margin-top: 10px; text-align: right; font-size: 14px; color: #999; }

.card-level-information .my-grade-info .upgrade-guide-box .sum .gauge { position: relative; margin-top: 15px; height: 10px; background-color: #d5d5d5; }

.card-level-information .my-grade-info .upgrade-guide-box .sum .gauge .bar { position: absolute; height: 10px; background-color: #222; top: 0; left: 0; }

.card-level-information .my-grade-info .upgrade-guide-box + .data-list { margin-top: 20px; }

.card-level-information .my-grade-info .my-grade-benefit { margin-top: 40px; }

.card-level-information .my-grade-info .my-grade-benefit .title { position: relative; }

.card-level-information .my-grade-info .my-grade-benefit .title h5 { font-size: 18px; font-weight: 500; }

.card-level-information .my-grade-info .my-grade-benefit .title .standard-area { position: absolute; right: 0; bottom: 0; color: #666; }

.card-level-information .my-grade-info .my-grade-benefit .grade-benefit { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 27px 60px; border: 1px solid #eee; font-size: 0; }

.card-level-information .my-grade-info .my-grade-benefit .grade-benefit li { padding-left: 64px; margin: 13px 10px; font-size: 16px; letter-spacing: -0.4px; -webkit-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; background-position: 0 0; background-size: 50px; }

.card-level-information .my-grade-info .my-grade-benefit .grade-benefit li:nth-of-type(2n) { width: 330px; }

.card-level-information .my-grade-info .my-grade-benefit .grade-benefit li.welcome { background-image: url("../images/membership/ico-grade-wel.png"); }

.card-level-information .my-grade-info .my-grade-benefit .grade-benefit li.gift { background-image: url("../images/membership/ico-grade-gift.png"); }

.card-level-information .my-grade-info .my-grade-benefit .grade-benefit li.birth { background-image: url("../images/membership/ico-grade-birthday.png"); }

.card-level-information .my-grade-info .my-grade-benefit .grade-benefit li.delivery { background-image: url("../images/membership/ico-grade-delivery.png"); }

.card-level-information .my-grade-info .my-grade-benefit .grade-benefit li.coupon { background-image: url("../images/membership/ico-grade-coupon.png"); }

.card-level-information .my-grade-info .my-grade-benefit .grade-benefit li.crown { background-image: url("../images/membership/ico-grade-crown.png"); }

.card-level-information .my-grade-info .my-grade-benefit .grade-benefit li p { margin-top: 4px; color: #666; }

.card-level-information .my-grade-info .my-grade-benefit .grade-benefit + .data-list { margin-top: 40px; }

.card-level-wrapper.classify:before, .card-level-wrapper.classify:after { content: ""; display: table; }

.card-level-wrapper.classify:after { clear: both; }

.card-level-wrapper.classify .level-info-area { width: 400px; float: left; }

.card-level-wrapper.classify .level-info-area + .level-info-area { position: relative; float: right; }

.card-level-wrapper.classify .level-info-area + .level-info-area:before { display: inline-block; position: absolute; content: ''; top: 78px; left: -42px; width: 18px; height: 18px; background-image: url("../images/mypage/ico-plus-18x18.png"); background-repeat: no-repeat; background-size: contain; background-color: transparent; background-position: 0 0; }

.card-level-wrapper + .card-level-wrapper { margin-top: 55px; }

.card-level-wrapper .data-table-title { font-size: 16px; word-break: break-all; margin-bottom: 9px; }

.card-level-wrapper .data-table.card-table tr:last-child td { border-bottom: 1px solid #89898a; }

.card-level-wrapper .data-table.card-table th { background-color: #f6f6f6; }

.card-level-wrapper .data-table.card-table th, .card-level-wrapper .data-table.card-table td { padding: 15px 4px; border-left: 1px solid #d5d5d5; }

.card-level-wrapper .data-table.card-table th:first-child, .card-level-wrapper .data-table.card-table td:first-child { border-left: 0; }

.mypage-title-wrap.dot { margin-bottom: 30px; }

.mypage-title-wrap.dot .title { position: relative; padding-left: 13px; font-size: 20px; color: #333333; }

.mypage-title-wrap.dot .title:before { display: inline-block; content: ''; position: absolute; top: 14px; left: 0; width: 3px; height: 3px; background-color: #333333; border-radius: 50%; }

.data-table-title { margin-bottom: 12px; }

.data-table-title:before, .data-table-title:after { content: ""; display: table; }

.data-table-title:after { clear: both; }

.data-table-title .total-count-area { float: left; font-size: 20px; color: #111111; }

.data-table-title .total-count-area span { display: inline-block; margin-left: 8px; }

.data-table-title .table-btn-group { float: right; }

.data-table-title .coupon-info { padding-top: 4px; }

.data-table-title .coupon-info .btn { margin-top: 3px; vertical-align: top; }

.push-notification-wrap { margin-top: 10px; }

.push-notification-wrap .notification-list { border-top: 1px solid #000; }

.push-notification-wrap .notification-list li { display: table; table-layout: fixed; width: 100%; border-bottom: 1px solid #d5d5d5; -webkit-box-sizing: border-box; box-sizing: border-box; }

.push-notification-wrap .notification-list .thumb-area, .push-notification-wrap .notification-list .detail-area, .push-notification-wrap .notification-list .date-area { display: table-cell; vertical-align: middle; padding: 34px 0; height: 100%; }

.push-notification-wrap .notification-list .thumb-area { width: 116px; }

.push-notification-wrap .notification-list .thumb-area img { display: block; margin: 0 auto; width: 60px; height: 60px; }

.push-notification-wrap .notification-list .detail-area { padding-left: 5px; padding-right: 170px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.push-notification-wrap .notification-list .detail-area a { display: inline-block; }

.push-notification-wrap .notification-list .detail-area .info { font-size: 14px; color: #89898a; display: block; display: -webkit-box; max-height: 3em; text-overflow: ellipsis; line-height: 1.5em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; word-break: break-all; }

.push-notification-wrap .notification-list .detail-area .info + .info { margin-top: 5px; }

.push-notification-wrap .notification-list .detail-area .title { font-size: 16px; color: #333333; }

.push-notification-wrap .notification-list .date-area { padding: 0 10px; width: 106px; font-size: 14px; font-weight: 300; color: #89898a; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

.individual-information-form { padding: 30px 0; border-top: 1px solid #000; border-bottom: 1px solid #d5d5d5; }

.individual-information-form .etc-check-list .asset input + label { font-size: 14px; }

.individual-information-form .selectric-small .selectric { height: 40px; }

.individual-information-form .selectric-small .selectric .label { line-height: 38px; }

.individual-information-form .fieldset.fieldset-px .field .insert .row { width: 93%; }

.individual-information-form .fieldset.fieldset-px .field .insert .form-wrap { width: 240px; }

.individual-information-form .fieldset.fieldset-px .field .insert .form-wrap + .form-wrap { width: 370px; }

.individual-information-form .fieldset.fieldset-px .field + .field { margin-top: 10px; }

.order-history-wrapper { padding: 0 49px 24px; }

.order-history-wrapper:before, .order-history-wrapper:after { content: ""; display: table; }

.order-history-wrapper:after { clear: both; }

.order-history-wrapper .order-processing-history { width: 625px; float: left; }

.order-history-wrapper .order-claim-history { float: right; }

.order-history-wrapper .order-claim-history { padding-left: 35px; position: relative; }

.order-history-wrapper .order-claim-history:before { position: absolute; display: inline-block; content: ''; left: 0; top: 50%; margin-top: -42px; width: 1px; height: 85px; background-color: rgba(0, 0, 0, 0.2); }

.order-history-wrapper.member-withdrawal { padding: 0 49px 42px; border-bottom: 1px solid #e5e5e5; }

.order-processing-history { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 682px; }

.order-processing-history .process-area { text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

.order-processing-history .process-area a { display: block; }

.order-processing-history .process-area .process-title { font-size: 18px; font-weight: 300; word-break: break-all; }

.order-processing-history .process-area .count-area { margin-top: 7px; font-size: 42px; font-weight: 500; color: #333333; }

.order-processing-history .ico { display: inline-block; margin-top: 5px; width: 10px; height: 17px; background-image: url("../images/common/arrow/ico-arrow-gray-10x17.png"); background-size: contain; background-position: 0 0; background-repeat: no-repeat; background-color: transparent; }

.order-claim-history { width: 150px; }

.order-claim-history li { display: table; table-layout: fixed; width: 100%; }

.order-claim-history li + li { margin-top: 5px; }

.order-claim-history .type, .order-claim-history .number { display: table-cell; vertical-align: middle; }

.order-claim-history .type a, .order-claim-history .number a { display: inline-block; }

.order-claim-history .type { font-weight: 300; text-align: left; }

.order-claim-history .number { text-align: right; font-size: 20px; font-weight: 500; color: #333; }

.section-title-wrap.more-view .section-title { padding-right: 100px; }

.section-title-wrap.more-view .btn-more { position: absolute; top: 10px; right: 0; display: inline-block; margin-right: 12px; border-bottom: 1px solid #89898a; font-weight: 500; font-size: 14px; color: #89898a; }

.section-title-wrap.more-view .btn-more:after { display: block; content: ""; width: 6px; height: 10px; position: absolute; top: 50%; right: -12px; margin-top: -5px; background: url("../images/common/arrow/ico-arrow-gray-6x10.png") no-repeat 0 0; }

.section-title-wrap .section-title .sub-info { font-size: 20px; font-weight: 300; }

.mypage-wrap.member-info { padding: 45px 45px 80px; }

.member-management-form .member-title-wrap { margin-bottom: 16px; }

.member-management-form .member-title-wrap .title { font-size: 18px; font-weight: 500; color: #000; word-break: break-all; }

.member-management-form .member-title-wrap .title .member-data-subguide { float: right; font-size: 14px; font-weight: normal; letter-spacing: -0.42px; color: #89898a; margin-top: 4px; }

.member-management-form .member-title-wrap.sub { margin-bottom: 10px; }

.member-management-form .member-title-wrap.sub .title { font-size: 14px; }

.member-required-information:before, .member-required-information:after { content: ""; display: table; }

.member-required-information:after { clear: both; }

.member-required-information .required-information-area { width: 420px; float: left; }

.member-required-information .required-information-area + .required-information-area { float: right; }

.member-required-information .convenient-join-type { margin-bottom: 26px; padding-bottom: 6px; border-bottom: 1px solid #d5d5d5; }

.member-required-information .convenient-join-type .title { position: relative; padding-left: 36px; color: #333333; font-weight: 300; }

.member-required-information .convenient-join-type .title:before { display: inline-block; position: absolute; content: ''; bottom: 0; left: 0; width: 30px; height: 24px; background-size: contain; background-repeat: no-repeat; background-color: transparent; background-position: 0 0; }

.member-required-information .convenient-join-type .title.naver:before { background-image: url("../images/mypage/ico-logo-naver.png"); }

.member-required-information .convenient-join-type .title.kakao:before { background-image: url("../images/mypage/ico-logo-kakao.png"); }

.member-required-information .convenient-join-type .title.facebook:before { background-image: url("../images/mypage/ico-logo-facebook.png"); }

.member-etc-information { margin-top: 35px; }

.member-etc-information .etc-information-area + .etc-information-area { margin-top: 24px; }

.member-etc-information .select-type-list li { margin-right: 5px; margin-bottom: 12px; width: 140px; }

.member-etc-information .select-type-list li:nth-child(6n) { margin-right: 0; }

.member-etc-information .select-type-list li input.no-uniform + label { padding: 0 4px; }

.member-etc-information .slide-panel-wrap { padding: 32px 44px 29px; border: solid 1px #aaaaaa; }

.member-etc-information .slide-panel-wrap .selector-wrap.slide-panel .slide-btn { position: relative; float: right; display: block; border: none; padding-right: 20px; font-size: 14px; font-weight: 500; letter-spacing: -0.42px; text-align: right; color: #89898a; text-decoration: underline; }

.member-etc-information .slide-panel-wrap .selector-wrap.slide-panel .slide-btn:after { content: ''; position: absolute; width: 20px; height: 20px; right: 0; background: transparent url("../images/common-fix/selectric-btn.png") center 7px no-repeat; }

.member-etc-information .slide-panel-wrap .selector-wrap.slide-panel .slide-btn.active:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.member-etc-information .slide-panel-wrap .slide-panel-content { margin-top: 20px; margin-bottom: 6px; height: 210px; padding: 18px 20px; border: solid 1px #ececec; background-color: #fafafa; font-size: 14px; font-weight: 300; line-height: 1.43; letter-spacing: -0.42px; text-align: left; color: #89898a; -webkit-box-sizing: border-box; box-sizing: border-box; }

.member-etc-information .slide-panel-wrap .slide-panel-content .slide-panel-inner { height: 162px; overflow-y: scroll; width: 100%; }

.member-etc-information .terms-check-group { border: 1px solid #d5d5d5; }

.member-etc-information .terms-check-group .terms-body .selector-wrap .checkTypeB { margin-bottom: 15px; }

.terms-agree-box { padding: 34px 43px; border: 1px solid #aaaaaa; }

.membership-withdrawal-box { position: relative; padding: 48px 300px 50px 64px; border: 1px solid #aaaaaa; }

.membership-withdrawal-box .title { font-size: 18px; color: #333333; word-break: break-all; }

.membership-withdrawal-box .sub-info { color: #89898a; word-break: break-all; }

.membership-withdrawal-box .btn-area { position: absolute; top: 50%; margin-top: -25px; right: 52px; }

.membership-withdrawal-box .btn-area .btn { width: 210px; }

.data-table.account th, .data-table.account td { font-weight: 300; color: #333333; }

.data-table.account td { font-size: 16px; }

.data-table.account .account-empty-content { padding: 10px 190px; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; }

.data-table.account .account-empty-content .text { font-size: 18px; color: #aaaaaa; font-weight: 400; }

.data-table.account .account-empty-content .register-btn { position: absolute; z-index: 1; top: 50%; margin-top: -15px; right: 54px; }

.data-table.payment th, .data-table.payment td { font-size: 16px; font-weight: 300; }

.data-table.payment th:first-child, .data-table.payment td:first-child { padding-left: 20px; padding-right: 20px; }

.data-table.payment .price-area { color: #000000; }

.data-table.payment .price-area .price { font-size: 18px; font-weight: 500; }

.data-table.payment .btn-group .btn { border-radius: 5px; }

.data-table.payment .payment-date { display: block; margin-top: 2px; font-size: 12px; color: #89898a; }

.product-list-head { padding: 21px 20px; border-top: 1px solid #000; border-bottom: 1px solid #d5d5d5; }

.product-list-head .etc-check-list .asset input + label { color: #333333; font-weight: 300; }

.product-list.column.recent-view .etc-check-list { position: absolute; top: 18px; left: 20px; z-index: 3; }

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

.social-media-wrap:after { clear: both; }

.social-media-wrap .social { float: left; width: 279px; padding: 25px 20px 17px; border: 1px solid #d5d5d5; border-radius: 7px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

.social-media-wrap .social + .social { margin-left: 16px; }

.social-media-wrap .social img { margin: 0 auto; display: block; }

.social-media-wrap .social .interlock-txt { margin-top: 8px; color: #333333; font-weight: 300; }

.social-media-wrap .social .btn-area { margin-top: 10px; }

.social-media-wrap .social .btn-area .btn.disabled { background-color: #f6f6f6; border-color: #e5e5e5; }

.last-order-wrapper .order-article { padding: 6px 0; display: table; table-layout: fixed; width: 100%; }

.last-order-wrapper .order-article .detail { padding: 0 8px; display: table-cell; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; }

.last-order-wrapper .order-article .img-area { padding: 0; width: 60px; }

.last-order-wrapper .order-article .img-area .thumb { display: table; table-layout: fixed; width: 60px; height: 60px; width: 100%; }

.last-order-wrapper .order-article .img-area .thumb .thumb-inner { display: table-cell; vertical-align: middle; width: 100%; height: 100%; }

.last-order-wrapper .order-article .img-area .thumb img { display: block; margin: 0 auto; max-width: 100%; }

.last-order-wrapper .order-article .title { width: 330px; padding-left: 25px; font-weight: 500; color: #333333; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.last-order-wrapper .order-article .date { text-align: center; color: #89898a; font-weight: 300; }

.last-order-wrapper .order-article .order-num { text-align: center; }

.last-order-wrapper .order-article .order-num a { display: inline-block; font-weight: 300; color: #e26b0f; }

.last-order-wrapper .order-article .total-price { width: 150px; text-align: right; }

.last-order-wrapper .order-article .total-price strong { font-size: 18px; font-weight: 500; }

.last-order-wrapper .order-article + .order-article { border-top: 1px solid rgba(0, 0, 0, 0.1); }

.favorite-store-list.mypage ~ .member-bookmark-wrapper { padding-top: 45px; border-top: 1px solid #d5d5d5; }

.member-bookmark-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 12px; margin-top: 25px; }

.member-bookmark-wrapper .bookmark-article { margin-left: 25px; }

.member-bookmark-wrapper .bookmark-article:first-child { margin-left: 0; }

.member-bookmark-wrapper .bookmark-article > a { display: table; table-layout: fixed; }

.member-bookmark-wrapper .bookmark-article .detail { padding: 0 17px; display: table-cell; vertical-align: middle; }

.member-bookmark-wrapper .bookmark-article .ico { display: table-cell; width: 60px; height: 60px; overflow: hidden; text-indent: -9999px; font-size: 0.01em; color: transparent; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; background-size: contain; border: 1px solid #d5d5d5; border-radius: 50%; }

.member-bookmark-wrapper .bookmark-article .ico.address { background-image: url("../images/mypage/ico-address.png"); }

.member-bookmark-wrapper .bookmark-article .ico.account { background-image: url("../images/mypage/ico-account.png"); }

.member-bookmark-wrapper .bookmark-article .ico.alert { background-image: url("../images/mypage/ico-alert.png"); }

.member-bookmark-wrapper .bookmark-article .ico.product { background-image: url("../images/mypage/ico-product-inquiry.png"); }

.member-bookmark-wrapper .bookmark-article .ico.inquiry { background-image: url("../images/mypage/ico-inquiry.png"); }

.date-setting-content { padding: 24px 45px; border-bottom: 1px solid #d5d5d5; }

.date-setting-content:before, .date-setting-content:after { content: ""; display: table; }

.date-setting-content:after { clear: both; }

.date-setting-content .date-setting-control { float: left; width: 765px; }

.date-setting-content .date-setting-control .control-panel:before, .date-setting-content .date-setting-control .control-panel:after { content: ""; display: table; }

.date-setting-content .date-setting-control .control-panel:after { clear: both; }

.date-setting-content .date-setting-control .control-panel.date .btn-area { float: left; }

.date-setting-content .date-setting-control .control-panel.date .btn-area .btn { width: 70px; }

.date-setting-content .date-setting-control .control-panel.state .btn-area { float: left; max-width: 620px; }

.date-setting-content .date-setting-control .control-panel.state .btn-area .btn { width: 85px; }

.date-setting-content .date-setting-control .control-panel .type { float: left; width: 95px; margin-top: 6px; font-weight: 300; font-size: 18px; letter-spacing: -0.03em; }

.date-setting-content .date-setting-control .control-panel .date-set { float: left; margin-left: 9px; }

.date-setting-content .date-setting-control .control-panel .date-set:before, .date-setting-content .date-setting-control .control-panel .date-set:after { content: ""; display: table; }

.date-setting-content .date-setting-control .control-panel .date-set:after { clear: both; }

.date-setting-content .date-setting-control .control-panel .btn-area:before, .date-setting-content .date-setting-control .control-panel .btn-area:after { content: ""; display: table; }

.date-setting-content .date-setting-control .control-panel .btn-area:after { clear: both; }

.date-setting-content .date-setting-control .control-panel .btn-area .btn { display: block; float: left; margin-right: 4px; border-radius: 5px; padding: 0; border-color: #89898a; color: #89898a; }

.date-setting-content .date-setting-control .control-panel .btn-area .btn:last-child { margin-right: 0; }

.date-setting-content .date-setting-control .control-panel .btn-area .btn.on { font-weight: 500; border-color: #262626; color: #262626; }

.date-setting-content .date-setting-control .control-panel .direct-select { float: left; margin-left: 16px; }

.date-setting-content .date-setting-control .control-panel .direct-select:before, .date-setting-content .date-setting-control .control-panel .direct-select:after { content: ""; display: table; }

.date-setting-content .date-setting-control .control-panel .direct-select:after { clear: both; }

.date-setting-content .date-setting-control .control-panel .direct-select .date-item { float: left; width: 160px; height: 40px; position: relative; padding-right: 40px; padding-left: 10px; border-radius: 7px; border: 1px solid #d5d5d5; -webkit-box-sizing: border-box; box-sizing: border-box; }

.date-setting-content .date-setting-control .control-panel .direct-select .hyphen { float: left; width: 11px; height: 1px; margin: 20px 7px 0; background-color: #d5d5d5; }

.date-setting-content .date-setting-control .control-panel .direct-select input[type="text"] { width: 100%; height: 24px; margin-top: 7px; border-color: transparent; padding: 0; }

.date-setting-content .date-setting-control .control-panel .direct-select input[type="text"][readonly] { color: inherit; background-color: transparent; }

.date-setting-content .date-setting-control .control-panel .direct-select .date-toggle { display: inline-block; position: absolute; top: 50%; right: 10px; width: 21px; height: 18px; margin-top: -9px; text-indent: -9999px; border: 0; cursor: pointer; background: url("../images/mypage/ico-calendar.png") no-repeat 0 0; }

.date-setting-content .date-setting-control .control-panel + .control-panel { margin-top: 12px; }

.date-setting-content .btn-search { float: right; width: 106px; border-radius: 7px; background-color: #000; }

.date-setting-content.double .btn-search { height: 92px; line-height: 90px; }

.myitem-common-content { margin-top: 20px; }

.myitem-common-list { display: table; table-layout: fixed; width: 100%; border: 1px solid #d5d5d5; -webkit-box-sizing: border-box; box-sizing: border-box; }

.myitem-common-list + .myitem-common-list { margin-top: 10px; }

.myitem-common-list .link { display: block; width: 100%; height: 100%; }

.myitem-common-list .item-row { display: table-cell; vertical-align: middle; }

.myitem-common-list .item-img { width: 160px; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.myitem-common-list .item-img .thumbnail { width: 140px; height: 140px; position: relative; overflow: hidden; }

.myitem-common-list .item-img .link { background-color: #fff; }

.myitem-common-list .item-img img { display: block; max-width: 100%; margin: 0 auto; }

.myitem-common-list .item-detail { padding-left: 30px; padding-top: 10px; padding-bottom: 10px; letter-spacing: -0.03em; }

.myitem-common-list .item-detail .brand { display: inline-block; margin-bottom: 8px; border-bottom: 1px solid #89898a; font-weight: 500; font-size: 14px; color: #89898a; }

.myitem-common-list .item-detail .name { font-weight: 500; font-size: 16px; color: #333; display: block; display: -webkit-box; max-height: 3em; text-overflow: ellipsis; line-height: 1.5em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }

.myitem-common-list .item-detail .option { margin-top: 3px; font-weight: 300; font-size: 14px; color: #89898a; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.myitem-common-list .item-detail .etc { margin-top: 15px; font-weight: 300; font-size: 14px; color: #e26b0f; }

.myitem-common-list .date-area { width: 130px; padding: 0 10px; text-align: center; letter-spacing: -0.03em; -webkit-box-sizing: border-box; box-sizing: border-box; }

.myitem-common-list .date-area .text { font-weight: 300; font-size: 14px; color: #89898a; }

.myitem-common-list .date-area .date { font-weight: 300; font-size: 14px; }

.myitem-common-list .date-area .d-day { color: #e26b0f; }

.myitem-common-list .item-price { width: 130px; padding: 0 10px; text-align: right; letter-spacing: -0.03em; -webkit-box-sizing: border-box; box-sizing: border-box; }

.myitem-common-list .item-price .amount { font-weight: 500; font-size: 16px; color: #89898a; }

.myitem-common-list .item-price .price { font-weight: 500; font-size: 16px; }

.myitem-common-list .item-price .price strong { font-size: 18px; }

.myitem-common-list .btn-area { width: 160px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }

.myitem-common-list .btn-area .btn { min-width: 100px; padding: 0 10px; border-radius: 5px; }

.myitem-common-list .btn-area .btn.disabled { border-color: transparent; }

.data-table.myitem-list tr.soldout .item-img .thumbnail img, .data-table.myitem-list tr.end-sale .item-img .thumbnail img { opacity: 0.5; }

.data-table.myitem-list tr.end-sale td { background-color: #f6f6f6; }

.data-table.myitem-list tr.end-sale .item-detail .link { opacity: 0.5; }

.data-table.myitem-list tr.end-sale .btn.pick-btn { opacity: 0.5; }

.data-table.myitem-list .item-img { padding: 10px; position: relative; }

.data-table.myitem-list .item-img .thumbnail { width: 140px; height: 140px; position: relative; overflow: hidden; }

.data-table.myitem-list .item-img .link { background-color: #fff; }

.data-table.myitem-list .item-img img { display: block; max-width: 100%; margin: 0 auto; }

.data-table.myitem-list .item-img .soldout-tag { position: absolute; top: 50%; left: 50%; width: 97px; height: 43px; margin-top: -21px; margin-left: -48px; line-height: 39px; text-align: center; border: 2px solid #fff; border-radius: 5px; font-weight: 500; font-size: 20px; color: #fff; background-color: rgba(0, 0, 0, 0.5); }

.data-table.myitem-list .item-detail { padding-left: 30px; letter-spacing: -0.03em; }

.data-table.myitem-list .item-detail .link { display: block; }

.data-table.myitem-list .item-detail .brand { display: inline-block; border-bottom: 1px solid #89898a; font-weight: 500; font-size: 14px; color: #89898a; }

.data-table.myitem-list .item-detail .item-info { margin-top: 8px; }

.data-table.myitem-list .item-detail .name { font-weight: 500; font-size: 16px; color: #333; display: block; display: -webkit-box; max-height: 3em; text-overflow: ellipsis; line-height: 1.5em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; }

.data-table.myitem-list .item-detail .option { margin-top: 3px; font-weight: 300; font-size: 14px; color: #89898a; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.data-table.myitem-list .item-detail .price-area { margin-top: 12px; }

.data-table.myitem-list .item-detail .price-area > div { display: inline-block; vertical-align: middle; }

.data-table.myitem-list .item-detail .current { font-size: 16px; }

.data-table.myitem-list .item-detail .current .number { font-size: 18px; }

.data-table.myitem-list .item-detail .origin { margin-left: 4px; text-decoration: line-through; font-weight: 300; font-size: 12px; color: #aaa; }

.data-table.myitem-list .item-detail .origin .number { font-weight: 300; font-size: 16px; }

.data-table.myitem-list .item-detail .percent { margin-left: 10px; font-weight: bold; font-size: 22px; color: #6400b8; }

.mypage-wrap .review-list-wrapper { margin-top: 30px; }

.mypage-wrap .review-list-wrapper.before { margin-top: 62px; }

.mypage-wrap.direct-inquiry-content .pagination { margin-bottom: 0; }

.store-purchase-content .store-purchase-list { display: table; table-layout: fixed; width: 100%; padding: 18px 0; border-bottom: 1px solid #d5d5d5; -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: -0.03em; }

.store-purchase-content .store-purchase-list:first-child { padding-top: 0; }

.store-purchase-content .store-purchase-list > div { display: table-cell; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; }

.store-purchase-content .store-purchase-list .date-area { width: 170px; }

.store-purchase-content .store-purchase-list .date-area .date { font-weight: 300; font-size: 16px; color: #333; }

.store-purchase-content .store-purchase-list .date-area .code { font-weight: 300; font-size: 14px; color: #aaa; }

.store-purchase-content .store-purchase-list .store-name { padding: 0 20px; text-align: center; font-weight: 500; font-size: 16px; color: #e26b0f; word-break: break-all; }

.store-purchase-content .store-purchase-list .price { width: 160px; padding: 0 10px; text-align: center; font-weight: 300; font-size: 16px; }

.store-purchase-content .store-purchase-list .price strong { font-weight: 500; font-size: 18px; }

.store-purchase-content .store-purchase-list .view { width: 105px; }

.store-purchase-content .store-purchase-list .view .btn { width: 98px; line-height: 36px; padding: 0; border-width: 2px; border-radius: 5px; }

.store-purchase-content.detail .store-purchase-list { padding-bottom: 18px; }

.store-purchase-content.detail .store-purchase-list .date-area { width: 250px; }

.store-purchase-content.detail .store-purchase-list .date-area > div { display: inline-block; vertical-align: middle; }

.store-purchase-content.detail .store-purchase-list .date-area .code { margin-left: 7px; }

.store-purchase-content.detail .store-purchase-list .store-name { text-align: left; padding: 0 20px 0 70px; }

.store-purchase-content.detail .store-purchase-list .price { width: 130px; padding: 0 0 0 10px; text-align: right; }

.store-purchase-content.detail .myitem-common-list .item-price:last-child { width: 150px; padding: 10px 30px 10px 10px; }

.inquiry-list-content { margin-top: 30px; border-top: 1px solid #000; }

.inquiry-list-content .inquiry-title, .inquiry-list-content .inquiry-header { display: table; table-layout: fixed; position: relative; padding: 22px 0; }

.inquiry-list-content .inquiry-title > div, .inquiry-list-content .inquiry-header > div { display: table-cell; vertical-align: middle; position: relative; font-size: 16px; font-weight: 300; letter-spacing: -0.03em; -webkit-box-sizing: border-box; box-sizing: border-box; }

.inquiry-list-content .inquiry-list { border-top: 1px solid #d5d5d5; border-bottom: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; overflow: hidden; }

.inquiry-list-content .inquiry-list:last-child { border-bottom: 1px solid #d5d5d5; }

.inquiry-list-content .inquiry-list.on { border: 1px solid #e26b0f; }

.inquiry-list-content .inquiry-list.on .btn-toggle { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.inquiry-list-content .inquiry-list.on .inquiry-content-area { display: block; }

.inquiry-list-content .inquiry-type { width: 130px; padding-left: 20px; }

.inquiry-list-content .inquiry-content { width: 450px; padding-left: 15px; }

.inquiry-list-content .inquiry-date { width: 130px; padding: 0 10px; text-align: center; }

.inquiry-list-content .inquiry-state { width: 140px; padding: 0 10px; text-align: center; }

.inquiry-list-content .controller { width: 41px; text-align: center; }

.inquiry-list-content .controller .btn-toggle { display: inline-block; width: 20px; height: 20px; vertical-align: middle; border: 0; text-indent: -9999px; cursor: pointer; background: url("../images/common/arrow/ico-arrow-down-13x8.png") no-repeat 50% 50%; background-size: 13px 8px; }

.inquiry-list-content .inquiry-header .inquiry-type { color: #e26b0f; }

.inquiry-list-content .inquiry-header .inquiry-content .secret { display: inline-block; content: ""; width: 13px; height: 15px; margin-left: 7px; margin-top: -2px; vertical-align: middle; text-indent: -9999px; background: url("../images/mypage/ico-lock.png") no-repeat 0 0; }

.inquiry-list-content .inquiry-header .inquiry-state .reply { display: inline-block; width: 55px; height: 20px; line-height: 18px; border: 1px solid #000; letter-spacing: -0.03em; text-align: center; font-size: 12px; }

.inquiry-list-content .inquiry-header .inquiry-state .reply.waiting { background-color: #f6f6f6; border-color: #d5d5d5; color: #89898a; }

.inquiry-list-content .inquiry-header .inquiry-state .reply.complete { border-color: #e26b0f; background-color: #e26b0f; color: #fff; }

.inquiry-list-content .inquiry-header .inquiry-state .reply.ing { border-color: #000; color: #000; background-color: #fff; }

.inquiry-list-content .inquiry-header .article { max-width: 400px; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.inquiry-list-content .inquiry-item { display: table; width: 100%; table-layout: fixed; height: 60px; padding-bottom: 22px; }

.inquiry-list-content .inquiry-item .thumbnail { display: table-cell; vertical-align: middle; width: 60px; height: 60px; position: relative; padding-left: 58px; }

.inquiry-list-content .inquiry-item .thumbnail:before { display: block; content: ""; width: 14px; height: 14px; position: absolute; top: 50%; left: 23px; margin-top: -7px; background: url("../images/mypage/ico-connect.png") no-repeat 0 0; }

.inquiry-list-content .inquiry-item .thumbnail img { display: block; width: 100%; height: 100%; background-color: #fff; }

.inquiry-list-content .inquiry-item .detail { display: table-cell; vertical-align: middle; padding-left: 22px; padding-right: 40px; }

.inquiry-list-content .inquiry-item .detail .brand { float: left; font-weight: 300; font-size: 14px; color: #89898a; }

.inquiry-list-content .inquiry-item .detail .item-name { float: none; overflow: hidden; padding-left: 14px; font-weight: 500; font-size: 14px; color: #333; word-break: break-all; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }

.inquiry-list-content .inquiry-content-area { display: none; padding: 25px 60px 40px; border-top: 1px solid #d5d5d5; }

.inquiry-list-content .user-content .btn-control-unit { display: inline-block; vertical-align: middle; margin-right: 12px; }

.inquiry-list-content .user-content .reception { display: inline-block; vertical-align: middle; font-weight: 300; font-size: 12px; color: #e26b0f; letter-spacing: -0.03em; }

.inquiry-list-content .user-content .article { margin-top: 8px; font-weight: 300; font-size: 16px; color: #333; letter-spacing: -0.03em; word-break: break-all; white-space: pre-wrap; }

.inquiry-list-content .user-content .attch-file { margin-top: 9px; }

.inquiry-list-content .user-content .attch-file:before, .inquiry-list-content .user-content .attch-file:after { content: ""; display: table; }

.inquiry-list-content .user-content .attch-file:after { clear: both; }

.inquiry-list-content .user-content .attch-file img { float: left; display: block; margin-right: 10px; width: 70px; height: 70px; }

.inquiry-list-content .user-content .attch-file img:last-child { margin-right: 0; }

.inquiry-list-content .admin-content { margin-top: 20px; position: relative; font-weight: 300; font-size: 16px; letter-spacing: -0.03em; word-break: break-all; white-space: pre-line; }

.inquiry-list-content .admin-content.add .badge { background: #222; color: #fff; }

.inquiry-list-content .admin-content .badge { display: inline-block; position: absolute; top: 3px; left: 0; width: 55px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; color: #333; letter-spacing: -0.03em; background-color: #e5e5e5; }

.inquiry-list-content .admin-content + .admin-content { padding-top: 25px; border-top: 1px solid #CFCFCF; }

.inquiry-list-content .admin-content + .admin-content .badge { top: 28px; }

.inquiry-list-content .admin-content + .admin-content .reply-date { top: 22px !important; }

.inquiry-list-content.item-inquiry .admin-content { padding-right: 100px; padding-left: 70px; }

.inquiry-list-content.item-inquiry .admin-content .reply-date { position: absolute; right: 0; top: 0; font-weight: normal; font-size: 16px; letter-spacing: -0.04em; color: #666; text-align: right; }

.inquiry-list-content.direct-inquiry .user-content, .inquiry-list-content.direct-inquiry .admin-content { position: relative; padding-left: 70px; }

.inquiry-list-content.direct-inquiry .user-content:before, .inquiry-list-content.direct-inquiry .admin-content:before { display: block; position: absolute; top: 0; left: -36px; font-size: 16px; font-weight: 400; background-repeat: no-repeat; background-position: 0 0; }

.inquiry-list-content.direct-inquiry .user-content:before { content: "Q"; }

.inquiry-list-content.direct-inquiry .admin-content { padding-left: 0; margin-left: 70px; }

.inquiry-list-content.direct-inquiry .admin-content:before { content: "A"; top: 28px; left: -106px; }

.inquiry-list-content.direct-inquiry .admin-content.add { padding-top: 30px; }

.inquiry-list-content.direct-inquiry .admin-content.add:before { top: 0; }

.inquiry-list-content.direct-inquiry .admin-content.add:after { content: '추가답변'; position: absolute; padding: 0 6px; left: 0px; top: 0; background: #222; color: #fff; height: 22px; line-height: 21px; font-size: 12px; }

.inquiry-list-content.direct-inquiry .inquiry-list.on .inquiry-content-area { padding: 24px 20px; }

.inquiry-list-content.direct-inquiry .inquiry-list.on .inquiry-content-area .type { width: 135px; -ms-flex-negative: 0; flex-shrink: 0; }

.inquiry-list-content.direct-inquiry .inquiry-list.on .inquiry-content-area .content-user { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; /* flex-flow: row nowrap; */ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-line-pack: start; align-content: flex-start; }

.inquiry-list-content.direct-inquiry .inquiry-list.on .inquiry-content-area .content-user article .info-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; /* flex-flow: row nowrap; */ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-line-pack: start; align-content: flex-start; gap: 15px; }

.inquiry-list-content.direct-inquiry .inquiry-list.on .inquiry-content-area .content-user article .info-area .reception { color: #ED6D00; }

.inquiry-list-content.direct-inquiry .inquiry-list.on .inquiry-content-area .content-user article .article { margin-top: 10px; font-size: 16px; color: #333333; font-weight: normal; white-space: pre-line; }

.inquiry-list-content.direct-inquiry .inquiry-list.on .inquiry-content-area .content-user article .attch-file { margin-top: 10px; }

.inquiry-list-content.direct-inquiry .inquiry-list.on .inquiry-content-area .content-user article .attch-file img { float: left; display: block; margin-right: 10px; width: 70px; height: 70px; }

.inquiry-list-content.direct-inquiry .inquiry-list.on .inquiry-content-area .content-admin { margin-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; /* flex-flow: row nowrap; */ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-line-pack: start; align-content: flex-start; }

.inquiry-list-content.direct-inquiry .inquiry-list.on .inquiry-content-area .content-admin article { display: -webkit-box; display: -ms-flexbox; display: flex; }

.inquiry-list-content.direct-inquiry .inquiry-list.on .inquiry-content-area .content-admin article .info-area { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.inquiry-list-content.direct-inquiry .inquiry-list.on .inquiry-content-area .content-admin article .info-area .reply-add { font-size: 12px; font-weight: 500; padding: 0 6px; color: #fff; background: #222; height: 22px; line-height: 21px; }

.inquiry-list-content.direct-inquiry .inquiry-list.on .inquiry-content-area .content-admin article .article { font-size: 16px; color: #333333; font-weight: normal; word-break: break-all; white-space: pre-line; }

.inquiry-list-content.direct-inquiry .inquiry-list.on .inquiry-content-area .content-admin article .article .info-area { margin-bottom: 10px; }

.inquiry-list-content.direct-inquiry .inquiry-list.on .inquiry-content-area .content-admin article .reply-date { width: 100px; -ms-flex-negative: 0; flex-shrink: 0; text-align: right; font-weight: normal; font-size: 16px; letter-spacing: -0.04em; color: #666; }

.inquiry-list-content.direct-inquiry .inquiry-list.on .inquiry-content-area .content-admin + .content-admin .type { margin-top: 22px; }

.inquiry-list-content.direct-inquiry .inquiry-list.on .inquiry-content-area .content-admin + .content-admin article { padding-top: 18px; border-top: 1px solid #CFCFCF; }

.sub-section-inner .section-title .info .bookmark { display: inline-block; width: 12px; height: 16px; margin-top: -2px; margin-left: 5px; vertical-align: middle; background: url("../images/mypage/ico-location.png") no-repeat 0 0; }

.favorite-store-content .result-empty-content { padding-top: 24px; padding-bottom: 14px; }

.favorite-store-content .store-search-content .store-search-detail .selectric-wrapper { width: 185px; }

.favorite-store-content .store-search-content .store-search-detail .selectric-wrapper .selectric .label { font-size: 15px; }

.favorite-store-content .store-search-content .store-search-detail .input-form input { width: 202px; font-size: 15px; }

.favorite-store-content .store-search-content .store-search-detail .input-form .btn { font-size: 15px; }

.mypage-index-section { padding: 30px 45px 35px; }

.mypage-index-section .section-title-wrap { margin-bottom: 25px; }

.mypage-index-section .section-title-wrap .section-title { margin: 0; }

.mypage-index-section.my-product { padding: 0; font-size: 0; }

.mypage-index-section.my-product .swiper-button-next { right: 10px; }

.mypage-index-section.my-product .swiper-button-prev { left: 10px; }

.mypage-index-section.my-product .swiper-pagination-bullets { bottom: auto; left: auto; right: 10px; top: 10px; width: auto; }

.mypage-index-section .recommand-product .product-list.column .item { width: 217px; height: 330px; margin-right: 0; }

.mypage-index-section .recommand-product .product-list.column .item:nth-child(4n+1):after { display: none; }

.mypage-index-section .recommand-product .product-list.column .thumbnail-wrap { height: 217px; }

.mypage-index-section .order-history-wrapper { padding: 0; }

.mypage-index-section.bottom-line { border-bottom-width: 40px; }

.mypage-index-section.bottom-line:after { bottom: -40px; }

.mypage-index-section.user-box { padding: 0; }

.mypage-index-section.user-box .rating-box { padding: 13px 10px; text-align: center; }

.mypage-index-section.user-box .rating-box .info-text { display: inline-block; padding-left: 45px; background: url("../images/mypage/ico-grade-3.png") no-repeat 0 50%/28px; font-size: 15px; letter-spacing: -0.38px; }

.mypage-index-section.user-box .rating-box .info-text .price { font-weight: bold; }

.mypage-index-section.user-box .rating-box .info-text a { display: inline-block; position: relative; }

.mypage-index-section.user-box .rating-box .info-text .primary-color { font-weight: bold; }

.mypage-index-section.favorite-store .favorite-store-list .address { margin-top: 6px; font-size: 16px; }

.mypage-index-section.favorite-store .favorite-store-list .btn-support { bottom: 16px; }

.mypage-index-section .agree-cont .checkTypeB { margin-right: 100px; }

.mypage-index-section .agree-cont .checkTypeB label, .mypage-index-section .agree-cont .checkTypeB input { cursor: default; }

.mypage-index-section.marketing-agree { padding: 50px 0 260px; }

.mypage-index-section.marketing-agree .btn-area { text-align: center; }

.mypage-index-section.marketing-agree .btn-area .btn-get-info { display: inline-block; padding: 13px 50px; font-size: 16px; color: #fff; background-color: #262626; }

.mypage-user-box { width: 100%; padding: 30px 40px; background: #262626; background-size: cover; -webkit-box-sizing: border-box; box-sizing: border-box; }

.mypage-user-box:before, .mypage-user-box:after { content: ""; display: table; }

.mypage-user-box:after { clear: both; }

.mypage-user-box > div { display: inline-block; vertical-align: middle; }

.mypage-user-box .user-info { width: 160px; overflow: hidden; letter-spacing: -0.03em; }

.mypage-user-box .user-info .user-name { font-size: 20px; font-weight: 300; letter-spacing: -0.45px; color: #fff; word-break: break-all; }

.mypage-user-box .user-info .user-name strong { padding-right: 30px; color: #fff; background: url("../images/mypage/ico-smile.png") no-repeat 100% 50%/28px; word-break: break-all; }

.mypage-user-box .more-benefit { display: block; width: 74px; position: relative; margin-top: 15px; line-height: 20px; text-align: center; font-weight: 300; font-size: 10px; border: 1px solid #fff; color: #fff; }

.mypage-user-box .point-area, .mypage-user-box .rating-area { -webkit-box-sizing: border-box; box-sizing: border-box; width: 180px; }

.mypage-user-box .point-area .text, .mypage-user-box .rating-area .text { font-weight: 300; font-size: 12px; color: #fff; }

.mypage-user-box .point-area > a, .mypage-user-box .rating-area > a { display: inline-block; margin-top: 3px; font-size: 18px; color: #fff; word-break: break-all; }

.mypage-user-box .rating-area { margin-right: 20px; padding-left: 48px; padding-right: 25px; background: url("../images/mypage/ico-grade-2.png") no-repeat 0 50%/34px; border-right: 1px solid #707070; }

.mypage-user-box .rating-area a { padding-right: 15px; background: url("../images/common/arrow/ico-arrow-6x11.png") no-repeat 100% 50%/6px; }

.mypage-user-box .point-area { padding-left: 44px; padding-right: 10px; width: 145px; background: url("../images/mypage/ico-point.png") no-repeat 0 50%/34px; }

.mypage-user-box .major-menu { float: right; }

.mypage-user-box .major-menu ul:before, .mypage-user-box .major-menu ul:after { content: ""; display: table; }

.mypage-user-box .major-menu ul:after { clear: both; }

.mypage-user-box .major-menu .item { float: left; text-align: center; }

.mypage-user-box .major-menu .item + .item { margin-left: 30px; }

.mypage-user-box .major-menu .item a { display: inline-block; }

.mypage-user-box .major-menu .item .icon-area { display: block; width: 60px; height: 60px; margin: 0 auto; border-radius: 50%; position: relative; background-color: #fff; }

.mypage-user-box .major-menu .item .icon { display: block; position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; background-repeat: no-repeat; background-position: 50% 50%; }

.mypage-user-box .major-menu .item .icon.coupon { background-image: url("../images/mypage/ico-userbox-coupon.png"); }

.mypage-user-box .major-menu .item .icon.card { background-image: url("../images/mypage/ico-userbox-card.png"); }

.mypage-user-box .major-menu .item .icon.review { background-image: url("../images/mypage/ico-userbox-write.png"); }

.mypage-user-box .major-menu .item .icon.notify { background-image: url("../images/mypage/ico-userbox-notify.png"); }

.mypage-user-box .major-menu .item .count { display: block; position: absolute; top: 10px; right: 10px; width: 18px; height: 18px; line-height: 18px; text-align: center; font-weight: 500; font-size: 11px; color: #fff; border-radius: 50%; background-color: #ed4300; }

.mypage-user-box .major-menu .item .type { margin-top: 8px; font-weight: 500; letter-spacing: -0.03em; font-size: 14px; color: #fff; }

.favorite-store-list { position: relative; }

.favorite-store-list .store-detail { position: relative; }

.favorite-store-list .store-card .term { display: block; position: absolute; bottom: 20px; left: 20px; width: 90%; color: #fdfdfd; font-size: 16px; letter-spacing: -0.03em; font-weight: 300; }

.favorite-store-list .store-card .term dt { float: left; padding-right: 5px; }

.favorite-store-list .store-card .term dt:after { content: ' :'; }

.favorite-store-list .bubble-text { position: absolute; min-width: 234px; left: 94px; top: 0; z-index: 3; padding: 4px 10px 4px 20px; border-radius: 32px; font-size: 12px; color: #fff; background-color: #000; }

.favorite-store-list .bubble-text:after { position: absolute; content: ''; left: -12px; top: 50%; margin-top: -8px; width: 8px; height: 8px; border-bottom: 8px solid transparent; border-left: 8px solid transparent; border-top: 8px solid transparent; border-right: 8px solid #000; -webkit-box-sizing: border-box; box-sizing: border-box; }

.favorite-store-list .bubble-text .btn-close { width: 20px; height: 20px; border: none; background: transparent url("../images/common/close/ico-close-w-13x13.png") center center no-repeat; background-size: 10px 10px; vertical-align: middle; overflow: hidden; text-indent: -9999px; font-size: 0.01em; color: transparent; }

.favorite-store-list .bubble-text-top { position: absolute; min-width: 200px; top: -40px; right: 10px; padding: 14px 20px; font-size: 14px; color: #89898a; background-color: #fff; border: 1px solid #e26b0f; border-radius: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.favorite-store-list .bubble-text-top span { color: #000; }

.favorite-store-list .bubble-text-top:after, .favorite-store-list .bubble-text-top:before { right: 42px; bottom: -18px; margin-top: -8px; }

.favorite-store-list .bubble-text-top:after { position: absolute; content: ''; width: 8px; height: 8px; bottom: -16px; right: 43px; border-top: 8px solid #fff; border-left: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box; }

.favorite-store-list .bubble-text-top:before { position: absolute; content: ''; width: 9px; height: 9px; border-top: 9px solid #e26b0f; border-left: 9px solid transparent; border-bottom: 9px solid transparent; border-right: 9px solid transparent; -webkit-box-sizing: border-box; box-sizing: border-box; }

.favorite-store-list .bubble-text-top .btn-close { width: 18px; height: 18px; border: none; vertical-align: text-bottom; background: transparent url("../images/common/close/ico-close-gray-14x14.png") center center no-repeat; background-size: 10px 10px; overflow: hidden; text-indent: -9999px; font-size: 0.01em; color: transparent; }

.favorite-store-list.mypage .btn-support { bottom: 15px; }

.member-card-registration.new-membership-info { padding: 35px 50px 0 50px; width: 100%; height: 186px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #edeae7; }

.member-card-registration.new-membership-info h5.title { float: left; width: 244px; font-size: 20px; font-weight: 300; line-height: 1.35; letter-spacing: -0.5px; color: #222222; }

.member-card-registration.new-membership-info h5.title strong { font-weight: 500; }

.member-card-registration.new-membership-info .cardinfo { float: left; width: 377px; }

.member-card-registration.new-membership-info .cardinfo__etc { float: left; margin-bottom: 4px; }

.member-card-registration.new-membership-info .cardinfo__etc dt { display: inline-block; font-size: 14px; font-weight: 500; letter-spacing: -0.35px; color: #000000; margin-right: 14px; }

.member-card-registration.new-membership-info .cardinfo__etc dd { display: inline-block; font-size: 14px; font-weight: 300; letter-spacing: normal; color: #89898a; margin-left: 0; }

.member-card-registration.new-membership-info .cardinfo .cardinfo__etc:last-child dt { margin-right: 52px; }

.member-card-registration.new-membership-info .cardinfo .cardinfo__etc:nth-child(even) { width: 160px; }

.member-card-registration.new-membership-info .cardinfo__num { margin-top: 5px; margin-bottom: 20px; overflow: hidden; }

.member-card-registration.new-membership-info .cardinfo__num dt { margin-top: 3px; float: left; font-size: 14px; font-weight: 500; letter-spacing: -0.35px; color: #000000; margin-right: 14px; }

.member-card-registration.new-membership-info .cardinfo__num dd { margin: 0; float: left; font-size: 18px; font-weight: 500; letter-spacing: normal; color: #222222; padding-left: 30px; background: url("../images/membership/ic_card.png") left 50% no-repeat; }

.member-card-registration.new-membership-info .mbinfo { float: left; width: 240px; }

.member-card-registration.new-membership-info .mbinfo > dl { overflow: hidden; }

.member-card-registration.new-membership-info .mbinfo > dl dt { float: left; font-size: 14px; font-weight: 500; letter-spacing: -0.35px; color: #000000; line-height: 36px; }

.member-card-registration.new-membership-info .mbinfo > dl dd { float: right; font-size: 20px; font-weight: bold; letter-spacing: normal; text-align: right; color: #e26b0f; margin-left: 0; }

.member-card-registration.new-membership-info .mbinfo__level dd { letter-spacing: -0.25px !important; }

.member-card-registration.new-membership-info .mbinfo__bm { border-top: 1px solid #d5d5d5; margin-top: 10px; padding-top: 10px; }

.member-card-registration.new-membership-info .mbinfo__bm dd { position: relative; }

.member-card-registration.new-membership-info .mbinfo__bm dd .point-text { color: #e26b0f; font-weight: bold; }

.mypage-wrap.new-membership h5 { font-size: 20px; font-weight: 500; letter-spacing: -0.5px; color: #222222; margin-bottom: 12px; }

.mypage-wrap.new-membership .point-text { color: #e26b0f; }

.mypage-wrap.new-membership .top-textbox { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 75px; padding: 24px 0; background-color: #f7f7f7; text-align: center; font-size: 18px; font-weight: 300; line-height: 1.5; letter-spacing: -0.45px; color: #222222; margin-bottom: 14px; }

.mypage-wrap.new-membership .data-table .selector-wrap.horizontal .asset { margin-bottom: 0; }

.mypage-wrap.new-membership .data-table th { font-size: 16px; font-weight: 500; letter-spacing: -0.4px; color: #000000; }

.mypage-wrap.new-membership .data-table td { font-weight: 300; font-size: 16px; }

.mypage-wrap.new-membership .btn-area { margin-top: 40px; }

.mypage-wrap.new-membership .btn-area a { padding-left: 48px; padding-right: 48px; }

.mypage-wrap.new-membership .btn-area.ac { text-align: center; }

.member-card-registration.membership-type1 { padding: 28px 30px; background-color: #f6f6f6; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }

.member-card-registration.membership-type1 h3 { font-size: 18px; font-weight: 500; letter-spacing: -0.45px; color: #222222; margin-bottom: 10px; }

.member-card-registration.membership-type1 p { font-size: 14px; font-weight: 300; letter-spacing: -0.35px; color: #000000; }

.member-card-registration.membership-type1 .btn-group { margin-top: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.member-card-registration.membership-type1 .btn-group > a { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; margin-top: 0; border-radius: 6px; border: solid 2px #e5e5e5; background-color: #ffffff; line-height: 34px; }

.member-card-registration.membership-type1 .btn-group > a:nth-child(1) { margin-right: 5px; }

.member-card-registration.membership-type1 .btn-group > a:nth-child(2) { margin-right: 5px; }

.member-card-registration.caution-inner { margin-top: 18px; color: #89898a; font-size: 14px; }

.member-card-registration.caution-inner > h3 { font-size: 18px; font-weight: 500; letter-spacing: -0.18px; margin-bottom: 18px; }

.member-card-registration.caution-inner ul.data-list li { padding-left: 10px; position: relative; line-height: 1.43; font-weight: 300; letter-spacing: -0.14px; }

.member-card-registration.caution-inner ul.data-list li:before { content: '-'; position: absolute; left: 0; top: 0px; color: #89898a; }

.member-card-registration.caution-inner ul.data-list li:after { display: none; }

.member-card-registration.caution-inner ul.data-list li + li { margin-top: 6px; }

.new-mb-popup.basic-size-popup.common-large .popup-inner { width: 948px; }

.new-mb-popup.basic-size-popup.common-large .popup-inner .popup-body .info-box { text-align: cetner; }

.new-mb-popup.basic-size-popup.common-large .popup-inner .popup-body .info-box h3 { font-size: 22px; font-weight: 500; letter-spacing: -0.55px; color: #000000; margin-bottom: 6px; }

.new-mb-popup.basic-size-popup.common-large .popup-inner .popup-body .info-box .subtext { font-size: 16px; font-weight: 500; line-height: 1.5; letter-spacing: -0.4px; color: #89898a; }

.new-mb-popup.basic-size-popup.common-large .popup-inner span.point-text { color: #e26b0f; }

.new-mb-popup .mb-table-wrap { text-align: left; margin-top: 30px; }

.new-mb-popup .mb-table-wrap h4 { font-size: 20px; font-weight: 500; }

.new-mb-popup .mb-table-wrap h4 .view-more { float: right; font-size: 16px; font-weight: normal; letter-spacing: -0.3px; color: #89898a; margin-top: 8px; }

.new-mb-popup .mb-table-wrap .new-membership-table { border-top: 1px solid #222222; margin-top: 12px; }

.new-mb-popup .mb-table-wrap .new-membership-table th, .new-mb-popup .mb-table-wrap .new-membership-table td { background: #ffffff; }

.new-mb-popup .mb-table-wrap .new-membership-table thead th { padding: 20px 0; font-size: 16px; font-weight: 500; letter-spacing: -0.3px; text-align: center; color: #222222; line-height: 1.17; border-bottom: 1px solid #ececec; background: #f6f6f6; }

.new-mb-popup .mb-table-wrap .new-membership-table tbody th, .new-mb-popup .mb-table-wrap .new-membership-table tbody td { font-size: 16px; font-weight: normal; line-height: 1.33; letter-spacing: -0.3px; text-align: center; color: #222222; border-bottom: 1px solid #ececec; padding: 20px 10px; }

.new-mb-popup .mb-table-wrap .new-membership-table th .sm-text { font-size: 14px; font-weight: normal; line-height: 1.1; letter-spacing: -0.25px; color: #999999; }

.new-mb-popup .mb-table-wrap .new-membership-table tbody th.fw500 { font-weight: 500; }

.new-mb-popup .mb-table-wrap .new-membership-table tbody td { border-left: 1px solid #ececec; }

.new-mb-popup .mb-table-wrap .new-membership-table tbody td.fw500 { font-weight: 500; }

.new-mb-popup .mb-table-wrap .new-membership-table tbody td .fw500 { font-weight: 500; }

.new-mb-popup .mb-table-wrap .new-membership-table td ul.benefit li + li { margin-top: 5px; }

.new-mb-popup .caution { margin-top: 14px; font-size: 14px; font-weight: normal; letter-spacing: -0.35px; text-align: center; color: #e26b0f; }

.new-mb-popup .btn-area { margin-top: 30px; }

.new-mb-popup .btn-area a { padding-left: 162px; padding-right: 162px; }

.new-mb-popup .btn-area.ac { text-align: center; }

.card-level-information.new-card-level .mypage-title-wrap { margin-bottom: 28px; }

.card-level-information.new-card-level .mypage-title-wrap .title { font-size: 20px; font-weight: 500; letter-spacing: -0.5px; color: #222222; }

.card-level-information.new-card-level .data-table-title { font-size: 16px; font-weight: 500; letter-spacing: -0.4px; color: #000000; }

.card-level-information.new-card-level .combin-plus { margin-top: 40px; text-align: center; }

.card-level-information.new-card-level .combin-plus .plusico { display: inline-block; font-size: 30px; color: #cccccc; border-radius: 50%; border: 2px solid #cccccc; width: 36px; height: 36px; text-align: center; line-height: 28px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.card-level-information.new-card-level .card-level-wrapper.after-combine thead th { background: #fbf6ff; }

.card-level-information.new-card-level .card-level-wrapper.fail-combine { margin-top: 40px; margin-bottom: 20px; }

.card-level-information.new-card-level .card-level-wrapper.fail-combine thead th { color: #aaaaaa; }

.card-level-information.new-card-level .card-level-wrapper.fail-combine td { color: #aaaaaa; }

.card-level-information.new-card-level .card-level-wrapper.fail-combine .data-table-title.fail { display: block; font-size: 14px; font-weight: 300; line-height: 1.43; letter-spacing: -0.35px; text-align: center; color: #000000; }

.card-level-information.new-card-level .membership-grade-etc { margin-top: 18px; }

.card-level-information.new-card-level .membership-grade-etc ul li { padding-left: 10px; position: relative; color: #89898a; }

.card-level-information.new-card-level .membership-grade-etc ul li:before { content: '-'; position: absolute; left: 0; top: 0px; color: #89898a; }

.card-level-information.new-card-level tr.fail .fail-text { font-weight: 300; color: #000000; }

.card-level-information.new-card-level tr.fail td { color: #aaaaaa; }

.card-level-information.new-card-level .data-table td { font-weight: 500; }

.card-level-information.new-card-level .result-combine-card { padding: 100px 0 40px; }

.card-level-information.new-card-level .result-combine-card h4.title { font-size: 22px; font-weight: 500; letter-spacing: -0.55px; text-align: center; color: #333333; }

.card-level-information.new-card-level .top-line { border-top: 1px solid #d5d5d5; margin-top: 40px; padding-top: 18px; }

.card-level-information.new-card-level .point-text { color: #e26b0f !important; }

.card-level-information.new-card-level .underline { text-decoration: underline; }

.card-level-information.new-card-level .fail-top-box { text-align: center; margin-top: 20px; font-size: 16px; font-weight: 300; line-height: 1.5; letter-spacing: -0.4px; color: #e26b0f; }

.card-level-information.new-card-search > .mypage-wrap.new-card-search-top { background: rgba(225, 221, 215, 0.4); }

.card-level-information.new-card-search .new-card-search-top .search-top-table { width: 800px; text-align: left; }

.card-level-information.new-card-search .new-card-search-top .search-top-table th, .card-level-information.new-card-search .new-card-search-top .search-top-table td { font-weight: 300; padding-bottom: 16px; }

.card-level-information.new-card-search .new-card-search-top .search-top-table th { text-align: left; font-size: 18px; }

.card-level-information.new-card-search .new-card-search-top .search-top-table input[type="text"] { height: 40px; }

.card-level-information.new-card-search .chk_area { margin-top: 20px; padding-top: 20px; border-top: 1px solid #d5d5d5; }

.card-level-information.new-card-search .chk_area .etc-check-list .asset label::before { top: 2px; }

.card-level-information.new-card-search .chk_area .asset label { font-weight: 300; font-size: 18px; }

.card-level-information.new-card-search .no-result { padding: 100px 0; }

.card-level-information.new-card-search .no-result h5 { color: #aaaaaa; }

.card-level-information.new-card-search .no-result .btn-group-01 { margin-top: 40px; }

.member-card-registration .data-list.nodot li { padding-left: 0; color: #89898a; }

.member-card-registration .data-list.nodot li:after { display: none; }

.mypage-content .review-list-wrapper .review-list { display: table; table-layout: fixed; padding-bottom: 60px; width: 100%; }

.mypage-content .review-list-wrapper .review-list:before, .mypage-content .review-list-wrapper .review-list::after { display: none; }

.mypage-content .review-list-wrapper .review-list.on .thumbnail-area { display: block; }

.mypage-content .review-list-wrapper .review-list .info-area { width: 237px; display: table-cell; vertical-align: top; }

.mypage-content .review-list-wrapper .review-list .info-area .date { font-size: 14px; color: #aaa; }

.mypage-content .review-list-wrapper .review-list .thumbnail-area { display: none; }

.mypage-content .review-list-wrapper .review-list .review-list-wrap { display: table-cell; vertical-align: top; }

.mypage-content .review-list-wrapper .review-list .review-list-wrap .review-title .brand { display: block; color: #89898a; font-size: 14px; font-weight: 400; }

.mypage-content .review-list-wrapper .review-list .review-list-wrap .review-article { position: static; float: none; }

.mypage-content .review-list-wrapper .review-list .review-list-wrap .review-article .review-area { border-bottom: 1px solid #d6d6d6; padding-bottom: 30px; }

.mypage-content .review-list-wrapper .review-list .review-list-wrap .review-article .review-area + * { margin-top: 15px; }

.mypage-content .review-list-wrapper .review-list .review-list-wrap .review-article .review-text { padding-bottom: 0; }

.mypage-content .review-list-wrapper .review-list .review-list-wrap .review-article .controller-area { position: absolute; left: 0; right: 30px; bottom: 30px; margin: auto; width: 63px; }

.mypage-content .review-list-wrapper .review-list .review-list-wrap .review-article .doing-area { bottom: 30px; right: 30px; }

.mypage-table .speech-bubble { position: relative; display: inline-block; background: #fff; border: 1px solid #E3E3E3; border-radius: 10px; padding: 6px 15px; text-align: center; font-size: 14px; color: #333; margin-left: 20px; /* 화살표 공간을 위해 여백 추가 */ font-weight: normal; font-size: 14px; letter-spacing: -0.01em; line-height: 24px; text-align: center; color: #333; }

.mypage-table .speech-bubble strong { font-weight: bold; }

.mypage-table .speech-bubble em { font-weight: bold; color: #FF7017; font-style: normal; }

.mypage-table .speech-bubble:after { content: ''; position: absolute; top: 12px; /* 화살표의 세로 위치 조정 */ left: -10px; /* 말풍선 왼쪽 바깥에 위치 */ width: 0; height: 0; border-style: solid; border-width: 6px 10px 6px 0; border-color: transparent #fff transparent transparent; }

.mypage-table .speech-bubble:before { content: ''; position: absolute; top: 10px; left: -12px; /* 테두리 크기를 고려한 위치 */ width: 0; height: 0; border-style: solid; border-width: 8px 11px 8px 0; /* 왼쪽 방향 화살표 테두리 */ border-color: transparent #E3E3E3 transparent transparent; }

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

.review-prompt { margin-bottom: 20px; padding: 10px 0; background-color: #333333; }

.review-prompt p { font-weight: normal; font-size: 16px; letter-spacing: -0.01em; text-align: center; color: #ffffff; }

.review-prompt p strong { font-weight: bold; }

.review-prompt p strong em { color: #FF7017; font-style: normal; }

.review-prompt p + p { margin-left: 8px; padding-left: 12px; position: relative; }

.review-prompt p + p:before { position: absolute; top: 5px; left: 0; content: ''; display: block; width: 1px; height: 16px; background: #8d8d8d; }

/* common */
.ell { display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; }

.ellLine1 { display: block; display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; }

.ellLine2 { display: block; display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-all; }

.ellLine3 { display: block; display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all; }

/*checkType */
.checkTypeA input { display: none; }

.checkTypeA input + label { cursor: pointer; color: #333; }

.checkTypeA label:before { content: ''; display: inline-block; margin-right: 8px; width: 16px; height: 16px; border: 1px solid #ddd; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; }

.checkTypeA input:checked + label { color: #333 !important; font-weight: 500 !important; }

.checkTypeA input:checked + label:before { background: #333 url(../images/common/ico-check-white-10x8.png) no-repeat 50% 50%/auto; border: 1px solid #333; }

.checkTypeB input { display: none; }

.checkTypeB input + label { cursor: pointer; font-size: 16px; line-height: 20px; color: #89898a; }

.checkTypeB label:before { content: ''; display: inline-block; margin-top: -2px; margin-right: 10px; width: 20px; height: 20px; border-radius: 2px; background-color: #fff; border: 1px solid #d5d5d5; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; }

.checkTypeB input:checked + label:before { background: #fff url(../images/common/ico-check-org.png) no-repeat 50% 50%/66%; border-color: #767676; }

.checkTypeB input:checked + label { color: #333; }

span.checkTypeB { display: inline-block; margin-right: 24px; vertical-align: middle; }

.checkTypeC input { display: none; }

.checkTypeC input + label { cursor: pointer; font-size: 16px; line-height: 27px; font-weight: 500; color: #333; }

.checkTypeC label:before { content: ''; display: inline-block; margin-right: 10px; width: 27px; height: 27px; border-radius: 50%; border: 1px solid #bcbbbc; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; }

.checkTypeC input:checked + label:before { background: url(../images/common/ico-check-gr.png) no-repeat 50% 50%/auto; border: none; }

.radioTypeA input { display: none; }

.radioTypeA input + label { cursor: pointer; font-size: 14px; line-height: 16px; color: #333; }

.radioTypeA label:before { content: ''; display: inline-block; margin-right: 10px; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #bcbbbc; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; }

.radioTypeA input:checked + label { font-weight: 500; }

.radioTypeA input:checked + label:before { background: url(../images/common/ico-radio-bk.png) no-repeat 0/100%; border: none; }

.colorA { color: #e26b0f; }

.sorting-wrap .btn-info { display: inline-block; width: 15px; height: 15px; vertical-align: middle; background: url("../images/common/ico-sorting.png") no-repeat 0/100%; font-size: 0; text-indent: -100000em; }

.sorting-wrap .btn-info:hover + .info-text { display: block; }

.sorting-wrap .info-text { position: absolute; display: none; padding: 24px; top: 0; left: -250px; width: 240px; text-align: center; background-color: #fff; border: solid 1px #707070; color: #333; font-size: 14px; line-height: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2); z-index: 10; }

.list-type-1 > li { position: relative; padding-left: 8px; color: #89898a; font-size: 15px; }

.list-type-1 > li + li { margin-top: 8px; }

.list-type-1 > li::before { content: '-'; position: absolute; top: 0; left: 0; font-size: 15px; color: #89898a; }

#wrap { margin: 0 auto; min-width: 1200px; overflow-x: hidden; }

#header { position: fixed; top: 0; left: 0; width: 100%; border-bottom: 1px solid #e9e9e9; }

#header .header-inner { position: relative; margin: 0 auto; width: 1200px; }

#header .header-top { -webkit-transition: background ease 0.4s, top ease 0.15s; transition: background ease 0.4s, top ease 0.15s; background-color: white; }

#header .header-top .header-box .header-inner { height: 108px; }

#header .header-top .header-box h1 { position: absolute; padding: 0; bottom: 23px; left: 60px; width: 150px; height: 29px; font-size: 0; text-indent: -100000em; background: url("../images/common/logo/logo-ableshop-2.png") no-repeat 0/100%; z-index: 1; }

#header .header-top .header-box h1 a { display: block; width: 100%; height: 100%; }

#header .header-top .header-box .btn-all-cate { position: absolute; bottom: 27px; left: 0; width: 30px; height: 22px; font-size: 0; text-indent: -100000em; z-index: 1; }

#header .header-top .header-box .btn-all-cate:before, #header .header-top .header-box .btn-all-cate:after { content: ''; position: absolute; left: 0; width: 30px; height: 2px; background-color: #333; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }

#header .header-top .header-box .btn-all-cate:before { top: 0; }

#header .header-top .header-box .btn-all-cate span { position: absolute; top: 10px; display: block; width: 22px; height: 2px; background-color: #333; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

#header .header-top .header-box .btn-all-cate:after { top: 20px; }

#header .header-top .header-box .btn-all-cate.cate-on:before { top: 50%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

#header .header-top .header-box .btn-all-cate.cate-on span { opacity: 0; }

#header .header-top .header-box .btn-all-cate.cate-on:after { top: 50%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

#header .header-top .header-box .header-util-wrap { position: absolute; top: 15px; right: 0; z-index: 1; }

#header .header-top .header-box .header-util .etc { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px; }

#header .header-top .header-box .header-util .etc > a { position: relative; width: 30px; height: 30px; }

#header .header-top .header-box .header-util .search-link-input { background: url("../images/common/btn-search-2.png") no-repeat 0/24px; font-size: 0; text-indent: -100000em; }

#header .header-top .header-box .header-util .cart-link { background: url("../images/common/btn-cart-2.png") no-repeat 0/100%; font-size: 0; text-indent: -100000em; }

#header .header-top .header-box .header-util .cart-link:after { display: none; }

#header .header-top .header-box .header-util .mypage-link { background: url("../images/common/btn-mypage-2.png") no-repeat 0/100%; font-size: 0; text-indent: -100000em; }

#header .header-top .header-box .header-util .number { position: absolute; left: 16px; top: -8px; background-color: #f34235; color: #fff; font-size: 12px; font-weight: 500; border-radius: 22px; padding: 0 6px; text-indent: 0; }

#header .header-top .header-box .header-util .member { padding-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; color: #333; letter-spacing: -0.13px; font-size: 13px; }

#header .header-top .header-box .header-util .member a + a { position: relative; margin-left: 12px; padding-left: 13px; }

#header .header-top .header-box .header-util .member a + a:after { content: ''; position: absolute; left: 0; top: 50%; height: 10px; margin-top: -5px; width: 1px; background: rgba(51, 51, 51, 0.2); }

#header .header-top .header-cate { position: absolute; top: 108px; height: 0; width: 100%; background-color: #fff; -webkit-box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 100; overflow: hidden; }

#header .header-top .header-cate .maingnb__wrap { margin-top: 0; border-top: 1px solid #e9e9e9; padding: 30px 0; max-width: 100%; }

#header .header-top .header-cate.on { border-top: 1px solid #e9e9e9; }

#header .header-top .header-cate .cate-depth-1 { padding: 20px 0 40px; width: 210px; min-height: 515px; border-right: 1px solid #e9e9e9; -webkit-box-sizing: border-box; box-sizing: border-box; }

#header .header-top .header-cate .cate-depth-1 > li.over strong { background-color: #333; color: #fff; }

#header .header-top .header-cate .cate-depth-1 > li.over .cate-depth-2 { display: block; }

#header .header-top .header-cate .cate-depth-1 > li.on strong { background-color: #333; color: #fff; }

#header .header-top .header-cate .cate-depth-1 > li.on .cate-depth-2 { display: block; }

#header .header-top .header-cate .cate-depth-1 > li.over .cate-depth-2 { display: block !important; z-index: 98; }

#header .header-top .header-cate .cate-depth-1 > li strong { display: block; padding: 16px 18px; color: #333; font-size: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 20px; letter-spacing: -0.16px; -webkit-transition: all 0.2s; transition: all 0.2s; }

#header .header-top .header-cate .cate-depth-1 > li .cate-depth-2 { position: absolute; display: none; top: 0; left: 210px; height: 100%; padding-top: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; }

#header .header-top .header-cate .cate-depth-1 > li .cate-depth-2 li { margin-left: 42px; width: 225px; -webkit-box-sizing: border-box; box-sizing: border-box; }

#header .header-top .header-cate .cate-depth-1 > li .cate-depth-2 li:hover a, #header .header-top .header-cate .cate-depth-1 > li .cate-depth-2 li.on a { color: #e26b0f; font-weight: 600; }

#header .header-top .header-cate .cate-depth-1 > li .cate-depth-2 li a { display: block; padding: 13px 18px; line-height: 20px; color: #666; font-size: 16px; line-height: 20px; letter-spacing: -0.16px; -webkit-transition: all 0.2s; transition: all 0.2s; }

#header .header-top .header-cate .header-spot-prd { position: absolute; top: 40px; right: 0; width: 530px; }

#header .header-top .header-cate .header-spot-prd .thum { width: 530px; height: 360px; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

#header .header-top .header-cate .header-spot-prd .swiper-slide strong { display: block; margin-top: 14px; font-size: 24px; color: #333; letter-spacing: -0.24px; }

#header .header-top .header-cate .header-spot-prd .swiper-slide p { margin-top: 4px; color: #999; font-size: 16px; letter-spacing: -0.16px; }

#header .header-top .header-cate .header-spot-prd .swiper-button-prev, #header .header-top .header-cate .header-spot-prd .swiper-button-next { top: 180px; margin-top: -20px; width: 40px; height: 40px; width: 40px; height: 40px; border-radius: 50%; }

#header .header-top .header-cate .header-spot-prd .swiper-button-prev { left: -60px; background: url("../images/common/btn-next.png") no-repeat 0/100%; -webkit-box-shadow: -2px -2px 10px rgba(0, 0, 0, 0.1); box-shadow: -2px -2px 10px rgba(0, 0, 0, 0.1); }

#header .header-top .header-cate .header-spot-prd .swiper-button-next { right: -60px; background: url("../images/common/btn-next.png") no-repeat 0/100%; -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); }

#header .header-primary { position: absolute; left: 0; right: 0; bottom: 25px; z-index: 0; }

#header .header-primary .header-inner { padding: 0 175px 0 245px; -webkit-box-sizing: border-box; box-sizing: border-box; }

#header .header-primary .header-service { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; }

#header .header-primary .header-service li { position: relative; text-align: center; }

#header .header-primary .header-service li:last-child a { -webkit-box-sizing: border-box; box-sizing: border-box; }

#header .header-primary .header-service li a { display: block; color: #333; letter-spacing: -0.16px; font-size: 16px; }

#header .header-primary .header-service li.on a:after { content: ''; position: absolute; right: -10px; width: 6px; height: 6px; border-radius: 50%; background: #E26B0F; }

.header-deco-1 #header { position: static; border-bottom: 0; }

.header-deco-1 #header .header-top { background-color: transparent; position: absolute; top: 0; left: 0; width: 100%; z-index: 109; }

.header-deco-1 #header .header-top h1 { background-image: url("../images/common/logo/logo-ableshop.png"); }

.header-deco-1 #header .header-top .btn-all-cate:before, .header-deco-1 #header .header-top .btn-all-cate span, .header-deco-1 #header .header-top .btn-all-cate:after { background-color: #fff; }

.header-deco-1 #header .header-top.fixed { position: fixed; }

.header-deco-1 #header .header-top .header-util .search-link-input { background-image: url("../images/common/btn-search.png"); }

.header-deco-1 #header .header-top .header-util .cart-link { background-image: url("../images/common/btn-cart.png"); }

.header-deco-1 #header .header-top .header-util .cart-link:after { display: none; }

.header-deco-1 #header .header-top .header-util .mypage-link { background-image: url("../images/common/btn-mypage.png"); }

.header-deco-1 #header .header-top .header-util .search-link-input { background-image: url("../images/common/btn-search.png"); }

.header-deco-1 #header .header-top .header-util .member a { color: #fff; }

.header-deco-1 #header .header-top .header-util .member a + a:after { background-color: rgba(255, 255, 255, 0.2); }

.header-deco-1 #header .header-primary { position: absolute; bottom: 0; left: 0; width: 100%; background: #fff; border-bottom: 1px solid #e9e9e9; }

.header-deco-1 #header .header-primary .header-inner { padding: 0; }

.header-deco-1 #header .header-primary .header-service li { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 18px 0; }

.header-deco-1 #header .header-primary .header-service li:last-child a { border-right: 1px solid #e9e9e9; }

.header-deco-1 #header .header-primary .header-service li a { display: block; border-left: 1px solid #e9e9e9; }

.header-deco-1 #header .header-primary .header-service li.on a:after { content: ''; position: absolute; width: 100% !important; height: 2px !important; right: 0 !important; bottom: 0; background-color: #333 !important; }

#container { padding-top: 108px; }

#container .main-top-banner { height: auto; font-size: 0; }

#container .main-top-banner a { margin: 0 auto; width: 1200px; }

#container .main-top-banner a img { margin-left: -360px; }

#container .main-top-banner .btn-close { width: 12px; height: 12px; top: 50%; height: 12px; margin-top: -6px; background: url("../images/common/close/btn_close-w-12x12.png") no-repeat 0/100%; }

/* 퀵메뉴 - 고정메뉴 */
.bottom-fix-menu { height: 75px; border: 0; text-indent: -100000em; font-size: 0; background: transparent; }

.bottom-fix-menu .menu-list { position: absolute; bottom: 0; width: 100%; }

.bottom-fix-menu .menu-list > li { width: calc((100% - 75px) * 0.25); background: #222; height: 65px; }

.bottom-fix-menu .menu-list > li a { display: block; padding: 0; height: 100%; }

.bottom-fix-menu .menu-list > li.home { width: 75px; }

.bottom-fix-menu .menu-list > li.home a { margin-top: -10px; width: 75px; height: 75px; border-radius: 50%; background: #222 url("../images/common/btn-fix-home.png") no-repeat 50% 50%/65px; }

.bottom-fix-menu .menu-list > li.cate a { background: url("../images/common/btn-fix-cate.png") no-repeat 50% 50%/28px; }

.bottom-fix-menu .menu-list > li.user a { background: url("../images/common/btn-fix-user.png") no-repeat 50% 50%/28px; }

.bottom-fix-menu .menu-list > li.like a { background: url("../images/common/btn-fix-like.png") no-repeat 50% 50%/27px; }

.bottom-fix-menu .menu-list > li.back a { background: url("../images/common/btn-fix-back.png") no-repeat 50% 50%/27px; }

#content .section-inner { width: 1200px; -webkit-box-sizing: border-box; box-sizing: border-box; }

#content .section-inner .tab-category { margin-top: 40px; }

.tab-category + .result-empty-content { margin-top: 20px; }

.result-empty-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 80px 0 !important; width: 100% !important; border: 1px dashed #e9e9e9; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; box-sizing: border-box; font-size: 0; }

.result-empty-content .ico { display: block !important; }

.result-empty-content .ico + * { margin-top: 20px; }

.result-empty-content strong { display: block; margin-top: 27px; font-size: 20px; font-weight: bold; color: #222222; }

.result-empty-content .sub-text, .result-empty-content p { display: block !important; width: 100%; font-size: 18px; color: #999999; }

.sort-select-area .selectric-wrapper .selectric { border: 0; }

.sort-select-area .selectric-wrapper .selectric .label { padding-right: 20px; font-size: 16px; color: #333; }

.sort-select-area .selectric-wrapper .selectric .button { width: auto !important; color: #333; font: 18px/34px Lucida Sans Unicode, Arial Unicode MS, Arial; }

.sort-select-area .selectric-wrapper .selectric .button:after { display: none; }

.sort-select-area .selectric-wrapper.selectric-open .selectric .button { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.tab-type-1-wrap { position: relative; text-align: center; }

.tab-type-1 { font-size: 0; text-align: center; }

.tab-type-1 > li { display: inline-block; margin: 0 15px; }

.tab-type-1 > li.on a { border-color: #333; }

.tab-type-1 > li a { display: block; padding-bottom: 5px; border-bottom: 2px solid transparent; font-size: 18px; line-height: 26px; letter-spacing: -0.9px; }

.tab-type-2 { font-size: 0; text-align: center; }

.tab-type-2 > li { display: inline-block; }

.tab-type-2 > li.on a { color: #333; font-weight: 500; }

.tab-type-2 > li.on a:after { height: 3px; background-color: #333; }

.tab-type-2 > li a { position: relative; display: block; padding-bottom: 22px; color: #999; font-size: 18px; letter-spacing: -0.18px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.tab-type-2 > li a:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #eee; }

.layer-popup.event-collection-popup { overflow: auto; }

.layer-popup.event-collection-popup .popup-body { position: relative; margin: 0 auto; width: 1200px; height: 100%; font-size: 0; }

.layer-popup.event-collection-popup .popup-body:before { content: ''; width: 0; height: 100%; display: inline-block; vertical-align: middle; }

.layer-popup.event-collection-popup .popup-body > .btn-close { position: absolute; top: 0; right: -57px; width: 27px; height: 27px; background: url("../images/common/close/ico-close-w-27x27.png") no-repeat 0/100%; font-size: 0; text-indent: -100000em; }

.layer-popup.event-collection-popup .popup-body .popup-content { display: inline-block; padding: 40px 0; width: 100%; background-color: transparent; vertical-align: middle; }

.layer-popup.event-collection-popup .popup-body .cont-wrap { font-size: 0; text-align: center; }

.layer-popup.event-collection-popup .popup-body .cont-wrap .cont { display: inline-block; padding-bottom: 60px; width: 580px; text-align: left; }

.layer-popup.event-collection-popup .popup-body .cont-wrap .cont:nth-child(2n) { margin-left: 40px; }

.layer-popup.event-collection-popup .popup-body .cont-wrap .cont:nth-child(2n) { margin-left: 40px; }

.layer-popup.event-collection-popup .popup-body .cont-wrap .cont .thum img { width: 100%; }

.layer-popup.event-collection-popup .popup-body .cont-wrap .cont .info strong { display: block; margin-top: 14px; color: #fff; letter-spacing: -0.24px; font-size: 20px; }

.layer-popup.event-collection-popup .popup-body .cont-wrap .cont .info p { margin-top: 4px; color: #ddd; letter-spacing: -0.16px; font-size: 14px; }

.layer-popup.event-collection-popup .popup-body .btn-more { display: block; margin: 0 auto; width: 360px; line-height: 64px; text-align: center; border: 1px solid #fff; color: #fff; font-size: 18px; letter-spacing: -0.18px; }

.btn-array-type { display: inline-block; margin-left: 18px; vertical-align: middle; font-size: 0; }

.btn-array-type:before { content: '리스트로 보기'; display: inline-block; width: 14px; height: 14px; font-size: 0; text-indent: -100000em; vertical-align: middle; background: url("../images/common/ico-view-collect-2-on.png") no-repeat 0/100%; }

.btn-array-type.list:before { content: '바둑판으로 보기'; background: url("../images/common/ico-view-list-2-on.png") no-repeat 0/100%; }

.view-result-wrap { position: relative; }

.view-result-wrap .btn-array-type { position: absolute; right: 0; bottom: 0; }

.product-list { padding: 0; font-size: 0; }

.product-list .soldout-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(52, 52, 52, 0.7); color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; z-index: 1; }

.product-list > * { display: inline-block; width: 49%; vertical-align: top; }

.product-list .thum { position: relative; width: 100%; overflow: hidden; }

.product-list .thum a { cursor: pointer; position: relative; display: block; }

.product-list .thum img { width: 100%; }

.product-list .over { position: relative; width: 100%; }

.product-list .over img { width: 100%; }

.product-list .info { position: relative; width: 100%; }

.product-list .info .tit { margin-top: 10px; color: #333; font-size: 16px; min-height: 56px; line-height: 28px; letter-spacing: -0.16px; }

.product-list .info .tit .badge-wrap { display: inline-block; margin-top: -3px; line-height: 1; font-size: 0 !important; vertical-align: middle; }

.product-list .info .tit .badge-wrap .badge { font-size: 14px; }

.product-list .info .tit .badge-wrap .badge:last-child { margin-right: 7px; }

.product-list .info .tit .badge-wrap .badge + .badge:before { content: ''; display: inline-block; margin-left: 5px; margin-right: 5px; width: 1px; height: 10px; background-color: #d5d5d5; }

.product-list .info .price { margin-top: 14px; }

.product-list .info .price .discount { margin-right: 10px; font-size: 22px; font-weight: 500; color: #e26b0f; letter-spacing: -0.22px; }

.product-list .info .price .sale { margin-right: 8px; font-size: 22px; letter-spacing: -0.22px; color: #222; }

.product-list .info .price .prime { color: #aaa; font-size: 16px; letter-spacing: -0.48px; text-decoration: line-through; }

.product-list .info .grade { display: inline-block; padding-right: 20px; margin-top: 10px; font-size: 16px; letter-spacing: -0.24px; color: #bbb4b0; vertical-align: middle; }

.product-list .info .benefit { margin-top: 23px; }

.product-list .info .benefit span { padding: 0 6px; display: inline-block; font-size: 12px; line-height: 24px; color: #fff; letter-spacing: -0.12px; }

.product-list .info .benefit span:nth-child(n+2) { margin-left: 6px; }

.product-list .info .btn-area { margin-top: 10px; display: inline-block; vertical-align: middle; }

.product-list .info .btn-area a { position: relative; display: inline-block; }

.product-list .btn-like { width: 20px; height: 20px; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; }

.product-list .btn-cart { margin-left: 20px; width: 20px; height: 20px; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; }

.product-list.list > * { margin: 0 !important; padding: 30px 20px !important; display: table !important; width: 100% !important; table-layout: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; }

.product-list.list > *:not(:first-child) { border-top: 1px solid #E9E9E9; }

.product-list.list > * .thum { display: table-cell; width: 180px; vertical-align: middle; }

.product-list.list > * .info { display: table-cell; padding-left: 40px; width: auto; vertical-align: middle; }

.product-list.list > * .info .btn-area { position: absolute; margin-top: 0; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.product-list.list > * .info .btn-area > a { display: block; width: 146px; margin: 0; line-height: 44px; text-align: center; font-size: 16px; border: 1px solid #ddd; color: #666; text-indent: 0; color: #666; -webkit-box-sizing: border-box; box-sizing: border-box; }

.product-list.list > * .info .btn-area > a:before { margin-top: -3px; margin-right: 10px; vertical-align: middle; }

.product-list.list > * .info .btn-area > a + a { margin-top: 8px; }

.product-list.list > * .info .btn-area > a.btn-like.on { background-color: #333; color: #fff; }

.product-list.list > * .info .btn-area > a.btn-like.on:before { background-image: url(../images/common/btn-like-on-2.png); }

.product-list.list > *:nth-child(n+2) { margin-top: 40px; }

.product-list.normal > * { width: 270px; padding-bottom: 60px; }

.product-list.normal > *:not(:nth-child(4n+1)) { margin-left: 40px; }

.product-list.normal > * .thum { height: 270px; }

.product-list.normal.swiper-wrapper > *:nth-child(n+2) { margin-left: 40px !important; }

.product-list .timedeal-open { width: 100%; height: 270px; position: absolute; left: 0; top: 0; background: rgba(0, 0, 0, 0.4); text-align: center; color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-family: 'Roboto'; z-index: 2; }

.product-list .timedeal-open .sale { width: 100%; font-size: 19px; font-weight: 500; line-height: 1.2; }

.product-list .timedeal-open .sale > span { font-size: 25px; font-weight: 300; display: block; }

.product-list .timedeal-open span.timedeal-date { position: absolute; bottom: 15px; font-weight: 500; font-size: 16px; }

.product-list .timedeal-open span.timedeal-date:after { content: 'OPEN'; padding-left: 4px; }

.product-list.type-1 { margin-top: 30px; }

.product-list.type-1 > * { width: 270px; padding-bottom: 60px; }

.product-list.type-1 > *:not(:nth-child(4n+1)) { margin-left: 40px; }

.product-list.type-1 > *.swiper-slide:nth-child(n+2) { margin-left: 40px; }

.product-list.type-1 > * .thum { width: 270px; height: 270px; }

.product-list.type-1.ranking-list { margin-top: 60px; }

.product-list.type-1.ranking-list:after { content: ''; display: block; clear: both; }

.product-list.type-1.ranking-list > li { margin-top: 60px; margin-left: 0; padding: 0 8px 60px; width: 300px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.product-list.type-1.ranking-list > li .thum { position: relative; width: 220px; height: 220px; margin: 0 auto; }

.product-list.type-1.ranking-list > li .thum .emblem__area { top: 0; }

.product-list.type-1.ranking-list > li .thum a { position: relative; overflow: hidden; border-radius: 50%; border: 1px solid #e7e7e7; -webkit-box-sizing: border-box; box-sizing: border-box; }

.product-list.type-1.ranking-list > li .ranking { position: absolute; top: 0; left: 0; width: 58px; height: 65px; text-align: center; font-size: 32px; color: #fff; background: url("../images/goods/bg-ranking.png") no-repeat 0/100%; z-index: 2; }

.product-list.type-1.ranking-list > li.rank_1 { width: 592px; }

.product-list.type-1.ranking-list > li.rank_1 .thum { width: 500px; height: 500px; }

.product-list.type-1.ranking-list > li.rank_1 .thum a { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }

.product-list.type-1.ranking-list > li.rank_1 .tit { margin-top: 20px; min-height: 70px; font-size: 24px; line-height: 35px; }

.product-list.type-1.ranking-list > li.rank_1 .tit span { font-size: 22px; }

.product-list.type-1.ranking-list > li.rank_1 .ranking { width: 94px; height: 105px; font-size: 50px; background-image: url("../images/goods/bg-ranking-large.png"); }

.product-list.type-1.ranking-list > li.rank_1 .price .discount { font-size: 28px; }

.product-list.type-1.ranking-list > li.rank_1 .price .sale { font-size: 28px; }

.product-list.type-1.ranking-list > li.rank_1 .price .prime { font-size: 22px; }

.product-list.type-1.ranking-list > li.rank_1, .product-list.type-1.ranking-list > li.rank_2, .product-list.type-1.ranking-list > li.rank_3, .product-list.type-1.ranking-list > li.rank_4, .product-list.type-1.ranking-list > li.rank_5 { float: left; margin-top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

.product-list.type-1.ranking-list > li.rank_2, .product-list.type-1.ranking-list > li.rank_3, .product-list.type-1.ranking-list > li.rank_4, .product-list.type-1.ranking-list > li.rank_5 { height: 485px; }

.product-list.type-1.ranking-list > li.rank_6 { position: relative; }

.product-list.type-1.ranking-list > li.rank_6:before { display: block; content: ""; position: absolute; top: -68px; left: 0; width: 1200px; height: 8px; background: url(../images/goods/line-dashed.png) no-repeat 0 0; }

.product-list.type-2 { margin-top: 30px; }

.product-list.type-2 > * { margin: 0; padding: 30px 20px; display: table; width: 100%; table-layout: fixed; -webkit-box-sizing: border-box; box-sizing: border-box; }

.product-list.type-2 > *:first-child { padding-top: 0; }

.product-list.type-2 > *:not(:first-child) { border-top: 1px solid #E9E9E9; }

.product-list.type-2 > * .selector-wrap { display: table-cell; width: 30px; vertical-align: top; }

.product-list.type-2 > * .thum { display: table-cell; width: 180px; height: 180px; vertical-align: middle; }

.product-list.type-2 > * .info { display: table-cell; padding-left: 40px; width: auto; vertical-align: middle; }

.product-list.type-2 > * .info .tit { padding-right: 190px; }

.product-list.type-2 > * .info .btn-area { position: absolute; margin-top: 0; top: 50%; right: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.product-list.type-2 > * .info .btn-area > a { display: block; width: 146px; margin: 0; height: auto; line-height: 44px; text-align: center; font-size: 16px; border: 1px solid #ddd; color: #666; text-indent: 0; color: #666; -webkit-box-sizing: border-box; box-sizing: border-box; }

.product-list.type-2 > * .info .btn-area > a:before { position: relative; margin-top: -3px; margin-right: 10px; width: 20px; height: 20px; vertical-align: middle; }

.product-list.type-2 > * .info .btn-area > a + a { margin-top: 8px; }

.product-list.type-2 > * .info .btn-area > a.btn-like.on { background-color: #333; color: #fff; }

.product-list.type-2 > *:nth-child(n+2) { margin-top: 40px; }

.product-list.type-2 .soldout-cover { height: 180px; }

.product-link { position: relative; display: table; width: 100%; table-layout: fixed; line-height: 1; }

.product-link:nth-child(n+2) { margin-top: 10px; }

.product-link > * { display: table-cell; width: auto; vertical-align: middle; }

.product-link .thum { width: 90px; height: 90px; }

.product-link .thum img { width: 100%; }

.product-link .info { position: relative; padding-left: 14px; }

.product-link .info .tit { color: #333; font-size: 16px; letter-spacing: -0.16px; line-height: 21px; }

.product-link .info .price { margin-top: 17px; }

.product-link .info .price .discount { margin-right: 8px; font-size: 20px; font-weight: 500; color: #e26b0f; letter-spacing: -0.2px; }

.product-link .info .price .sale { margin-right: 8px; font-size: 18px; letter-spacing: -0.2px; color: #222; }

.product-link .info .price .prime { color: #aaa; font-size: 16px; letter-spacing: -0.48px; font-weight: 400; text-decoration: line-through; }

.product-link .info .grade { display: inline-block; padding-right: 20px; margin-top: 18px; font-size: 16px; letter-spacing: -0.24px; color: #bbb4b0; vertical-align: middle; }

.product-link .info .btn-area { margin-top: 18px; display: inline-block; vertical-align: middle; }

.product-link .info .btn-area .btn-cart { margin-left: 20px; }

.product-swiper-type-3 { margin: 30px auto 0; width: 1200px; overflow: visible !important; }

.product-swiper-type-3:before { content: ''; position: absolute; top: 0; right: 50%; margin: 0 600px 0 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.4); z-index: 10; }

.product-swiper-type-3:after { content: ''; position: absolute; top: 0; left: 50%; margin: 0 0 0 600px; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.4); z-index: 10; }

.product-swiper-type-3.no-swiper .swiper-slide + .swiper-slide { margin-left: 40px; }

.product-swiper-type-3 .swiper-slide { width: 373px; height: 573px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.product-swiper-type-3 .swiper-slide .tit { font-size: 18px; letter-spacing: -0.18px; line-height: 30px; min-height: 60px; }

.product-swiper-type-3 .swiper-btn-area > div { position: absolute; top: 165px; width: 40px; height: 40px; text-indent: -100000em; font-size: 0; border-radius: 50%; -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); z-index: 100; }

.product-swiper-type-3 .swiper-btn-area .swiper-prev { left: -60px; background: url(../images/common/btn-prev.png) no-repeat 0/100%; -webkit-transform: none; -ms-transform: none; transform: none; }

.product-swiper-type-3 .swiper-btn-area .swiper-next { right: -60px; background: url(../images/common/btn-next.png) no-repeat 0/100%; }

.product-swiper-type-3 > .btn-area { margin-top: 60px; }

/* 스와이퍼 */
.swiper-btn-area.type-1 > div { position: absolute; width: 40px; height: 40px; text-indent: -100000em; font-size: 0; border-radius: 50%; -webkit-box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15); box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.15); z-index: 100; }

.swiper-btn-area.type-1 .swiper-prev { left: -60px; background: url(../images/common/btn-prev.png) no-repeat 0/100%; -webkit-transform: none; -ms-transform: none; transform: none; }

.swiper-btn-area.type-1 .swiper-next { right: -60px; background: url(../images/common/btn-next.png) no-repeat 0/100%; }

.swiper-btn-area.type-1 .swiper-button-disabled { opacity: 0.4; }

.swiper-btn-area.type-2 > div { display: inline-block; vertical-align: middle; }

.swiper-btn-area.type-2 .swiper-prev, .swiper-btn-area.type-2 .swiper-next { width: 8px; height: 14px; text-indent: -100000em; font-size: 0; background: url("../images/common/arrow/ico-arrow-gray-8x14.png") no-repeat 0/100%; z-index: 100; cursor: pointer; }

.swiper-btn-area.type-2 .swiper-prev { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.swiper-btn-area.type-2 .swiper-button-disabled { opacity: 0.4; }

.y-scroll-custom.swiper-container-vertical { position: relative; }

.y-scroll-custom.swiper-container-vertical .swiper-slide { height: auto; }

.y-scroll-custom.swiper-container-vertical .swiper-scrollbar { width: 1px; left: auto; background-color: #707070; }

.y-scroll-custom.swiper-container-vertical .swiper-scrollbar .swiper-scrollbar-drag { left: -2px; width: 5px; border-radius: 10px; }

/* 메인 */
#wrap.main #container { padding-top: 0 !important; }

#wrap.main .main-top { position: relative; }

#wrap.main .main-top .keyvisual-container { height: 500px; }

#wrap.main .main-top .keyvisual-container .swiper-slide { height: 500px; }

#wrap.main .main-top .swiper-slide { background-position: 50% 0; background-size: cover; }

#wrap.main .main-top .swiper-slide > a { display: block; height: 100%; }

#wrap.main .main-top .swiper-slide > a .cont { position: absolute; top: 171px; left: 50%; margin-left: -600px; color: #0e0e0e; line-height: 1; font-family: 'NS', 'Malgun Gothic', 'Apple SD Gothic Neo', '돋움', Dotum, Helvetica, Arial, sans-serif; }

#wrap.main .main-top .swiper-slide > a .cont .mainvisu-brand { font-weight: bold; font-size: 22px; letter-spacing: -0.02em; color: #222; }

#wrap.main .main-top .swiper-slide > a .cont .mainvisu-strong { display: block; margin-top: 8px; font-weight: bold; font-size: 34px; letter-spacing: -0.02em; color: #222; }

#wrap.main .main-top .swiper-slide > a .cont .mainvisu-subtit { font-weight: 500; margin-top: 15px; font-size: 22px; letter-spacing: -0.02em; line-height: 28px; color: #222; }

#wrap.main .main-top .swiper-slide > a .cont .mainvisu-date { display: inline-block; margin-top: 19px; font-weight: 500; font-size: 20px; letter-spacing: 0; color: #222; }

#wrap.main .main-top .swiper-btn-area { display: none; }

#wrap.main .main-top .swiper-btn-area .swiper-next, #wrap.main .main-top .swiper-btn-area .swiper-prev { position: absolute; top: 50%; width: 20px; height: 20px; margin-top: -10px; background: url("../images/common/arrow/ico-arrow-right-w-20x20.png") no-repeat 50% 50%/20px; cursor: pointer; z-index: 20; }

#wrap.main .main-top .swiper-btn-area .swiper-prev { left: 4px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

#wrap.main .main-top .swiper-btn-area .swiper-next { right: 4px; }

#wrap.main .main-top .swiper-page-info { font-family: 'Roboto'; position: absolute; width: 100px; text-align: center; bottom: 45px; right: auto; left: 50%; margin-left: -600px; border: none; border-radius: 12px; line-height: 28px; color: rgba(255, 255, 255, 0.5); background: rgba(34, 34, 34, 0.3); z-index: 10; }

#wrap.main .main-top .swiper-page-info > li { display: none; }

#wrap.main .main-top .swiper-page-info > li a { display: block; padding: 0 30px 0 12px; color: rgba(255, 255, 255, 0.5); }

#wrap.main .main-top .swiper-page-info > li.on { display: block; }

#wrap.main .main-top .swiper-page-info span { margin: 1.5px; font-size: 14px; letter-spacing: -0.35px; color: rgba(255, 255, 255, 0.5); }

#wrap.main .main-top .swiper-page-info span.current { color: white; margin-right: 6px; }

#wrap.main .main-top .swiper-page-info span.total { margin-left: 5px; }

#wrap.main #content .section-inner { padding: 100px 0; }

#wrap.main #content .section-inner h3 { color: #333; letter-spacing: -2.22px; font-size: 36px; text-align: center; line-height: 37px; }

#wrap.main #content .section-inner h3 + strong { display: block; margin-top: 10px; color: #999; letter-spacing: -0.28px; text-align: center; line-height: 24px; font-size: 16px; font-weight: 400; }

#wrap.main #content .section-brand .section-inner { padding-top: 90px; }

#wrap.main #content .section-brand .brand-list-wrap { margin: 30px 0 0; }

#wrap.main #content .section-brand .brand-list { width: 100%; padding-bottom: 25px; font-size: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }

#wrap.main #content .section-brand .brand-list li { padding-bottom: 5px; }

#wrap.main #content .section-brand .brand-list li a { display: inline-block; cursor: pointer; }

#wrap.main #content .section-brand .brand-list li p { margin-top: 10px; color: #666; font-size: 16px; letter-spacing: -0.16px; text-align: center; }

#wrap.main #content .section-info-box { margin-top: 160px; border-top: 1px solid rgba(112, 112, 112, 0.2); }

#wrap.main #content .section-info-box .section-inner { display: table; table-layout: fixed; font-size: 0; }

#wrap.main #content .section-info-box .section-inner:before, #wrap.main #content .section-info-box .section-inner:after { display: none; }

#wrap.main #content .section-info-box .main-cs { position: relative; display: table-cell; vertical-align: top; }

#wrap.main #content .section-info-box .main-cs strong, #wrap.main #content .section-info-box .main-cs span { display: block; }

#wrap.main #content .section-info-box .main-cs > p { color: #333; font-size: 20px; font-weight: 600; }

#wrap.main #content .section-info-box .main-cs > strong { margin-top: 14px; font-size: 34px; line-height: 1; }

#wrap.main #content .section-info-box .main-cs .business-hours { margin-top: 6px; font-size: 16px; color: #666; line-height: 28px; letter-spacing: -0.16px; }

#wrap.main #content .section-info-box .main-cs .btn-area { position: absolute; bottom: 0; width: 100%; font-size: 0; }

#wrap.main #content .section-info-box .main-cs .btn-area > a { display: inline-block; width: 130px; border: 1px solid #ddd; line-height: 54px; text-align: center; color: #666; font-size: 16px; letter-spacing: -0.16px; text-align: center; }

#wrap.main #content .section-info-box .main-cs .btn-area > a + a { margin-left: 10px; }

#wrap.main #content .section-info-box .main-event { display: table-cell; width: 860px; vertical-align: top; }

#wrap.main #content .section-info-box .main-event > p { color: #333; font-size: 20px; font-weight: 600; }

#wrap.main #content .section-info-box .main-event .event-list-wrap { margin-top: 20px; min-height: 173px; }

#wrap.main #content .section-info-box .main-event .swiper-pagination { position: absolute; top: 20px; left: auto; right: 20px; bottom: auto; width: auto; }

#wrap.main #content .section-notice { border-top: 1px solid #e9e9e9; }

#wrap.main #content .section-notice .section-inner { padding: 44px 0; table-layout: fixed; }

#wrap.main #content .section-notice .section-inner > * { display: table-cell; vertical-align: middle; -webkit-box-sizing: border-box; box-sizing: border-box; }

#wrap.main #content .section-notice .section-inner > *.sort { width: 83px; font-weight: 500; font-size: 16px; background: url("../images/common/ico-plus-2.png") no-repeat 100% 50%/12px; }

#wrap.main #content .section-notice .section-inner > *.notice-list { position: relative; }

#wrap.main #content .section-notice .section-inner > *.notice-list > li { position: absolute; top: 0; left: 0; opacity: 0; font-size: 0; -webkit-transition: opacity ease-in 0.5s; transition: opacity ease-in 0.5s; z-index: -100; }

#wrap.main #content .section-notice .section-inner > *.notice-list > li.on { position: static; opacity: 1; z-index: 1; }

#wrap.main #content .section-notice .section-inner > *.notice-list .tit { display: inline-block; padding-left: 90px; width: 870px; font-size: 16px; font-weight: 400; color: #666; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; }

#wrap.main #content .section-notice .section-inner > *.notice-list .date { display: inline-block; padding-left: 40px; width: 120px; font-size: 14px; color: #999; vertical-align: middle; }

#wrap.main #content .section-notice .section-inner > *.btn-area { font-size: 0; text-align: right; }

#wrap.main #content .section-notice .section-inner > *.btn-area > a { position: relative; display: inline-block; width: 15px; height: 15px; color: #333; }

#wrap.main #content .section-notice .section-inner > *.btn-area > a.disabled { opacity: 0.3; pointer-events: none; }

#wrap.main #content .section-notice .section-inner > *.btn-area .btn-prev { background: url("../images/common/arrow/ico-arrow-left.png") no-repeat 0/100%; }

#wrap.main #content .section-notice .section-inner > *.btn-area .btn-next { margin-left: 15px; background: url("../images/common/arrow/ico-arrow-right.png") no-repeat 0/100%; }

#wrap.main #content .btn-more { display: block; margin: 0 auto; width: 360px; line-height: 64px; text-align: center; border: 1px solid #333; font-size: 18px; letter-spacing: -0.56px; }

#wrap.brand.header-deco-1 .header-top { position: fixed; }

#wrap.brand.header-deco-1 .header-primary { bottom: auto; top: calc(100vh - 59px); z-index: 98; }

#wrap.brand #container { padding-top: 0; }

.brand-main .brand-visual { position: relative; padding-top: 90px; height: 650px; font-size: 0; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; -webkit-box-sizing: border-box; box-sizing: border-box; }

.brand-main .brand-visual .section-inner { position: relative; display: table; table-layout: fixed; height: 100%; }

.brand-main .brand-visual .section-inner:before, .brand-main .brand-visual .section-inner:after { display: none; }

.brand-main .brand-visual .section-inner .left-area { display: table-cell; width: 790px; vertical-align: middle; }

.brand-main .brand-visual .section-inner .left-area strong { color: #fff; font-size: 50px; font-weight: 300; letter-spacing: 2px; }

.brand-main .brand-visual .section-inner .left-area p { color: #fff; font-size: 52px; font-weight: 600; letter-spacing: -0.52px; line-height: 67px; }

.brand-main .brand-visual .section-inner .left-area .btn-intro { display: block; margin-top: 48px; width: 190px; line-height: 48px; text-align: center; font-size: 16px; color: #fff; line-height: 48px; letter-spacing: -0.16px; border: 1px solid #ddd; }

.brand-main .brand-visual .section-inner .right-area { display: table-cell; width: 410px; vertical-align: middle; }

.brand-main .brand-visual .section-inner .right-area .brand-visual-list .tab-visual { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding-bottom: 20px; white-space: nowrap; width: auto; }

.brand-main .brand-visual .section-inner .right-area .brand-visual-list .tab-visual > li { display: inline-block; padding: 0; }

.brand-main .brand-visual .section-inner .right-area .brand-visual-list .tab-visual > li:nth-child(n+2) { padding-left: 16px; }

.brand-main .brand-visual .section-inner .right-area .brand-visual-list .tab-visual > li.on a { color: white; font-weight: 500; }

.brand-main .brand-visual .section-inner .right-area .brand-visual-list .tab-visual > li a { position: relative; display: block; font-size: 18px; color: rgba(255, 255, 255, 0.3); }

.brand-main .brand-visual .section-inner .right-area .brand-visual-list .tab-visual > li a:before { content: '#'; }

.brand-main .brand-visual .section-inner .right-area .brand-visual-list .product-list-wrap { position: relative; padding-right: 30px; height: 320px; }

.brand-main .brand-visual .section-inner .right-area .brand-visual-list .product-list-wrap .product-list { height: auto; }

.brand-main .brand-visual .section-inner .right-area .brand-visual-list .product-list-wrap .product-list > li { position: relative; width: 100%; background-color: #fff; -webkit-box-shadow: 1px 1px 5px rgba(119, 119, 119, 0.3); box-shadow: 1px 1px 5px rgba(119, 119, 119, 0.3); }

.brand-main .brand-visual .section-inner .right-area .brand-visual-list .product-list-wrap .product-list > li:nth-child(n+2) { margin-top: 10px; }

.brand-main .brand-visual .section-inner .right-area .brand-visual-list .product-list-wrap .product-list > li > a { display: table; width: 100%; height: 100px; table-layout: fixed; }

.brand-main .brand-visual .section-inner .right-area .brand-visual-list .product-list-wrap .product-list > li > a > * { display: table-cell; width: auto; vertical-align: middle; }

.brand-main .brand-visual .section-inner .right-area .brand-visual-list .product-list-wrap .product-list > li > a > *.info { padding: 0 37px 0 5px; }

.brand-main .brand-visual .section-inner .right-area .brand-visual-list .product-list-wrap .product-list > li > a > *.thum { width: 100px; }

.brand-main .brand-visual .section-inner .right-area .brand-visual-list .product-list-wrap .product-list > li > a .tit { margin-top: 0; min-height: 28px; font-size: 16px; letter-spacing: -0.24px; line-height: 28px; }

.brand-main .brand-visual .section-inner .right-area .brand-visual-list .product-list-wrap .product-list > li > a .price { margin-top: 5px; }

.brand-main .brand-visual .section-inner .right-area .brand-visual-list .product-list-wrap .product-list > li > a .price .sale, .brand-main .brand-visual .section-inner .right-area .brand-visual-list .product-list-wrap .product-list > li > a .price .discount { font-size: 20px; }

.brand-main .brand-visual .section-inner .right-area .brand-visual-list .product-list-wrap .product-list > li .btn-cart { position: absolute; bottom: 20px; right: 20px; width: 20px; height: 20px; }

.brand-main .brand-visual .section-inner .right-area .brand-visual-list .product-list-wrap .product-list > li.last-li { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; }

.brand-main .brand-visual .section-inner .right-area .brand-visual-list .product-list-wrap .product-list > li.last-li a { border: solid 1px #ddd; color: #fff; height: 64px; font-size: 16px; letter-spacing: -0.16px; }

.brand-main .brand-visual .section-inner .right-area .brand-visual-list .product-list-wrap .product-list > li.last-li a:before { content: ''; display: inline-block; margin-top: -3px; margin-right: 10px; width: 14px; height: 14px; background: url("../images/common-fix/ico-spinner-plus-w.png") no-repeat 0/100%; vertical-align: middle; }

.brand-main .brand-visual .section-inner .right-area .brand-visual-list .swiper-scrollbar { position: absolute; top: 0; left: auto; right: 0; height: 100%; width: 4px; background-color: #aaa; }

.brand-main .brand-visual .section-inner .right-area .brand-visual-list .swiper-scrollbar .swiper-scrollbar-drag { top: 0; height: 70px; border-radius: 2px; background-color: #fff; }

.brand-main .brand-visual > .btn-area a { position: absolute; top: calc(50% + 45px); margin-top: -18px; z-index: 30; }

.brand-main .brand-visual > .btn-area a img { vertical-align: middle; }

.brand-main .brand-visual > .btn-area a.btn-prev { left: 60px; }

.brand-main .brand-visual > .btn-area a.btn-prev:before { content: ''; display: inline-block; width: 36px; height: 36px; vertical-align: middle; background: url("../images/common/arrow/ico-arrow-left-w-36x36.png") no-repeat 0/100%; }

.brand-main .brand-visual > .btn-area a.btn-next { right: 60px; }

.brand-main .brand-visual > .btn-area a.btn-next:after { content: ''; display: inline-block; width: 36px; height: 36px; vertical-align: middle; background: url("../images/common/arrow/ico-arrow-right-w-36x36.png") no-repeat 0/100%; }

.brand-main .brand-content { padding: 0 20px; }

.brand-main .brand-content .tab-wrap { position: relative; margin-top: 90px; }

.brand-main .brand-content .tab-depth-1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; width: 100%; overflow-y: none; overflow-x: auto; font-size: 0; text-align: center; }

.brand-main .brand-content .tab-depth-1 > li > a { position: relative; display: block; color: #666; font-size: 15px; }

.brand-main .brand-content .tab-depth-1 > li > a span { display: block; margin-top: 10px; }

.brand-main .brand-content .tab-depth-1 > li.on > a { color: #333; font-weight: 500; }

.brand-main .brand-content .tab-depth-2 { display: none; margin-top: 30px; width: 100%; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.brand-main .brand-content .tab-depth-2.on { display: -webkit-box; display: -ms-flexbox; display: flex; }

.brand-main .brand-content .tab-depth-2 > li { position: relative; padding: 20px 0; }

.brand-main .brand-content .tab-depth-2 > li:nth-child(n+2)::before { content: ''; display: inline-block; margin: 0 24px; width: 1px; height: 12px; vertical-align: middle; background-color: rgba(112, 112, 112, 0.5); }

.brand-main .brand-content .tab-depth-2 > li.on a { color: #222; font-weight: 500; border-color: #222; }

.brand-main .brand-content .tab-depth-2 > li a { position: relative; color: #999; font-size: 14px; vertical-align: middle; }

.brand-main .brand-content .sorting-wrap { margin-top: 15px; margin-top: 50px; text-align: right; }

.brand-main .brand-content .sorting-wrap .sort-select-area { position: relative; display: inline-block; }

.brand-main .brand-content .sorting-wrap .sort-select-area .btn-info { display: inline-block; width: 15px; height: 15px; vertical-align: middle; background: url("../images/common/ico-sorting.png") no-repeat 0/100%; font-size: 0; text-indent: -100000em; }

.brand-main .brand-content .sorting-wrap .sort-select-area .selectric-wrapper { display: inline-block; width: 110px; vertical-align: middle; text-align: left; }

.brand-main .brand-content .sorting-wrap .sort-select-area .selectric-wrapper .selectric .label { padding-left: 8px; padding-right: 20px; font-size: 16px; color: #333; }

.brand-main .brand-content .sorting-wrap .sort-select-area .selectric-wrapper .selectric .button { width: auto; color: #333; font: 18px/34px Lucida Sans Unicode, Arial Unicode MS, Arial; }

.brand-main .brand-content .sorting-wrap .sort-select-area .selectric-wrapper .selectric .button:after { display: none; }

.brand-main .brand-content .skin-type-set-wrap { margin-top: 14px; padding: 20px 40px; background-color: #F7F7F7; text-align: center; border-top: 1px solid #E9E9E9; }

.brand-main .brand-content .skin-type-set-wrap .btn-skin-type-set { font-size: 14px; color: #333; letter-spacing: -0.14px; }

.brand-main .brand-content .skin-type-set-wrap .btn-skin-type-set:after { content: ''; display: inline-block; margin: -2px 0 0 5px; width: 16px; height: 16px; text-indent: -100000em; font-size: 0; background: url("../images/common/ico-setting.png") no-repeat 100% 50%/100%; vertical-align: middle; }

.brand-main .brand-content .skin-type-set-wrap .skin-type-list-wrap { display: none; }

.brand-main .brand-content .skin-type-set-wrap .skin-type-list-wrap .skin-type-list { padding: 27px 40px; background-color: #fff; font-size: 0; text-align: left; }

.brand-main .brand-content .skin-type-set-wrap .skin-type-list-wrap .skin-type-list > li { display: inline-block; margin: 8px 60px 8px 0; font-size: 14px; letter-spacing: -0.14px; }

.brand-main .brand-content .skin-type-set-wrap .btn-area { margin-top: 40px; display: none; font-size: 0; text-align: center; }

.brand-main .brand-content .skin-type-set-wrap .btn-area a { display: inline-block; padding: 0 30px; background-color: #333; line-height: 44px; color: #fff; letter-spacing: -0.16px; font-size: 16px; }

.brand-main .brand-content .skin-type-set-wrap .btn-area a:nth-child(2) { margin-left: 10px; }

.brand-main .brand-content .skin-type-set-wrap .selected-type-area { text-align: left; }

.brand-main .brand-content .skin-type-set-wrap .selected-type-area span { display: inline-block; margin: 10px 30px 0 0; font-size: 14px; color: #666; letter-spacing: -0.14px; }

.brand-main .brand-content .skin-type-set-wrap .selected-type-area span a { display: inline-block; margin-top: -4px; margin-left: 10px; width: 10px; height: 10px; background: url("../images/common/close/ico-close-gray-10x10.png") no-repeat 0/100%; font-size: 0; vertical-align: middle; }

.brand-main .brand-content .skin-type-set-wrap.on .selected-type-area { padding-top: 16px; }

.brand-main .brand-content .skin-type-set-wrap.on .btn-area { display: block; }

.brand-main .brand-content .skin-type-set-wrap.on .btn-skin-type-set { display: none; }

.brand-main .brand-content .skin-type-set-wrap.chkY .selected-type-area { margin-top: -10px; padding-right: 180px; }

.brand-main .brand-content .skin-type-set-wrap.chkY .btn-skin-type-set { float: right; }

.brand-main .brand-content .product-list-wrap { position: relative; }

.brand-main .brand-content .product-list-wrap .loader-box .loader { bottom: auto; top: 200px; }

.brand-main .brand-content .product-list { margin-top: 30px; min-height: 800px; }

.brand-main .brand-content .product-list .result-empty-content { display: -webkit-box; display: -ms-flexbox; display: flex; height: 500px; }

.brand-main .section-coupon { margin-top: 100px; }

.brand-main .section-coupon .swiper-slide { width: 1230px; margin: 0 auto; padding: 0 15px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.brand-main .section-coupon .swiper-slide img { max-width: 1200px; }

.brand-main .section-sns { padding: 60px 0 120px; }

.brand-main .section-sns .sns { margin-top: 15px; font-size: 0; text-indent: -100000em; text-align: center; }

.brand-main .section-sns .sns a { margin: 0 15px; display: inline-block; width: 50px; height: 50px; vertical-align: middle; background-size: 100%; background-repeat: no-repeat; }

.brand-main .section-sns .sns a.facebook { background-image: url("../images/brand/ico-face.png"); }

.brand-main .section-sns .sns a.instagram { background-image: url("../images/brand/ico-insta.png"); }

.brand-main .section-sns .sns a.kakao { background-image: url("../images/brand/ico-kakao.png"); }

.brand-main .btn-more { display: block; margin: 0 auto; width: 360px; line-height: 64px; text-align: center; border: 1px solid #333; font-size: 18px; letter-spacing: -0.56px; }

.brand-intro .brand-visual-wrap { position: relative; height: 100vh; }

.brand-intro .brand-visual { position: relative; display: table; font-size: 0; background-size: cover; width: 100%; height: 100%; background-attachment: fixed; background-position: 50% 50%; background-repeat: no-repeat; -webkit-box-sizing: border-box; box-sizing: border-box; }

.brand-intro .brand-visual .cont { display: table-cell; width: 100%; height: 100vh; text-align: center; vertical-align: middle; }

.brand-intro .brand-visual .cont p { font-size: 18px; color: #fff; }

.brand-intro .brand-visual .cont strong { display: block; font-size: 90px; color: #fff; }

.brand-intro .brand-visual .cont a { display: inline-block; margin-top: 65px; padding: 0 60px; border: 1px solid #fff; font-size: 18px; color: #fff; line-height: 64px; }

.brand-intro .brand-visual .cont .scrEff { opacity: 0; -webkit-transform: translate(0, -30%) scale(0.2); -ms-transform: translate(0, -30%) scale(0.2); transform: translate(0, -30%) scale(0.2); -webkit-transition: all 1s 0.1s; transition: all 1s 0.1s; }

.brand-intro .brand-visual .cont .scrEff.on { opacity: 1; -webkit-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); transform: translateY(0) scale(1); -webkit-transition: all 1s 0.1s; transition: all 1s 0.1s; }

.brand-intro .scrY { position: absolute; width: 100%; left: 0; bottom: 110px; text-align: center; font-size: 0; -webkit-animation: sdb 1.3s linear infinite; animation: sdb 1.3s linear infinite; -webkit-animation-delay: 1s; animation-delay: 1s; }

.brand-intro .tab-brand { position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; background-color: #fff; border-bottom: 1px solid #e9e9e9; background-color: #fff; }

.brand-intro .tab-brand.fixed { position: fixed; bottom: auto; top: 90px; z-index: 900; }

.brand-intro .tab-brand .tab { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; width: 1200px; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; }

.brand-intro .tab-brand .tab li { position: relative; width: 100%; padding: 18px 0; text-align: center; }

.brand-intro .tab-brand .tab li a { display: block; border-left: 1px solid #e9e9e9; color: #333; letter-spacing: -0.16px; font-size: 16px; }

.brand-intro .tab-brand .tab li:last-child a { border-right: 1px solid #e9e9e9; -webkit-box-sizing: border-box; box-sizing: border-box; }

.brand-intro .tab-brand .tab li.on a:after { content: ''; position: absolute; width: 100%; height: 2px; left: 0; bottom: 0; background-color: #333; }

.brand-intro .brand-content { margin: 0 auto; padding: 90px 0 100px; width: 1200px; }

.brand-intro .brand-content .scrEff { opacity: 0; -webkit-transform: translateY(40%); -ms-transform: translateY(40%); transform: translateY(40%); -webkit-transition: all 1s 0.2s; transition: all 1s 0.2s; }

.brand-intro .brand-content .scrEff.on { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

.brand-intro .brand-content .text-area { line-height: 1.4; text-align: center; }

.brand-intro .brand-content .text-area strong { font-size: 42px; color: #333; line-height: 54px; }

.brand-intro .brand-content .text-area .hl { background-color: #48cbaa; }

.brand-intro .brand-content .text-area p { margin-top: 30px; color: #666; font-size: 18px; line-height: 30px; }

.brand-intro .brand-content .text-area p + p { margin-top: 15px; }

.brand-intro .brand-content .text-area span { display: block; margin-top: 30px; color: #999; font-size: 14px; line-height: 27px; }

.brand-intro .brand-content .brand-product-swiper { position: relative; margin-top: 100px; }

.brand-intro .brand-content .brand-product-swiper .thum { width: 580px; height: 380px; }

.brand-intro .brand-content .brand-product-swiper p { font-size: 16px; margin-top: 15px; color: #333; }

.brand-intro .brand-content .brand-product-swiper p + p { margin-top: 15px; }

.brand-intro .brand-content .brand-product-swiper .swiper-btn-area > div { position: absolute; top: 170px; width: 40px; height: 40px; text-indent: -100000em; font-size: 0; border-radius: 50%; -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); z-index: 100; }

.brand-intro .brand-content .brand-product-swiper .swiper-btn-area .swiper-prev { left: -60px; background: url(../images/common/btn-prev.png) no-repeat 0/100%; -webkit-transform: none; -ms-transform: none; transform: none; }

.brand-intro .brand-content .brand-product-swiper .swiper-btn-area .swiper-next { right: -60px; background: url(../images/common/btn-next.png) no-repeat 0/100%; }

.brand-intro .brand-content .brand-product-swiper .swiper-btn-area .swiper-button-disabled { opacity: 0.4; }

@-webkit-keyframes sdb { 0% { bottom: 150px; }
  100% { bottom: 110px; } }

@keyframes sdb { 0% { bottom: 150px; }
  100% { bottom: 110px; } }

/* able-data-lab */
.data-lab-wrap .content-head { padding-top: 80px; }

.data-lab-wrap .content-head h2 { width: 1200px; margin: 0 auto; font-size: 40px; letter-spacing: -0.92px; color: #333; }

.data-lab-wrap .section .section-tit { padding-bottom: 30px; text-align: center; }

.data-lab-wrap .section .section-tit p { position: relative; font-size: 24px; color: #333; }

.data-lab-wrap .section .section-tit strong { color: #e26b0f; }

.data-lab-wrap .section-1 { padding-bottom: 100px; }

.data-lab-wrap .section-1 .sorting-wrap { position: relative; margin: 40px auto 0; width: 1200px; letter-spacing: -0.24px; }

.data-lab-wrap .section-1 .sorting-wrap:after { content: ''; display: block; clear: both; }

.data-lab-wrap .section-1 .sorting-wrap .tab-best { font-size: 0; text-align: center; }

.data-lab-wrap .section-1 .sorting-wrap .tab-best > li { display: inline-block; margin: 0 15px; }

.data-lab-wrap .section-1 .sorting-wrap .tab-best > li.on a { border-color: #333; }

.data-lab-wrap .section-1 .sorting-wrap .tab-best > li a { display: block; padding-bottom: 5px; border-bottom: 2px solid transparent; font-size: 18px; line-height: 26px; letter-spacing: -0.9px; }

.data-lab-wrap .section-1 .sorting-wrap .sort-select-area { text-align: center; }

.data-lab-wrap .section-1 .sorting-wrap .sort-select-area > span { margin: 0 10px; font-size: 24px; vertical-align: middle; }

.data-lab-wrap .section-1 .sorting-wrap .sort-select-area .selectric-wrapper { display: inline-block; vertical-align: middle; border-bottom: 2px solid #333; }

.data-lab-wrap .section-1 .sorting-wrap .sort-select-area .selectric-wrapper .selectric .label { padding-left: 0; font-size: 24px; }

.data-lab-wrap .section-1 .sorting-wrap .sort-select-area .selectric-sort-1 { width: 55px; }

.data-lab-wrap .section-1 .sorting-wrap .sort-select-area .selectric-sort-3 { width: 90px; }

.data-lab-wrap .section-1 .product-list-wrap { margin: 60px auto 0; min-height: 573px; }

.data-lab-wrap .section-1 .product-list-wrap > .btn-area { margin-top: 60px; }

.data-lab-wrap .section-2 { padding: 100px 0; background-color: #F7F7F7; font-size: 0; }

.data-lab-wrap .section-2 .btn-recommend { position: absolute; right: 0; bottom: 0; font-size: 16px; color: #666; line-height: 36px; }

.data-lab-wrap .section-2 .btn-recommend:after { content: ''; display: inline-block; margin-left: 6px; margin-top: -5px; width: 24px; height: 24px; background: url("../images/common/ico-rotate.png") no-repeat 0/100%; vertical-align: middle; }

.data-lab-wrap .section-2 .left-area { float: left; width: 580px; }

.data-lab-wrap .section-2 .left-area .product-list > .over { width: 580px; height: 580px; }

.data-lab-wrap .section-2 .left-area .product-list > .over .emblem__area { z-index: 0; }

.data-lab-wrap .section-2 .right-area { float: right; width: 580px; }

.data-lab-wrap .section-2 .right-area .product-list > .over { width: 270px; height: 270px; }

.data-lab-wrap .section-2 .right-area .product-list > .over .emblem__area { z-index: 0; }

.data-lab-wrap .section-2 .product-list .over { position: relative; overflow: hidden; }

.data-lab-wrap .section-2 .product-list .over:hover .info { bottom: 0; }

.data-lab-wrap .section-2 .product-list .over:hover:hover:after { bottom: 0; }

.data-lab-wrap .section-2 .product-list .over:nth-child(2n) { margin-left: 40px; }

.data-lab-wrap .section-2 .product-list .over:nth-child(n+3) { margin-top: 40px; }

.data-lab-wrap .section-2 .product-list .over:after { content: ''; position: absolute; bottom: -100%; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); text-align: center; -webkit-transition: bottom 0.2s; transition: bottom 0.2s; }

.data-lab-wrap .section-2 .product-list .over .info { position: absolute; padding: 30px 15px; bottom: -100%; left: 0; width: 100%; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: bottom 0.2s; transition: bottom 0.2s; z-index: 2; }

.data-lab-wrap .section-2 .product-list .over .info .tit { color: #fff; }

.data-lab-wrap .section-2 .product-list .over .info .price .sale { color: #fff; }

.data-lab-wrap .section-2 .product-list .over .info .price .prime { color: rgba(255, 255, 255, 0.4); }

.data-lab-wrap .section-2 .product-list .over .info .grade { color: #aaa; }

.data-lab-wrap .section-2 .product-list .over.sold-out:hover .info { display: none; }

.data-lab-wrap .section-2 .product-list .over.sold-out:hover:hover:after { display: none; }

.data-lab-wrap .section-2 .product-list .over.sold-out .info { display: none !important; }

.data-lab-wrap .section-2 .product-list .over.sold-out .info::after { display: none !important; }

.data-lab-wrap .section-2 .product-list .over.sold-out .soldout-cover a { color: #ffffff; padding: 80px; }

.data-lab-wrap .section-3 { padding: 100px 0; }

.data-lab-wrap .section-3 .product-list li { padding-bottom: 60px; width: 270px; }

.data-lab-wrap .section-3 .product-list li .thum { height: 270px; }

.data-lab-wrap .section-3 .product-list li:not(:nth-child(4n+1)) { margin-left: 40px; }

.data-lab-wrap .section-3 .btn-more { display: block; margin: 0 auto; width: 360px; line-height: 64px; text-align: center; border: 1px solid #ddd; font-size: 18px; letter-spacing: -0.56px; }

.data-lab-wrap .section-4 { padding-bottom: 120px; }

.data-lab-wrap .section-4 .section-inner:after { content: ''; display: block; clear: both; }

.data-lab-wrap .section-4 .left-area { float: left; padding-right: 20px; width: 310px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.data-lab-wrap .section-4 .left-area > * { text-align: left; }

.data-lab-wrap .section-4 .left-area .section-tit { padding-bottom: 40px; }

.data-lab-wrap .section-4 .left-area .section-tit strong { display: block; color: #333; letter-spacing: -2.22px; font-size: 36px; line-height: 44px; }

.data-lab-wrap .section-4 .left-area .section-tit p { display: block; margin-top: 15px; color: #999; letter-spacing: -0.28px; line-height: 24px; font-size: 16px; font-weight: 400; }

.data-lab-wrap .section-4 .left-area .select-wrap { position: relative; }

.data-lab-wrap .section-4 .left-area .select-wrap > p { font-size: 24px; letter-spacing: -0.24px; }

.data-lab-wrap .section-4 .left-area .select-wrap .selectric { display: inline-block; width: 90%; border-radius: 0; border: 0; border-bottom: 2px solid #333; }

.data-lab-wrap .section-4 .left-area .select-wrap .selectric .label { padding: 0 20px 0 0; color: #333; letter-spacing: -0.24px; font-size: 24px; font-weight: 600; }

.data-lab-wrap .section-4 .left-area .select-wrap .selectric-items { top: 35px; }

.data-lab-wrap .section-4 .left-area .select-wrap .btn-recommend { margin-top: 50px; display: block; width: 180px; font-size: 14px; line-height: 54px; color: #666; text-align: center; border: 1px solid #ddd; }

.data-lab-wrap .section-4 .left-area .select-wrap .btn-recommend:after { content: ''; display: inline-block; margin-left: 6px; margin-top: -5px; width: 24px; height: 24px; background: url("../images/common/ico-rotate.png") no-repeat 0/100%; vertical-align: middle; }

.data-lab-wrap .section-4 .right-area { position: relative; float: right; width: 890px; }

.data-lab-wrap .section-4 .right-area .loader-box .loader { top: 170px; bottom: auto; }

.data-lab-wrap .section-4 .right-area .product-list { min-height: 350px; }

.data-lab-wrap .section-4 .right-area .product-list > li { width: 270px; }

.data-lab-wrap .section-4 .right-area .product-list > li:not(:nth-child(3n)) { margin-right: 40px; }

.data-lab-wrap .section-4 .right-area .product-list > li:nth-child(n+4) { margin-top: 60px; }

.data-lab-wrap .section-4 .right-area .product-list > li .tit { font-size: 16px; letter-spacing: -0.16px; }

/* 기획전 상세 */
.brand-event-detail .product-list-wrap { position: relative; margin-top: 88px; }

.brand-event-detail .product-list-wrap .brand-prd { position: relative; }

.brand-event-detail .product-list-wrap h2 { padding: 65px 0 35px; font-size: 20px; }

.brand-event-detail .product-list-wrap .btn-to-tab { position: absolute; right: 20px; top: 65px; padding-top: 17px; background: url("../images/common/btn-top-bl-2.png") no-repeat 50% 0/24px; line-height: 1.2; text-align: center; font-size: 13px; color: #333; }

.brand-event-detail .product-list-wrap .tab-wrap .tab { width: 100%; font-size: 0; background-color: #fff; }

.brand-event-detail .product-list-wrap .tab-wrap .tab.fixed { position: fixed; top: 4rem; z-index: 100; }

.brand-event-detail .product-list-wrap .tab-wrap .tab > li { display: inline-block; width: 33.33%; height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #d5d5d5; cursor: pointer; text-align: center; }

.brand-event-detail .product-list-wrap .tab-wrap .tab > li:before { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; }

.brand-event-detail .product-list-wrap .tab-wrap .tab > li:not(:nth-child(3n+1)) { border-left: 0; }

.brand-event-detail .product-list-wrap .tab-wrap .tab > li:nth-child(n+4) { border-top: 0; }

.brand-event-detail .product-list-wrap .tab-wrap .tab > li.on { background-color: #E26B0F; border: 1px solid #E26B0F; }

.brand-event-detail .product-list-wrap .tab-wrap .tab > li.on a { color: #fff; }

.brand-event-detail .product-list-wrap .tab-wrap .tab > li a { display: inline-block; padding: 0 8px; font-size: 16px; color: #89898a; text-align: center; vertical-align: middle; word-break: break-word; }

.brand-event-detail .product-list-wrap .product-list > li { width: 270px; }

.brand-event-detail .product-list-wrap .product-list > li:not(:nth-child(4n)) { margin-right: 40px; }

.brand-event-detail .product-list-wrap .product-list > li:nth-child(n+5) { margin-top: 60px; }

.brand-event-detail .product-list-wrap .product-list > li .tit { font-size: 16px; letter-spacing: -0.16px; }

/* 베스트 상품평 */
.section-bestReview { background-color: #f7f7f7; }

.section-bestReview .best-review-list-wrap { position: relative; margin: 40px auto 0; width: 1200px; }

.section-bestReview .best-review-list-wrap .loader-box { width: 100%; }

.section-bestReview .best-review-list-wrap .swiper-btn-area { display: none; }

.section-bestReview .best-review-list-wrap .swiper-slide { margin-right: 40px; width: 373px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.section-bestReview .best-review-list-wrap .swiper-slide > .thum { width: 373px; height: 373px; cursor: pointer; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }

.section-bestReview .best-review-list-wrap .swiper-slide > .thum a { display: block; width: 100%; height: 100%; }

.section-bestReview .best-review-list-wrap .swiper-slide .cont { margin-top: 22px; }

.section-bestReview .best-review-list-wrap .swiper-slide .cont .rating-result-wrap { line-height: 1; }

.section-bestReview .best-review-list-wrap .swiper-slide .cont .rating-result-wrap .rating-value { font-size: 14px; color: #666; letter-spacing: -0.42px; }

.section-bestReview .best-review-list-wrap .swiper-slide .cont .txt { margin-top: 10px; height: 84px; font-size: 16px; line-height: 28px; letter-spacing: -0.16px; }

.section-bestReview .best-review-list-wrap .swiper-slide .cont .hash-tag { margin-top: 16px; height: 64px; overflow: hidden; font-size: 0; }

.section-bestReview .best-review-list-wrap .swiper-slide .cont .hash-tag li { display: inline-block; width: 50%; }

.section-bestReview .best-review-list-wrap .swiper-slide .cont .hash-tag li:nth-child(n+3) { margin-top: 10px; }

.section-bestReview .best-review-list-wrap .swiper-slide .cont .hash-tag li strong { padding: 0 10px; width: 88px; display: inline-block; color: #666; font-size: 14px; font-weight: 400; line-height: 26px; text-align: center; background-color: #ececec; border-radius: 13px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.section-bestReview .best-review-list-wrap .swiper-slide .cont .hash-tag li span { display: inline-block; margin-left: 7px; color: #666; line-height: 26px; font-size: 14px; }

.section-bestReview .best-review-list-wrap .swiper-slide .cont .write-info { margin-top: 20px; font-size: 0; }

.section-bestReview .best-review-list-wrap .swiper-slide .cont .write-info .writer { font-size: 14px; }

.section-bestReview .best-review-list-wrap .swiper-slide .cont .write-info .date { position: relative; color: #aaa; font-size: 14px; }

.section-bestReview .best-review-list-wrap .swiper-slide .cont .write-info .date::before { content: ''; display: inline-block; margin: -3px 6px 0; width: 1px; height: 12px; background-color: #aaa; vertical-align: middle; }

.section-bestReview .best-review-list-wrap .swiper-slide .cont .product-link { margin-top: 24px; padding-top: 24px; border-top: 1px solid #ddd; }

.section-bestReview .best-review-list-wrap .swiper-slide .cont .product-link .thum { width: 90px; height: 90px; }

.section-bestReview .best-review-list-wrap .swiper-btn-area { display: none; }

.section-bestReview .best-review-list-wrap .swiper-btn-area > div { position: absolute; top: 165px; width: 40px; height: 40px; text-indent: -100000em; font-size: 0; border-radius: 50%; -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); z-index: 100; }

.section-bestReview .best-review-list-wrap .swiper-btn-area .swiper-prev { left: -60px; background: url(../images/common/btn-prev.png) no-repeat 0/100%; -webkit-transform: none; -ms-transform: none; transform: none; }

.section-bestReview .best-review-list-wrap .swiper-btn-area .swiper-next { right: -60px; background: url(../images/common/btn-next.png) no-repeat 0/100%; }

.section-bestReview .best-review-list-wrap > .btn-area { margin-top: 60px; }

.review-detail-popup .popup-container { margin: 0 auto; width: 960px; }

.review-detail-popup .review-detail { display: -webkit-box; display: -ms-flexbox; display: flex; }

.review-detail-popup .review-detail .thum-wrap { width: 460px; }

.review-detail-popup .review-detail .thum-wrap .thum { position: relative; display: table-cell; width: 460px; height: 460px; vertical-align: middle; text-align: center; font-size: 0; }

.review-detail-popup .review-detail .thum-wrap .thum img { position: absolute; top: 0; left: 0; max-width: 100%; max-height: 100%; opacity: 0; z-index: -1; -webkit-transition: opacity 0.6s 0.1s ease-out; transition: opacity 0.6s 0.1s ease-out; }

.review-detail-popup .review-detail .thum-wrap .thum img.on { position: relative; opacity: 1; z-index: 1; }

.review-detail-popup .review-detail .cont { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: justify; align-content: space-between; margin-left: 30px; width: 405px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.review-detail-popup .review-detail .cont .cont-top { width: 100%; }

.review-detail-popup .review-detail .cont .tit { display: block; font-size: 18px; letter-spacing: -0.18px; }

.review-detail-popup .review-detail .cont .write-info { margin-top: 9px; }

.review-detail-popup .review-detail .cont .write-info .writer { font-size: 14px; }

.review-detail-popup .review-detail .cont .write-info .skin-type { margin-left: 3px; color: #aaa; }

.review-detail-popup .review-detail .cont .write-info .date { float: right; color: #aaa; }

.review-detail-popup .review-detail .cont .rating-result-wrap { margin-top: 15px; }

.review-detail-popup .review-detail .cont .rating-result-wrap .rating-value { margin-left: 5px; color: #333; font-size: 14px; font-weight: 500; }

.review-detail-popup .review-detail .cont .option { margin-top: 20px; padding: 15px 16px; color: #999; letter-spacing: -0.14px; background-color: #f7f7f7; line-height: 20px; }

.review-detail-popup .review-detail .cont .txt { margin-top: 20px; padding-right: 10px; height: 252px; line-height: 28px; font-size: 16px; letter-spacing: -0.16px; overflow-y: auto; white-space: pre-line; word-break: break-word; }

.review-detail-popup .review-detail .cont .hash-tag { margin-top: 20px; width: 100%; font-size: 0; }

.review-detail-popup .review-detail .cont .hash-tag li { display: inline-block; width: 50%; }

.review-detail-popup .review-detail .cont .hash-tag li:nth-child(n+3) { margin-top: 10px; }

.review-detail-popup .review-detail .cont .hash-tag li strong { padding: 0 10px; width: 88px; display: inline-block; color: #333; font-size: 14px; font-weight: 400; line-height: 26px; text-align: center; background-color: #ececec; border-radius: 13px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.review-detail-popup .review-detail .cont .hash-tag li span { display: inline-block; margin-left: 7px; color: #666; line-height: 26px; font-size: 14px; }

.review-detail-popup .bullet-thum { margin-top: 5px; font-size: 0; }

.review-detail-popup .bullet-thum > li { position: relative; display: inline-block; width: 88px; height: 88px; }

.review-detail-popup .bullet-thum > li + li { margin-left: 5px; }

.review-detail-popup .bullet-thum > li:after { content: ''; position: absolute; display: none; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border: solid 3px #333; }

.review-detail-popup .bullet-thum > li.on:after { display: block; }

.review-detail-popup .bullet-thum > li a { display: block; width: 100%; height: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; }

.review-detail-popup .btn-area { margin-top: 40px; text-align: center; }

.review-detail-popup .btn-area .cart, .review-detail-popup .btn-area .order, .review-detail-popup .btn-area .disabled, .review-detail-popup .btn-area .notification { width: 215px; }

.review-detail-popup .btn-area .cart { border-radius: 0; border: 1px solid #d5d5d5; text-indent: 0; }

.review-detail-popup .btn-area .cart:before { display: none; }

/* 리뷰페이지 */
.review-detail-content { margin-top: 60px; }

.review-detail-content h3 { font-size: 32px; text-align: center; }

.review-detail-content .section-bestReview { padding: 80px 0; }

.review-detail-content .section-reveiw-list { padding: 80px 0; }

.review-detail-content .section-reveiw-list .product-list .thum a { display: initial; }

.review-detail-content .section-reveiw-list .product-list .thum img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }

.review-detail-content .section-reveiw-list .view-type { position: absolute; right: 0; bottom: 0; }

.review-detail-content .section-reveiw-list .hl { color: #333; background: #ffdc2e; }

.review-detail-content .section-reveiw-list .search-area { position: relative; display: inline-block; margin-left: 20px; width: 270px; border: 1px solid #eee; }

.review-detail-content .section-reveiw-list .search-area .search-input { padding: 0 34px 0 14px; width: 100%; height: 40px; font-size: 14px; color: #333; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: transparent; }

.review-detail-content .section-reveiw-list .search-area .search-input::-webkit-input-placeholder { font-size: 14px; color: #999; font-weight: 400; letter-spacing: -0.16px; }

.review-detail-content .section-reveiw-list .search-area .search-input::-moz-placeholder { font-size: 14px; color: #999; font-weight: 400; letter-spacing: -0.16px; }

.review-detail-content .section-reveiw-list .search-area .search-input:-ms-input-placeholder { font-size: 14px; color: #999; font-weight: 400; letter-spacing: -0.16px; }

.review-detail-content .section-reveiw-list .search-area .search-input::-ms-input-placeholder { font-size: 14px; color: #999; font-weight: 400; letter-spacing: -0.16px; }

.review-detail-content .section-reveiw-list .search-area .search-input::placeholder { font-size: 14px; color: #999; font-weight: 400; letter-spacing: -0.16px; }

.review-detail-content .section-reveiw-list .search-area .search-input:focus { border: 0; outline: none; }

.review-detail-content .section-reveiw-list .search-area .search-link { position: absolute; top: 0; right: 0; width: 40px; height: 40px; background: url("../images/common/btn-search-2.png") no-repeat 50% 50%/23px; font-size: 0; text-indent: -100000em; }

.review-detail-content .section-reveiw-list .prd-review { margin-top: 16px; padding-top: 16px; border-top: 1px solid #ddd; }

.review-detail-content .section-reveiw-list .prd-review .txt { display: block; margin-top: 10px; height: 66px; font-size: 14px; letter-spacing: -0.14px; color: #999; line-height: 22px; }

.review-detail-content .section-reveiw-list .prd-review .rating-result-wrap .rating-value { margin-left: 5px; color: #999; font-size: 14px; font-weight: 500; }

.review-detail-content .section-reveiw-list .prd-review .write-info { margin-top: 14px; font-size: 0; }

.review-detail-content .section-reveiw-list .prd-review .write-info .writer { font-size: 14px; }

.review-detail-content .section-reveiw-list .prd-review .write-info .date { position: relative; color: #aaa; font-size: 14px; }

.review-detail-content .section-reveiw-list .prd-review .write-info .date::before { content: ''; display: inline-block; margin: -3px 6px 0; width: 1px; height: 12px; background-color: #aaa; vertical-align: middle; }

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