@charset "UTF-8";
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

ul { list-style: none; }

button, input, select, textarea { margin: 0; }

html { box-sizing: border-box; }

*, *::before, *::after { box-sizing: inherit; }

img, video { height: auto; max-width: 100%; }

iframe { border: 0; }

table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

td:not([align]), th:not([align]) { text-align: left; }

/*******************************************************************
font
********************************************************************/
@font-face { font-family: 'Noto Sans KR'; src: url(../fonts/NotoSansKR-Regular.woff) format("woff2"), url(../fonts/NotoSansKR-Regular.woff) format("woff"), url(https://static.hyundailivart.co.kr/assets/fonts/NotoSansKR-Regular.ttf) format("opentype"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: 'Noto Sans KR'; src: url(../fonts/NotoSansKR-SemiBold.woff) format("woff2"), url(../fonts/NotoSansKR-SemiBold.woff) format("woff"), url(https://static.hyundailivart.co.kr/assets/fonts/NotoSansKR-SemiBold.ttf) format("opentype"); font-weight: 600; font-style: normal; font-display: swap; }

@font-face { font-family: 'Noto Sans KR'; src: url(https://static.hyundailivart.co.kr/assets/fonts/NotoSansKR-Bold.woff2) format("woff2"), url(https://static.hyundailivart.co.kr/assets/fonts/NotoSansKR-Bold.woff) format("woff"), url(https://static.hyundailivart.co.kr/assets/fonts/NotoSansKR-Bold.ttf) format("opentype"); font-weight: 700; font-style: normal; font-display: swap; }

@font-face { font-family: 'Roboto'; src: url(../fonts/Roboto-Regular.woff) format("woff2"), url(../fonts/Roboto-Regular.woff) format("woff"), url(../fonts/Roboto-Regular.eot) format("embedded-opentype"); font-weight: 400; font-style: normal; font-display: swap; }

@font-face { font-family: 'Roboto'; src: url(../fonts/Roboto-Bold.woff) format("woff2"), url(../fonts/Roboto-Bold.woff) format("woff"), url(../fonts/Roboto-Bold.eot) format("embedded-opentype"); font-weight: 600; font-style: normal; font-display: swap; }

@font-face { font-family: 'Roboto'; src: url(../fonts/Roboto-Light.woff) format("woff2"), url(../fonts/Roboto-Light.woff) format("woff"), url(../fonts/Roboto-Light.ttf) format("truetype"); font-weight: 300; font-style: normal; font-display: swap; }

@font-face { font-family: 'Roboto'; src: url(../fonts/Roboto-Thin.woff) format("woff2"), url(../fonts/Roboto-Thin.woff) format("woff"), url(../fonts/Roboto-Thin.ttf) format("truetype"); font-weight: 100; font-style: normal; font-display: swap; }

@keyframes spinAround { from { transform: rotate(0deg); }
  to { transform: rotate(359deg); } }

.modal-close, .modal-close-this, .is-unselectable, .button, .file, .breadcrumb, .breadcrumb2, .pagination-link, .pagination-ellipsis, .pagination-first, .pagination-last, .pagination-previous, .pagination-next, .tabs { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.select:not(.is-multiple):not(.is-loading)::after { border: 2px solid transparent; border-radius: 2px; border-right: 0; border-top: 0; content: ' '; display: block; height: 0.625em; margin-top: -0.4375em; pointer-events: none; position: absolute; top: 50%; transform: rotate(-45deg); transform-origin: center; width: 0.625em; }

.content:not(:last-child), .table:not(:last-child), .table-container:not(:last-child), .title:not(:last-child), .subtitle:not(:last-child), .breadcrumb:not(:last-child), .breadcrumb2:not(:last-child), .list:not(:last-child), .pagination:not(:last-child), .tabs:not(:last-child) { margin-bottom: 15px; }

.modal-close, .modal-close-this { -moz-appearance: none; -webkit-appearance: none; background-color: rgba(51, 51, 51, 0.2); border: none; border-radius: 290486px; cursor: pointer; pointer-events: auto; display: inline-block; flex-grow: 0; flex-shrink: 0; font-size: 0; height: 20px; max-height: 20px; max-width: 20px; min-height: 20px; min-width: 20px; outline: none; position: relative; vertical-align: top; width: 20px; }

.modal-close::before, .modal-close-this::before, .modal-close::after, .modal-close-this::after { background-color: white; content: ''; display: block; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); transform-origin: center center; }

.modal-close::before, .modal-close-this::before { height: 2px; width: 50%; }

.modal-close::after, .modal-close-this::after { height: 50%; width: 2px; }

.modal-close:hover, .modal-close-this:hover, .modal-close:focus, .modal-close-this:focus { background-color: rgba(51, 51, 51, 0.3); }

.modal-close:active, .modal-close-this:active { background-color: rgba(51, 51, 51, 0.4); }

.is-small.modal-close, .is-small.modal-close-this { height: 16px; max-height: 16px; max-width: 16px; min-height: 16px; min-width: 16px; width: 16px; }

.is-medium.modal-close, .is-medium.modal-close-this { height: 24px; max-height: 24px; max-width: 24px; min-height: 24px; min-width: 24px; width: 24px; }

.is-large.modal-close, .is-large.modal-close-this { height: 32px; max-height: 32px; max-width: 32px; min-height: 32px; min-width: 32px; width: 32px; }

.button.is-loading::after, .select.is-loading::after, .control.is-loading::after { animation: spinAround 500ms infinite linear; border: 2px solid #eee; border-radius: 290486px; border-right-color: transparent; border-top-color: transparent; content: ''; display: block; height: 1em; position: relative; width: 1em; }

.is-overlay, .modal, .modal-background, .modal-background-unclose, .modal-background-this { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }

.button, .input, .textarea, .select select, .file-cta, .file-name, .pagination-link, .pagination-ellipsis { -moz-appearance: none; -webkit-appearance: none; align-items: center; border: 1px solid transparent; box-shadow: none; display: inline-flex; font-size: 16px; height: 50px; justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.5em - 1px); padding-left: calc(0.75em - 1px); padding-right: calc(0.75em - 1px); padding-top: calc(0.5em - 1px); position: relative; vertical-align: top; }

.button:focus, .input:focus, .textarea:focus, .select select:focus, .file-cta:focus, .file-name:focus, .pagination-link:focus, .pagination-ellipsis:focus, .is-focused.button, .is-focused.input, .is-focused.textarea, .select select.is-focused, .is-focused.file-cta, .is-focused.file-name, .is-focused.pagination-link, .is-focused.pagination-ellipsis, .button:active, .input:active, .textarea:active, .select select:active, .file-cta:active, .file-name:active, .pagination-link:active, .pagination-ellipsis:active, .is-active.button, .is-active.input, .is-active.textarea, .select select.is-active, .is-active.file-cta, .is-active.file-name, .is-active.pagination-link, .is-active.pagination-ellipsis { outline: none; }

.button[disabled], .input[disabled], .textarea[disabled], .select select[disabled], .file-cta[disabled], .file-name[disabled], .pagination-link[disabled], .pagination-ellipsis[disabled], fieldset[disabled] .button, fieldset[disabled] .input, fieldset[disabled] .textarea, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .file-cta, fieldset[disabled] .file-name, fieldset[disabled] .pagination-link, fieldset[disabled] .pagination-ellipsis { cursor: not-allowed; }

.pagination-first, .pagination-last, .pagination-previous, .pagination-next { -moz-appearance: none; -webkit-appearance: none; align-items: center; box-shadow: none; display: inline-flex; font-size: 16px; height: 50px; justify-content: flex-start; line-height: 1.5; padding-bottom: calc(0.5em - 1px); padding-left: calc(0.75em - 1px); padding-right: calc(0.75em - 1px); padding-top: calc(0.5em - 1px); position: relative; vertical-align: top; }

.pagination-first:focus, .pagination-last:focus, .pagination-previous:focus, .pagination-next:focus, .is-focused.pagination-first, .is-focused.pagination-last, .is-focused.pagination-previous, .is-focused.pagination-next, .pagination-first:active, .pagination-last:active, .pagination-previous:active, .pagination-next:active, .is-active.pagination-first, .is-active.pagination-last, .is-active.pagination-previous, .is-active.pagination-next { outline: none; }

.pagination-first[disabled], .pagination-last[disabled], .pagination-previous[disabled], .pagination-next[disabled], fieldset[disabled] .pagination-first, fieldset[disabled] .pagination-last, fieldset[disabled] .pagination-previous, fieldset[disabled] .pagination-next { cursor: not-allowed; }

html { background-color: white; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; min-width: 320px; overflow-x: auto; overflow-y: scroll; text-rendering: optimizeLegibility; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; }

article, aside, figure, footer, header, hgroup, section { display: block; }

html, body, section, div, button, input, select, textarea { font-family: Roboto, "Noto Sans KR", "Noto Sans", "Malgun Gothic", "맑은 고딕", arial, sans-serif; }

code, pre { -moz-osx-font-smoothing: auto; -webkit-font-smoothing: auto; font-family: monospace; }

body { color: #777; font-size: 14px; font-weight: 400; line-height: 1.5; }

a { color: #3273dc; cursor: pointer; text-decoration: none; }

a strong { color: currentColor; }

a:hover { color: #333; }

a.is-primary { color: #333; }

a.is-primary:hover { font-weight: 600; }

code { background-color: whitesmoke; color: #ed2650; font-size: 1em; font-weight: normal; padding: 0.25em 0.5em 0.25em; }

hr { background-color: whitesmoke; border: none; display: block; height: 2px; margin: 15px 0; }

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

input[type='checkbox'], input[type='radio'] { vertical-align: baseline; }

small { font-size: 0.875em; }

span { font-style: inherit; font-weight: inherit; }

strong { color: #333; font-weight: 600; }

fieldset { border: none; }

pre { -webkit-overflow-scrolling: touch; background-color: whitesmoke; color: #777; font-size: 0.875em; overflow-x: auto; padding: 12.5px 15px; white-space: pre; word-wrap: normal; }

pre code { background-color: transparent; color: currentColor; font-size: 1em; padding: 0; }

table td, table th { vertical-align: top; }

table td:not([align]), table th:not([align]) { text-align: left; }

table th { color: #333; }

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

body.body-responsive { min-width: initial; }

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

button { border: none; background-color: transparent; cursor: pointer; vertical-align: middle; outline: none; }

button:disabled, button:disabled:hover, button:disabled:focus { cursor: default; }

::-moz-selection { background: #2ba2d9; color: #fff; }

::selection { background: #2ba2d9; color: #fff; }

::-moz-selection { background: #2ba2d9; color: #fff; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mla { margin-left: auto !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pt2 { padding-top: 20px; }

.pt4 { padding-top: 40px; }

.pt6 { padding-top: 60px; }

.pt8 { padding-top: 80px; }

.pt10 { padding-top: 100px; }

.pr1 { padding-right: 10px; }

.inline-flex { display: inline-flex; align-items: center; vertical-align: middle; }

.float-left, .fl { float: left; }

.float-right, .fr { float: right; }

.text-center, .tl { text-align: center !important; }

.text-left, .tl { text-align: left !important; }

.text-right, .tr { text-align: right !important; }

.text-initial { text-align: inherit !important; }

.img-initial img { width: auto !important; max-width: inherit !important; }

img.img-initial { width: auto !important; max-width: inherit !important; }

.width-auto { width: auto; }

.link { display: inline-block; position: relative; color: #777; line-height: 1.2; text-decoration: none; transition: all 0.3s; }

.link:after { opacity: 1; content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; padding-bottom: 1px; background-color: #777; transform: scale(1, 1); transition: all 0.3s; }

.link:hover:after { opacity: 0; transform: scale(0, 1); }

.word-wrap, .search-border-list__title, .table-box-form .table th .label { word-break: keep-all; word-wrap: break-word; }

.skipnavi a { display: block; overflow: hidden; width: 1px; height: 1px; margin: 0 -1px -1px 0; padding: 0; font-size: 0; line-height: 0; }

.skipnavi a:hover, .skipnavi a:active, .skipnavi a:focus { position: relative; width: 100%; height: auto; margin: 0; padding: 5px 0; color: #fff; text-indent: 10px; font-weight: 400; font-size: 13px; line-height: 1; text-decoration: none !important; text-align: center; background-color: rgba(0, 0, 0, 0.85); }

html { font-size: 62.5%; }

.dot-list > li { margin-top: 0.5em; padding-left: 11px; font-size: 14px; line-height: 1.3; }

.dot-list > li button { line-height: 1.2; vertical-align: text-top; }

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

.dot-list > li:before { display: block; float: left; content: '•'; width: 11px; margin-left: -11px; }

.dot-list > li > ul > li { font-size: 14px; margin-top: 0.5em; padding-left: 11px; font-size: 14px; }

.dot-list > li > ul > li:before { display: block; float: left; content: '-'; width: 11px; margin-left: -11px; }

.color-black { color: #333 !important; }

.color-red { color: #ed2650 !important; }

.color-blue { color: #3273dc !important; }

.color-cyan { color: #47aeab !important; }

.color-gray { color: #777 !important; }

.color-light-gray { color: #b5b5b5 !important; }

.color-dark-gray { color: #333 !important; }

.color-navy { color: #1e69a8 !important; }

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

.bg-red { background-color: #ed2650; }

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

.bg-blue { background-color: #28a0e4; }

.bg-orange { background-color: #ff8d39; }

.bg-brown { background-color: #9d8474; }

.bg-black { background-color: #000; }

.bg-whitesmoke { background-color: #f9f9f9; }

.dl-table-style { display: table; width: 100%; }

.dl-table-style__dl { display: table-row; }

.dl-table-style__dl:first-child .dl-table-style__dt, .dl-table-style__dl:first-child .dl-table-style__dd { border-top: 1px solid #eee; }

.dl-table-style__dl.is-type1 .dl-table-style__dt { background-color: transparent; text-align: center; }

.dl-table-style__dl.is-type1 .dl-table-style__dt .gallery-photo { width: 115px; height: 150px; overflow: hidden; }

.dl-table-style__dl.is-type1 .dl-table-style__dt .gallery-photo img { width: 100%; max-width: inherit; height: auto; }

.dl-table-style__dl.is-type1 .dl-table-style__dd { line-height: 1.1; padding-left: 0; }

.dl-table-style__dl.is-type1 .dl-table-style__dd .is-flex { align-items: center; }

.dl-table-style__dl.is-type1 .dl-table-style__dd .is-flex .flex-right { flex: 0 0 375px; }

.dl-table-style__dl.is-type1 .dl-table-style__dd .is-flex .flex-right .button-area .button { min-width: 180px; }

.dl-table-style__dl.is-type1 .dl-table-style__dd .store-main-title { color: #333; font-size: 26px; font-weight: 600; vertical-align: middle; }

.dl-table-style__dl.is-type1 .dl-table-style__dd .store-main-title strong { display: inline-block; margin-right: 8px; font-size: 46px; vertical-align: middle; }

.dl-table-style__dl.is-type1 .dl-table-style__dd .store-sub-title { display: block; margin-bottom: 14px; color: #767676; font-size: 16px; }

.dl-table-style__dt, .dl-table-style__dd { display: table-cell; padding: 18px; border-bottom: 1px solid #eee; font-size: 16px; color: #333; vertical-align: middle; }

.dl-table-style__dt { width: 162px; background-color: #f9f9f9; }

.dl-table-style__dd li { font-size: 16px; line-height: 1.1; list-style-position: inside; }

.dl-table-style__dd li > p { margin-left: 18px; }

.dl-table-style__dd .desc { display: inline-block; margin-bottom: 5px; }

.dl-table-style__dd .desc2 { font-size: 14px; color: #777; }

.dl-table-style__dd .pop-text-ellipsis { display: -webkit-box; overflow: hidden; word-break: break-all; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.space-between { display: flex; justify-content: space-between; }

.align-items-c { display: flex; align-items: center; }

.flex-end { display: flex; justify-content: flex-end !important; }

.button-area.is-flex.is-center { width: 100%; justify-content: center; align-items: center; }

.is-flex .flex-left { flex: 1 1 auto; }

.is-flex .flex-right { flex: 0 0; }

.loading-container { display: none; overflow: hidden; position: fixed; bottom: 0; left: 0; right: 0; top: 0; z-index: 40; align-items: center; flex-direction: column; justify-content: center; padding: 10px; }

.loading-container.top { top: 150px; justify-content: flex-start; }

.loading-container.top span { font-size: 38px; font-weight: 600; color: #000; }

.loading-container .modal-background { background-color: rgba(0, 0, 0, 0.5); }

.loading-container.is-active { display: flex; }

.loading-container .loading { animation: spinAround 500ms infinite linear; border: 2px solid #eee; border-radius: 290486px; border-right-color: transparent; border-top-color: transparent; content: ''; display: block; height: 1em; position: relative; width: 1em; position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; border-width: 3px; border-left-color: #ddd; border-bottom-color: #ddd; }

.loading-container .loading-text { display: block; position: absolute; z-index: 1; margin-top: 55px; color: #ddd; font-size: 13px; font-weight: 400; text-align: center; }

/* 로딩 개인화 */
.loading-container--personal { display: none; overflow: hidden; position: fixed; bottom: 0; left: 0; right: 0; top: 0; z-index: 40; align-items: center; flex-direction: column; justify-content: center; padding: 10px; background: #333 url(../images/common/bg_personal_loading.jpg) center top; }

.loading-container--personal .loading-cont-wrap .img-area { text-align: center; }

.loading-container--personal .loading-cont-wrap .txt-area { text-align: center; }

.loading-container--personal .loading-cont-wrap .txt-area h2 { font-size: 34px; font-weight: 600; color: #fff; }

.loading-container--personal .loading-cont-wrap .txt-area p { font-size: 16px; color: #fff; }

.loading-container--personal .loading-cont-wrap .txt-area h2 + p { padding-top: 20px; }

.loading-container--personal .loading-cont-wrap .img-area + .txt-area { padding-top: 10px; }

.terms-content { padding: 1em 0; }

.terms-content p { font-weight: 600; color: #333; }

.terms-content ul { margin: 0.7em; }

.terms-content ul li { margin: 0.7em 0; }

.__layout--tab2 { width: 100%; }

.__layout--tab2 li { width: 50% !important; }

.__layout--tab3 li { width: 33.333% !important; }

.__layout--tab4 li { width: 25% !important; }

.__layout--tab5 li { width: 20% !important; }

.__layout--tab6 li { width: 16.667% !important; }

.pagination-wrap { margin-top: 40px; text-align: center; }

.glg_ver { margin-top: 0; padding-top: 80px; background: #202020; }

.glg_ver .pagination-first, .glg_ver .pagination-last, .glg_ver .pagination-previous, .glg_ver .pagination-next { color: #fff; }

.glg_ver .pagination-first:hover, .glg_ver .pagination-last:hover, .glg_ver .pagination-previous:hover, .glg_ver .pagination-next:hover { background-color: transparent; color: #fff; }

.glg_ver .pagination-link { border: none; color: #666; font-weight: 700; }

.glg_ver .pagination-link.is-current { background-color: transparent; border-color: transparent; }

.glg_ver .pagination-link:hover { color: #fff; }

.gong_ver, .gong_ver__white, .gong_ver__black { margin-top: 0; padding-bottom: 20px; }

.gong_ver__white { background: #202020; }

.gong_ver__white .pagination-first, .gong_ver__white .pagination-last, .gong_ver__white .pagination-previous, .gong_ver__white .pagination-next { color: #fff; }

.gong_ver__white .pagination-first:hover, .gong_ver__white .pagination-last:hover, .gong_ver__white .pagination-previous:hover, .gong_ver__white .pagination-next:hover { background-color: transparent; color: #fff; }

.gong_ver__white .pagination-link { border: none; color: #666; font-weight: 700; }

.gong_ver__white .pagination-link.is-current { background-color: transparent; border-color: transparent; }

.gong_ver__white .pagination-link:hover { color: #fff; }

.gong_ver__black { background: #fff; }

.gong_ver__black .pagination-first, .gong_ver__black .pagination-last, .gong_ver__black .pagination-previous, .gong_ver__black .pagination-next { color: #202020; }

.gong_ver__black .pagination-first:hover, .gong_ver__black .pagination-last:hover, .gong_ver__black .pagination-previous:hover, .gong_ver__black .pagination-next:hover { background-color: transparent; color: #202020; }

.gong_ver__black .pagination-link { border: none; color: #666; font-weight: 700; }

.gong_ver__black .pagination-link.is-current { color: #202020; background-color: transparent; border-color: transparent; }

.gong_ver__black .pagination-link:hover { color: #202020; }

.gap-1, .gap-2, .gap-3, .gap-4 { clear: both; height: auto; margin: 0 0 60px 0; background: transparent; }

.gap-1:before, .gap-2:before, .gap-3:before, .gap-4:before { content: ''; display: block; clear: both; }

.tabs.tabs-normal.is-toggle a, .tabs.tabs-normal.is-toggle .tab { font-size: 16px; height: 50px; }

.tabs.tabs-normal--black.is-toggle li.is-active a, .tabs.tabs-normal--black.is-toggle li.is-active .tab { color: #fff; background-color: #333; border-color: #333; }

.tabs.tabs-normal--gray { position: relative; align-items: center; justify-content: flex-start; }

.tabs.tabs-normal--gray .swiper-container { width: 100%; }

.tabs.tabs-normal--gray .section-category-control-wrap { top: 5px; width: 100px; }

.tabs.tabs-normal--gray .section-category-control-wrap.is-liner .swiper-button-next, .tabs.tabs-normal--gray .section-category-control-wrap.is-liner .swiper-button-prev { width: 50px; height: 50px; border: 1px solid #ccc; background-color: #fff; position: static; cursor: pointer; }

.tabs.tabs-normal--gray .section-category-control-wrap.is-liner .swiper-button-prev { border-right-color: transparent; }

.tabs.tabs-normal--gray ul { display: flex; width: 100%; }

.tabs.tabs-normal--gray.is-toggle li { display: flex; flex-grow: 1; flex-shrink: 1; }

.tabs.tabs-normal--gray.is-toggle li a, .tabs.tabs-normal--gray.is-toggle li .tab { border: none; background-color: #f9f9f9; color: #999; outline: none; }

.tabs.tabs-normal--gray.is-toggle li.is-active a, .tabs.tabs-normal--gray.is-toggle li.is-active .tab { color: #fff; background-color: #333; border-color: #333; }

.tabs.tabs-normal--gray.is-toggle li + li { margin: 0; }

.tabs.tabs-normal--gray.is-toggle .swiper-container-initialized { width: calc(100% - 100px); margin-left: 0; }

.tabs.tabs-normal--gray.is-toggle .swiper-container-initialized li.swiper-slide { display: block; flex-grow: unset; flex-shrink: 0; }

.image-center-fit { overflow: hidden; position: relative; background-position: 50% 0; background-repeat: no-repeat; }

.image-center-fit img { position: absolute; left: 50%; visibility: hidden; opacity: 0; width: auto; }

.content table { table-layout: fixed; }

.editor-format { text-align: center; }

.editor-format img { width: auto; }

.editor-format.content { margin-bottom: 0; }

.editor-format.content > div > img { vertical-align: bottom; }

.text-pre-line { white-space: pre-line; }

.text-pre-line p { white-space: pre-line; }

.text-inline-block { display: inline-block; }

.text-underline { text-decoration: underline; }

.is-clearfix::after { clear: both; content: ' '; display: table; }

.is-pulled-left { float: left !important; }

.is-pulled-right { float: right !important; }

.is-clipped { overflow: hidden !important; }

.is-size-1 { font-size: 38px !important; }

.is-size-2 { font-size: 36px !important; }

.is-size-3 { font-size: 30px !important; }

.is-size-4 { font-size: 20px !important; }

.is-size-5 { font-size: 16px !important; }

.is-size-6 { font-size: 14px !important; }

.is-size-7 { font-size: 13px !important; }

@media screen and (max-width: 390px) { .is-size-1-mobile { font-size: 38px !important; }
  .is-size-2-mobile { font-size: 36px !important; }
  .is-size-3-mobile { font-size: 30px !important; }
  .is-size-4-mobile { font-size: 20px !important; }
  .is-size-5-mobile { font-size: 16px !important; }
  .is-size-6-mobile { font-size: 14px !important; }
  .is-size-7-mobile { font-size: 13px !important; } }

@media screen and (min-width: 769px), print { .is-size-1-tablet { font-size: 38px !important; }
  .is-size-2-tablet { font-size: 36px !important; }
  .is-size-3-tablet { font-size: 30px !important; }
  .is-size-4-tablet { font-size: 20px !important; }
  .is-size-5-tablet { font-size: 16px !important; }
  .is-size-6-tablet { font-size: 14px !important; }
  .is-size-7-tablet { font-size: 13px !important; } }

@media screen and (max-width: 1023px) { .is-size-1-touch { font-size: 38px !important; }
  .is-size-2-touch { font-size: 36px !important; }
  .is-size-3-touch { font-size: 30px !important; }
  .is-size-4-touch { font-size: 20px !important; }
  .is-size-5-touch { font-size: 16px !important; }
  .is-size-6-touch { font-size: 14px !important; }
  .is-size-7-touch { font-size: 13px !important; } }

@media screen and (min-width: 1024px) { .is-size-1-desktop { font-size: 38px !important; }
  .is-size-2-desktop { font-size: 36px !important; }
  .is-size-3-desktop { font-size: 30px !important; }
  .is-size-4-desktop { font-size: 20px !important; }
  .is-size-5-desktop { font-size: 16px !important; }
  .is-size-6-desktop { font-size: 14px !important; }
  .is-size-7-desktop { font-size: 13px !important; } }

@media screen and (min-width: 1216px) { .is-size-1-widescreen { font-size: 38px !important; }
  .is-size-2-widescreen { font-size: 36px !important; }
  .is-size-3-widescreen { font-size: 30px !important; }
  .is-size-4-widescreen { font-size: 20px !important; }
  .is-size-5-widescreen { font-size: 16px !important; }
  .is-size-6-widescreen { font-size: 14px !important; }
  .is-size-7-widescreen { font-size: 13px !important; } }

@media screen and (min-width: 1408px) { .is-size-1-fullhd { font-size: 38px !important; }
  .is-size-2-fullhd { font-size: 36px !important; }
  .is-size-3-fullhd { font-size: 30px !important; }
  .is-size-4-fullhd { font-size: 20px !important; }
  .is-size-5-fullhd { font-size: 16px !important; }
  .is-size-6-fullhd { font-size: 14px !important; }
  .is-size-7-fullhd { font-size: 13px !important; } }

.has-text-centered { text-align: center !important; }

.has-text-justified { text-align: justify !important; }

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

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

@media screen and (max-width: 390px) { .has-text-centered-mobile { text-align: center !important; } }

@media screen and (min-width: 769px), print { .has-text-centered-tablet { text-align: center !important; } }

@media screen and (min-width: 769px) and (max-width: 1023px) { .has-text-centered-tablet-only { text-align: center !important; } }

@media screen and (max-width: 1023px) { .has-text-centered-touch { text-align: center !important; } }

@media screen and (min-width: 1024px) { .has-text-centered-desktop { text-align: center !important; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) { .has-text-centered-desktop-only { text-align: center !important; } }

@media screen and (min-width: 1216px) { .has-text-centered-widescreen { text-align: center !important; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) { .has-text-centered-widescreen-only { text-align: center !important; } }

@media screen and (min-width: 1408px) { .has-text-centered-fullhd { text-align: center !important; } }

@media screen and (max-width: 390px) { .has-text-justified-mobile { text-align: justify !important; } }

@media screen and (min-width: 769px), print { .has-text-justified-tablet { text-align: justify !important; } }

@media screen and (min-width: 769px) and (max-width: 1023px) { .has-text-justified-tablet-only { text-align: justify !important; } }

@media screen and (max-width: 1023px) { .has-text-justified-touch { text-align: justify !important; } }

@media screen and (min-width: 1024px) { .has-text-justified-desktop { text-align: justify !important; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) { .has-text-justified-desktop-only { text-align: justify !important; } }

@media screen and (min-width: 1216px) { .has-text-justified-widescreen { text-align: justify !important; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) { .has-text-justified-widescreen-only { text-align: justify !important; } }

@media screen and (min-width: 1408px) { .has-text-justified-fullhd { text-align: justify !important; } }

@media screen and (max-width: 390px) { .has-text-left-mobile { text-align: left !important; } }

@media screen and (min-width: 769px), print { .has-text-left-tablet { text-align: left !important; } }

@media screen and (min-width: 769px) and (max-width: 1023px) { .has-text-left-tablet-only { text-align: left !important; } }

@media screen and (max-width: 1023px) { .has-text-left-touch { text-align: left !important; } }

@media screen and (min-width: 1024px) { .has-text-left-desktop { text-align: left !important; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) { .has-text-left-desktop-only { text-align: left !important; } }

@media screen and (min-width: 1216px) { .has-text-left-widescreen { text-align: left !important; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) { .has-text-left-widescreen-only { text-align: left !important; } }

@media screen and (min-width: 1408px) { .has-text-left-fullhd { text-align: left !important; } }

@media screen and (max-width: 390px) { .has-text-right-mobile { text-align: right !important; } }

@media screen and (min-width: 769px), print { .has-text-right-tablet { text-align: right !important; } }

@media screen and (min-width: 769px) and (max-width: 1023px) { .has-text-right-tablet-only { text-align: right !important; } }

@media screen and (max-width: 1023px) { .has-text-right-touch { text-align: right !important; } }

@media screen and (min-width: 1024px) { .has-text-right-desktop { text-align: right !important; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) { .has-text-right-desktop-only { text-align: right !important; } }

@media screen and (min-width: 1216px) { .has-text-right-widescreen { text-align: right !important; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) { .has-text-right-widescreen-only { text-align: right !important; } }

@media screen and (min-width: 1408px) { .has-text-right-fullhd { text-align: right !important; } }

.is-capitalized { text-transform: capitalize !important; }

.is-lowercase { text-transform: lowercase !important; }

.is-uppercase { text-transform: uppercase !important; }

.is-italic { font-style: italic !important; }

.is-block { display: block !important; }

@media screen and (max-width: 390px) { .is-block-mobile { display: block !important; } }

@media screen and (min-width: 769px), print { .is-block-tablet { display: block !important; } }

@media screen and (min-width: 769px) and (max-width: 1023px) { .is-block-tablet-only { display: block !important; } }

@media screen and (max-width: 1023px) { .is-block-touch { display: block !important; } }

@media screen and (min-width: 1024px) { .is-block-desktop { display: block !important; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) { .is-block-desktop-only { display: block !important; } }

@media screen and (min-width: 1216px) { .is-block-widescreen { display: block !important; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) { .is-block-widescreen-only { display: block !important; } }

@media screen and (min-width: 1408px) { .is-block-fullhd { display: block !important; } }

.is-flex { display: flex !important; }

@media screen and (max-width: 390px) { .is-flex-mobile { display: flex !important; } }

@media screen and (min-width: 769px), print { .is-flex-tablet { display: flex !important; } }

@media screen and (min-width: 769px) and (max-width: 1023px) { .is-flex-tablet-only { display: flex !important; } }

@media screen and (max-width: 1023px) { .is-flex-touch { display: flex !important; } }

@media screen and (min-width: 1024px) { .is-flex-desktop { display: flex !important; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) { .is-flex-desktop-only { display: flex !important; } }

@media screen and (min-width: 1216px) { .is-flex-widescreen { display: flex !important; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) { .is-flex-widescreen-only { display: flex !important; } }

@media screen and (min-width: 1408px) { .is-flex-fullhd { display: flex !important; } }

.is-inline { display: inline !important; }

@media screen and (max-width: 390px) { .is-inline-mobile { display: inline !important; } }

@media screen and (min-width: 769px), print { .is-inline-tablet { display: inline !important; } }

@media screen and (min-width: 769px) and (max-width: 1023px) { .is-inline-tablet-only { display: inline !important; } }

@media screen and (max-width: 1023px) { .is-inline-touch { display: inline !important; } }

@media screen and (min-width: 1024px) { .is-inline-desktop { display: inline !important; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) { .is-inline-desktop-only { display: inline !important; } }

@media screen and (min-width: 1216px) { .is-inline-widescreen { display: inline !important; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) { .is-inline-widescreen-only { display: inline !important; } }

@media screen and (min-width: 1408px) { .is-inline-fullhd { display: inline !important; } }

.is-inline-block { display: inline-block !important; }

@media screen and (max-width: 390px) { .is-inline-block-mobile { display: inline-block !important; } }

@media screen and (min-width: 769px), print { .is-inline-block-tablet { display: inline-block !important; } }

@media screen and (min-width: 769px) and (max-width: 1023px) { .is-inline-block-tablet-only { display: inline-block !important; } }

@media screen and (max-width: 1023px) { .is-inline-block-touch { display: inline-block !important; } }

@media screen and (min-width: 1024px) { .is-inline-block-desktop { display: inline-block !important; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) { .is-inline-block-desktop-only { display: inline-block !important; } }

@media screen and (min-width: 1216px) { .is-inline-block-widescreen { display: inline-block !important; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) { .is-inline-block-widescreen-only { display: inline-block !important; } }

@media screen and (min-width: 1408px) { .is-inline-block-fullhd { display: inline-block !important; } }

.is-inline-flex { display: inline-flex !important; }

@media screen and (max-width: 390px) { .is-inline-flex-mobile { display: inline-flex !important; } }

@media screen and (min-width: 769px), print { .is-inline-flex-tablet { display: inline-flex !important; } }

@media screen and (min-width: 769px) and (max-width: 1023px) { .is-inline-flex-tablet-only { display: inline-flex !important; } }

@media screen and (max-width: 1023px) { .is-inline-flex-touch { display: inline-flex !important; } }

@media screen and (min-width: 1024px) { .is-inline-flex-desktop { display: inline-flex !important; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) { .is-inline-flex-desktop-only { display: inline-flex !important; } }

@media screen and (min-width: 1216px) { .is-inline-flex-widescreen { display: inline-flex !important; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) { .is-inline-flex-widescreen-only { display: inline-flex !important; } }

@media screen and (min-width: 1408px) { .is-inline-flex-fullhd { display: inline-flex !important; } }

.is-hidden { display: none !important; }

.sr-only, .is-sr-only { border: none !important; clip: rect(0, 0, 0, 0) !important; height: 0.01em !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; white-space: nowrap !important; width: 0.01em !important; }

@media screen and (max-width: 390px) { .is-hidden-mobile { display: none !important; } }

@media screen and (min-width: 769px), print { .is-hidden-tablet { display: none !important; } }

@media screen and (min-width: 769px) and (max-width: 1023px) { .is-hidden-tablet-only { display: none !important; } }

@media screen and (max-width: 1023px) { .is-hidden-touch { display: none !important; } }

@media screen and (min-width: 1024px) { .is-hidden-desktop { display: none !important; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) { .is-hidden-desktop-only { display: none !important; } }

@media screen and (min-width: 1216px) { .is-hidden-widescreen { display: none !important; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) { .is-hidden-widescreen-only { display: none !important; } }

@media screen and (min-width: 1408px) { .is-hidden-fullhd { display: none !important; } }

.is-invisible { visibility: hidden !important; }

@media screen and (max-width: 390px) { .is-invisible-mobile { visibility: hidden !important; } }

@media screen and (min-width: 769px), print { .is-invisible-tablet { visibility: hidden !important; } }

@media screen and (min-width: 769px) and (max-width: 1023px) { .is-invisible-tablet-only { visibility: hidden !important; } }

@media screen and (max-width: 1023px) { .is-invisible-touch { visibility: hidden !important; } }

@media screen and (min-width: 1024px) { .is-invisible-desktop { visibility: hidden !important; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) { .is-invisible-desktop-only { visibility: hidden !important; } }

@media screen and (min-width: 1216px) { .is-invisible-widescreen { visibility: hidden !important; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) { .is-invisible-widescreen-only { visibility: hidden !important; } }

@media screen and (min-width: 1408px) { .is-invisible-fullhd { visibility: hidden !important; } }

.is-marginless { margin: 0 !important; }

.is-paddingless { padding: 0 !important; }

.is-radiusless { border-radius: 0 !important; }

.is-shadowless { box-shadow: none !important; }

.is-relative { position: relative !important; }

@font-face { font-family: "iconset"; src: url("../fonts/iconset_idp2xy.eot"); src: url("../fonts/iconset_idp2xy.eot#iefix") format("embedded-opentype"), url("../fonts/iconset_idp2xy.ttf") format("truetype"), url("../fonts/iconset_idp2xy.woff") format("woff"), url("../fonts/iconset_idp2xy-iconset.svg") format("svg"); font-weight: normal; font-style: normal; font-display: block; }

[class^='ico-'], [class*=' ico-'] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "iconset" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.ico-app-menu:before { content: ""; }

.ico-app-search:before { content: ""; }

.ico-app-my:before { content: ""; }

.ico-app-recent:before { content: ""; }

.ico-logout:before { content: ""; }

.ico-config:before { content: ""; }

.ico-control-play:before { content: ""; }

.ico-control-pause:before { content: ""; }

.ico-cross-thick:before { content: ""; }

.ico-move-handle:before { content: ""; }

.ico-mo_arrow:before { content: ""; }

.ico-mo_search:before { content: ""; }

.ico-mo_share:before { content: ""; }

.ico-back:before { content: ""; }

.ico-prev:before { content: ""; }

.ico-shopbag:before { content: ""; }

.ico-filter:before { content: ""; }

.ico-store:before { content: ""; }

.ico-banner_open:before { content: ""; }

.ico-banner_vrtour:before { content: ""; }

.ico-banner_coupon:before { content: ""; }

.ico-comm_all:before { content: ""; }

.ico-comm_bed:before { content: ""; }

.ico-comm_dress:before { content: ""; }

.ico-comm_livingroom:before { content: ""; }

.ico-comm_library:before { content: ""; }

.ico-comm_kitchen:before { content: ""; }

.ico-comm_kids:before { content: ""; }

.ico-comm_digital:before { content: ""; }

.ico-comm_interior:before { content: ""; }

.ico-comm_entrance:before { content: ""; }

.ico-comm_house:before { content: ""; }

.ico-comm_exterior:before { content: ""; }

.ico-comm_balcony:before { content: ""; }

.ico-comm_bath:before { content: ""; }

.ico-comm_content:before { content: ""; }

.ico-my_wait:before { content: ""; }

.ico-my_payment:before { content: ""; }

.ico-my_prep:before { content: ""; }

.ico-my_deliver:before { content: ""; }

.ico-my_complete:before { content: ""; }

.ico-fund_big:before { content: ""; }

.ico-profit_big:before { content: ""; }

.ico-specialist_big:before { content: ""; }

.ico-agency_big:before { content: ""; }

.ico-cs_tools:before { content: ""; }

.ico-cs_map:before { content: ""; }

.ico-parts:before { content: ""; }

.ico-voc:before { content: ""; }

.ico-catalog:before { content: ""; }

.ico-agency:before { content: ""; }

.ico-transfer:before { content: ""; }

.ico-phone:before { content: ""; }

.ico-cs_sofa:before { content: ""; }

.ico-cs_furniture:before { content: ""; }

.ico-cs_tops:before { content: ""; }

.ico-cs_digital:before { content: ""; }

.ico-cs_door:before { content: ""; }

.ico-cs_bath:before { content: ""; }

.ico-cs_interior:before { content: ""; }

.ico-cs_kids:before { content: ""; }

.ico-attach:before { content: ""; }

.ico-nodata:before { content: ""; }

.ico-cart:before { content: ""; }

.ico-timesale:before { content: ""; }

.ico-play:before { content: ""; }

.ico-alarm:before { content: ""; }

.ico-gift:before { content: ""; }

.ico-count:before { content: ""; }

.ico-calendar:before { content: ""; }

.ico-thumb:before { content: ""; }

.ico-thumb_up:before { content: ""; }

.ico-like:before { content: ""; }

.ico-like_on:before { content: ""; }

.ico-share:before { content: ""; }

.ico-clip_on:before { content: ""; }

.ico-clip:before { content: ""; }

.ico-trash:before { content: ""; }

.ico-delete:before { content: ""; }

.ico-recent:before { content: ""; }

.ico-coupon:before { content: ""; }

.ico-chat:before { content: ""; }

.ico-download1:before { content: ""; }

.ico-reset_2:before { content: ""; }

.ico-popup:before { content: ""; }

.ico-tooltip:before { content: ""; }

.ico-star-o:before { content: ""; }

.ico-star:before { content: ""; }

.ico-star_half:before { content: ""; }

.ico-lock:before { content: ""; }

.ico-home:before { content: ""; }

.ico-mypage:before { content: ""; }

.ico-join:before { content: ""; }

.ico-basket:before { content: ""; }

.ico-map:before { content: ""; }

.ico-cscenter:before { content: ""; }

.ico-search1:before { content: ""; }

.ico-check:before { content: ""; }

.ico-alarm_check:before { content: ""; }

.ico-check-thick:before { content: ""; }

.ico-wand-thinmagic:before { content: ""; }

.ico-target:before { content: ""; }

.ico-bookmark:before { content: ""; }

.ico-tablet-ios:before { content: ""; }

.ico-banstop:before { content: ""; }

.ico-mobile:before { content: ""; }

.ico-plus-thin:before { content: ""; }

.ico-minus-thin:before { content: ""; }

.ico-plus:before { content: ""; }

.ico-minus:before { content: ""; }

.ico-arrow-right-wide:before { content: ""; }

.ico-arrow-up:before { content: ""; }

.ico-arrow-right:before { content: ""; }

.ico-arrow-left:before { content: ""; }

.ico-arrow-down:before { content: ""; }

.ico-chainlink:before { content: ""; }

.ico-key:before { content: ""; }

.ico-download:before { content: ""; }

.ico-chart:before { content: ""; }

.ico-pcoutline:before { content: ""; }

.ico-cross:before { content: ""; }

.ico-clipfileattach:before { content: ""; }

.ico-down_arrow:before { content: ""; }

.ico-chevron-up-thin:before { content: ""; }

.ico-chevron-right-thin:before { content: ""; }

.ico-chevron-left-thin:before { content: ""; }

.ico-chevron-down-thin:before { content: ""; }

.ico-bag:before { content: ""; }

.ico-presentation:before { content: ""; }

.ico-move-thin:before { content: ""; }

.ico-arrowbothvertical:before { content: ""; }

.ico-arrowbothhorizontal:before { content: ""; }

.ico-zoom-thin:before { content: ""; }

.ico-arrow-rightup:before { content: ""; }

.ico-arrow-leftup:before { content: ""; }

.ico-chevron-up-circle:before { content: ""; }

.ico-chevron-right-circle:before { content: ""; }

.ico-chevron-left-circle:before { content: ""; }

.ico-chevron-down-circle:before { content: ""; }

.ico-chevron-dd-up:before { content: ""; }

.ico-chevron-dd-right:before { content: ""; }

.ico-chevron-dd-left:before { content: ""; }

.ico-chevron-dd-down:before { content: ""; }

.ico-upload1:before { content: ""; }

.ico-underline:before { content: ""; }

.ico-chart-up:before { content: ""; }

.ico-chart-down:before { content: ""; }

.ico-directionvertical:before { content: ""; }

.ico-directionhorizontal:before { content: ""; }

.ico-brightness:before { content: ""; }

.ico-right:before { content: ""; }

.ico-left-end:before { content: ""; }

.ico-note:before { content: ""; }

.ico-server:before { content: ""; }

.ico-print-thin:before { content: ""; }

.ico-setcontrolpanel:before { content: ""; }

.ico-repetition:before { content: ""; }

.ico-list-bar-thin:before { content: ""; }

.ico-media-stop:before { content: ""; }

.ico-cloud:before { content: ""; }

.ico-cloud-up:before { content: ""; }

.ico-cloud-down:before { content: ""; }

.ico-clipboard-o:before { content: ""; }

.ico-book:before { content: ""; }

.ico-caution:before { content: ""; }

.ico-move-both:before { content: ""; }

.ico-brackets-s:before { content: ""; }

.ico-move-right:before { content: ""; }

.ico-move-left:before { content: ""; }

.ico-receipt:before { content: ""; }

.ico-screen-zoom:before { content: ""; }

.ico-screen-original:before { content: ""; }

.ico-info-circle-o:before { content: ""; }

.ico-question-circle:before { content: ""; }

.ico-imgs:before { content: ""; }

.ico-credit-card:before { content: ""; }

.ico-media-record:before { content: ""; }

.ico-inbox-out:before { content: ""; }

.ico-inbox-out1:before { content: ""; }

.ico-linkexternal:before { content: ""; }

.ico-list-bar-ordered:before { content: ""; }

.ico-file-o1:before { content: ""; }

.ico-file-o2:before { content: ""; }

.ico-windows:before { content: ""; }

.ico-apple:before { content: ""; }

.ico-logo-facebook:before { content: ""; }

.ico-logo-facebook-s:before { content: ""; }

.ico-logo-facebook-b1:before { content: ""; }

.ico-logo-twitter:before { content: ""; }

.ico-logo-twitter-b1:before { content: ""; }

.ico-logo-youtube:before { content: ""; }

.ico-logo-instagram:before { content: ""; }

.ico-logo-kakaotalk:before { content: ""; }

.ico-logo-naverblog:before { content: ""; }

.ico-logo-blogger-box:before { content: ""; }

.ico-logo-blogger:before { content: ""; }

.ico-logo-pinterest:before { content: ""; }

.ico-logo-pinterest-c:before { content: ""; }

.ico-logo-pinterest-b1:before { content: ""; }

.ico-logo-vimeo:before { content: ""; }

.ico-logo-naver:before { content: ""; }

.ico-logo-yahoo:before { content: ""; }

.ico-logo-amazon:before { content: ""; }

.ico-mail-o:before { content: ""; }

.ico-logo-kakaoplus:before { content: ""; }

.ico-img:before { content: ""; }

.ico-imgs1:before { content: ""; }

.ico-talksms3:before { content: ""; }

.ico-chevron-right-nav:before { content: ""; }

.ico-chevron-left-nav:before { content: ""; }

.ico-power1:before { content: ""; }

.ico-signal-cell:before { content: ""; }

.ico-document1:before { content: ""; }

.ico-loginlock2:before { content: ""; }

.ico-flag3:before { content: ""; }

.ico-camera1:before { content: ""; }

.ico-uniF071:before { content: ""; }

.ico-talkblank:before { content: ""; }

.ico-talksms4:before { content: ""; }

.ico-camera2:before { content: ""; }

.ico-gear2:before { content: ""; }

.ico-talksms6:before { content: ""; }

.ico-talksms5:before { content: ""; }

.ico-logo-github-c1:before { content: ""; }

.ico-git-branch:before { content: ""; }

.ico-rsswifi:before { content: ""; }

.ico-storageserver2:before { content: ""; }

.ico-alarm1:before { content: ""; }

.ico-print:before { content: ""; }

.ico-file-o:before { content: ""; }

.ico-dashboardguage1:before { content: ""; }

.ico-angle-dd-left:before { content: ""; }

.ico-angle-dd-right:before { content: ""; }

.ico-angle-dd-up:before { content: ""; }

.ico-angle-dd-down:before { content: ""; }

.ico-angle-left:before { content: ""; }

.ico-angle-right:before { content: ""; }

.ico-angle-up:before { content: ""; }

.ico-angle-down:before { content: ""; }

.ico-monitor-1:before { content: ""; }

.ico-notebook:before { content: ""; }

.ico-tablet:before { content: ""; }

.ico-mobile2:before { content: ""; }

.ico-circle-o:before { content: ""; }

.ico-loading:before { content: ""; }

.ico-folder-o:before { content: ""; }

.ico-folder-open-o:before { content: ""; }

.ico-keyboard:before { content: ""; }

.ico-plusbox1:before { content: ""; }

.ico-setcontrolpanel1:before { content: ""; }

.ico-cc:before { content: ""; }

.ico-registeredmark:before { content: ""; }

.ico-cc1:before { content: ""; }

.ico-logo-safari:before { content: ""; }

.ico-logo-chrome:before { content: ""; }

.ico-logo-firefox:before { content: ""; }

.ico-logo-opera:before { content: ""; }

.ico-logo-explorer:before { content: ""; }

.ico-flag6:before { content: ""; }

.ico-search:before { content: ""; }

.ico-reset:before { content: ""; }

.ico-menu:before { content: ""; }

.ico-best:before { content: ""; }

.ico-bak:before { content: ""; }

/*******************************************************************
Delete button
********************************************************************/
.breadcrumb, .button, .delete, .file, .is-unselectable, .modal-close, .modal-close-this, .in-modal-close, .pagination-ellipsis, .pagination-link, .pagination-next, .pagination-previous, .tabs { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.delete, .modal-close, .modal-close-this, .in-modal-close { display: inline-block; position: relative; cursor: pointer; pointer-events: auto; width: 25px; height: 25px; max-height: 25px; max-width: 25px; min-height: 25px; min-width: 25px; flex-grow: 0; flex-shrink: 0; border: none; border-radius: 100%; background-color: transparent; font-size: 0; outline: 0; vertical-align: top; -moz-appearance: none; -webkit-appearance: none; }

.delete::after, .delete::before, .modal-close::after, .modal-close::before, .modal-close-this::after, .modal-close-this::before, .in-modal-close::after, .in-modal-close::before { background-color: #fff; content: ''; display: block; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); transform-origin: center center; }

.delete::before, .modal-close::before, .modal-close-this::before, .in-modal-close::before { height: 1px; width: 50%; }

.delete::after, .modal-close::after, .modal-close-this::after, .in-modal-close::after { height: 50%; width: 1px; }

.delete:focus, .delete:hover, .modal-close:focus, .modal-close:hover, .modal-close-this:focus, .modal-close-this:hover, .in-modal-close:focus, .in-modal-close:hover { background-color: transparentrgba(10, 10, 10, 0.3); }

.delete:active, .modal-close:active, .modal-close-this:active, .in-modal-close:active { background-color: rgba(255, 255, 255, 0.2); }

.is-small.delete, .is-small.modal-close, .is-small.modal-close-this, .is-small.in-modal-close { height: 16px; max-height: 16px; max-width: 16px; min-height: 16px; min-width: 16px; width: 16px; }

.is-medium.delete, .is-medium.modal-close, .is-medium.modal-close-this, .is-medium.in-modal-close { height: 24px; max-height: 24px; max-width: 24px; min-height: 24px; min-width: 24px; width: 24px; }

.is-large.delete, .is-large.modal-close, .is-large.modal-close-this, .is-large.in-modal-close { width: 36px; height: 36px; max-width: 36px; max-height: 36px; min-width: 36px; min-height: 36px; }

.is-xlarge.delete, .is-xlarge.modal-close, .is-xlarge.modal-close-this, .is-xlarge.in-modal-close { width: 46px; height: 46px; max-width: 46px; max-height: 46px; min-width: 46px; min-height: 46px; }

.modal-card-head .delete::before, .modal-card-head .delete::after, .modal-card-head .in-modal-close::before, .modal-card-head .in-modal-close::after { background-color: #333; }

.modal-card-head .delete:focus, .modal-card-head .delete:hover, .modal-card-head .in-modal-close:focus, .modal-card-head .in-modal-close:hover { background-color: rgba(0, 0, 0, 0.05); }

.modal-card-head .delete:active, .modal-card-head .in-modal-close:active { background-color: rgba(0, 0, 0, 0.7); }

.modal-card-head .delete:active::before, .modal-card-head .delete:active::after, .modal-card-head .in-modal-close:active::before, .modal-card-head .in-modal-close:active::after { background-color: #fff; }

.button-delete { display: inline-block; position: absolute; width: 26px; height: 26px; border-radius: 100%; background-color: rgba(0, 0, 0, 0.8); }

.button-delete:after, .button-delete:before { display: inline-block; content: ''; position: absolute; top: 50%; left: 50%; width: 1px; height: 15px; background-color: #fff; transform-origin: 50% 50%; }

.button-delete:after { transform: translate(-50%, -50%) rotate(-45deg); }

.button-delete:before { transform: translate(-50%, -50%) rotate(45deg); }

.button-delete.is-dark:after, .button-delete.is-dark:before { background-color: #333; }

.column { display: block; flex-basis: 0; flex-grow: 1; flex-shrink: 1; padding: 40px; }

.columns.is-mobile > .column.is-narrow { flex: none; }

.columns.is-mobile > .column.is-full { flex: none; width: 100%; }

.columns.is-mobile > .column.is-three-quarters { flex: none; width: 75%; }

.columns.is-mobile > .column.is-two-thirds { flex: none; width: 66.6666%; }

.columns.is-mobile > .column.is-half { flex: none; width: 50%; }

.columns.is-mobile > .column.is-one-third { flex: none; width: 33.3333%; }

.columns.is-mobile > .column.is-one-quarter { flex: none; width: 25%; }

.columns.is-mobile > .column.is-one-fifth { flex: none; width: 20%; }

.columns.is-mobile > .column.is-two-fifths { flex: none; width: 40%; }

.columns.is-mobile > .column.is-three-fifths { flex: none; width: 60%; }

.columns.is-mobile > .column.is-four-fifths { flex: none; width: 80%; }

.columns.is-mobile > .column.is-offset-three-quarters { margin-left: 75%; }

.columns.is-mobile > .column.is-offset-two-thirds { margin-left: 66.6666%; }

.columns.is-mobile > .column.is-offset-half { margin-left: 50%; }

.columns.is-mobile > .column.is-offset-one-third { margin-left: 33.3333%; }

.columns.is-mobile > .column.is-offset-one-quarter { margin-left: 25%; }

.columns.is-mobile > .column.is-offset-one-fifth { margin-left: 20%; }

.columns.is-mobile > .column.is-offset-two-fifths { margin-left: 40%; }

.columns.is-mobile > .column.is-offset-three-fifths { margin-left: 60%; }

.columns.is-mobile > .column.is-offset-four-fifths { margin-left: 80%; }

.columns.is-mobile > .column.is-0 { flex: none; width: 0%; }

.columns.is-mobile > .column.is-offset-0 { margin-left: 0%; }

.columns.is-mobile > .column.is-1 { flex: none; width: 8.333333%; }

.columns.is-mobile > .column.is-offset-1 { margin-left: 8.333333%; }

.columns.is-mobile > .column.is-2 { flex: none; width: 16.666667%; }

.columns.is-mobile > .column.is-offset-2 { margin-left: 16.666667%; }

.columns.is-mobile > .column.is-3 { flex: none; width: 25%; }

.columns.is-mobile > .column.is-offset-3 { margin-left: 25%; }

.columns.is-mobile > .column.is-4 { flex: none; width: 33.333333%; }

.columns.is-mobile > .column.is-offset-4 { margin-left: 33.333333%; }

.columns.is-mobile > .column.is-5 { flex: none; width: 41.666667%; }

.columns.is-mobile > .column.is-offset-5 { margin-left: 41.666667%; }

.columns.is-mobile > .column.is-6 { flex: none; width: 50%; }

.columns.is-mobile > .column.is-offset-6 { margin-left: 50%; }

.columns.is-mobile > .column.is-7 { flex: none; width: 58.333333%; }

.columns.is-mobile > .column.is-offset-7 { margin-left: 58.333333%; }

.columns.is-mobile > .column.is-8 { flex: none; width: 66.666667%; }

.columns.is-mobile > .column.is-offset-8 { margin-left: 66.666667%; }

.columns.is-mobile > .column.is-9 { flex: none; width: 75%; }

.columns.is-mobile > .column.is-offset-9 { margin-left: 75%; }

.columns.is-mobile > .column.is-10 { flex: none; width: 83.333333%; }

.columns.is-mobile > .column.is-offset-10 { margin-left: 83.333333%; }

.columns.is-mobile > .column.is-11 { flex: none; width: 91.666667%; }

.columns.is-mobile > .column.is-offset-11 { margin-left: 91.666667%; }

.columns.is-mobile > .column.is-12 { flex: none; width: 100%; }

.columns.is-mobile > .column.is-offset-12 { margin-left: 100%; }

@media screen and (max-width: 390px) { .column.is-narrow-mobile { flex: none; }
  .column.is-full-mobile { flex: none; width: 100%; }
  .column.is-three-quarters-mobile { flex: none; width: 75%; }
  .column.is-two-thirds-mobile { flex: none; width: 66.6666%; }
  .column.is-half-mobile { flex: none; width: 50%; }
  .column.is-one-third-mobile { flex: none; width: 33.3333%; }
  .column.is-one-quarter-mobile { flex: none; width: 25%; }
  .column.is-one-fifth-mobile { flex: none; width: 20%; }
  .column.is-two-fifths-mobile { flex: none; width: 40%; }
  .column.is-three-fifths-mobile { flex: none; width: 60%; }
  .column.is-four-fifths-mobile { flex: none; width: 80%; }
  .column.is-offset-three-quarters-mobile { margin-left: 75%; }
  .column.is-offset-two-thirds-mobile { margin-left: 66.6666%; }
  .column.is-offset-half-mobile { margin-left: 50%; }
  .column.is-offset-one-third-mobile { margin-left: 33.3333%; }
  .column.is-offset-one-quarter-mobile { margin-left: 25%; }
  .column.is-offset-one-fifth-mobile { margin-left: 20%; }
  .column.is-offset-two-fifths-mobile { margin-left: 40%; }
  .column.is-offset-three-fifths-mobile { margin-left: 60%; }
  .column.is-offset-four-fifths-mobile { margin-left: 80%; }
  .column.is-0-mobile { flex: none; width: 0%; }
  .column.is-offset-0-mobile { margin-left: 0%; }
  .column.is-1-mobile { flex: none; width: 8.333333%; }
  .column.is-offset-1-mobile { margin-left: 8.333333%; }
  .column.is-2-mobile { flex: none; width: 16.666667%; }
  .column.is-offset-2-mobile { margin-left: 16.666667%; }
  .column.is-3-mobile { flex: none; width: 25%; }
  .column.is-offset-3-mobile { margin-left: 25%; }
  .column.is-4-mobile { flex: none; width: 33.333333%; }
  .column.is-offset-4-mobile { margin-left: 33.333333%; }
  .column.is-5-mobile { flex: none; width: 41.666667%; }
  .column.is-offset-5-mobile { margin-left: 41.666667%; }
  .column.is-6-mobile { flex: none; width: 50%; }
  .column.is-offset-6-mobile { margin-left: 50%; }
  .column.is-7-mobile { flex: none; width: 58.333333%; }
  .column.is-offset-7-mobile { margin-left: 58.333333%; }
  .column.is-8-mobile { flex: none; width: 66.666667%; }
  .column.is-offset-8-mobile { margin-left: 66.666667%; }
  .column.is-9-mobile { flex: none; width: 75%; }
  .column.is-offset-9-mobile { margin-left: 75%; }
  .column.is-10-mobile { flex: none; width: 83.333333%; }
  .column.is-offset-10-mobile { margin-left: 83.333333%; }
  .column.is-11-mobile { flex: none; width: 91.666667%; }
  .column.is-offset-11-mobile { margin-left: 91.666667%; }
  .column.is-12-mobile { flex: none; width: 100%; }
  .column.is-offset-12-mobile { margin-left: 100%; } }

@media screen and (min-width: 769px), print { .column.is-narrow, .column.is-narrow-tablet { flex: none; }
  .column.is-full, .column.is-full-tablet { flex: none; width: 100%; }
  .column.is-three-quarters, .column.is-three-quarters-tablet { flex: none; width: 75%; }
  .column.is-two-thirds, .column.is-two-thirds-tablet { flex: none; width: 66.6666%; }
  .column.is-half, .column.is-half-tablet { flex: none; width: 50%; }
  .column.is-one-third, .column.is-one-third-tablet { flex: none; width: 33.3333%; }
  .column.is-one-quarter, .column.is-one-quarter-tablet { flex: none; width: 25%; }
  .column.is-one-fifth, .column.is-one-fifth-tablet { flex: none; width: 20%; }
  .column.is-two-fifths, .column.is-two-fifths-tablet { flex: none; width: 40%; }
  .column.is-three-fifths, .column.is-three-fifths-tablet { flex: none; width: 60%; }
  .column.is-four-fifths, .column.is-four-fifths-tablet { flex: none; width: 80%; }
  .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet { margin-left: 75%; }
  .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet { margin-left: 66.6666%; }
  .column.is-offset-half, .column.is-offset-half-tablet { margin-left: 50%; }
  .column.is-offset-one-third, .column.is-offset-one-third-tablet { margin-left: 33.3333%; }
  .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet { margin-left: 25%; }
  .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet { margin-left: 20%; }
  .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet { margin-left: 40%; }
  .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet { margin-left: 60%; }
  .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet { margin-left: 80%; }
  .column.is-0, .column.is-0-tablet { flex: none; width: 0%; }
  .column.is-offset-0, .column.is-offset-0-tablet { margin-left: 0%; }
  .column.is-1, .column.is-1-tablet { flex: none; width: 8.333333%; }
  .column.is-offset-1, .column.is-offset-1-tablet { margin-left: 8.333333%; }
  .column.is-2, .column.is-2-tablet { flex: none; width: 16.666667%; }
  .column.is-offset-2, .column.is-offset-2-tablet { margin-left: 16.666667%; }
  .column.is-3, .column.is-3-tablet { flex: none; width: 25%; }
  .column.is-offset-3, .column.is-offset-3-tablet { margin-left: 25%; }
  .column.is-4, .column.is-4-tablet { flex: none; width: 33.333333%; }
  .column.is-offset-4, .column.is-offset-4-tablet { margin-left: 33.333333%; }
  .column.is-5, .column.is-5-tablet { flex: none; width: 41.666667%; }
  .column.is-offset-5, .column.is-offset-5-tablet { margin-left: 41.666667%; }
  .column.is-6, .column.is-6-tablet { flex: none; width: 50%; }
  .column.is-offset-6, .column.is-offset-6-tablet { margin-left: 50%; }
  .column.is-7, .column.is-7-tablet { flex: none; width: 58.333333%; }
  .column.is-offset-7, .column.is-offset-7-tablet { margin-left: 58.333333%; }
  .column.is-8, .column.is-8-tablet { flex: none; width: 66.666667%; }
  .column.is-offset-8, .column.is-offset-8-tablet { margin-left: 66.666667%; }
  .column.is-9, .column.is-9-tablet { flex: none; width: 75%; }
  .column.is-offset-9, .column.is-offset-9-tablet { margin-left: 75%; }
  .column.is-10, .column.is-10-tablet { flex: none; width: 83.333333%; }
  .column.is-offset-10, .column.is-offset-10-tablet { margin-left: 83.333333%; }
  .column.is-11, .column.is-11-tablet { flex: none; width: 91.666667%; }
  .column.is-offset-11, .column.is-offset-11-tablet { margin-left: 91.666667%; }
  .column.is-12, .column.is-12-tablet { flex: none; width: 100%; }
  .column.is-offset-12, .column.is-offset-12-tablet { margin-left: 100%; } }

@media screen and (max-width: 1023px) { .column.is-narrow-touch { flex: none; }
  .column.is-full-touch { flex: none; width: 100%; }
  .column.is-three-quarters-touch { flex: none; width: 75%; }
  .column.is-two-thirds-touch { flex: none; width: 66.6666%; }
  .column.is-half-touch { flex: none; width: 50%; }
  .column.is-one-third-touch { flex: none; width: 33.3333%; }
  .column.is-one-quarter-touch { flex: none; width: 25%; }
  .column.is-one-fifth-touch { flex: none; width: 20%; }
  .column.is-two-fifths-touch { flex: none; width: 40%; }
  .column.is-three-fifths-touch { flex: none; width: 60%; }
  .column.is-four-fifths-touch { flex: none; width: 80%; }
  .column.is-offset-three-quarters-touch { margin-left: 75%; }
  .column.is-offset-two-thirds-touch { margin-left: 66.6666%; }
  .column.is-offset-half-touch { margin-left: 50%; }
  .column.is-offset-one-third-touch { margin-left: 33.3333%; }
  .column.is-offset-one-quarter-touch { margin-left: 25%; }
  .column.is-offset-one-fifth-touch { margin-left: 20%; }
  .column.is-offset-two-fifths-touch { margin-left: 40%; }
  .column.is-offset-three-fifths-touch { margin-left: 60%; }
  .column.is-offset-four-fifths-touch { margin-left: 80%; }
  .column.is-0-touch { flex: none; width: 0%; }
  .column.is-offset-0-touch { margin-left: 0%; }
  .column.is-1-touch { flex: none; width: 8.333333%; }
  .column.is-offset-1-touch { margin-left: 8.333333%; }
  .column.is-2-touch { flex: none; width: 16.666667%; }
  .column.is-offset-2-touch { margin-left: 16.666667%; }
  .column.is-3-touch { flex: none; width: 25%; }
  .column.is-offset-3-touch { margin-left: 25%; }
  .column.is-4-touch { flex: none; width: 33.333333%; }
  .column.is-offset-4-touch { margin-left: 33.333333%; }
  .column.is-5-touch { flex: none; width: 41.666667%; }
  .column.is-offset-5-touch { margin-left: 41.666667%; }
  .column.is-6-touch { flex: none; width: 50%; }
  .column.is-offset-6-touch { margin-left: 50%; }
  .column.is-7-touch { flex: none; width: 58.333333%; }
  .column.is-offset-7-touch { margin-left: 58.333333%; }
  .column.is-8-touch { flex: none; width: 66.666667%; }
  .column.is-offset-8-touch { margin-left: 66.666667%; }
  .column.is-9-touch { flex: none; width: 75%; }
  .column.is-offset-9-touch { margin-left: 75%; }
  .column.is-10-touch { flex: none; width: 83.333333%; }
  .column.is-offset-10-touch { margin-left: 83.333333%; }
  .column.is-11-touch { flex: none; width: 91.666667%; }
  .column.is-offset-11-touch { margin-left: 91.666667%; }
  .column.is-12-touch { flex: none; width: 100%; }
  .column.is-offset-12-touch { margin-left: 100%; } }

@media screen and (min-width: 1024px) { .column.is-narrow-desktop { flex: none; }
  .column.is-full-desktop { flex: none; width: 100%; }
  .column.is-three-quarters-desktop { flex: none; width: 75%; }
  .column.is-two-thirds-desktop { flex: none; width: 66.6666%; }
  .column.is-half-desktop { flex: none; width: 50%; }
  .column.is-one-third-desktop { flex: none; width: 33.3333%; }
  .column.is-one-quarter-desktop { flex: none; width: 25%; }
  .column.is-one-fifth-desktop { flex: none; width: 20%; }
  .column.is-two-fifths-desktop { flex: none; width: 40%; }
  .column.is-three-fifths-desktop { flex: none; width: 60%; }
  .column.is-four-fifths-desktop { flex: none; width: 80%; }
  .column.is-offset-three-quarters-desktop { margin-left: 75%; }
  .column.is-offset-two-thirds-desktop { margin-left: 66.6666%; }
  .column.is-offset-half-desktop { margin-left: 50%; }
  .column.is-offset-one-third-desktop { margin-left: 33.3333%; }
  .column.is-offset-one-quarter-desktop { margin-left: 25%; }
  .column.is-offset-one-fifth-desktop { margin-left: 20%; }
  .column.is-offset-two-fifths-desktop { margin-left: 40%; }
  .column.is-offset-three-fifths-desktop { margin-left: 60%; }
  .column.is-offset-four-fifths-desktop { margin-left: 80%; }
  .column.is-0-desktop { flex: none; width: 0%; }
  .column.is-offset-0-desktop { margin-left: 0%; }
  .column.is-1-desktop { flex: none; width: 8.333333%; }
  .column.is-offset-1-desktop { margin-left: 8.333333%; }
  .column.is-2-desktop { flex: none; width: 16.666667%; }
  .column.is-offset-2-desktop { margin-left: 16.666667%; }
  .column.is-3-desktop { flex: none; width: 25%; }
  .column.is-offset-3-desktop { margin-left: 25%; }
  .column.is-4-desktop { flex: none; width: 33.333333%; }
  .column.is-offset-4-desktop { margin-left: 33.333333%; }
  .column.is-5-desktop { flex: none; width: 41.666667%; }
  .column.is-offset-5-desktop { margin-left: 41.666667%; }
  .column.is-6-desktop { flex: none; width: 50%; }
  .column.is-offset-6-desktop { margin-left: 50%; }
  .column.is-7-desktop { flex: none; width: 58.333333%; }
  .column.is-offset-7-desktop { margin-left: 58.333333%; }
  .column.is-8-desktop { flex: none; width: 66.666667%; }
  .column.is-offset-8-desktop { margin-left: 66.666667%; }
  .column.is-9-desktop { flex: none; width: 75%; }
  .column.is-offset-9-desktop { margin-left: 75%; }
  .column.is-10-desktop { flex: none; width: 83.333333%; }
  .column.is-offset-10-desktop { margin-left: 83.333333%; }
  .column.is-11-desktop { flex: none; width: 91.666667%; }
  .column.is-offset-11-desktop { margin-left: 91.666667%; }
  .column.is-12-desktop { flex: none; width: 100%; }
  .column.is-offset-12-desktop { margin-left: 100%; } }

@media screen and (min-width: 1216px) { .column.is-narrow-widescreen { flex: none; }
  .column.is-full-widescreen { flex: none; width: 100%; }
  .column.is-three-quarters-widescreen { flex: none; width: 75%; }
  .column.is-two-thirds-widescreen { flex: none; width: 66.6666%; }
  .column.is-half-widescreen { flex: none; width: 50%; }
  .column.is-one-third-widescreen { flex: none; width: 33.3333%; }
  .column.is-one-quarter-widescreen { flex: none; width: 25%; }
  .column.is-one-fifth-widescreen { flex: none; width: 20%; }
  .column.is-two-fifths-widescreen { flex: none; width: 40%; }
  .column.is-three-fifths-widescreen { flex: none; width: 60%; }
  .column.is-four-fifths-widescreen { flex: none; width: 80%; }
  .column.is-offset-three-quarters-widescreen { margin-left: 75%; }
  .column.is-offset-two-thirds-widescreen { margin-left: 66.6666%; }
  .column.is-offset-half-widescreen { margin-left: 50%; }
  .column.is-offset-one-third-widescreen { margin-left: 33.3333%; }
  .column.is-offset-one-quarter-widescreen { margin-left: 25%; }
  .column.is-offset-one-fifth-widescreen { margin-left: 20%; }
  .column.is-offset-two-fifths-widescreen { margin-left: 40%; }
  .column.is-offset-three-fifths-widescreen { margin-left: 60%; }
  .column.is-offset-four-fifths-widescreen { margin-left: 80%; }
  .column.is-0-widescreen { flex: none; width: 0%; }
  .column.is-offset-0-widescreen { margin-left: 0%; }
  .column.is-1-widescreen { flex: none; width: 8.333333%; }
  .column.is-offset-1-widescreen { margin-left: 8.333333%; }
  .column.is-2-widescreen { flex: none; width: 16.666667%; }
  .column.is-offset-2-widescreen { margin-left: 16.666667%; }
  .column.is-3-widescreen { flex: none; width: 25%; }
  .column.is-offset-3-widescreen { margin-left: 25%; }
  .column.is-4-widescreen { flex: none; width: 33.333333%; }
  .column.is-offset-4-widescreen { margin-left: 33.333333%; }
  .column.is-5-widescreen { flex: none; width: 41.666667%; }
  .column.is-offset-5-widescreen { margin-left: 41.666667%; }
  .column.is-6-widescreen { flex: none; width: 50%; }
  .column.is-offset-6-widescreen { margin-left: 50%; }
  .column.is-7-widescreen { flex: none; width: 58.333333%; }
  .column.is-offset-7-widescreen { margin-left: 58.333333%; }
  .column.is-8-widescreen { flex: none; width: 66.666667%; }
  .column.is-offset-8-widescreen { margin-left: 66.666667%; }
  .column.is-9-widescreen { flex: none; width: 75%; }
  .column.is-offset-9-widescreen { margin-left: 75%; }
  .column.is-10-widescreen { flex: none; width: 83.333333%; }
  .column.is-offset-10-widescreen { margin-left: 83.333333%; }
  .column.is-11-widescreen { flex: none; width: 91.666667%; }
  .column.is-offset-11-widescreen { margin-left: 91.666667%; }
  .column.is-12-widescreen { flex: none; width: 100%; }
  .column.is-offset-12-widescreen { margin-left: 100%; } }

@media screen and (min-width: 1408px) { .column.is-narrow-fullhd { flex: none; }
  .column.is-full-fullhd { flex: none; width: 100%; }
  .column.is-three-quarters-fullhd { flex: none; width: 75%; }
  .column.is-two-thirds-fullhd { flex: none; width: 66.6666%; }
  .column.is-half-fullhd { flex: none; width: 50%; }
  .column.is-one-third-fullhd { flex: none; width: 33.3333%; }
  .column.is-one-quarter-fullhd { flex: none; width: 25%; }
  .column.is-one-fifth-fullhd { flex: none; width: 20%; }
  .column.is-two-fifths-fullhd { flex: none; width: 40%; }
  .column.is-three-fifths-fullhd { flex: none; width: 60%; }
  .column.is-four-fifths-fullhd { flex: none; width: 80%; }
  .column.is-offset-three-quarters-fullhd { margin-left: 75%; }
  .column.is-offset-two-thirds-fullhd { margin-left: 66.6666%; }
  .column.is-offset-half-fullhd { margin-left: 50%; }
  .column.is-offset-one-third-fullhd { margin-left: 33.3333%; }
  .column.is-offset-one-quarter-fullhd { margin-left: 25%; }
  .column.is-offset-one-fifth-fullhd { margin-left: 20%; }
  .column.is-offset-two-fifths-fullhd { margin-left: 40%; }
  .column.is-offset-three-fifths-fullhd { margin-left: 60%; }
  .column.is-offset-four-fifths-fullhd { margin-left: 80%; }
  .column.is-0-fullhd { flex: none; width: 0%; }
  .column.is-offset-0-fullhd { margin-left: 0%; }
  .column.is-1-fullhd { flex: none; width: 8.333333%; }
  .column.is-offset-1-fullhd { margin-left: 8.333333%; }
  .column.is-2-fullhd { flex: none; width: 16.666667%; }
  .column.is-offset-2-fullhd { margin-left: 16.666667%; }
  .column.is-3-fullhd { flex: none; width: 25%; }
  .column.is-offset-3-fullhd { margin-left: 25%; }
  .column.is-4-fullhd { flex: none; width: 33.333333%; }
  .column.is-offset-4-fullhd { margin-left: 33.333333%; }
  .column.is-5-fullhd { flex: none; width: 41.666667%; }
  .column.is-offset-5-fullhd { margin-left: 41.666667%; }
  .column.is-6-fullhd { flex: none; width: 50%; }
  .column.is-offset-6-fullhd { margin-left: 50%; }
  .column.is-7-fullhd { flex: none; width: 58.333333%; }
  .column.is-offset-7-fullhd { margin-left: 58.333333%; }
  .column.is-8-fullhd { flex: none; width: 66.666667%; }
  .column.is-offset-8-fullhd { margin-left: 66.666667%; }
  .column.is-9-fullhd { flex: none; width: 75%; }
  .column.is-offset-9-fullhd { margin-left: 75%; }
  .column.is-10-fullhd { flex: none; width: 83.333333%; }
  .column.is-offset-10-fullhd { margin-left: 83.333333%; }
  .column.is-11-fullhd { flex: none; width: 91.666667%; }
  .column.is-offset-11-fullhd { margin-left: 91.666667%; }
  .column.is-12-fullhd { flex: none; width: 100%; }
  .column.is-offset-12-fullhd { margin-left: 100%; } }

.columns { margin-left: -40px; margin-right: -40px; margin-top: -40px; }

.columns:last-child { margin-bottom: -40px; }

.columns:not(:last-child) { margin-bottom: calc(15px - 40px); }

.columns.is-centered { justify-content: center; }

.columns.is-gapless { margin-left: 0; margin-right: 0; margin-top: 0; }

.columns.is-gapless > .column { margin: 0; padding: 0 !important; }

.columns.is-gapless:not(:last-child) { margin-bottom: 15px; }

.columns.is-gapless:last-child { margin-bottom: 0; }

.columns.is-mobile { display: flex; }

.columns.is-multiline { flex-wrap: wrap; }

.columns.is-vcentered { align-items: center; }

@media screen and (min-width: 769px), print { .columns:not(.is-desktop) { display: flex; } }

@media screen and (min-width: 1024px) { .columns.is-desktop { display: flex; } }

.columns.is-variable { --columnGap: 8px; margin-left: calc(-1 * var(--columnGap)); margin-right: calc(-1 * var(--columnGap)); }

.columns.is-variable .column { padding-left: var(--columnGap); padding-right: var(--columnGap); }

.columns.is-variable.is-0 { --columnGap: 0px; }

@media screen and (max-width: 390px) { .columns.is-variable.is-0-mobile { --columnGap: 0px; } }

@media screen and (min-width: 769px), print { .columns.is-variable.is-0-tablet { --columnGap: 0px; } }

@media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-0-tablet-only { --columnGap: 0px; } }

@media screen and (max-width: 1023px) { .columns.is-variable.is-0-touch { --columnGap: 0px; } }

@media screen and (min-width: 1024px) { .columns.is-variable.is-0-desktop { --columnGap: 0px; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-0-desktop-only { --columnGap: 0px; } }

@media screen and (min-width: 1216px) { .columns.is-variable.is-0-widescreen { --columnGap: 0px; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-0-widescreen-only { --columnGap: 0px; } }

@media screen and (min-width: 1408px) { .columns.is-variable.is-0-fullhd { --columnGap: 0px; } }

.columns.is-variable.is-1 { --columnGap: 3px; }

@media screen and (max-width: 390px) { .columns.is-variable.is-1-mobile { --columnGap: 3px; } }

@media screen and (min-width: 769px), print { .columns.is-variable.is-1-tablet { --columnGap: 3px; } }

@media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-1-tablet-only { --columnGap: 3px; } }

@media screen and (max-width: 1023px) { .columns.is-variable.is-1-touch { --columnGap: 3px; } }

@media screen and (min-width: 1024px) { .columns.is-variable.is-1-desktop { --columnGap: 3px; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-1-desktop-only { --columnGap: 3px; } }

@media screen and (min-width: 1216px) { .columns.is-variable.is-1-widescreen { --columnGap: 3px; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-1-widescreen-only { --columnGap: 3px; } }

@media screen and (min-width: 1408px) { .columns.is-variable.is-1-fullhd { --columnGap: 3px; } }

.columns.is-variable.is-2 { --columnGap: 6px; }

@media screen and (max-width: 390px) { .columns.is-variable.is-2-mobile { --columnGap: 6px; } }

@media screen and (min-width: 769px), print { .columns.is-variable.is-2-tablet { --columnGap: 6px; } }

@media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-2-tablet-only { --columnGap: 6px; } }

@media screen and (max-width: 1023px) { .columns.is-variable.is-2-touch { --columnGap: 6px; } }

@media screen and (min-width: 1024px) { .columns.is-variable.is-2-desktop { --columnGap: 6px; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-2-desktop-only { --columnGap: 6px; } }

@media screen and (min-width: 1216px) { .columns.is-variable.is-2-widescreen { --columnGap: 6px; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-2-widescreen-only { --columnGap: 6px; } }

@media screen and (min-width: 1408px) { .columns.is-variable.is-2-fullhd { --columnGap: 6px; } }

.columns.is-variable.is-3 { --columnGap: 9px; }

@media screen and (max-width: 390px) { .columns.is-variable.is-3-mobile { --columnGap: 9px; } }

@media screen and (min-width: 769px), print { .columns.is-variable.is-3-tablet { --columnGap: 9px; } }

@media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-3-tablet-only { --columnGap: 9px; } }

@media screen and (max-width: 1023px) { .columns.is-variable.is-3-touch { --columnGap: 9px; } }

@media screen and (min-width: 1024px) { .columns.is-variable.is-3-desktop { --columnGap: 9px; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-3-desktop-only { --columnGap: 9px; } }

@media screen and (min-width: 1216px) { .columns.is-variable.is-3-widescreen { --columnGap: 9px; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-3-widescreen-only { --columnGap: 9px; } }

@media screen and (min-width: 1408px) { .columns.is-variable.is-3-fullhd { --columnGap: 9px; } }

.columns.is-variable.is-4 { --columnGap: 12px; }

@media screen and (max-width: 390px) { .columns.is-variable.is-4-mobile { --columnGap: 12px; } }

@media screen and (min-width: 769px), print { .columns.is-variable.is-4-tablet { --columnGap: 12px; } }

@media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-4-tablet-only { --columnGap: 12px; } }

@media screen and (max-width: 1023px) { .columns.is-variable.is-4-touch { --columnGap: 12px; } }

@media screen and (min-width: 1024px) { .columns.is-variable.is-4-desktop { --columnGap: 12px; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-4-desktop-only { --columnGap: 12px; } }

@media screen and (min-width: 1216px) { .columns.is-variable.is-4-widescreen { --columnGap: 12px; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-4-widescreen-only { --columnGap: 12px; } }

@media screen and (min-width: 1408px) { .columns.is-variable.is-4-fullhd { --columnGap: 12px; } }

.columns.is-variable.is-5 { --columnGap: 15px; }

@media screen and (max-width: 390px) { .columns.is-variable.is-5-mobile { --columnGap: 15px; } }

@media screen and (min-width: 769px), print { .columns.is-variable.is-5-tablet { --columnGap: 15px; } }

@media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-5-tablet-only { --columnGap: 15px; } }

@media screen and (max-width: 1023px) { .columns.is-variable.is-5-touch { --columnGap: 15px; } }

@media screen and (min-width: 1024px) { .columns.is-variable.is-5-desktop { --columnGap: 15px; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-5-desktop-only { --columnGap: 15px; } }

@media screen and (min-width: 1216px) { .columns.is-variable.is-5-widescreen { --columnGap: 15px; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-5-widescreen-only { --columnGap: 15px; } }

@media screen and (min-width: 1408px) { .columns.is-variable.is-5-fullhd { --columnGap: 15px; } }

.columns.is-variable.is-6 { --columnGap: 18px; }

@media screen and (max-width: 390px) { .columns.is-variable.is-6-mobile { --columnGap: 18px; } }

@media screen and (min-width: 769px), print { .columns.is-variable.is-6-tablet { --columnGap: 18px; } }

@media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-6-tablet-only { --columnGap: 18px; } }

@media screen and (max-width: 1023px) { .columns.is-variable.is-6-touch { --columnGap: 18px; } }

@media screen and (min-width: 1024px) { .columns.is-variable.is-6-desktop { --columnGap: 18px; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-6-desktop-only { --columnGap: 18px; } }

@media screen and (min-width: 1216px) { .columns.is-variable.is-6-widescreen { --columnGap: 18px; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-6-widescreen-only { --columnGap: 18px; } }

@media screen and (min-width: 1408px) { .columns.is-variable.is-6-fullhd { --columnGap: 18px; } }

.columns.is-variable.is-7 { --columnGap: 21px; }

@media screen and (max-width: 390px) { .columns.is-variable.is-7-mobile { --columnGap: 21px; } }

@media screen and (min-width: 769px), print { .columns.is-variable.is-7-tablet { --columnGap: 21px; } }

@media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-7-tablet-only { --columnGap: 21px; } }

@media screen and (max-width: 1023px) { .columns.is-variable.is-7-touch { --columnGap: 21px; } }

@media screen and (min-width: 1024px) { .columns.is-variable.is-7-desktop { --columnGap: 21px; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-7-desktop-only { --columnGap: 21px; } }

@media screen and (min-width: 1216px) { .columns.is-variable.is-7-widescreen { --columnGap: 21px; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-7-widescreen-only { --columnGap: 21px; } }

@media screen and (min-width: 1408px) { .columns.is-variable.is-7-fullhd { --columnGap: 21px; } }

.columns.is-variable.is-8 { --columnGap: 24px; }

@media screen and (max-width: 390px) { .columns.is-variable.is-8-mobile { --columnGap: 24px; } }

@media screen and (min-width: 769px), print { .columns.is-variable.is-8-tablet { --columnGap: 24px; } }

@media screen and (min-width: 769px) and (max-width: 1023px) { .columns.is-variable.is-8-tablet-only { --columnGap: 24px; } }

@media screen and (max-width: 1023px) { .columns.is-variable.is-8-touch { --columnGap: 24px; } }

@media screen and (min-width: 1024px) { .columns.is-variable.is-8-desktop { --columnGap: 24px; } }

@media screen and (min-width: 1024px) and (max-width: 1215px) { .columns.is-variable.is-8-desktop-only { --columnGap: 24px; } }

@media screen and (min-width: 1216px) { .columns.is-variable.is-8-widescreen { --columnGap: 24px; } }

@media screen and (min-width: 1216px) and (max-width: 1407px) { .columns.is-variable.is-8-widescreen-only { --columnGap: 24px; } }

@media screen and (min-width: 1408px) { .columns.is-variable.is-8-fullhd { --columnGap: 24px; } }

.section { padding: 3rem 1.5rem; }

@media screen and (min-width: 1024px) { .section.is-medium { padding: 9rem 1.5rem; }
  .section.is-large { padding: 18rem 1.5rem; } }

.button { background-color: white; border-color: #ccc; border-width: 1px; color: #777; cursor: pointer; min-width: 120px; line-height: 1; vertical-align: middle; justify-content: center; padding-left: 20px; padding-right: 20px; text-align: center; white-space: nowrap; }

.button strong { color: inherit; }

.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large { height: 1.5em; width: 1.5em; }

.button .icon:first-child:not(:last-child) { margin-left: calc(-10px - 1px); margin-right: 5px; }

.button .icon:last-child:not(:first-child) { margin-left: 5px; margin-right: calc(-10px - 1px); }

.button .icon:first-child:last-child { margin-left: calc(-10px - 1px); margin-right: calc(-10px - 1px); }

.button:hover, .button.is-hovered { border-color: #333; color: #333; }

.button:focus, .button.is-focused { border-color: #3273dc; color: #333; }

.button:active, .button.is-active { border-color: #777; color: #333; }

.button.is-green { background-color: #458d4f; color: #fff; }

.button.is-text { background-color: transparent; border-color: transparent; color: #777; text-decoration: underline; }

.button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused { background-color: whitesmoke; color: #333; }

.button.is-text:active, .button.is-text.is-active { background-color: #e8e8e8; color: #333; }

.button.is-text[disabled], fieldset[disabled] .button.is-text { background-color: transparent; border-color: transparent; box-shadow: none; }

.button.is-white { background-color: white; border-color: transparent; color: #333; }

.button.is-white:hover, .button.is-white.is-hovered { background-color: #f9f9f9; border-color: transparent; color: #333; }

.button.is-white:focus, .button.is-white.is-focused { border-color: transparent; color: #333; }

.button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); }

.button.is-white:active, .button.is-white.is-active { background-color: #f2f2f2; border-color: transparent; color: #333; }

.button.is-white[disabled], fieldset[disabled] .button.is-white { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-white.is-inverted { background-color: #333; color: white; }

.button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered { background-color: #262626; }

.button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-white.is-loading::after { border-color: transparent transparent #333 #333 !important; }

.button.is-white.is-outlined { background-color: transparent; border-color: white; color: white; }

.button.is-white.is-outlined:hover, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined.is-focused { background-color: white; border-color: white; color: #333; }

.button.is-white.is-outlined.is-loading::after { border-color: transparent transparent white white !important; }

.button.is-white.is-outlined.is-loading:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #333 #333 !important; }

.button.is-white.is-outlined[disabled], fieldset[disabled] .button.is-white.is-outlined { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-white.is-inverted.is-outlined { background-color: transparent; border-color: #333; color: #333; }

.button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined.is-focused { background-color: #333; color: white; }

.button.is-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent white white !important; }

.button.is-white.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-white.is-inverted.is-outlined { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-black { background-color: #333; border-color: transparent; color: white; }

.button.is-black:hover, .button.is-black.is-hovered { background-color: #2d2d2d; border-color: transparent; color: white; }

.button.is-black:focus, .button.is-black.is-focused { border-color: transparent; color: white; }

.button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(51, 51, 51, 0.25); }

.button.is-black:active, .button.is-black.is-active { background-color: #262626; border-color: transparent; color: white; }

.button.is-black[disabled], fieldset[disabled] .button.is-black { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-black.is-inverted { background-color: white; color: #333; }

.button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered { background-color: #f2f2f2; }

.button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-black.is-loading::after { border-color: transparent transparent white white !important; }

.button.is-black.is-outlined { background-color: transparent; border-color: #333; color: #333; }

.button.is-black.is-outlined:hover, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined.is-focused { background-color: #333; border-color: #333; color: white; }

.button.is-black.is-outlined.is-loading::after { border-color: transparent transparent #333 #333 !important; }

.button.is-black.is-outlined.is-loading:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after { border-color: transparent transparent white white !important; }

.button.is-black.is-outlined[disabled], fieldset[disabled] .button.is-black.is-outlined { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-black.is-inverted.is-outlined { background-color: transparent; border-color: white; color: white; }

.button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined.is-focused { background-color: white; color: #333; }

.button.is-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #333 #333 !important; }

.button.is-black.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-black.is-inverted.is-outlined { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-light { background-color: #f9f9f9; border-color: transparent; color: rgba(0, 0, 0, 0.7); }

.button.is-light:hover, .button.is-light.is-hovered { background-color: #f3f3f3; border-color: transparent; color: rgba(0, 0, 0, 0.7); }

.button.is-light:focus, .button.is-light.is-focused { border-color: transparent; color: rgba(0, 0, 0, 0.7); }

.button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(249, 249, 249, 0.25); }

.button.is-light:active, .button.is-light.is-active { background-color: #ececec; border-color: transparent; color: rgba(0, 0, 0, 0.7); }

.button.is-light[disabled], fieldset[disabled] .button.is-light { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-light.is-inverted { background-color: rgba(0, 0, 0, 0.7); color: #f9f9f9; }

.button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered { background-color: rgba(0, 0, 0, 0.7); }

.button.is-light.is-inverted[disabled], fieldset[disabled] .button.is-light.is-inverted { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-light.is-loading::after { border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; }

.button.is-light.is-outlined { background-color: transparent; border-color: #f9f9f9; color: #f9f9f9; }

.button.is-light.is-outlined:hover, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined.is-focused { background-color: #f9f9f9; border-color: #f9f9f9; color: rgba(0, 0, 0, 0.7); }

.button.is-light.is-outlined.is-loading::after { border-color: transparent transparent #f9f9f9 #f9f9f9 !important; }

.button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after { border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; }

.button.is-light.is-outlined[disabled], fieldset[disabled] .button.is-light.is-outlined { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-light.is-inverted.is-outlined { background-color: transparent; border-color: rgba(0, 0, 0, 0.7); color: rgba(0, 0, 0, 0.7); }

.button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined.is-focused { background-color: rgba(0, 0, 0, 0.7); color: #f9f9f9; }

.button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #f9f9f9 #f9f9f9 !important; }

.button.is-light.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-light.is-inverted.is-outlined { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-dark { background-color: #888; border-color: transparent; color: #fff; }

.button.is-dark:hover, .button.is-dark.is-hovered { background-color: #828282; border-color: transparent; color: #fff; }

.button.is-dark:focus, .button.is-dark.is-focused { border-color: transparent; color: #fff; }

.button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(136, 136, 136, 0.25); }

.button.is-dark:active, .button.is-dark.is-active { background-color: #7b7b7b; border-color: transparent; color: #fff; }

.button.is-dark[disabled], fieldset[disabled] .button.is-dark { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-dark.is-inverted { background-color: #fff; color: #888; }

.button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered { background-color: #f2f2f2; }

.button.is-dark.is-inverted[disabled], fieldset[disabled] .button.is-dark.is-inverted { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-dark.is-loading::after { border-color: transparent transparent #fff #fff !important; }

.button.is-dark.is-outlined { background-color: transparent; border-color: #888; color: #888; }

.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined.is-focused { background-color: #888; border-color: #888; color: #fff; }

.button.is-dark.is-outlined.is-loading::after { border-color: transparent transparent #888 #888 !important; }

.button.is-dark.is-outlined.is-loading:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #fff #fff !important; }

.button.is-dark.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-outlined { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-dark.is-inverted.is-outlined { background-color: transparent; border-color: #fff; color: #fff; }

.button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined.is-focused { background-color: #fff; color: #888; }

.button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #888 #888 !important; }

.button.is-dark.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-inverted.is-outlined { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-primary { background-color: #333; border-color: transparent; color: #fff; }

.button.is-primary:hover, .button.is-primary.is-hovered { background-color: #2d2d2d; border-color: transparent; color: #fff; }

.button.is-primary:focus, .button.is-primary.is-focused { border-color: transparent; color: #fff; }

.button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(51, 51, 51, 0.25); }

.button.is-primary:active, .button.is-primary.is-active { background-color: #262626; border-color: transparent; color: #fff; }

.button.is-primary[disabled], fieldset[disabled] .button.is-primary { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-primary.is-inverted { background-color: #fff; color: #333; }

.button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered { background-color: #f2f2f2; }

.button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-primary.is-loading::after { border-color: transparent transparent #fff #fff !important; }

.button.is-primary.is-outlined { background-color: transparent; border-color: #333; color: #333; }

.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused { background-color: #333; border-color: #333; color: #fff; }

.button.is-primary.is-outlined.is-loading::after { border-color: transparent transparent #333 #333 !important; }

.button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #fff #fff !important; }

.button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-primary.is-inverted.is-outlined { background-color: transparent; border-color: #fff; color: #fff; }

.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused { background-color: #fff; color: #333; }

.button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #333 #333 !important; }

.button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-primary.is-light { background-color: whitesmoke; color: #8a8a8a; }

.button.is-primary.is-light:hover, .button.is-primary.is-light.is-hovered { background-color: #eeeeee; border-color: transparent; color: #8a8a8a; }

.button.is-primary.is-light:active, .button.is-primary.is-light.is-active { background-color: #e8e8e8; border-color: transparent; color: #8a8a8a; }

.button.is-link { background-color: #3273dc; border-color: transparent; color: #fff; }

.button.is-link:hover, .button.is-link.is-hovered { background-color: #276cda; border-color: transparent; color: #fff; }

.button.is-link:focus, .button.is-link.is-focused { border-color: transparent; color: #fff; }

.button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); }

.button.is-link:active, .button.is-link.is-active { background-color: #2366d1; border-color: transparent; color: #fff; }

.button.is-link[disabled], fieldset[disabled] .button.is-link { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-link.is-inverted { background-color: #fff; color: #3273dc; }

.button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered { background-color: #f2f2f2; }

.button.is-link.is-inverted[disabled], fieldset[disabled] .button.is-link.is-inverted { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-link.is-loading::after { border-color: transparent transparent #fff #fff !important; }

.button.is-link.is-outlined { background-color: transparent; border-color: #3273dc; color: #3273dc; }

.button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused { background-color: #3273dc; border-color: #3273dc; color: #fff; }

.button.is-link.is-outlined.is-loading::after { border-color: transparent transparent #3273dc #3273dc !important; }

.button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #fff #fff !important; }

.button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-link.is-inverted.is-outlined { background-color: transparent; border-color: #fff; color: #fff; }

.button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused { background-color: #fff; color: #3273dc; }

.button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #3273dc #3273dc !important; }

.button.is-link.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-link.is-inverted.is-outlined { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-link.is-light { background-color: #eef3fc; color: #2160c4; }

.button.is-link.is-light:hover, .button.is-link.is-light.is-hovered { background-color: #e3ecfa; border-color: transparent; color: #2160c4; }

.button.is-link.is-light:active, .button.is-link.is-light.is-active { background-color: #d8e4f8; border-color: transparent; color: #2160c4; }

.button.is-info { background-color: #3298dc; border-color: transparent; color: #fff; }

.button.is-info:hover, .button.is-info.is-hovered { background-color: #2793da; border-color: transparent; color: #fff; }

.button.is-info:focus, .button.is-info.is-focused { border-color: transparent; color: #fff; }

.button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(50, 152, 220, 0.25); }

.button.is-info:active, .button.is-info.is-active { background-color: #238cd1; border-color: transparent; color: #fff; }

.button.is-info[disabled], fieldset[disabled] .button.is-info { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-info.is-inverted { background-color: #fff; color: #3298dc; }

.button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered { background-color: #f2f2f2; }

.button.is-info.is-inverted[disabled], fieldset[disabled] .button.is-info.is-inverted { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-info.is-loading::after { border-color: transparent transparent #fff #fff !important; }

.button.is-info.is-outlined { background-color: transparent; border-color: #3298dc; color: #3298dc; }

.button.is-info.is-outlined:hover, .button.is-info.is-outlined.is-hovered, .button.is-info.is-outlined:focus, .button.is-info.is-outlined.is-focused { background-color: #3298dc; border-color: #3298dc; color: #fff; }

.button.is-info.is-outlined.is-loading::after { border-color: transparent transparent #3298dc #3298dc !important; }

.button.is-info.is-outlined.is-loading:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #fff #fff !important; }

.button.is-info.is-outlined[disabled], fieldset[disabled] .button.is-info.is-outlined { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-info.is-inverted.is-outlined { background-color: transparent; border-color: #fff; color: #fff; }

.button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined.is-focused { background-color: #fff; color: #3298dc; }

.button.is-info.is-inverted.is-outlined.is-loading:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #3298dc #3298dc !important; }

.button.is-info.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-info.is-inverted.is-outlined { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-info.is-light { background-color: #eef6fc; color: #1d72aa; }

.button.is-info.is-light:hover, .button.is-info.is-light.is-hovered { background-color: #e3f1fa; border-color: transparent; color: #1d72aa; }

.button.is-info.is-light:active, .button.is-info.is-light.is-active { background-color: #d8ebf8; border-color: transparent; color: #1d72aa; }

.button.is-success { background-color: #48c774; border-color: transparent; color: #fff; }

.button.is-success:hover, .button.is-success.is-hovered { background-color: #3ec46d; border-color: transparent; color: #fff; }

.button.is-success:focus, .button.is-success.is-focused { border-color: transparent; color: #fff; }

.button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(72, 199, 116, 0.25); }

.button.is-success:active, .button.is-success.is-active { background-color: #3abb67; border-color: transparent; color: #fff; }

.button.is-success[disabled], fieldset[disabled] .button.is-success { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-success.is-inverted { background-color: #fff; color: #48c774; }

.button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered { background-color: #f2f2f2; }

.button.is-success.is-inverted[disabled], fieldset[disabled] .button.is-success.is-inverted { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-success.is-loading::after { border-color: transparent transparent #fff #fff !important; }

.button.is-success.is-outlined { background-color: transparent; border-color: #48c774; color: #48c774; }

.button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused { background-color: #48c774; border-color: #48c774; color: #fff; }

.button.is-success.is-outlined.is-loading::after { border-color: transparent transparent #48c774 #48c774 !important; }

.button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #fff #fff !important; }

.button.is-success.is-outlined[disabled], fieldset[disabled] .button.is-success.is-outlined { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-success.is-inverted.is-outlined { background-color: transparent; border-color: #fff; color: #fff; }

.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused { background-color: #fff; color: #48c774; }

.button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #48c774 #48c774 !important; }

.button.is-success.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-success.is-inverted.is-outlined { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-success.is-light { background-color: #effaf3; color: #257942; }

.button.is-success.is-light:hover, .button.is-success.is-light.is-hovered { background-color: #e6f7ec; border-color: transparent; color: #257942; }

.button.is-success.is-light:active, .button.is-success.is-light.is-active { background-color: #dcf4e4; border-color: transparent; color: #257942; }

.button.is-warning { background-color: #ffdd57; border-color: transparent; color: rgba(0, 0, 0, 0.7); }

.button.is-warning:hover, .button.is-warning.is-hovered { background-color: #ffdb4a; border-color: transparent; color: rgba(0, 0, 0, 0.7); }

.button.is-warning:focus, .button.is-warning.is-focused { border-color: transparent; color: rgba(0, 0, 0, 0.7); }

.button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); }

.button.is-warning:active, .button.is-warning.is-active { background-color: #ffd83d; border-color: transparent; color: rgba(0, 0, 0, 0.7); }

.button.is-warning[disabled], fieldset[disabled] .button.is-warning { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-warning.is-inverted { background-color: rgba(0, 0, 0, 0.7); color: #ffdd57; }

.button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered { background-color: rgba(0, 0, 0, 0.7); }

.button.is-warning.is-inverted[disabled], fieldset[disabled] .button.is-warning.is-inverted { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-warning.is-loading::after { border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; }

.button.is-warning.is-outlined { background-color: transparent; border-color: #ffdd57; color: #ffdd57; }

.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused { background-color: #ffdd57; border-color: #ffdd57; color: rgba(0, 0, 0, 0.7); }

.button.is-warning.is-outlined.is-loading::after { border-color: transparent transparent #ffdd57 #ffdd57 !important; }

.button.is-warning.is-outlined.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after { border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; }

.button.is-warning.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-outlined { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-warning.is-inverted.is-outlined { background-color: transparent; border-color: rgba(0, 0, 0, 0.7); color: rgba(0, 0, 0, 0.7); }

.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused { background-color: rgba(0, 0, 0, 0.7); color: #ffdd57; }

.button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #ffdd57 #ffdd57 !important; }

.button.is-warning.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-inverted.is-outlined { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-warning.is-light { background-color: #fffbeb; color: #947600; }

.button.is-warning.is-light:hover, .button.is-warning.is-light.is-hovered { background-color: #fff8de; border-color: transparent; color: #947600; }

.button.is-warning.is-light:active, .button.is-warning.is-light.is-active { background-color: #fff6d1; border-color: transparent; color: #947600; }

.button.is-danger { background-color: #ed2650; border-color: transparent; color: #fff; }

.button.is-danger:hover, .button.is-danger.is-hovered { background-color: #ec1a47; border-color: transparent; color: #fff; }

.button.is-danger:focus, .button.is-danger.is-focused { border-color: transparent; color: #fff; }

.button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) { box-shadow: 0 0 0 0.125em rgba(237, 38, 80, 0.25); }

.button.is-danger:active, .button.is-danger.is-active { background-color: #e61340; border-color: transparent; color: #fff; }

.button.is-danger[disabled], fieldset[disabled] .button.is-danger { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-danger.is-inverted { background-color: #fff; color: #ed2650; }

.button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered { background-color: #f2f2f2; }

.button.is-danger.is-inverted[disabled], fieldset[disabled] .button.is-danger.is-inverted { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-danger.is-loading::after { border-color: transparent transparent #fff #fff !important; }

.button.is-danger.is-outlined { background-color: transparent; border-color: #ed2650; color: #ed2650; }

.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined.is-focused { background-color: #ed2650; border-color: #ed2650; color: #fff; }

.button.is-danger.is-outlined.is-loading::after { border-color: transparent transparent #ed2650 #ed2650 !important; }

.button.is-danger.is-outlined.is-loading:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #fff #fff !important; }

.button.is-danger.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-outlined { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-danger.is-inverted.is-outlined { background-color: transparent; border-color: #fff; color: #fff; }

.button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused { background-color: #fff; color: #ed2650; }

.button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after { border-color: transparent transparent #ed2650 #ed2650 !important; }

.button.is-danger.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-inverted.is-outlined { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-danger.is-light { background-color: #fdecf0; color: #d4123b; }

.button.is-danger.is-light:hover, .button.is-danger.is-light.is-hovered { background-color: #fce0e6; border-color: transparent; color: #d4123b; }

.button.is-danger.is-light:active, .button.is-danger.is-light.is-active { background-color: #fbd5dd; border-color: transparent; color: #d4123b; }

.button.is-small { height: 30px; padding-top: 0; padding-left: 20px; padding-bottom: 0; padding-right: 20px; font-size: 13px; min-width: auto; }

.button.is-normal { font-size: 16px; }

.button.is-medium { font-size: 20px; }

.button.is-large { font-size: 18px; min-width: 140px; height: 60px; padding-left: 40px; padding-right: 40px; }

.button[disabled], fieldset[disabled] .button { background-color: #ddd; border-color: #ddd; color: #777; box-shadow: none; }

.button.is-fullwidth { display: flex; width: 100%; }

.button.is-loading { color: transparent !important; pointer-events: none; }

.button.is-loading::after { position: absolute; left: calc(50% - (1em / 2)); top: calc(50% - (1em / 2)); position: absolute !important; }

.button.is-static { background-color: whitesmoke; border-color: #ccc; color: #7a7a7a; box-shadow: none; pointer-events: none; }

.button.is-rounded { border-radius: 290486px; padding-left: calc(20px + 0.25em); padding-right: calc(20px + 0.25em); }

.button.is-light { border-color: #ccc; }

.buttons { align-items: center; display: flex; flex-wrap: wrap; justify-content: flex-start; }

.buttons .button { margin-bottom: 5px; }

.buttons .button:not(:last-child):not(.is-fullwidth) { margin-right: 5px; }

.buttons:last-child { margin-bottom: -5px; }

.buttons:not(:last-child) { margin-bottom: 10px; }

.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) { height: 30px; padding-top: 0; padding-left: 20px; padding-bottom: 0; padding-right: 20px; font-size: 13px; min-width: auto; }

.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) { font-size: 20px; }

.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) { font-size: 18px; min-width: 140px; height: 60px; padding-left: 40px; padding-right: 40px; }

.buttons.has-addons .button:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; }

.buttons.has-addons .button:not(:last-child) { border-bottom-right-radius: 0; border-top-right-radius: 0; margin-right: -1px; }

.buttons.has-addons .button:last-child { margin-right: 0; }

.buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered { z-index: 2; }

.buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected { z-index: 3; }

.buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover { z-index: 4; }

.buttons.has-addons .button.is-expanded { flex-grow: 1; flex-shrink: 1; }

.buttons.is-centered { justify-content: center; }

.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) { margin-left: 3px; margin-right: 3px; }

.buttons.is-right { justify-content: flex-end; }

.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) { margin-left: 3px; margin-right: 3px; }

.container, .section-title-wrap { flex-grow: 1; margin: 0 auto; position: relative; width: auto; }

.container.is-fluid, .is-fluid.section-title-wrap { max-width: none; padding-left: 32px; padding-right: 32px; width: 100%; }

.content li + li { margin-top: 0.25em; }

.content p:not(:last-child), .content dl:not(:last-child), .content ol:not(:last-child), .content ul:not(:last-child), .content blockquote:not(:last-child), .content pre:not(:last-child), .content table:not(:last-child) { margin-bottom: 1em; }

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { color: #333; font-weight: 600; line-height: 1.125; }

.content h1 { font-size: 2em; margin-bottom: 0.5em; }

.content h1:not(:first-child) { margin-top: 1em; }

.content h2 { font-size: 1.75em; margin-bottom: 0.5714em; }

.content h2:not(:first-child) { margin-top: 1.1428em; }

.content h3 { font-size: 1.5em; margin-bottom: 0.6666em; }

.content h3:not(:first-child) { margin-top: 1.3333em; }

.content h4 { font-size: 1.25em; margin-bottom: 0.8em; }

.content h5 { font-size: 1.125em; margin-bottom: 0.8888em; }

.content h6 { font-size: 1em; margin-bottom: 1em; }

.content blockquote { background-color: whitesmoke; border-left: 5px solid #ccc; padding: 1.25em 1.5em; }

.content ol { list-style-position: outside; margin-left: 2em; margin-top: 1em; }

.content ol:not([type]) { list-style-type: decimal; }

.content ol:not([type]).is-lower-alpha { list-style-type: lower-alpha; }

.content ol:not([type]).is-lower-roman { list-style-type: lower-roman; }

.content ol:not([type]).is-upper-alpha { list-style-type: upper-alpha; }

.content ol:not([type]).is-upper-roman { list-style-type: upper-roman; }

.content ul { list-style: disc outside; margin-left: 2em; margin-top: 1em; }

.content ul ul { list-style-type: circle; margin-top: 0.5em; }

.content ul ul ul { list-style-type: square; }

.content dd { margin-left: 2em; }

.content figure { margin-left: 2em; margin-right: 2em; text-align: center; }

.content figure:not(:first-child) { margin-top: 2em; }

.content figure:not(:last-child) { margin-bottom: 2em; }

.content figure img { display: inline-block; }

.content figure figcaption { font-style: italic; }

.content pre { -webkit-overflow-scrolling: touch; overflow-x: auto; padding: 1.25em 1.5em; white-space: pre; word-wrap: normal; }

.content sup, .content sub { font-size: 75%; }

.content table { width: 100%; }

.content table td, .content table th { border: 1px solid #eee; border-width: 0 0 1px; padding: 0.5em 0.75em; vertical-align: middle; }

.content table th { color: #333; }

.content table th:not([align]) { text-align: left; }

.content table thead td, .content table thead th { border-width: 0 0 2px; color: #333; }

.content table tfoot td, .content table tfoot th { border-width: 2px 0 0; color: #333; }

.content table tbody tr:last-child td, .content table tbody tr:last-child th { border-bottom-width: 0; }

.content .tabs li + li { margin-top: 0; }

.content.is-small { font-size: 14px; }

.content.is-medium { font-size: 20px; }

.content.is-large { font-size: 30px; }

[class^='icon-'] { display: inline-block; }

.icon { display: flex; align-items: center; align-content: stretch; justify-content: center; flex-direction: column; }

.icon.is-small { height: 10px; width: 10px; }

.icon.is-medium { height: 20px; width: 20px; }

.icon.is-large { height: 30px; width: 30px; }

.table { background-color: white; color: #333; }

.table td, .table th { border: 1px solid #eee; border-width: 0 0 1px; padding: 0.5em 0.75em; vertical-align: top; }

.table td.is-white, .table th.is-white { background-color: white; border-color: white; color: #333; }

.table td.is-black, .table th.is-black { background-color: #333; border-color: #333; color: white; }

.table td.is-light, .table th.is-light { background-color: #f9f9f9; border-color: #f9f9f9; color: rgba(0, 0, 0, 0.7); }

.table td.is-dark, .table th.is-dark { background-color: #888; border-color: #888; color: #fff; }

.table td.is-primary, .table th.is-primary { background-color: #333; border-color: #333; color: #fff; }

.table td.is-link, .table th.is-link { background-color: #3273dc; border-color: #3273dc; color: #fff; }

.table td.is-info, .table th.is-info { background-color: #3298dc; border-color: #3298dc; color: #fff; }

.table td.is-success, .table th.is-success { background-color: #48c774; border-color: #48c774; color: #fff; }

.table td.is-warning, .table th.is-warning { background-color: #ffdd57; border-color: #ffdd57; color: rgba(0, 0, 0, 0.7); }

.table td.is-danger, .table th.is-danger { background-color: #ed2650; border-color: #ed2650; color: #fff; }

.table td.is-narrow, .table th.is-narrow { white-space: nowrap; width: 1%; }

.table td.is-selected, .table th.is-selected { background-color: #333; color: #fff; }

.table td.is-selected a, .table td.is-selected strong, .table th.is-selected a, .table th.is-selected strong { color: currentColor; }

.table th { color: #333; }

.table th:not([align]) { text-align: left; }

.table tr.is-selected { background-color: #333; color: #fff; }

.table tr.is-selected a, .table tr.is-selected strong { color: currentColor; }

.table tr.is-selected td, .table tr.is-selected th { border-color: #fff; color: currentColor; }

.table thead { background-color: transparent; }

.table thead td, .table thead th { border-width: 0 0 1px; color: #333; }

.table tfoot { background-color: transparent; }

.table tfoot td, .table tfoot th { border-width: 2px 0 0; color: #333; }

.table tbody { background-color: transparent; }

.table tbody tr:last-child td, .table tbody tr:last-child th { border-bottom-width: 0; }

.table.is-bordered thead th { text-align: center; background-color: #f9f9f9; border-bottom: none; }

.table.is-bordered thead th:first-child { border-left-width: 0; }

.table.is-bordered thead th:last-child { border-right-width: 0; }

.table.is-bordered td, .table.is-bordered th { padding: 0.6em 1em; border-width: 1px; border-color: #eee; color: #888; font-weight: 400; }

.table.is-bordered td:first-child, .table.is-bordered th:first-child { border-left-width: 0; }

.table.is-bordered td:last-child, .table.is-bordered th:last-child { border-right-width: 0; }

.table.is-bordered th { color: #333; }

.table.is-bordered tr:last-child td, .table.is-bordered tr:last-child th { border-bottom-width: 1px; }

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

.table.is-hoverable tbody tr:not(.is-selected):hover { background-color: #fafafa; }

.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover { background-color: #fafafa; }

.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) { background-color: whitesmoke; }

.table.is-narrow td, .table.is-narrow th { padding: 0.25em 0.5em; }

.table.is-striped tbody tr:not(.is-selected):nth-child(even) { background-color: #fafafa; }

.table.is-middle th, .table.is-middle td { vertical-align: middle; }

.table-container { -webkit-overflow-scrolling: touch; overflow: auto; overflow-y: hidden; max-width: 100%; }

.table-box th { vertical-align: top; }

.title, .subtitle { word-break: break-word; }

.title em, .title span, .subtitle em, .subtitle span { font-weight: inherit; }

.title sub, .subtitle sub { font-size: 0.75em; }

.title sup, .subtitle sup { font-size: 0.75em; }

.title .tag, .subtitle .tag { vertical-align: middle; }

.title { color: #333; font-size: 30px; font-weight: 600; line-height: 1.125; }

.title strong { color: inherit; font-weight: inherit; }

.title + .highlight { margin-top: -0.75rem; }

.title:not(.is-spaced) + .subtitle { margin-top: -1.25rem; }

.title.is-1 { font-size: 38px; }

.title.is-2 { font-size: 36px; }

.title.is-3 { font-size: 30px; }

.title.is-4 { font-size: 20px; }

.title.is-5 { font-size: 16px; }

.title.is-6 { font-size: 14px; }

.title.is-7 { font-size: 13px; }

.subtitle { color: #777; font-size: 16px; font-weight: 400; line-height: 1.25; }

.subtitle strong { color: #333; font-weight: 600; }

.subtitle:not(.is-spaced) + .title { margin-top: -1.25rem; }

.subtitle.is-1 { font-size: 38px; }

.subtitle.is-2 { font-size: 36px; }

.subtitle.is-3 { font-size: 30px; }

.subtitle.is-4 { font-size: 20px; }

.subtitle.is-5 { font-size: 16px; }

.subtitle.is-6 { font-size: 14px; }

.subtitle.is-7 { font-size: 13px; }

.input, .textarea, .select select { background-color: white; border-color: #ccc; border-radius: 0px; color: #333; }

.input::-moz-placeholder, .textarea::-moz-placeholder, .select select::-moz-placeholder { color: rgba(51, 51, 51, 0.3); }

.input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .select select::-webkit-input-placeholder { color: rgba(51, 51, 51, 0.3); }

.input:-moz-placeholder, .textarea:-moz-placeholder, .select select:-moz-placeholder { color: rgba(51, 51, 51, 0.3); }

.input:-ms-input-placeholder, .textarea:-ms-input-placeholder, .select select:-ms-input-placeholder { color: rgba(51, 51, 51, 0.3); }

.input:hover, .textarea:hover, .select select:hover, .is-hovered.input, .is-hovered.textarea, .select select.is-hovered { border-color: #333; }

.input:focus, .textarea:focus, .select select:focus, .is-focused.input, .is-focused.textarea, .select select.is-focused, .input:active, .textarea:active, .select select:active, .is-active.input, .is-active.textarea, .select select.is-active { border-color: #333; box-shadow: 0 0 0 0.125em rgba(0, 0, 0, 0.15); }

.input[disabled], .textarea[disabled], .select select[disabled], fieldset[disabled] .input, fieldset[disabled] .textarea, fieldset[disabled] .select select, .select fieldset[disabled] select { background-color: whitesmoke; border-color: whitesmoke; box-shadow: none; color: #7a7a7a; }

.input[disabled]::-moz-placeholder, .textarea[disabled]::-moz-placeholder, .select select[disabled]::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, .select fieldset[disabled] select::-moz-placeholder { color: rgba(122, 122, 122, 0.3); }

.input[disabled]::-webkit-input-placeholder, .textarea[disabled]::-webkit-input-placeholder, .select select[disabled]::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, .select fieldset[disabled] select::-webkit-input-placeholder { color: rgba(122, 122, 122, 0.3); }

.input[disabled]:-moz-placeholder, .textarea[disabled]:-moz-placeholder, .select select[disabled]:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder, .select fieldset[disabled] select:-moz-placeholder { color: rgba(122, 122, 122, 0.3); }

.input[disabled]:-ms-input-placeholder, .textarea[disabled]:-ms-input-placeholder, .select select[disabled]:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder, .select fieldset[disabled] select:-ms-input-placeholder { color: rgba(122, 122, 122, 0.3); }

.input, .textarea { max-width: 100%; width: 100%; }

.input[readonly], .textarea[readonly] { box-shadow: none; background-color: #f9f9f9; }

.input[readonly]:hover, .textarea[readonly]:hover, .input[readonly]:focus, .textarea[readonly]:focus { border-color: #eee; }

.input::-moz-placeholder, .textarea::-moz-placeholder { color: #999; opacity: 1; }

.input::placeholder, .textarea::placeholder { color: #999; opacity: 1; }

.is-white.input, .is-white.textarea { border-color: white; }

.is-white.input:focus, .is-white.textarea:focus, .is-white.is-focused.input, .is-white.is-focused.textarea, .is-white.input:active, .is-white.textarea:active, .is-white.is-active.input, .is-white.is-active.textarea { box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); }

.is-black.input, .is-black.textarea { border-color: #333; }

.is-black.input:focus, .is-black.textarea:focus, .is-black.is-focused.input, .is-black.is-focused.textarea, .is-black.input:active, .is-black.textarea:active, .is-black.is-active.input, .is-black.is-active.textarea { box-shadow: 0 0 0 0.125em rgba(51, 51, 51, 0.25); }

.is-light.input, .is-light.textarea { border-color: #f9f9f9; }

.is-light.input:focus, .is-light.textarea:focus, .is-light.is-focused.input, .is-light.is-focused.textarea, .is-light.input:active, .is-light.textarea:active, .is-light.is-active.input, .is-light.is-active.textarea { box-shadow: 0 0 0 0.125em rgba(249, 249, 249, 0.25); }

.is-dark.input, .is-dark.textarea { border-color: #888; }

.is-dark.input:focus, .is-dark.textarea:focus, .is-dark.is-focused.input, .is-dark.is-focused.textarea, .is-dark.input:active, .is-dark.textarea:active, .is-dark.is-active.input, .is-dark.is-active.textarea { box-shadow: 0 0 0 0.125em rgba(136, 136, 136, 0.25); }

.is-primary.input, .is-primary.textarea { border-color: #333; }

.is-primary.input:focus, .is-primary.textarea:focus, .is-primary.is-focused.input, .is-primary.is-focused.textarea, .is-primary.input:active, .is-primary.textarea:active, .is-primary.is-active.input, .is-primary.is-active.textarea { box-shadow: 0 0 0 0.125em rgba(51, 51, 51, 0.25); }

.is-link.input, .is-link.textarea { border-color: #3273dc; }

.is-link.input:focus, .is-link.textarea:focus, .is-link.is-focused.input, .is-link.is-focused.textarea, .is-link.input:active, .is-link.textarea:active, .is-link.is-active.input, .is-link.is-active.textarea { box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); }

.is-info.input, .is-info.textarea { border-color: #3298dc; }

.is-info.input:focus, .is-info.textarea:focus, .is-info.is-focused.input, .is-info.is-focused.textarea, .is-info.input:active, .is-info.textarea:active, .is-info.is-active.input, .is-info.is-active.textarea { box-shadow: 0 0 0 0.125em rgba(50, 152, 220, 0.25); }

.is-success.input, .is-success.textarea { border-color: #48c774; }

.is-success.input:focus, .is-success.textarea:focus, .is-success.is-focused.input, .is-success.is-focused.textarea, .is-success.input:active, .is-success.textarea:active, .is-success.is-active.input, .is-success.is-active.textarea { box-shadow: 0 0 0 0.125em rgba(72, 199, 116, 0.25); }

.is-warning.input, .is-warning.textarea { border-color: #ffdd57; }

.is-warning.input:focus, .is-warning.textarea:focus, .is-warning.is-focused.input, .is-warning.is-focused.textarea, .is-warning.input:active, .is-warning.textarea:active, .is-warning.is-active.input, .is-warning.is-active.textarea { box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); }

.is-danger.input, .is-danger.textarea { border-color: #ed2650; }

.is-danger.input:focus, .is-danger.textarea:focus, .is-danger.is-focused.input, .is-danger.is-focused.textarea, .is-danger.input:active, .is-danger.textarea:active, .is-danger.is-active.input, .is-danger.is-active.textarea { box-shadow: 0 0 0 0.125em rgba(237, 38, 80, 0.25); }

.is-small.input, .is-small.textarea { border-radius: 2px; font-size: 14px; }

.is-medium.input, .is-medium.textarea { font-size: 20px; }

.is-large.input, .is-large.textarea { font-size: 30px; }

.is-fullwidth.input, .is-fullwidth.textarea { display: block; width: 100%; }

.is-inline.input, .is-inline.textarea { display: inline; width: auto; }

.input.is-rounded { border-radius: 290486px; padding-left: calc(calc(0.75em - 1px) + 0.375em); padding-right: calc(calc(0.75em - 1px) + 0.375em); }

.input.is-static { background-color: transparent; border-color: transparent; box-shadow: none; padding-left: 0; padding-right: 0; }

.textarea { display: block; max-width: 100%; min-width: 100%; padding: calc(0.75em - 1px); resize: vertical; }

.textarea:not([rows]) { max-height: 40em; min-height: 8em; }

.textarea[rows] { height: initial; }

.textarea.has-fixed-size { resize: none; }

.checkbox, .radio { cursor: pointer; display: inline-block; line-height: 1.25; position: relative; }

.checkbox input, .radio input { cursor: pointer; }

.checkbox:hover, .radio:hover { color: #333; }

.checkbox[disabled], .radio[disabled], fieldset[disabled] .checkbox, fieldset[disabled] .radio { color: #7a7a7a; cursor: not-allowed; }

.radio + .radio { margin-left: 0.5em; }

.select { display: inline-block; max-width: 100%; position: relative; vertical-align: top; font-size: 16px; }

.select:not(.is-multiple) { height: 50px; }

.select:not(.is-multiple):not(.is-loading)::after { border-color: #333; right: 1.125em; z-index: 1; }

.select.is-rounded select { border-radius: 290486px; padding-left: 1em; }

.select select { cursor: pointer; display: block; font-size: 1em; max-width: 100%; outline: none; }

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

.select select[disabled]:hover, fieldset[disabled] .select select:hover { border-color: whitesmoke; }

.select select:not([multiple]) { padding-right: 2.5em; }

.select select[multiple] { height: auto; padding: 0; }

.select select[multiple] option { padding: 0.5em 1em; }

.select:not(.is-multiple):not(.is-loading):hover::after { border-color: #333; }

.select.is-white:not(:hover)::after { border-color: white; }

.select.is-white select { border-color: white; }

.select.is-white select:hover, .select.is-white select.is-hovered { border-color: #f2f2f2; }

.select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active { box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); }

.select.is-black:not(:hover)::after { border-color: #333; }

.select.is-black select { border-color: #333; }

.select.is-black select:hover, .select.is-black select.is-hovered { border-color: #262626; }

.select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active { box-shadow: 0 0 0 0.125em rgba(51, 51, 51, 0.25); }

.select.is-light:not(:hover)::after { border-color: #f9f9f9; }

.select.is-light select { border-color: #f9f9f9; }

.select.is-light select:hover, .select.is-light select.is-hovered { border-color: #ececec; }

.select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active { box-shadow: 0 0 0 0.125em rgba(249, 249, 249, 0.25); }

.select.is-dark:not(:hover)::after { border-color: #888; }

.select.is-dark select { border-color: #888; }

.select.is-dark select:hover, .select.is-dark select.is-hovered { border-color: #7b7b7b; }

.select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active { box-shadow: 0 0 0 0.125em rgba(136, 136, 136, 0.25); }

.select.is-primary:not(:hover)::after { border-color: #333; }

.select.is-primary select { border-color: #333; }

.select.is-primary select:hover, .select.is-primary select.is-hovered { border-color: #262626; }

.select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active { box-shadow: 0 0 0 0.125em rgba(51, 51, 51, 0.25); }

.select.is-link:not(:hover)::after { border-color: #3273dc; }

.select.is-link select { border-color: #3273dc; }

.select.is-link select:hover, .select.is-link select.is-hovered { border-color: #2366d1; }

.select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active { box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); }

.select.is-info:not(:hover)::after { border-color: #3298dc; }

.select.is-info select { border-color: #3298dc; }

.select.is-info select:hover, .select.is-info select.is-hovered { border-color: #238cd1; }

.select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active { box-shadow: 0 0 0 0.125em rgba(50, 152, 220, 0.25); }

.select.is-success:not(:hover)::after { border-color: #48c774; }

.select.is-success select { border-color: #48c774; }

.select.is-success select:hover, .select.is-success select.is-hovered { border-color: #3abb67; }

.select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active { box-shadow: 0 0 0 0.125em rgba(72, 199, 116, 0.25); }

.select.is-warning:not(:hover)::after { border-color: #ffdd57; }

.select.is-warning select { border-color: #ffdd57; }

.select.is-warning select:hover, .select.is-warning select.is-hovered { border-color: #ffd83d; }

.select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active { box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); }

.select.is-danger:not(:hover)::after { border-color: #ed2650; }

.select.is-danger select { border-color: #ed2650; }

.select.is-danger select:hover, .select.is-danger select.is-hovered { border-color: #e61340; }

.select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active { box-shadow: 0 0 0 0.125em rgba(237, 38, 80, 0.25); }

.select.is-small { border-radius: 2px; font-size: 14px; }

.select.is-medium { font-size: 20px; }

.select.is-large { font-size: 30px; }

.select.is-disabled::after { border-color: #7a7a7a; }

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

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

.select.is-loading::after { margin-top: 0; position: absolute; right: 0.625em; top: 0.625em; transform: none; }

.select.is-loading.is-small:after { font-size: 14px; }

.select.is-loading.is-medium:after { font-size: 20px; }

.select.is-loading.is-large:after { font-size: 30px; }

.file { align-items: stretch; display: flex; justify-content: flex-start; position: relative; }

.file.is-white .file-cta { background-color: white; border-color: transparent; color: #333; }

.file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta { background-color: #f9f9f9; border-color: transparent; color: #333; }

.file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); color: #333; }

.file.is-white:active .file-cta, .file.is-white.is-active .file-cta { background-color: #f2f2f2; border-color: transparent; color: #333; }

.file.is-black .file-cta { background-color: #333; border-color: transparent; color: white; }

.file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta { background-color: #2d2d2d; border-color: transparent; color: white; }

.file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(51, 51, 51, 0.25); color: white; }

.file.is-black:active .file-cta, .file.is-black.is-active .file-cta { background-color: #262626; border-color: transparent; color: white; }

.file.is-light .file-cta { background-color: #f9f9f9; border-color: transparent; color: rgba(0, 0, 0, 0.7); }

.file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta { background-color: #f3f3f3; border-color: transparent; color: rgba(0, 0, 0, 0.7); }

.file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(249, 249, 249, 0.25); color: rgba(0, 0, 0, 0.7); }

.file.is-light:active .file-cta, .file.is-light.is-active .file-cta { background-color: #ececec; border-color: transparent; color: rgba(0, 0, 0, 0.7); }

.file.is-dark .file-cta { background-color: #888; border-color: transparent; color: #fff; }

.file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta { background-color: #828282; border-color: transparent; color: #fff; }

.file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(136, 136, 136, 0.25); color: #fff; }

.file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta { background-color: #7b7b7b; border-color: transparent; color: #fff; }

.file.is-primary .file-cta { background-color: #333; border-color: transparent; color: #fff; }

.file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta { background-color: #2d2d2d; border-color: transparent; color: #fff; }

.file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(51, 51, 51, 0.25); color: #fff; }

.file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta { background-color: #262626; border-color: transparent; color: #fff; }

.file.is-link .file-cta { background-color: #3273dc; border-color: transparent; color: #fff; }

.file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta { background-color: #276cda; border-color: transparent; color: #fff; }

.file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25); color: #fff; }

.file.is-link:active .file-cta, .file.is-link.is-active .file-cta { background-color: #2366d1; border-color: transparent; color: #fff; }

.file.is-info .file-cta { background-color: #3298dc; border-color: transparent; color: #fff; }

.file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta { background-color: #2793da; border-color: transparent; color: #fff; }

.file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(50, 152, 220, 0.25); color: #fff; }

.file.is-info:active .file-cta, .file.is-info.is-active .file-cta { background-color: #238cd1; border-color: transparent; color: #fff; }

.file.is-success .file-cta { background-color: #48c774; border-color: transparent; color: #fff; }

.file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta { background-color: #3ec46d; border-color: transparent; color: #fff; }

.file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(72, 199, 116, 0.25); color: #fff; }

.file.is-success:active .file-cta, .file.is-success.is-active .file-cta { background-color: #3abb67; border-color: transparent; color: #fff; }

.file.is-warning .file-cta { background-color: #ffdd57; border-color: transparent; color: rgba(0, 0, 0, 0.7); }

.file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta { background-color: #ffdb4a; border-color: transparent; color: rgba(0, 0, 0, 0.7); }

.file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); color: rgba(0, 0, 0, 0.7); }

.file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta { background-color: #ffd83d; border-color: transparent; color: rgba(0, 0, 0, 0.7); }

.file.is-danger .file-cta { background-color: #ed2650; border-color: transparent; color: #fff; }

.file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta { background-color: #ec1a47; border-color: transparent; color: #fff; }

.file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta { border-color: transparent; box-shadow: 0 0 0.5em rgba(237, 38, 80, 0.25); color: #fff; }

.file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta { background-color: #e61340; border-color: transparent; color: #fff; }

.file.is-small { font-size: 14px; }

.file.is-medium { font-size: 20px; }

.file.is-medium .file-icon .fa { font-size: 21px; }

.file.is-large { font-size: 30px; }

.file.is-large .file-icon .fa { font-size: 28px; }

.file.has-name .file-cta { border-bottom-right-radius: 0; border-top-right-radius: 0; }

.file.has-name .file-name { border-bottom-left-radius: 0; border-top-left-radius: 0; }

.file.has-name.is-empty .file-cta { border-radius: 0px; }

.file.has-name.is-empty .file-name { display: none; }

.file.is-boxed .file-label { flex-direction: column; }

.file.is-boxed .file-cta { flex-direction: column; height: auto; padding: 1em 3em; }

.file.is-boxed .file-name { border-width: 0 1px 1px; }

.file.is-boxed .file-icon { height: 1.5em; width: 1.5em; }

.file.is-boxed .file-icon .fa { font-size: 21px; }

.file.is-boxed.is-small .file-icon .fa { font-size: 14px; }

.file.is-boxed.is-medium .file-icon .fa { font-size: 28px; }

.file.is-boxed.is-large .file-icon .fa { font-size: 35px; }

.file.is-boxed.has-name .file-cta { border-radius: 0px 0px 0 0; }

.file.is-boxed.has-name .file-name { border-radius: 0 0 0px 0px; border-width: 0 1px 1px; }

.file.is-centered { justify-content: center; }

.file.is-fullwidth .file-label { width: 100%; }

.file.is-fullwidth .file-name { flex-grow: 1; max-width: none; }

.file.is-right { justify-content: flex-end; }

.file.is-right .file-cta { border-radius: 0 0px 0px 0; }

.file.is-right .file-name { border-radius: 0px 0 0 0px; border-width: 1px 0 1px 1px; order: -1; }

.file-label { align-items: stretch; display: flex; cursor: pointer; justify-content: flex-start; overflow: hidden; position: relative; }

.file-label:hover .file-cta { background-color: #eeeeee; color: #333; }

.file-label:hover .file-name { border-color: #c6c6c6; }

.file-label:active .file-cta { background-color: #e8e8e8; color: #333; }

.file-label:active .file-name { border-color: #bfbfbf; }

.file-input { height: 100%; left: 0; opacity: 0; outline: none; position: absolute; top: 0; width: 100%; }

.file-cta, .file-name { border-color: #ccc; border-radius: 0px; font-size: 1em; padding-left: 1em; padding-right: 1em; white-space: nowrap; }

.file-cta { background-color: whitesmoke; color: #777; }

.file-name { border-color: #ccc; border-style: solid; border-width: 1px 1px 1px 0; display: block; max-width: 16em; overflow: hidden; text-align: left; text-overflow: ellipsis; }

.file-icon { align-items: center; display: flex; height: 1em; justify-content: center; margin-right: 0.5em; width: 1em; }

.file-icon .fa { font-size: 14px; }

.label { color: #333; display: block; font-size: 16px; font-weight: 600; }

.label:not(:last-child) { margin-bottom: 0.5em; }

.label.is-small { font-size: 14px; }

.label.is-medium { font-size: 20px; }

.label.is-large { font-size: 30px; }

.help { display: block; font-size: 14px; margin-top: 2.5px; }

.help.is-white { color: white; }

.help.is-black { color: #333; }

.help.is-light { color: #f9f9f9; }

.help.is-dark { color: #888; }

.help.is-primary { color: #333; }

.help.is-link { color: #3273dc; }

.help.is-info { color: #3298dc; }

.help.is-success { color: #48c774; }

.help.is-warning { color: #ffdd57; }

.help.is-danger { color: #ed2650; }

.field:not(:last-child) { margin-bottom: 20px; }

.field.has-addons { display: flex; justify-content: flex-start; }

.field.has-addons .control:not(:last-child) { margin-right: -1px; }

.field.has-addons .control:not(:first-child):not(:last-child) .button, .field.has-addons .control:not(:first-child):not(:last-child) .input, .field.has-addons .control:not(:first-child):not(:last-child) .select select { border-radius: 0; }

.field.has-addons .control:first-child:not(:only-child) .button, .field.has-addons .control:first-child:not(:only-child) .input, .field.has-addons .control:first-child:not(:only-child) .select select { border-bottom-right-radius: 0; border-top-right-radius: 0; }

.field.has-addons .control:last-child:not(:only-child) .button, .field.has-addons .control:last-child:not(:only-child) .input, .field.has-addons .control:last-child:not(:only-child) .select select { border-bottom-left-radius: 0; border-top-left-radius: 0; }

.field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered, .field.has-addons .control .input:not([disabled]):hover, .field.has-addons .control .input:not([disabled]).is-hovered, .field.has-addons .control .select select:not([disabled]):hover, .field.has-addons .control .select select:not([disabled]).is-hovered { z-index: 2; }

.field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active, .field.has-addons .control .input:not([disabled]):focus, .field.has-addons .control .input:not([disabled]).is-focused, .field.has-addons .control .input:not([disabled]):active, .field.has-addons .control .input:not([disabled]).is-active, .field.has-addons .control .select select:not([disabled]):focus, .field.has-addons .control .select select:not([disabled]).is-focused, .field.has-addons .control .select select:not([disabled]):active, .field.has-addons .control .select select:not([disabled]).is-active { z-index: 3; }

.field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover, .field.has-addons .control .input:not([disabled]):focus:hover, .field.has-addons .control .input:not([disabled]).is-focused:hover, .field.has-addons .control .input:not([disabled]):active:hover, .field.has-addons .control .input:not([disabled]).is-active:hover, .field.has-addons .control .select select:not([disabled]):focus:hover, .field.has-addons .control .select select:not([disabled]).is-focused:hover, .field.has-addons .control .select select:not([disabled]):active:hover, .field.has-addons .control .select select:not([disabled]).is-active:hover { z-index: 4; }

.field.has-addons .control.is-expanded { flex-grow: 1; flex-shrink: 1; }

.field.has-addons.has-addons-centered { justify-content: center; }

.field.has-addons.has-addons-right { justify-content: flex-end; }

.field.has-addons.has-addons-fullwidth .control { flex-grow: 1; flex-shrink: 0; }

.field.is-grouped { display: flex; justify-content: flex-start; }

.field.is-grouped > .control { flex-shrink: 0; }

.field.is-grouped > .control:not(:last-child) { margin-bottom: 0; margin-right: 8px; }

.field.is-grouped > .control.is-expanded { flex-grow: 1; flex-shrink: 1; }

.field.is-grouped.is-grouped-centered { justify-content: center; }

.field.is-grouped.is-grouped-right { justify-content: flex-end; }

.field.is-grouped.is-grouped-multiline { flex-wrap: wrap; }

.field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) { margin-bottom: 8px; }

.field.is-grouped.is-grouped-multiline:last-child { margin-bottom: -8px; }

.field.is-grouped.is-grouped-multiline:not(:last-child) { margin-bottom: 0; }

@media screen and (min-width: 769px), print { .field.is-horizontal { display: flex; } }

.field-label .label { font-size: inherit; }

@media screen and (max-width: 390px) { .field-label { margin-bottom: 50px; } }

@media screen and (min-width: 769px), print { .field-label { flex-basis: 0; flex-grow: 1; flex-shrink: 0; margin-right: 15px; text-align: right; }
  .field-label.is-small { font-size: 14px; padding-top: 0.375em; }
  .field-label.is-normal { padding-top: 0.375em; }
  .field-label.is-medium { font-size: 20px; padding-top: 0.375em; }
  .field-label.is-large { font-size: 30px; padding-top: 0.375em; } }

.field-body .field .field { margin-bottom: 0; }

@media screen and (min-width: 769px), print { .field-body { display: flex; flex-basis: 0; flex-grow: 5; flex-shrink: 1; }
  .field-body .field { margin-bottom: 0; }
  .field-body > .field { flex-shrink: 1; }
  .field-body > .field:not(.is-narrow) { flex-grow: 1; }
  .field-body > .field:not(:last-child) { margin-right: 8px; } }

.control { box-sizing: border-box; clear: both; font-size: 16px; position: relative; text-align: left; }

.control.has-icons-left .input:focus ~ .icon, .control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon, .control.has-icons-right .select:focus ~ .icon { color: #777; }

.control.has-icons-left .input.is-small ~ .icon, .control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon, .control.has-icons-right .select.is-small ~ .icon { font-size: 14px; }

.control.has-icons-left .input.is-medium ~ .icon, .control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon, .control.has-icons-right .select.is-medium ~ .icon { font-size: 20px; }

.control.has-icons-left .input.is-large ~ .icon, .control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon, .control.has-icons-right .select.is-large ~ .icon { font-size: 30px; }

.control.has-icons-left .icon, .control.has-icons-right .icon { color: #ccc; height: 50px; pointer-events: none; position: absolute; top: 0; width: 50px; z-index: 4; }

.control.has-icons-left .input, .control.has-icons-left .select select { padding-left: 50px; }

.control.has-icons-left .icon.is-left { left: 0; }

.control.has-icons-right .input, .control.has-icons-right .select select { padding-right: 50px; }

.control.has-icons-right .icon.is-right { right: 0; }

.control.is-loading::after { position: absolute !important; right: 0.625em; top: 0.625em; z-index: 4; }

.control.is-loading.is-small:after { font-size: 14px; }

.control.is-loading.is-medium:after { font-size: 20px; }

.control.is-loading.is-large:after { font-size: 30px; }

.card { background-color: white; box-shadow: 0 0.5em 1em -0.125em rgba(51, 51, 51, 0.1), 0 0px 0 1px rgba(51, 51, 51, 0.02); color: #777; max-width: 100%; position: relative; }

.card-header { background-color: transparent; align-items: stretch; box-shadow: 0 0.125em 0.25em rgba(51, 51, 51, 0.1); display: flex; }

.card-header-title { align-items: center; color: #333; display: flex; flex-grow: 1; font-weight: 600; padding: 8px 10px; }

.card-header-title.is-centered { justify-content: center; }

.card-header-icon { align-items: center; cursor: pointer; display: flex; justify-content: center; padding: 8px 10px; }

.card-image { display: block; position: relative; }

.card-content { background-color: transparent; padding: 15px; }

.card-footer { background-color: transparent; border-top: 1px solid #ededed; align-items: stretch; display: flex; }

.card-footer-item { align-items: center; display: flex; flex-basis: 0; flex-grow: 1; flex-shrink: 0; justify-content: center; padding: 8px; }

.card-footer-item:not(:last-child) { border-right: 1px solid #ededed; }

.card .media:not(:last-child) { margin-bottom: 15px; }

.dropdown { display: inline-flex; position: relative; vertical-align: top; }

.dropdown .dropdown-trigger { min-width: inherit; }

.dropdown .dropdown-trigger button { justify-content: space-between; min-width: inherit; border-color: #ccc; }

.dropdown .dropdown-menu { min-width: inherit; margin-top: -1px; padding-top: 0; }

.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu { display: block; }

.dropdown.is-right .dropdown-menu { left: auto; right: 0; }

.dropdown.is-up .dropdown-menu { bottom: 100%; padding-bottom: 4px; padding-top: inherit; top: auto; }

.dropdown-menu { display: none; left: 0; min-width: 12px; padding-top: 4px; position: absolute; top: 100%; z-index: 20; }

.dropdown-content { background-color: white; border-radius: 0px; box-shadow: 0 0.5em 1em -0.125em rgba(51, 51, 51, 0.1), 0 0px 0 1px rgba(51, 51, 51, 0.02); padding-bottom: 5px; padding-top: 5px; border: 1px solid #333; }

.dropdown-item { color: #777; display: block; line-height: 1.5; padding: 4px 10px; position: relative; }

a.dropdown-item, button.dropdown-item { padding-right: 30px; text-align: left; white-space: nowrap; width: 100%; font-size: 16px; }

a.dropdown-item:hover, a.dropdown-item:focus, button.dropdown-item:hover, button.dropdown-item:focus { background-color: whitesmoke; color: #333; }

a.dropdown-item.is-active, button.dropdown-item.is-active { background-color: #3273dc; color: #fff; }

.dropdown-divider { background-color: #ededed; border: none; display: block; height: 1px; margin: 5px 0; }

.breadcrumb { font-size: 16px; white-space: nowrap; }

.breadcrumb a { align-items: center; color: #3273dc; display: flex; justify-content: center; padding: 0 0.75em; }

.breadcrumb a:hover { color: #333; }

.breadcrumb li { display: flex; align-items: center; height: 20px; color: #333; font-size: 14px; }

.breadcrumb li:first-child a { padding-left: 0; }

.breadcrumb li.is-active a { color: #333; cursor: default; pointer-events: none; }

.breadcrumb li + li::before { color: #333; content: '>'; }

.breadcrumb ul, .breadcrumb ol { display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: flex-start; list-style: none; }

.breadcrumb .icon:first-child { margin-right: 0.5em; }

.breadcrumb .icon:last-child { margin-left: 0.5em; }

.breadcrumb.is-centered ol, .breadcrumb.is-centered ul { justify-content: center; }

.breadcrumb.is-right ol, .breadcrumb.is-right ul { justify-content: flex-end; }

.breadcrumb.is-small { font-size: 14px; }

.breadcrumb.is-medium { font-size: 20px; }

.breadcrumb.is-large { font-size: 30px; }

.breadcrumb.has-arrow-separator li + li::before { content: '→'; }

.breadcrumb.has-bullet-separator li + li::before { content: '•'; }

.breadcrumb.has-dot-separator li + li::before { content: '·'; }

.breadcrumb.has-succeeds-separator li + li::before { content: '≻'; }

.breadcrumb2 { font-size: 16px; white-space: nowrap; }

.breadcrumb2 a { align-items: center; color: #3273dc; display: flex; justify-content: center; }

.breadcrumb2 a:hover { color: #333; }

.breadcrumb2 li { display: flex; align-items: center; height: 20px; color: #333; font-size: 14px; }

.breadcrumb2 li:first-child a { padding-left: 0; }

.breadcrumb2 li.is-active a { color: #333; cursor: default; pointer-events: none; }

.breadcrumb2 li + li::before { color: #333; content: '>'; }

.breadcrumb2 li .dropdown .dropdown-trigger button { padding: 0; border-color: transparent; background-color: transparent; }

.breadcrumb2 ul, .breadcrumb2 ol { display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: flex-start; list-style: none; }

.breadcrumb2 .icon:first-child { margin-right: 0.5em; }

.breadcrumb2 .icon:last-child { margin-left: 0.5em; }

.breadcrumb2.is-centered ol, .breadcrumb2.is-centered ul { justify-content: center; }

.breadcrumb2.is-right ol, .breadcrumb2.is-right ul { justify-content: flex-end; }

.breadcrumb2.is-small { font-size: 14px; }

.breadcrumb2.is-medium { font-size: 20px; }

.breadcrumb2.is-large { font-size: 30px; }

.breadcrumb2.has-arrow-separator li + li::before { content: '→'; }

.breadcrumb2.has-bullet-separator li + li::before { content: '•'; }

.breadcrumb2.has-dot-separator li + li::before { content: '·'; }

.breadcrumb2.has-succeeds-separator li + li::before { content: '≻'; }

.media { align-items: flex-start; display: flex; text-align: left; }

.media .content:not(:last-child) { margin-bottom: 8px; }

.media .media { border-top: 1px solid rgba(204, 204, 204, 0.5); display: flex; padding-top: 8px; }

.media .media .content:not(:last-child), .media .media .control:not(:last-child) { margin-bottom: 5px; }

.media .media .media { padding-top: 5px; }

.media .media .media + .media { margin-top: 5px; }

.media + .media { border-top: 1px solid rgba(204, 204, 204, 0.5); margin-top: 10px; padding-top: 10px; }

.media.is-large + .media { margin-top: 15px; padding-top: 15px; }

.media-left, .media-right { flex-basis: auto; flex-grow: 0; flex-shrink: 0; }

.media-left { margin-right: 10px; }

.media-right { margin-left: 10px; }

.media-content { flex-basis: auto; flex-grow: 1; flex-shrink: 1; text-align: left; }

@media screen and (max-width: 390px) { .media-content { overflow-x: auto; } }

.modal { display: none; overflow: hidden; position: fixed; z-index: 120; align-items: center; flex-direction: column; justify-content: center; padding: 10px; }

.modal.is-active { display: flex; }

.modal-full { padding: 0; }

.modal-full .modal-card { max-height: calc(100vh); }

@media screen and (min-width: 769px), print { .modal-full .modal-card { max-height: calc(100vh - 40px); } }

.modal-background { background-color: rgba(0, 0, 0, 0.85); }

.modal-background-unclose { background-color: rgba(0, 0, 0, 0.85); }

.modal-background-this { background-color: rgba(0, 0, 0, 0.85); }

.modal-content, .modal-card { margin: 0 20px; max-height: calc(100vh - 160px); overflow: auto; position: relative; width: 100%; }

@media screen and (min-width: 769px), print { .modal-content, .modal-card { margin: 0 auto; max-height: calc(100vh - 40px); width: 780px; } }

.modal-close, .modal-close-this { background: none; height: 40px; position: fixed; right: 20px; top: 20px; width: 40px; }

.modal-card { display: flex; flex-direction: column; overflow: hidden; max-height: calc(100vh - 40px); padding: 0 40px; background-color: #fff; -ms-overflow-y: visible; }

.modal-alert .modal-card { max-width: 360px; padding: 20px; }

.modal-card-head, .modal-card-foot { align-items: top; background-color: white; display: flex; flex-shrink: 0; justify-content: flex-start; padding: 20px 0 30px 0; position: relative; }

.modal-card-head { justify-content: flex-end; }

.modal-card-head { border-bottom: 1px solid #333; border-top-left-radius: 0; border-top-right-radius: 0; }

.modal-card-head .delete { margin-right: -10px; }

.modal-alert .modal-card-head { padding: 0; border: none; justify-content: flex-end; }

.modal-alert .modal-card-head .delete { margin-top: -10px; }

.modal-card-title { width: calc(100% - 40px); color: #333; flex-grow: 1; flex-shrink: 0; font-size: 30px; font-weight: normal; line-height: 1.3; }

.modal-card-foot { display: block; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top: none; text-align: center; }

.modal-card-foot .button { min-width: 130px; margin-left: 3px; margin-right: 3px; }

.modal-card-body { -webkit-overflow-scrolling: touch; background-color: white; flex-grow: 1; flex-shrink: 1; overflow: auto; padding: 20px 0; }

.modal-alert .modal-card-body { font-size: 16px; text-align: center; padding: 10px; }

.modal-alert .modal-card-body .button-area { margin-top: 30px; }

.modal-alert .modal-card-body .button-area .button { min-width: 100px; margin: 3px; }

.text-direction { height: 320px; border-bottom: 1px solid #eee; }

.text-direction p { font-size: 16px; }

.list { background-color: white; border-radius: 0px; box-shadow: 0 2px 3px rgba(51, 51, 51, 0.1), 0 0 0 1px rgba(51, 51, 51, 0.1); }

.list-item { display: block; padding: 0.5em 1em; }

.list-item:not(a) { color: #777; }

.list-item:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px; }

.list-item:last-child { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }

.list-item:not(:last-child) { border-bottom: 1px solid #ccc; }

.list-item.is-active { background-color: #3273dc; color: #fff; }

a.list-item { background-color: whitesmoke; cursor: pointer; }

.pagination { font-size: 16px; }

.pagination.is-small { font-size: 14px; }

.pagination.is-medium { font-size: 20px; }

.pagination.is-large { font-size: 30px; }

.pagination.is-rounded .pagination-first, .pagination.is-rounded .pagination-last, .pagination.is-rounded .pagination-previous, .pagination.is-rounded .pagination-next { padding-left: 1em; padding-right: 1em; border-radius: 290486px; }

.pagination.is-rounded .pagination-link { border-radius: 290486px; }

.pagination, .pagination-list { display: inline-block; text-align: center; }

.pagination-link, .pagination-ellipsis { display: inline-flex; height: 40px; justify-content: center; margin: 1px; padding-left: 0.5em; padding-right: 0.5em; text-align: center; font-size: 14px; }

.pagination-first, .pagination-last, .pagination-previous, .pagination-next { display: inline-flex; height: 40px; justify-content: center; margin: 1px; padding-left: 0.5em; padding-right: 0.5em; text-align: center; font-size: 14px; }

.pagination-link { border-color: #ccc; color: #888; min-width: 40px; outline: none; }

.pagination-link:hover, .pagination-link:focus, .pagination-link:active { border-color: #333; color: #333; }

.pagination-link[disabled] { border-color: #ccc; box-shadow: none; color: #7a7a7a; opacity: 0.5; }

.pagination-first, .pagination-last, .pagination-previous, .pagination-next { color: #888; min-width: 40px; outline: none; }

.pagination-first:hover, .pagination-first:focus, .pagination-first:active, .pagination-last:hover, .pagination-last:focus, .pagination-last:active, .pagination-previous:hover, .pagination-previous:focus, .pagination-previous:active, .pagination-next:hover, .pagination-next:focus, .pagination-next:active { background-color: #f9f9f9; color: #333; }

.pagination-first[disabled], .pagination-last[disabled], .pagination-previous[disabled], .pagination-next[disabled] { background-color: #ccc; box-shadow: none; color: #7a7a7a; opacity: 0.5; }

.pagination-first, .pagination-last, .pagination-previous, .pagination-next { margin: 0; min-width: 30px; padding-left: 6px; padding-right: 6px; border-color: transparent; white-space: nowrap; }

.pagination-first:active, .pagination-last:active, .pagination-previous:active, .pagination-next:active { box-shadow: none; }

.pagination-first i, .pagination-last i, .pagination-previous i, .pagination-next i { width: 10px; }

.pagination-first i:before, .pagination-last i:before, .pagination-previous i:before, .pagination-next i:before { margin-left: -2px; }

.pagination-link.is-current { background-color: #333; border-color: #333; color: #fff; }

.pagination-ellipsis { color: #b5b5b5; pointer-events: none; }

.pagination-list { flex-wrap: wrap; margin: 0 10px; }

.pagination-list li { display: inline-block; }

.tabs { -webkit-overflow-scrolling: touch; display: flex; overflow: hidden; overflow-x: auto; align-items: stretch; font-size: 16px; justify-content: space-between; white-space: nowrap; }

.tabs a, .tabs .tab { align-items: center; border-bottom-color: #ccc; border-bottom-style: solid; border-bottom-width: 1px; color: #999; display: flex; justify-content: center; margin-bottom: -1px; padding: 0.5em 1em; vertical-align: top; }

.tabs a:hover, .tabs .tab:hover { border-bottom-color: #333; color: #333; }

.tabs li { display: block; }

.tabs li.is-active a, .tabs li.is-active .tab { border-bottom-color: #3273dc; color: #333; }

.tabs ul { align-items: center; border-bottom-color: #ccc; border-bottom-style: solid; border-bottom-width: 1px; display: flex; flex-grow: 1; flex-shrink: 0; justify-content: flex-start; }

.tabs ul.is-left { padding-right: 0.75em; }

.tabs ul.is-center { flex: none; justify-content: center; padding-left: 0.75em; padding-right: 0.75em; }

.tabs ul.is-right { justify-content: flex-end; padding-left: 0.75em; }

.tabs .icon:first-child { margin-right: 0.5em; }

.tabs .icon:last-child { margin-left: 0.5em; }

.tabs.is-centered ul { justify-content: center; }

.tabs.is-right ul { justify-content: flex-end; }

.tabs.is-boxed a, .tabs.is-boxed .tab { position: relative; height: 50px; border: 1px solid #ccc; border-bottom: 1px solid #333; border-radius: 0px 0px 0 0; font-size: 16px; }

.tabs.is-boxed li + li { margin-left: -1px; }

.tabs.is-boxed li.is-active a, .tabs.is-boxed li.is-active .tab { z-index: 1; background-color: white; border-color: #333; border-bottom-color: transparent !important; }

.tabs.underline-tabs { margin-bottom: 20px; }

.tabs.underline-tabs a, .tabs.underline-tabs .tab { position: relative; height: 60px; border-bottom: 1px solid #ccc; }

.tabs.underline-tabs a:hover, .tabs.underline-tabs .tab:hover { border-bottom-color: #ccc; }

.tabs.underline-tabs li.is-active a, .tabs.underline-tabs li.is-active .tab { z-index: 1; border-bottom: 3px solid #333; font-weight: bold; }

.tabs.is-fullwidth li { flex-grow: 1; flex-shrink: 0; }

.tabs.is-fullwidth .tab { width: 100%; line-height: 1.2; }

.tabs.is-toggle a, .tabs.is-toggle .tab { position: relative; height: 60px; margin-bottom: 0; border-color: #ccc; border-style: solid; border-width: 1px; color: #999; font-size: 20px; z-index: 0; }

.tabs.is-toggle a:hover, .tabs.is-toggle .tab:hover { background-color: #fff; border-color: #333; z-index: 1; }

.tabs.is-toggle li + li { margin-left: -1px; }

.tabs.is-toggle li:first-child a, .tabs.is-toggle li:first-child .tab { border-radius: 0px 0 0 0px; }

.tabs.is-toggle li:last-child a, .tabs.is-toggle li:last-child .tab { border-radius: 0 0px 0px 0; }

.tabs.is-toggle li.is-active a, .tabs.is-toggle li.is-active .tab { background-color: #fff; border-color: #333; color: #333; z-index: 1; }

.tabs.is-toggle ul { border-bottom: none; }

.tabs.is-toggle.is-toggle-rounded li:first-child a, .tabs.is-toggle.is-toggle-rounded li:first-child .tab { border-bottom-left-radius: 290486px; border-top-left-radius: 290486px; padding-left: 1.25em; }

.tabs.is-toggle.is-toggle-rounded li:last-child a, .tabs.is-toggle.is-toggle-rounded li:last-child .tab { border-bottom-right-radius: 290486px; border-top-right-radius: 290486px; padding-right: 1.25em; }

.tabs.is-small { font-size: 14px; }

.tabs.is-medium { font-size: 20px; }

.tabs.is-large { font-size: 30px; }

.tabs .tab { cursor: pointer; border: initial; background-color: initial; font-size: initial; }

.tabpanel { outline: none; }

.tabpanel[aria-hidden='true'], .tabpanel[hidden] { display: none; }

.tabpanel[aria-hidden='false'] { display: block; }

.showpanel { outline: none; }

.showpanel[aria-hidden='true'], .showpanel[hidden] { display: none; }

.showpanel[aria-hidden='false'] { display: block; }

.icon-adrs { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -299px -510px; width: 14px; height: 14px; }

.icon-alarm-off { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -152px -676px; width: 20px; height: 21px; }

.icon-alarm-on { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -450px -634px; width: 22px; height: 22px; }

.icon-arrow-circle { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -323px -510px; width: 14px; height: 14px; }

.icon-arrow-down-small { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -631px -554px; width: 9px; height: 5px; }

.icon-arrow-down-white { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -266px -159px; width: 15px; height: 8px; }

.icon-arrow-down { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -291px -159px; width: 15px; height: 8px; }

.icon-arrow-right-gray { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -608px -570px; width: 10px; height: 16px; }

.icon-arrow-right-white { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -654px -719px; width: 8px; height: 15px; }

.icon-arrow_right { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -574px -170px; width: 5px; height: 9px; }

.icon-arrow-up { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -380px -358px; width: 15px; height: 8px; }

.icon-arrow1 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: 0px -600px; width: 55px; height: 24px; }

.icon-arrow2 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -572px -319px; width: 6px; height: 10px; }

.icon-arrow3 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -637px -329px; width: 5px; height: 9px; }

.icon-arrow3_w { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -637px -348px; width: 5px; height: 9px; }

.icon-arrow4 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -635px -508px; width: 7px; height: 11px; }

.icon-arrow5 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -637px -375px; width: 5px; height: 9px; }

.icon-arrow_detail { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -187px -159px; width: 36px; height: 11px; }

.icon-arrow_detail2 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -347px -510px; width: 14px; height: 14px; }

.icon-arrow_left { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -637px -394px; width: 5px; height: 9px; }

.icon-arrow_right { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -574px -170px; width: 5px; height: 9px; }

.icon-attach-white { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -742px -645px; width: 16px; height: 16px; }

.icon-attach { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -447px -536px; width: 15px; height: 15px; }

.icon-audio { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -528px 0px; width: 51px; height: 51px; }

.icon-bag { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -742px -193px; width: 18px; height: 18px; }

.icon-blog-s { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: 0px -719px; width: 20px; height: 20px; }

.icon-btn-next { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -742px -306px; width: 13px; height: 23px; }

.icon-btn-prev { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -742px -339px; width: 13px; height: 23px; }

.icon-btncoupon-down { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -187px -115px; width: 117px; height: 34px; }

.icon-btncoupon { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: 0px -470px; width: 77px; height: 30px; }

.icon-calendar { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -316px -634px; width: 24px; height: 24px; }

.icon-cart-no-item { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -106px -181px; width: 100px; height: 84px; }

.icon-cart { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -696px -444px; width: 31px; height: 28px; }

.icon-cate { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -742px -540px; width: 18px; height: 16px; }

.icon-caution { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -742px -671px; width: 16px; height: 16px; }

.icon-ccenter { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -742px -566px; width: 16px; height: 17px; }

.icon-check-blue { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -405px -358px; width: 12px; height: 8px; }

.icon-check-r { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -30px -719px; width: 20px; height: 20px; }

.icon-chevron-l { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -141px -634px; width: 25px; height: 25px; }

.icon-chevron-ll { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -176px -634px; width: 25px; height: 25px; }

.icon-chevron-r { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -211px -634px; width: 25px; height: 25px; }

.icon-chevron-rr { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -246px -634px; width: 25px; height: 25px; }

.icon-child { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -75px -570px; width: 24px; height: 20px; }

.icon-clock-gray { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -502px -259px; width: 16px; height: 16px; }

.icon-clock { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -438px -259px; width: 54px; height: 54px; }

.icon-clock_2 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -589px -508px; width: 36px; height: 36px; }

.icon-clock_3 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -438px -323px; width: 54px; height: 54px; }

.icon-control-pause-w { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -690px -719px; width: 8px; height: 14px; }

.icon-control-pause { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -708px -719px; width: 8px; height: 14px; }

.icon-control-play-w { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -274px -676px; width: 10px; height: 14px; }

.icon-control-play { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -294px -676px; width: 10px; height: 14px; }

.icon-control-plus-w { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -371px -510px; width: 14px; height: 14px; }

.icon-control-plus { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -395px -510px; width: 14px; height: 14px; }

.icon-coupon-bg { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: 0px -387px; width: 92px; height: 43px; }

.icon-coupon_down { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -652px -604px; width: 34px; height: 16px; }

.icon-cricle { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -419px -510px; width: 14px; height: 14px; }

.icon-crown { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -696px -594px; width: 29px; height: 24px; }

.icon-crown_red { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -696px -628px; width: 29px; height: 24px; }

.icon-csmain-catalog { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -696px -404px; width: 30px; height: 30px; }

.icon-csmain-company { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -696px -204px; width: 32px; height: 31px; }

.icon-csmain-shop { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: 0px -634px; width: 36px; height: 32px; }

.icon-csmain-shopplus { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -528px -430px; width: 39px; height: 29px; }

.icon-csmain-speak { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -696px -40px; width: 35px; height: 30px; }

.icon-csmain-tool { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -528px -298px; width: 34px; height: 34px; }

.icon-del-small { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -283px -417px; width: 10px; height: 10px; }

.icon-del { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -303px -417px; width: 10px; height: 10px; }

.icon-delete { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -443px -510px; width: 14px; height: 14px; }

.icon-delete_item { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -310px -570px; width: 20px; height: 18px; }

.icon-delivery_completed { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -589px -235px; width: 40px; height: 36px; }

.icon-down-dark { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -742px -593px; width: 17px; height: 16px; }

.icon-down-white { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -742px -619px; width: 17px; height: 16px; }

.icon-down { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -696px -662px; width: 7px; height: 4px; }

.icon-download { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -314px -676px; width: 10px; height: 12px; }

.icon-error { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: 0px 0px; width: 177px; height: 171px; }

.icon-exclamation { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -635px -281px; width: 4px; height: 30px; }

.icon-exclamation_s { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -639px -137px; width: 2px; height: 12px; }

.icon-expert { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -438px -70px; width: 78px; height: 60px; }

.icon-facebook { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -528px -342px; width: 34px; height: 34px; }

.icon-filter { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -696px -282px; width: 30px; height: 32px; }

.icon-flower-s { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -60px -719px; width: 20px; height: 20px; }

.icon-flower { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -328px -94px; width: 90px; height: 90px; }

.icon-foot-sns-blog { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -528px -386px; width: 34px; height: 34px; }

.icon-foot-sns-facebook { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -652px 0px; width: 34px; height: 34px; }

.icon-foot-sns-hinge { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -652px -44px; width: 34px; height: 34px; }

.icon-foot-sns-insta { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -652px -88px; width: 34px; height: 34px; }

.icon-foot-sns-twiter { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -652px -132px; width: 34px; height: 34px; }

.icon-foot-sns-youtube { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -652px -176px; width: 34px; height: 34px; }

.icon-foot_sns4 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -652px -264px; width: 34px; height: 33px; }

.icon-forest-s { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -90px -719px; width: 20px; height: 20px; }

.icon-forest { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: 0px -287px; width: 90px; height: 90px; }

.icon-friends { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -120px -719px; width: 20px; height: 20px; }

.icon-fullmenu { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -652px -435px; width: 30px; height: 23px; }

.icon-fullmenu_b { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -417px -536px; width: 20px; height: 15px; }

.icon-furniture-01 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -585px -600px; width: 24px; height: 21px; }

.icon-furniture-02 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -382px -600px; width: 24px; height: 22px; }

.icon-furniture-03 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -213px -676px; width: 22px; height: 19px; }

.icon-furniture-04 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -514px -634px; width: 20px; height: 22px; }

.icon-furniture-05 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -143px -570px; width: 24px; height: 19px; }

.icon-furniture-06 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -482px -634px; width: 22px; height: 22px; }

.icon-furniture-on { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -416px -600px; width: 24px; height: 22px; }

.icon-furniture { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -212px -570px; width: 24px; height: 18px; }

.icon-gear { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -652px -220px; width: 34px; height: 34px; }

.icon-gift-disabled { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -450px -600px; width: 24px; height: 22px; }

.icon-gift { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -484px -600px; width: 24px; height: 22px; }

.icon-gnb-premium-pb { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -432px -570px; width: 20px; height: 16px; }

.icon-gnb-premium-pb_over { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -401px -570px; width: 21px; height: 16px; }

.icon-gnb-premium-pk { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -652px -468px; width: 31px; height: 22px; }

.icon-gnb-premium-pk_over { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -652px -500px; width: 31px; height: 22px; }

.icon-gnb-premium-we { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -256px -536px; width: 30px; height: 16px; }

.icon-gnb-premium-we_over { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -296px -536px; width: 30px; height: 16px; }

.icon-gnb-premium-ws { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -377px -536px; width: 30px; height: 15px; }

.icon-gnb-premium-ws_over { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -336px -536px; width: 31px; height: 15px; }

.icon-gnb_mem1 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -742px -399px; width: 15px; height: 20px; }

.icon-gnb_mem1_on { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -742px -429px; width: 15px; height: 20px; }

.icon-gnb_mem2 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -480px -719px; width: 19px; height: 20px; }

.icon-gnb_mem2_on { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -509px -719px; width: 19px; height: 20px; }

.icon-gnb_mem3 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -150px -719px; width: 20px; height: 20px; }

.icon-gnb_mem3_on { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -180px -719px; width: 20px; height: 20px; }

.icon-gnb_mem4 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -742px -133px; width: 17px; height: 20px; }

.icon-gnb_mem4_on { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -742px -163px; width: 17px; height: 20px; }

.icon-gnb_mem5 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -210px -719px; width: 20px; height: 20px; }

.icon-gnb_mem5_on { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -240px -719px; width: 20px; height: 20px; }

.icon-gnb_mem6 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -538px -719px; width: 19px; height: 20px; }

.icon-gnb_mem6_on { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -567px -719px; width: 19px; height: 20px; }

.icon-gnb_mem7 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -596px -719px; width: 19px; height: 20px; }

.icon-gnb_mem7_on { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -625px -719px; width: 19px; height: 20px; }

.icon-good_hand { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -65px -600px; width: 26px; height: 24px; }

.icon-graph { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -438px -140px; width: 68px; height: 62px; }

.icon-heart { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -172px -600px; width: 25px; height: 22px; }

.icon-heart_red { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -207px -600px; width: 25px; height: 22px; }

.icon-home-large { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -438px 0px; width: 80px; height: 60px; }

.icon-home { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -177px -570px; width: 25px; height: 18px; }

.icon-house-plus { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -92px -634px; width: 39px; height: 29px; }

.icon-icon-box { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -652px -307px; width: 33px; height: 33px; }

.icon-icon-card { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -696px -245px; width: 36px; height: 27px; }

.icon-icon-transit-done { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -528px -216px; width: 39px; height: 33px; }

.icon-icon-transit { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -589px -465px; width: 40px; height: 33px; }

.icon-icon-won-sm { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -528px -170px; width: 36px; height: 36px; }

.icon-info-gray-big { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -350px -634px; width: 24px; height: 24px; }

.icon-info-gray { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -502px -285px; width: 16px; height: 16px; }

.icon-info-red { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -502px -323px; width: 16px; height: 16px; }

.icon-interest-on { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -246px -570px; width: 22px; height: 18px; }

.icon-interest { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -278px -570px; width: 22px; height: 18px; }

.icon-item_buy { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -101px -600px; width: 27px; height: 23px; }

.icon-item_cart { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -281px -634px; width: 25px; height: 24px; }

.icon-join { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -340px -570px; width: 20px; height: 18px; }

.icon-kakao { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -696px -324px; width: 32px; height: 30px; }

.icon-kakaopay-on { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -505px -470px; width: 65px; height: 20px; }

.icon-kakaopay { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: 0px -570px; width: 65px; height: 20px; }

.icon-kic-consult1 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -328px -194px; width: 96px; height: 80px; }

.icon-kic-consult2 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -216px -181px; width: 100px; height: 84px; }

.icon-kic-consult3 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -328px 0px; width: 100px; height: 84px; }

.icon-like { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -242px -600px; width: 25px; height: 22px; }

.icon-like_on { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -277px -600px; width: 25px; height: 22px; }

.icon-like_red { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -312px -600px; width: 25px; height: 22px; }

.icon-list { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -270px -719px; width: 20px; height: 20px; }

.icon-livart-m { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -300px -719px; width: 20px; height: 20px; }

.icon-lnb_collapse1 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -467px -510px; width: 14px; height: 14px; }

.icon-lnb_collapse2 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -516px -570px; width: 13px; height: 16px; }

.icon-lnb_expand1 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -491px -510px; width: 14px; height: 14px; }

.icon-lnb_expand2 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -539px -570px; width: 13px; height: 16px; }

.icon-lock { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -742px -71px; width: 18px; height: 21px; }

.icon-login { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -742px -277px; width: 17px; height: 19px; }

.icon-logout { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -245px -676px; width: 19px; height: 19px; }

.icon-map-gong { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -334px -676px; width: 9px; height: 12px; }

.icon-map { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -696px -556px; width: 26px; height: 28px; }

.icon-mapshop { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -652px -532px; width: 26px; height: 26px; }

.icon-media_play { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -528px -61px; width: 50px; height: 50px; }

.icon-more { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -619px -600px; width: 21px; height: 21px; }

.icon-more1 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -742px -459px; width: 17px; height: 17px; }

.icon-mstore { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -330px -719px; width: 20px; height: 20px; }

.icon-multiplication { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -515px -510px; width: 13px; height: 14px; }

.icon-mypage { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -742px -221px; width: 18px; height: 18px; }

.icon-mystore { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -742px -372px; width: 18px; height: 17px; }

.icon-naver { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -696px -120px; width: 32px; height: 32px; }

.icon-naver_hover { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -696px -162px; width: 32px; height: 32px; }

.icon-new { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -742px -249px; width: 18px; height: 18px; }

.icon-no_coupon { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -290px -287px; width: 80px; height: 80px; }

.icon-note { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -652px -350px; width: 30px; height: 36px; }

.icon-npay-on { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: 0px -536px; width: 72px; height: 24px; }

.icon-npay { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -82px -536px; width: 72px; height: 24px; }

.icon-pause { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -572px -342px; width: 6px; height: 10px; }

.icon-payco-on { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -303px -470px; width: 91px; height: 20px; }

.icon-payco { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -404px -470px; width: 91px; height: 20px; }

.icon-payco_hover { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -164px -536px; width: 82px; height: 19px; }

.icon-pdf { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -380px -287px; width: 45px; height: 61px; }

.icon-phone { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -696px -482px; width: 29px; height: 29px; }

.icon-phone2 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -562px -570px; width: 13px; height: 16px; }

.icon-phone3 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -585px -570px; width: 13px; height: 16px; }

.icon-pitem_p1 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -528px -259px; width: 40px; height: 29px; }

.icon-pitem_p2 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -589px -421px; width: 40px; height: 34px; }

.icon-pitem_p3 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -589px -137px; width: 40px; height: 39px; }

.icon-pitem_p4 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -528px -121px; width: 49px; height: 39px; }

.icon-pitem_review { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -187px 0px; width: 131px; height: 105px; }

.icon-play { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -572px -362px; width: 6px; height: 10px; }

.icon-plus { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -742px -486px; width: 17px; height: 17px; }

.icon-plus_w { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -742px -513px; width: 17px; height: 17px; }

.icon-quick1 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -544px -634px; width: 22px; height: 20px; }

.icon-quick2 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -576px -634px; width: 22px; height: 20px; }

.icon-quick3 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -265px -510px; width: 24px; height: 14px; }

.icon-quick4 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -109px -570px; width: 24px; height: 20px; }

.icon-quick5 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -518px -600px; width: 24px; height: 22px; }

.icon-ranking_down { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -323px -417px; width: 12px; height: 7px; }

.icon-ranking_same { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -345px -417px; width: 12px; height: 7px; }

.icon-ranking_up { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -367px -417px; width: 12px; height: 7px; }

.icon-ready_delivery { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -589px -95px; width: 50px; height: 32px; }

.icon-receipt { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -46px -634px; width: 36px; height: 32px; }

.icon-reset { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -360px -719px; width: 20px; height: 20px; }

.icon-samsungpay-on { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -256px -387px; width: 138px; height: 20px; }

.icon-samsungpay { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -102px -387px; width: 144px; height: 20px; }

.icon-search-small-g { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -742px -697px; width: 13px; height: 12px; }

.icon-search-small-w { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -561px -510px; width: 13px; height: 12px; }

.icon-search { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -652px -568px; width: 25px; height: 26px; }

.icon-self_measurement { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: 0px -181px; width: 96px; height: 96px; }

.icon-share { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -122px -676px; width: 20px; height: 23px; }

.icon-share1 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -91px -676px; width: 21px; height: 25px; }

.icon-share2 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -742px -39px; width: 18px; height: 22px; }

.icon-share_face { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -670px -634px; width: 11px; height: 20px; }

.icon-share_insta { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -418px -634px; width: 22px; height: 23px; }

.icon-share_kakao { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -138px -600px; width: 24px; height: 23px; }

.icon-share_tw { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -370px -570px; width: 21px; height: 17px; }

.icon-share_url { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -233px -159px; width: 23px; height: 9px; }

.icon-shop { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -696px -521px; width: 30px; height: 25px; }

.icon-smilepay-on { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -87px -470px; width: 98px; height: 21px; }

.icon-smilepay { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -195px -470px; width: 98px; height: 21px; }

.icon-sns_facebook { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: 0px -676px; width: 17px; height: 33px; }

.icon-sns_insta { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -589px -281px; width: 36px; height: 38px; }

.icon-sns_kakao { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -589px -186px; width: 40px; height: 39px; }

.icon-sns_twitter { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -696px 0px; width: 36px; height: 30px; }

.icon-sns_url { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -218px -510px; width: 37px; height: 14px; }

.icon-speaker { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -696px -80px; width: 35px; height: 30px; }

.icon-star-on { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -589px -329px; width: 38px; height: 36px; }

.icon-star-on_s { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -608px -634px; width: 21px; height: 20px; }

.icon-star { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -589px -375px; width: 38px; height: 36px; }

.icon-star1 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -639px -634px; width: 21px; height: 20px; }

.icon-star_s { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -182px -676px; width: 21px; height: 20px; }

.icon-stars-red { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: 0px -440px; width: 123px; height: 20px; }

.icon-stars { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -133px -440px; width: 123px; height: 20px; }

.icon-stars_bg { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -266px -440px; width: 123px; height: 20px; }

.icon-stars_bg_m { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: 0px -510px; width: 99px; height: 16px; }

.icon-stars_bg_s { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -102px -417px; width: 65px; height: 13px; }

.icon-stars_m { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -109px -510px; width: 99px; height: 16px; }

.icon-stars_s { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -177px -417px; width: 65px; height: 13px; }

.icon-store_alarm { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -502px -349px; width: 16px; height: 16px; }

.icon-swiper-down { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -589px -554px; width: 11px; height: 6px; }

.icon-swiper-left-w { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -635px -529px; width: 6px; height: 11px; }

.icon-swiper-pause-w { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -572px -386px; width: 6px; height: 10px; }

.icon-swiper-play-w { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -572px -406px; width: 6px; height: 10px; }

.icon-swiper-right-w { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -572px -298px; width: 6px; height: 11px; }

.icon-swiper-up { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -610px -554px; width: 11px; height: 6px; }

.icon-talkblank { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -347px -600px; width: 25px; height: 22px; }

.icon-telephone { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -462px -570px; width: 19px; height: 16px; }

.icon-thumb { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -552px -600px; width: 23px; height: 22px; }

.icon-time_sale { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -27px -676px; width: 22px; height: 25px; }

.icon-time_sale1 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -652px -396px; width: 24px; height: 29px; }

.icon-time_sale2 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -742px -102px; width: 18px; height: 21px; }

.icon-time_sale_on { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -59px -676px; width: 22px; height: 25px; }

.icon-tool { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -589px -43px; width: 42px; height: 42px; }

.icon-tooltip-q { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -472px -536px; width: 15px; height: 15px; }

.icon-tooltip-q2 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -538px -510px; width: 13px; height: 13px; }

.icon-tooltip { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -497px -536px; width: 15px; height: 15px; }

.icon-tooltip2 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -522px -536px; width: 15px; height: 15px; }

.icon-tooltip_on { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -547px -536px; width: 15px; height: 15px; }

.icon-top { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -742px 0px; width: 18px; height: 29px; }

.icon-tosspay-on { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -404px -387px; width: 106px; height: 20px; }

.icon-tosspay { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -399px -440px; width: 106px; height: 20px; }

.icon-transit { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -589px 0px; width: 53px; height: 33px; }

.icon-tree-s { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -390px -719px; width: 20px; height: 20px; }

.icon-tree { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -100px -287px; width: 90px; height: 90px; }

.icon-view { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -384px -634px; width: 24px; height: 24px; }

.icon-view2 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -252px -417px; width: 21px; height: 10px; }

.icon-vr-tour { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -438px -212px; width: 80px; height: 37px; }

.icon-wedding { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -420px -719px; width: 20px; height: 20px; }

.icon-won { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -200px -287px; width: 80px; height: 81px; }

.icon-write { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -491px -570px; width: 15px; height: 16px; }

.icon-x-big { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -696px -364px; width: 31px; height: 30px; }

.icon-x { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -628px -570px; width: 12px; height: 12px; }

.icon-zip { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -450px -719px; width: 20px; height: 20px; }

.icon2-comm-head { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -120px -128px; width: 40px; height: 34px; }

.icon2-comm-image { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -188px 0px; width: 40px; height: 34px; }

.icon2-comm-line { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -188px -44px; width: 40px; height: 34px; }

.icon2-comm-text { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -188px -88px; width: 40px; height: 34px; }

.icon2-comm-video { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -188px -132px; width: 40px; height: 34px; }

.icon2-comm-youtube { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: 0px -178px; width: 40px; height: 34px; }

.icon2-facebook { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -238px -90px; width: 20px; height: 20px; }

.icon2-kakao { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -238px -150px; width: 20px; height: 19px; }

.icon2-mbr-apple-s { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -238px -179px; width: 15px; height: 15px; }

.icon2-mbr-apple { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: 0px 0px; width: 54px; height: 54px; }

.icon2-mbr-bene1 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -128px 0px; width: 50px; height: 40px; }

.icon2-mbr-bene2 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -128px -50px; width: 50px; height: 40px; }

.icon2-mbr-bene3 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: 0px -128px; width: 50px; height: 40px; }

.icon2-mbr-bene4 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -60px -128px; width: 50px; height: 40px; }

.icon2-mbr-facebook { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -238px 0px; width: 35px; height: 35px; }

.icon2-mbr-kakao { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -64px 0px; width: 54px; height: 54px; }

.icon2-mbr-naver { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: 0px -64px; width: 54px; height: 54px; }

.icon2-mbr-otp { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -64px -64px; width: 54px; height: 54px; }

.icon2-mbr-payco { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -238px -45px; width: 35px; height: 35px; }

.icon2-naver { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -238px -120px; width: 20px; height: 20px; }

.icon2-payco { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -128px -100px; width: 45px; height: 11px; }

.icon2-comm-head { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -120px -128px; width: 40px; height: 34px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .icon2-comm-head { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2@2x.png?ver=2025/111/9); background-size: 273px 212px; } }

.icon2-comm-image { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -188px 0px; width: 40px; height: 34px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .icon2-comm-image { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2@2x.png?ver=2025/111/9); background-size: 273px 212px; } }

.icon2-comm-line { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -188px -44px; width: 40px; height: 34px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .icon2-comm-line { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2@2x.png?ver=2025/111/9); background-size: 273px 212px; } }

.icon2-comm-text { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -188px -88px; width: 40px; height: 34px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .icon2-comm-text { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2@2x.png?ver=2025/111/9); background-size: 273px 212px; } }

.icon2-comm-video { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -188px -132px; width: 40px; height: 34px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .icon2-comm-video { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2@2x.png?ver=2025/111/9); background-size: 273px 212px; } }

.icon2-comm-youtube { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: 0px -178px; width: 40px; height: 34px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .icon2-comm-youtube { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2@2x.png?ver=2025/111/9); background-size: 273px 212px; } }

.icon2-facebook { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -238px -90px; width: 20px; height: 20px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .icon2-facebook { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2@2x.png?ver=2025/111/9); background-size: 273px 212px; } }

.icon2-kakao { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -238px -150px; width: 20px; height: 19px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .icon2-kakao { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2@2x.png?ver=2025/111/9); background-size: 273px 212px; } }

.icon2-mbr-apple-s { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -238px -179px; width: 15px; height: 15px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .icon2-mbr-apple-s { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2@2x.png?ver=2025/111/9); background-size: 273px 212px; } }

.icon2-mbr-apple { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: 0px 0px; width: 54px; height: 54px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .icon2-mbr-apple { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2@2x.png?ver=2025/111/9); background-size: 273px 212px; } }

.icon2-mbr-bene1 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -128px 0px; width: 50px; height: 40px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .icon2-mbr-bene1 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2@2x.png?ver=2025/111/9); background-size: 273px 212px; } }

.icon2-mbr-bene2 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -128px -50px; width: 50px; height: 40px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .icon2-mbr-bene2 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2@2x.png?ver=2025/111/9); background-size: 273px 212px; } }

.icon2-mbr-bene3 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: 0px -128px; width: 50px; height: 40px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .icon2-mbr-bene3 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2@2x.png?ver=2025/111/9); background-size: 273px 212px; } }

.icon2-mbr-bene4 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -60px -128px; width: 50px; height: 40px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .icon2-mbr-bene4 { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2@2x.png?ver=2025/111/9); background-size: 273px 212px; } }

.icon2-mbr-facebook { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -238px 0px; width: 35px; height: 35px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .icon2-mbr-facebook { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2@2x.png?ver=2025/111/9); background-size: 273px 212px; } }

.icon2-mbr-kakao { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -64px 0px; width: 54px; height: 54px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .icon2-mbr-kakao { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2@2x.png?ver=2025/111/9); background-size: 273px 212px; } }

.icon2-mbr-naver { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: 0px -64px; width: 54px; height: 54px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .icon2-mbr-naver { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2@2x.png?ver=2025/111/9); background-size: 273px 212px; } }

.icon2-mbr-otp { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -64px -64px; width: 54px; height: 54px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .icon2-mbr-otp { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2@2x.png?ver=2025/111/9); background-size: 273px 212px; } }

.icon2-mbr-payco { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -238px -45px; width: 35px; height: 35px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .icon2-mbr-payco { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2@2x.png?ver=2025/111/9); background-size: 273px 212px; } }

.icon2-naver { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -238px -120px; width: 20px; height: 20px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .icon2-naver { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2@2x.png?ver=2025/111/9); background-size: 273px 212px; } }

.icon2-payco { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2.png?ver=2025/111/9); background-position: -128px -100px; width: 45px; height: 11px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .icon2-payco { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon2@2x.png?ver=2025/111/9); background-size: 273px 212px; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.3em 0.6em; width: auto; overflow: visible; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ui-dialog .ui-dialog-buttonpane button { margin: 0.5em 0.4em 0.5em 0; cursor: pointer; }

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

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

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

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

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

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

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

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

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

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

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

.ui-resizable { position: relative; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ui-slider-horizontal .ui-slider-handle { top: -0.3em; margin-left: -0.6em; }

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

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

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

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

.ui-slider-vertical .ui-slider-handle { left: -0.3em; margin-left: 0; margin-bottom: -0.6em; }

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

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

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

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

/* Component containers
----------------------------------*/
.ui-widget { font-size: 1em; }

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

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 1em; }

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

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

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

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

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

.ui-widget-header .ui-icon { background-image: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: 0.7; filter: Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; }

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

.ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; }

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa; opacity: 0.3; filter: Alpha(Opacity=30); /* support: IE8 */ }

.ui-widget-shadow { box-shadow: 0px 0px 5px #666666; }

input[type='radio'][disabled], input[type='radio'][disabled]:hover, input[type='radio'][disabled]:active, input[type='radio'][disabled]:focus, input[type='checkbox'][disabled], input[type='checkbox'][disabled]:hover, input[type='checkbox'][disabled]:active, input[type='checkbox'][disabled]:focus { cursor: not-allowed; opacity: 0.4; }

input[type='radio'][disabled] + label, input[type='radio'][disabled]:hover + label, input[type='radio'][disabled]:active + label, input[type='radio'][disabled]:focus + label, input[type='checkbox'][disabled] + label, input[type='checkbox'][disabled]:hover + label, input[type='checkbox'][disabled]:active + label, input[type='checkbox'][disabled]:focus + label { cursor: not-allowed; opacity: 0.4; }

.radio, .checkbox { position: relative; margin: 0 0 10px; padding: 0; -moz-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 0; line-height: 1; vertical-align: middle; }

.radio.disabled, .checkbox.disabled { opacity: 0.5; }

.radio + .radio, .checkbox + .checkbox { margin-left: 10px; }

.checkbox input[type='checkbox'] + label:active:before, .checkbox input[type='checkbox']:checked + label:active:before, .radio input[type='radio'] + label:active:before, .radio input[type='radio']:checked + label:active:before { background: #fff; }

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

.checkbox input[type='checkbox']:focus + label:before, .radio input[type='radio']:focus + label:before { box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1); }

.checkbox input[type='checkbox'] + label, .radio input[type='radio'] + label { display: block; float: left; position: relative; padding: 0 0 0 24px; font-size: 16px; line-height: 1.25; cursor: pointer; color: #777; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }

.checkbox input[type='checkbox'] + label::before, .radio input[type='radio'] + label::before { content: ''; display: block; float: left; overflow: hidden; width: 16px; height: 16px; margin-top: 1.5px; margin-left: -24px; border: 1px solid #ccc; border-radius: 2px; background: #fff; line-height: 14px; text-align: center; transition: all 0.2s; }

.checkbox input[type='checkbox']:checked + label, .radio input[type='radio']:checked + label { color: #333; }

.checkbox input[type='checkbox']:checked + label:before, .radio input[type='radio']:checked + label:before { background: #fff; border-color: #333; }

.is-hidden-control .checkbox input[type='checkbox'] + label, .is-hidden-control .radio input[type='radio'] + label { padding: 0; }

.is-hidden-control .checkbox input[type='checkbox'] + label:before, .is-hidden-control .radio input[type='radio'] + label:before { display: none; }

.is-hidden-control .checkbox input[type='checkbox'] + label:after, .is-hidden-control .radio input[type='radio'] + label:after { display: none; }

.radio input[type='radio'] + label::before { width: 16px; height: 16px; border-radius: 100%; line-height: 16px; }

.radio input[type='radio'] + label::after { opacity: 0; content: ''; position: absolute; top: 5.5px; left: 4px; width: 8px; height: 8px; margin: 0; border-radius: 100%; background: #333; transform: scale(0); transition: all 0.2s; }

.radio input[type='radio']:checked + label:after { opacity: 1; transform: scale(1); }

.checkbox input[type='checkbox']:checked + label:before { content: '\e900'; background: #333; color: #fff; font-size: 14px; font-family: 'iconset'; }

.checkbox__one.checkbox input[type='checkbox'] + label { padding-left: 16px; }

.checkbox__one.checkbox input[type='checkbox'] + label::before { margin-left: -16px; }

.label-checkbox { display: block; float: left; position: relative; padding: 0 0 0 24px; font-size: 16px; line-height: 1.25; cursor: pointer; color: #777; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }

.control.radio-list, .control.checkbox-list { margin-right: -10px; margin-bottom: -10px; }

.button.is-light { border-color: #ccc; }

/* ON/OFF Toggle Switch */
.onoff-switch { display: inline-block; position: relative; width: 100%; font-size: 80%; }

.onoff-switch .onoff-switch-label { display: block; overflow: hidden; margin: 0; cursor: pointer; border: 1px solid #e6e6e6; border-radius: 28px; }

.onoff-switch .onoff-switch-inner { width: 200%; margin-left: -100%; transition: margin 0.15s ease-in-out; }

.onoff-switch .onoff-switch-inner:before, .onoff-switch .onoff-switch-inner:after { float: left; width: 50%; height: 26px; padding: 0; line-height: 26px; color: #fff; font-size: 100%; font-weight: 500; box-sizing: border-box; }

.onoff-switch .onoff-switch-inner:before { content: 'ON'; padding-left: 8px; background-color: #04b1c6; color: white; }

.onoff-switch .onoff-switch-inner:after { content: 'OFF'; padding-right: 6px; background-color: #888; color: #cccccc; text-align: right; }

.onoff-switch .onoff-switch-switch { position: absolute; top: 2px; right: 29px; bottom: 0; width: 24px; height: 24px; margin: 0; border: 1px solid #eee; border-radius: 50%; background: white; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); transition: right 0.15s ease-in-out; }

.onoff-switch-container { position: relative; width: 54px; height: 28px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }

.onoff-switch-container input[type='checkbox'] { position: absolute; left: 10px; }

.onoff-switch-container input[type='checkbox']:checked ~ .onoff-switch .onoff-switch-label .onoff-switch-inner { margin-left: 0; }

.onoff-switch-container input[type='checkbox']:checked ~ .onoff-switch .onoff-switch-label .onoff-switch-switch { right: 1px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); }

.onoff-switch-container input[type='checkbox']:focus ~ .onoff-switch { outline: 0; }

.onoff-switch-container label { display: inline-block; position: absolute; z-index: 1; cursor: pointer; width: 100%; height: 28px; text-align: left; line-height: 28px; font-weight: 200; -moz-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.file .file-name { display: flex; line-height: 1.1; align-items: center; }

.checkbox.is-checkbox-bold input[type='checkbox'] + label { color: #333; font-weight: 600 !important; }

.checkbox.is-checkbox-bold input[type='checkbox'] + label::before { border-color: #333; }

.msg-box { padding: 15px; }

.msg-box-title { margin-bottom: 5px !important; font-size: 16px; font-weight: 600; word-break: keep-all; word-wrap: break-word; }

.msg-box-desc { word-break: keep-all; word-wrap: break-word; }

.msg-box-fullwidth { margin: 20px -20px 10px; }

.msg-box-blue { padding: 30px; background-color: #f3f9ff; color: #385ea3; text-align: center; }

.msg-box-blue .dot-list { color: #727272; text-align: left; word-break: keep-all; word-wrap: break-word; }

.msg-box-blue__desc { margin-bottom: 20px; color: #333; font-size: 16px; }

.msg-box-blue__dl { display: table; width: 100%; margin-top: -1px; border-top: 1px solid #e3ecf6; border-bottom: 1px solid #e3ecf6; color: #777; font-size: 16px; }

.msg-box-blue__dl dt, .msg-box-blue__dl dd { display: table-cell; padding: 10px; text-align: left; vertical-align: middle; }

.msg-box-blue__dl dt { width: 20%; }

.msg-box-blue__dl dd { width: 80%; color: #333; }

.msg-box-blue__dl dd span { color: #777; }

.msg-box-blue .section-responsive-link { display: inline-block; margin-top: 20px; margin-bottom: 0; color: #333; }

.msg-box-tabwidth { margin: -5px -10px 20px; padding: 20px 30px; }

.msg-box-yellow { border: 1px solid #fff6ce; background-color: #fffeeb; color: #ff5050; }

.msg-box .dot-list { text-align: left; word-break: keep-all; word-wrap: break-word; }

.help { padding: 0 12px; margin-top: 6px; font-size: 14px; }

p.is-danger, span.is-danger, div.is-danger, em.is-danger, i.is-danger, strong.is-danger, p.color-danger, span.color-danger, div.color-danger, em.color-danger, i.color-danger, strong.color-danger { color: #ed2650; font-weight: normal; }

h4.is-primary, p.is-primary, span.is-primary, div.is-primary, em.is-primary, i.is-primary, strong.is-primary, p.color-primary, span.color-primary, div.color-primary, em.color-primary, i.color-primary, strong.color-primary { color: #333; font-weight: normal; }

h1.is-normal, h2.is-normal, h3.is-normal, h4.is-normal, h5.is-normal, h6.is-normal, p.is-normal, span.is-normal, div.is-normal, em.is-normal, i.is-normal, strong.is-normal { font-weight: normal; }

p.is-400, span.is-400, div.is-400, em.is-400, i.is-400, strong.is-400 { font-weight: 400; }

p.is-600, span.is-600, div.is-600, em.is-600, i.is-600, strong.is-600 { font-weight: 600; }

p.is-bold, span.is-bold, div.is-bold, em.is-bold, i.is-bold, strong.is-bold { font-weight: bold; }

.spinner-box { display: inline-flex; position: relative; font-size: 0; vertical-align: middle; }

.spinner-box__minus, .spinner-box__plus { display: inline-flex; position: relative; width: 30px; height: 30px; margin: 0; padding: 0; border: 1px solid #888; justify-content: center; align-items: center; }

.spinner-box__minus i, .spinner-box__plus i { display: block; position: absolute; top: 50%; left: 50%; width: 7px; height: 1px; margin: -1px 0 0 -3px; background-color: #333; }

.spinner-box__minus i:nth-child(2), .spinner-box__plus i:nth-child(2) { transform: rotate(90deg); }

.spinner-box__number { display: inline-flex; margin: 0 -1px; justify-content: center; align-items: center; }

.spinner-box__number input { width: 40px; height: 30px; margin: 0; padding: 0; text-align: center; }

.spinner-box__number input::-webkit-outer-spin-button, .spinner-box__number input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.spinner-box__number input[type='number'] { -moz-appearance: textfield; }

.spinner-box__minus, .spinner-box__plus, .spinner-box__number input { border: 1px solid #888; }

.spinner-box__minus:focus, .spinner-box__plus:focus, .spinner-box__number input:focus { z-index: 1; }

.breadcrumb { font-size: 12px; color: #eee; }

.breadcrumb ol { position: relative; }

.breadcrumb ol::after { content: ''; position: absolute; top: -15px; right: -1px; width: 1px; height: 49px; background: #eee; }

.breadcrumb li { position: relative; padding: 0 20px; }

.breadcrumb li a { color: #333; cursor: pointer; pointer-events: inherit; }

.breadcrumb li a.dropdown-item.is-active { cursor: pointer; pointer-events: inherit; }

.breadcrumb li.home { padding: 0 13px; }

.breadcrumb li.is-active a { cursor: pointer; pointer-events: inherit; }

.breadcrumb li::after { position: absolute; top: -15px; left: 0; content: ''; width: 1px; height: 49px; background: #e5e5e5; }

.breadcrumb li + li::before { margin: 0 20px; font-family: 'iconset' !important; content: none; speak: none; font-size: 10px; color: #bbb; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }

.breadcrumb li.home a { display: block; padding: 0; font-size: 15px; }

.breadcrumb li .dropdown-menu { width: calc(100% + 41px); margin: 14px 0 0 -20px; }

.breadcrumb li .dropdown-menu .dropdown-content { padding-bottom: 0; max-height: 223px; overflow-y: auto; }

.breadcrumb li .dropdown-menu .dropdown-content a.dropdown-item { display: block; overflow: hidden; padding: 15px 10px 16px 19px; word-break: keep-all; line-height: 1.1; white-space: normal; }

.breadcrumb li .dropdown-menu .dropdown-content a.dropdown-item.is-active { background-color: #eee; font-size: 14px; color: #333; }

.breadcrumb li .dropdown-menu .dropdown-content a.dropdown-item:hover { background: #eee; }

.breadcrumb .button { height: auto; padding: 0 12px 0 0; border: none; font-size: 14px; }

.breadcrumb .dropdown-trigger .icon { width: 10px; height: 10px; }

.breadcrumb .dropdown-trigger .icon i { font-size: 10px; }

.breadcrumb .dropdown-item { font-size: 14px; }

.breadcrumb .dropdown-content { padding-top: 0; border: 1px solid #e5e5e5; }

.breadcrumb .button .icon:last-child:not(:first-child) { margin-left: 40px; }

.breadcrumb2 { font-size: 16px; color: #999; }

.breadcrumb2 ol { position: relative; }

.breadcrumb2 li { position: relative; }

.breadcrumb2 li a { color: #999; cursor: pointer; pointer-events: inherit; font-size: 16px; }

.breadcrumb2 li a.dropdown-item.is-active { cursor: pointer; pointer-events: inherit; }

.breadcrumb2 li.home { padding: 0 13px; }

.breadcrumb2 li.is-active a { cursor: pointer; pointer-events: inherit; }

.breadcrumb2 li.is-active:last-child button span { color: #202020; font-weight: bold; }

.breadcrumb2 li.is-active:last-child button .icon { color: #fff; margin-right: 0; }

.breadcrumb2 li + li::before { margin: 0 14px; font-family: 'iconset' !important; content: '\e94b'; speak: none; font-size: 10px; color: #bbb; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }

.breadcrumb2 li.home a { display: block; padding: 0; font-size: 15px; }

.breadcrumb2 li .dropdown-menu { max-width: 170px; margin: 14px 0 0 0; }

.breadcrumb2 li .dropdown-menu .dropdown-content { padding: 10px 0; overflow-y: auto; }

.breadcrumb2 li .dropdown-menu .dropdown-content a.dropdown-item { font-size: 15px; display: block; overflow: hidden; padding: 8px 40px 8px 16px; word-break: keep-all; text-overflow: ellipsis; line-height: 1.1; white-space: nowrap; }

.breadcrumb2 li .dropdown-menu .dropdown-content a.dropdown-item.is-active { background-color: #eee; font-size: 15px; color: #333; }

.breadcrumb2 li .dropdown-menu .dropdown-content a.dropdown-item:hover { background: #eee; }

.breadcrumb2 li:not(:last-child) .button .icon { display: none; }

.breadcrumb2 .button { color: #999; height: auto; border: none; font-size: 16px; }

.breadcrumb2 .dropdown.is-active .icon { transform: rotate(-180deg); }

.breadcrumb2 .dropdown-trigger .icon { display: flex; align-items: center; justify-content: center; margin: 0; width: 16px; height: 16px; background-color: #202020; color: #fff; border-radius: 50%; transition: 0.3s; }

.breadcrumb2 .dropdown-trigger .icon i { font-size: 13px; }

.breadcrumb2 .dropdown-item { font-size: 14px; }

.breadcrumb2 .dropdown-content { padding-top: 0; border: 1px solid #202020; }

.breadcrumb-v3 { font-size: 14px; color: #fff; }

.breadcrumb-v3 ol::after { display: none; }

.breadcrumb-v3 li { padding: 0; }

.breadcrumb-v3 li a { color: #fff; font-size: 14px; }

.breadcrumb-v3 li a:hover { color: #bababa; }

.breadcrumb-v3 li + li::before { margin: 0 5px; font-family: 'iconset' !important; content: '/'; speak: none; font-size: 12px; color: #fff; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }

.breadcrumb-v3 li:after { display: none; }

/* 달력 - datepicker */
.datepicker { width: 180px; height: 50px; color: #333; background: #fff url("../images/common/icon_calendar.png") no-repeat 88% 50%; border: 1px solid #ccc; padding-left: 20px; }

input.readonly.datepicker, input[readonly].datepicker, input[readonly='readonly'].datepicker { background: #fff url("../images/common/icon_calendar.png") no-repeat 88% 50%; }

input.readonly.datepicker:hover, input.readonly.datepicker:focus, input[readonly].datepicker:hover, input[readonly].datepicker:focus, input[readonly='readonly'].datepicker:hover, input[readonly='readonly'].datepicker:focus { border-color: #333; }

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

.ui-datepicker-title { color: #333; font-weight: normal; position: relative; }

.ui-datepicker .ui-datepicker-prev { width: 26px; height: 26px; top: 3px; left: 38px; }

.ui-datepicker .ui-datepicker-prev-hover { top: 3px; left: 38px; }

.ui-datepicker .ui-datepicker-next { width: 26px; height: 26px; top: 3px; right: 38px; }

.ui-datepicker .ui-datepicker-next-hover { top: 3px; right: 38px; }

.ui-datepicker table { padding: 0; font-size: 13px; margin: 0; }

.ui-datepicker-calendar { font-size: 13px; }

.ui-datepicker-calendar th { background: #fff; color: #333; width: 36px; height: 26px; padding: 0; border-bottom: 1px solid #ccc; font-weight: 400; text-align: center !important; }

.ui-datepicker-calendar th span { display: block; width: 36px; height: 26px; }

.ui-datepicker-calendar td { width: 36px; height: 26px; padding: 0; }

.ui-widget.ui-widget-content { width: 284px; margin-top: -1px; padding: 15px 15px 10px; border: 1px solid #333; }

.ui-widget-header { background: none; border: none; margin-bottom: 10px; padding: 0; }

.ui-widget-header .ui-datepicker-prev { top: 2px; }

.ui-widget-header .ui-datepicker-prev, .ui-widget-header .ui-datepicker-prev:hover { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -141px -634px; width: 25px; height: 25px; z-index: 1000; }

.ui-widget-header .ui-datepicker-prev.ws-year, .ui-widget-header .ui-datepicker-prev:hover.ws-year { text-indent: -999em; background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -176px -634px; width: 25px; height: 25px; }

.ui-widget-header .ui-datepicker-next { top: 2px; }

.ui-widget-header .ui-datepicker-next, .ui-widget-header .ui-datepicker-next:hover { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -211px -634px; width: 25px; height: 25px; z-index: 1000; }

.ui-widget-header .ui-datepicker-next.ws-year, .ui-widget-header .ui-datepicker-next:hover.ws-year { text-indent: -999em; background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -246px -634px; width: 25px; height: 25px; }

.ui-widget-header a { cursor: pointer; }

.ui-widget-header a:hover { background: none; border: none; }

.ui-corner-all { border-radius: 0; }

.ui-state-default, .ui-widget-content .ui-state-default { border: none; background: none; color: #777; text-align: center; }

.ui-state-default, .ui-widget-content.custom-calendar .ui-datepicker-today .ui-state-default { color: #000; font-weight: bold; }

.ui-widget-content .ui-state-active { color: #333; background-color: #f4f4f4; }

/* .ui-state-highlight, .ui-widget-content .ui-state-highlight{background:#e81818;color:#fff;border:none;}.ui-datepicker-week-end .ui-state-default{color:#e81818;} */
.ui-datepicker-header input.datepicker { cursor: pointer; }

.date-select-wrap { display: flex; align-items: center; }

.date-select-wrap .date-select-month { flex-grow: 1; justify-content: flex-start; }

.date-select-wrap .datepicker-wrap { width: 525px; display: flex; flex-grow: 0; justify-content: flex-end; align-items: center; }

.date-select-wrap .datepicker-wrap .datepicker { margin: 0 5px; }

.date-select-wrap .datepicker-wrap .button { margin-left: 5px; }

.date-select-month .time-select-wrap { margin-top: 0; justify-content: flex-start; }

.date-select-month .time-select-wrap li { margin-left: -1px; }

.date-select-month .time-select-wrap li .label { position: relative; display: flex; width: 73px; height: 30px; border: 1px solid #ccc; color: #777; font-size: 13px; font-weight: 400; }

.date-select-month .time-select-wrap li .time-select:checked + .label { color: #333; border-color: #333; background-color: #fff; z-index: 1; }

.date-select-month .time-select-wrap li .time-select:checked + .label span.txt { color: #333; }

.swiper-custom-control__box { position: absolute; top: 0; right: 0; width: 130px !important; height: 40px; margin-top: 50px; }

.swiper-custom-control__box .swiper-button-prev, .swiper-custom-control__box .swiper-button-next { position: static; border: 1px solid #ccc; }

.swiper-custom-control__box div.swiper-pagination-fraction { display: flex; justify-content: center; position: static; height: auto; color: #999; font-size: 14px; }

.custom-tooltip { position: absolute; z-index: 1070; margin: 3px 0 0 148px; }

.custom-tooltip.product-item-price__discount--tooltip { display: block; line-height: 1.3; }

.custom-tooltip .tooltip-inner { max-width: 200px; padding: 0; line-height: 1.3; }

.custom-tooltip .tooltip-inner dl, .custom-tooltip .tooltip-inner dt, .custom-tooltip .tooltip-inner dd { line-height: 1; }

/* 캘린더 오류로 인한 .custom-calendar 추가 */
.custom-calendar.ui-corner-all { border-radius: 0; }

.custom-calendar.ui-widget.ui-widget-content { border: 1px solid #333333; }

.ui-state-default, .custom-calendar.ui-widget-content .ui-state-default { border: none; background: none; color: #777; text-align: center; }

.custom-calendar .ui-widget-header { background: none; border: none; margin-bottom: 10px; padding: 0; }

.custom-calendar .ui-datepicker-title { color: #333; font-weight: normal; position: relative; }

.custom-calendar .ui-widget-header .ui-icon { background: none; }

.custom-calendar.ui-datepicker .ui-datepicker-prev { width: 26px; height: 26px; top: 3px; left: 38px; }

.custom-calendar.ui-datepicker .ui-datepicker-prev:hover { top: 3px; left: 38px; }

.custom-calendar.ui-datepicker .ui-datepicker-next { width: 26px; height: 26px; top: 3px; right: 38px; }

.custom-calendar.ui-datepicker .ui-datepicker-next:hover { top: 3px; right: 38px; }

.custom-calendar.ui-datepicker table { padding: 0; font-size: 13px; margin: 0; }

.custom-calendar .ui-datepicker-calendar { font-size: 13px; }

.custom-calendar .ui-datepicker-calendar th { background: #fff; color: #333; width: 36px; height: 26px; padding: 0; border-bottom: 1px solid #ccc; font-weight: 400; text-align: center !important; }

.custom-calendar .ui-datepicker-calendar th span { display: block; width: 36px; height: 26px; }

.custom-calendar .ui-datepicker-calendar td { width: 36px; height: 26px; padding: 0; }

.custom-calendar.ui-widget-content .ui-state-active { color: #333; background-color: #f4f4f4; }

.select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; }

.select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; -moz-user-select: none; user-select: none; -webkit-user-select: none; }

.select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.select2-container .select2-selection--single .select2-selection__clear { background-color: transparent; border: none; font-size: 1em; }

.select2-container[dir='rtl'] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; }

.select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; -moz-user-select: none; user-select: none; -webkit-user-select: none; }

.select2-container .select2-selection--multiple .select2-selection__rendered { display: inline; list-style: none; padding: 0; }

.select2-container .select2-selection--multiple .select2-selection__clear { background-color: transparent; border: none; font-size: 1em; }

.select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; margin-left: 5px; padding: 0; }

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }

.select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; }

.select2-results { display: block; }

.select2-results__options { list-style: none; margin: 0; padding: 0; }

.select2-results__option { padding: 6px; -moz-user-select: none; user-select: none; -webkit-user-select: none; }

.select2-results__option--selectable { cursor: pointer; }

.select2-container--open .select2-dropdown { left: 0; }

.select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; }

.select2-search--dropdown { display: block; padding: 4px; }

.select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; }

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; }

.select2-search--dropdown.select2-search--hide { display: none; }

.select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); }

.select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; }

.select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; }

.select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; }

.select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 26px; margin-right: 20px; padding-right: 0px; }

.select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; }

.select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; }

.select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; }

.select2-container--default[dir='rtl'] .select2-selection--single .select2-selection__clear { float: left; }

.select2-container--default[dir='rtl'] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; }

.select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; }

.select2-container--default .select2-results__option--group { padding: 0; }

.select2-container--default .select2-results__option--disabled { color: #999; }

.select2-container--default .select2-results__option--selected { background-color: #ddd; }

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #5897fb; color: white; }

.select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; }

.select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; padding-bottom: 5px; padding-right: 5px; }

.select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; height: 20px; margin-right: 10px; margin-top: 5px; padding: 1px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; display: inline-block; margin-left: 5px; margin-top: 5px; padding: 0; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__display { cursor: default; padding-left: 2px; padding-right: 5px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { background-color: transparent; border: none; border-right: 1px solid #aaa; border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #999; cursor: pointer; font-size: 1em; font-weight: bold; padding: 0 4px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus { background-color: #f1f1f1; color: #333; outline: none; }

.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; }

.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice__display { padding-left: 5px; padding-right: 2px; }

.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice__remove { border-left: 1px solid #aaa; border-right: none; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__clear { float: left; margin-left: 10px; margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; }

.step-indicator { width: auto; height: 70px; margin: 20px auto; font-weight: 400; }

.step-indicator .steps { padding: 0; }

.step-indicator .steps li { list-style-type: none; width: 25%; float: left; font-size: 14px; position: relative; text-align: center; text-transform: uppercase; color: #999; }

.step-indicator .steps li.active { color: #333; font-weight: bold; }

.step-indicator .steps li.active i { width: 25px; height: 25px; margin-top: 12px; outline: 5px solid #fff; background-color: #243745; color: #fff; line-height: 21px; }

@media screen and (min-width: 769px), print { .step-indicator .steps li.active i { width: 42px; height: 42px; margin-top: 21px; outline: 10px solid #fff; line-height: 39px; } }

.step-indicator .steps li.active i::before { margin-top: -7px; margin-left: 5px; }

@media screen and (min-width: 769px), print { .step-indicator .steps li.active i::before { margin-top: -14px; margin-left: 8px; } }

.step-indicator .steps li i { display: block; position: relative; width: 31px; height: 31px; line-height: 1; text-align: center; margin: 7px auto 10px; border-radius: 50%; background-color: #fff; color: #eee; font-size: 19px; }

.step-indicator .steps li i:before { display: block; line-height: 1; }

@media screen and (min-width: 769px), print { .step-indicator .steps li i:before { margin-top: -34px; } }

@media screen and (min-width: 769px), print { .step-indicator .steps li i { width: 48px; height: 48px; margin-top: 44px; font-size: 34px; } }

.step-indicator .steps li i::after { display: block; position: absolute; top: 50%; left: 50%; content: ''; width: 25px; height: 25px; margin: -12.5px 0 0 -12.5px; border-radius: 25px; background-color: transparent; }

.step-indicator .steps li::before { width: 100%; height: 1px; content: ''; position: absolute; background-color: #eee; top: 38px; left: -50%; z-index: -1; }

@media screen and (min-width: 769px), print { .step-indicator .steps li::before { top: 48px; height: 2px; } }

.step-indicator .steps li:first-child::before { display: none; }

.step-indicator .steps li.complete { color: #333; }

.step-indicator .steps li.complete i { border-color: #fff; color: #243745; }

.step-indicator .steps li.complete + li:before { background-color: #243745; }

.step-indicator .steps.steps--3 li { width: 33.333%; }

.step-indicator.ver2 .steps li { height: 70px; }

.step-indicator.ver2 .steps li:before { display: block; top: 50%; left: 0; width: 100%; height: 4px; background-color: #eee; transform: translateY(-50%); }

.step-indicator.ver2 .steps li:after { display: inline-block; content: ''; position: absolute; top: 50%; right: -5px; z-index: 2; width: 10px; height: 10px; background-color: #eee; border-radius: 50%; transform: translateY(-50%); }

.step-indicator.ver2 .steps li.active:before { background-color: #333; }

.step-indicator.ver2 .steps li.active:after { background-color: #333; }

.step-indicator.ver2 .steps li.active .step { display: inline-block; }

.step-indicator.ver2 .steps li.active .step-name { color: #333; font-weight: 600; }

.step-indicator.ver2 .steps li.complete:before { background-color: #333; }

.step-indicator.ver2 .steps li.complete:after { background-color: #333; }

.step-indicator.ver2 .steps li.complete .step-name { color: #333; }

.step-indicator.ver2 .steps li .step { display: none; position: absolute; bottom: calc(50% + 15px); right: 0; padding: 5px 10px; background-color: #333; color: #fff; font-size: 14px; }

.step-indicator.ver2 .steps li .step:after { display: inline-block; content: ''; position: absolute; right: 0; bottom: -6px; width: 6px; height: 6px; border-right: 6px solid #333; border-bottom: 6px solid transparent; }

.step-indicator.ver2 .steps li .step-name { position: absolute; top: calc(50% + 10px); right: 0; color: #999; font-size: 18px; font-weight: 400; }

.step-indicator.ver2__red .steps li { height: 70px; }

.step-indicator.ver2__red .steps li:before { display: block; top: 50%; left: -50%; width: 100%; height: 2px; background-color: #999; transform: translateY(-50%); }

.step-indicator.ver2__red .steps li:first-child::before { display: none; }

.step-indicator.ver2__red .steps li:after { display: inline-block; content: ''; position: absolute; top: 50%; left: 50%; z-index: 2; width: 15px; height: 15px; background-color: #999; border-radius: 50%; transform: translate(-50%, -50%); }

.step-indicator.ver2__red .steps li.active:before { background-color: #ED2650; }

.step-indicator.ver2__red .steps li.active:after { width: 18px; height: 18px; background-color: #ED2650; border: 3px solid #fff; outline: 1px solid #ED2650; }

.step-indicator.ver2__red .steps li.active .step { display: inline-block; }

.step-indicator.ver2__red .steps li.active .step-name { color: #ED2650; font-weight: 600; }

.step-indicator.ver2__red .steps li.active.cancel:before { background-color: #777; }

.step-indicator.ver2__red .steps li.active.cancel:after { width: 18px; height: 18px; background-color: #777; border: 3px solid #fff; outline: 1px solid #777; }

.step-indicator.ver2__red .steps li.active.cancel .step { display: inline-block; }

.step-indicator.ver2__red .steps li.active.cancel .step-name { color: #777; font-weight: 600; }

.step-indicator.ver2__red .steps li.complete:before { background-color: #ED2650; }

.step-indicator.ver2__red .steps li.complete:after { background-color: #ED2650; }

.step-indicator.ver2__red .steps li.complete .step-name { color: #ED2650; font-weight: 600; }

.step-indicator.ver2__red .steps li .step-name { position: absolute; top: calc(50% + 22px); left: 50%; color: #999; font-size: 15px; font-weight: 400; transform: translateX(-50%); }

.product-item { position: relative; min-width: 200px; flex: 0 0 25%; }

.product-item .product-item-image:hover img { transform-origin: 50% 50%; transform: scale(1.2); }

.product-item--twentytwenty:hover .product-item-image img { transform: scale(1); }

.product-item--small { width: 250px; }

.product-item--small .product-item-price { display: flex; justify-content: space-between; align-items: flex-end; }

.product-item--small .product-item-price__discount { margin-bottom: 0; }

.product-item--small .product-item-price__price--del { display: block; height: 24px; margin-top: 0; float: none; text-align: right; }

.product-item--small .product-item-price__price--wrap { margin-top: 0; }

.product-item--small .product-item-price__price { margin-right: 0; }

.product-item--small .product-item-price__discount--tooltip { top: 25px; }

.product-item--small .product-item-image { width: 250px; height: 250px; overflow: hidden; }

.product-item--small.__layout02 { width: 100%; padding-bottom: 40px; display: flex; border-bottom: 1px solid #eee; }

.product-item--small.__layout02 .product-item-image { width: 150px; height: 150px; }

.product-item--small.__layout02 .product-item-content { max-width: 850px; padding-left: 30px; height: 150px; }

.product-item--small.__layout02 .product-item-content .product-item-header { margin-top: 0; height: 129px; }

.product-item--small.__layout02 .product-item-content .product-item-header .product-item-header__name { width: 820px; height: 44px; overflow: hidden; }

.product-item--small.__layout02 .product-item-content .product-item-price { margin-bottom: 0; justify-content: flex-start; align-items: center; }

.product-item--small.__layout02 .product-item-content .product-item-price .product-item-price__price--del { display: inline-block; line-height: 26px; }

.product-item--medium { width: 320px; }

.product-item--medium .product-item-price { display: flex; justify-content: space-between; align-items: flex-end; }

.product-item--medium .product-item-image { width: 320px; height: 320px; overflow: hidden; }

.product-item--large { width: 420px; }

.product-item--large .product-item-image { width: 420px; height: 420px; overflow: hidden; }

.product-item--large02 { width: 500px; }

.product-item--large02 .product-item-image { width: 500px; height: 500px; overflow: hidden; }

.product-item--xlarge { width: 640px; }

.product-item--xlarge .product-item-image { width: 640px; height: 640px; overflow: hidden; }

.product-item--xxlarge .product-item-image { width: 780px; height: 780px; overflow: hidden; }

.product-item-status { position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; height: 15%; background-color: rgba(0, 0, 0, 0.5); }

.product-item-status--soldout { display: flex; align-items: center; justify-content: center; height: 100%; font-size: 18px; color: #fff; }

.product-item-status:before { display: none; content: ''; position: absolute; top: 0; left: 0; width: 55%; height: 1px; background-color: #fff; transform-origin: 0 0; transform: rotate(45deg); }

.product-item-status:after { display: none; content: ''; position: absolute; right: 0; bottom: 0; width: 55%; height: 1px; background-color: #fff; transform-origin: 100% 100%; transform: rotate(45deg); }

.product-item-button-wrap { display: none; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); /* 변경 예정*/ }

.product-item-button-wrap button .icon-wrap { display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; border: 1px solid #fff; border-radius: 35px; }

.product-item-button-wrap button span { display: block; margin-top: 10px; }

.product-item-button-wrap button:hover, .product-item-button-wrap button:active { opacity: 1; }

.product-item-button__button { margin-left: 5px; opacity: 0.6; }

.product-item-button__button--cart span { color: #fff; font-size: 16px; }

.product-item-button__button--buy span { color: #fff; font-size: 16px; }

.product-item-button__button:first-child { margin-left: 0; }

.product-item-category { padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #eee; }

.product-item-tag { display: block; position: absolute; z-index: 2; }

.product-item-tag__item { display: block; overflow: hidden; float: left; width: 60px; height: 20px; margin-right: 4px; border-radius: 2px; line-height: 20px; color: #fff; font-size: 12px; font-weight: 400; text-align: center; }

.product-item-tag__item--green { background-color: #64935d; }

.product-item-tag__item--black { background-color: #333; }

.product-item-tag__item--blue { background-color: #28a0e4; }

.product-item-tag__item--orange { background-color: #ff8d39; }

.product-item-tag__item--red { background-color: #ed2650; }

.product-item-tag__item--brown { background-color: #9d8474; }

.product-item-tag__item--mint { background-color: #46ceac; }

.product-item-tag__item--pink { background-color: #be56ee; }

.product-item-tag__item--glgwhite { background-color: #7a7a7a; color: #fff; }

.product-item-tag__item--glgblack { border: 1px solid rgba(255, 255, 255, 0.5); background-color: #202020; color: #fff; }

.product-item-tag__item--gongwhite { background-color: #999999; border-radius: 0px; color: #fff; }

.product-item-tag__item--custom3d { background-color: #437BFA; }

.product-item-tag__kinds { overflow: hidden; float: left; width: 22px; height: 22px; margin-left: 4px; vertical-align: top; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.1); }

.product-item-tag__kinds img { width: 100%; }

.product-item-tag__kinds--amount { display: inline-block; margin-left: 4px; color: #999; font-size: 16px; vertical-align: top; line-height: 22px; }

.product-item-tag__kinds--border { border: 1px solid #eee; }

.product-item-image { position: relative; overflow: hidden; padding: 0; }

.product-item-image:hover .product-item-status + .product-item-button-wrap { display: none; }

.product-item-image img.image { max-width: inherit; width: 100%; height: auto; transition: transform 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94); }

.product-item-image .buttons { position: absolute; right: 0; bottom: 0; margin: 0; border: none; }

.product-item-image .buttons .button { display: block; width: 54px; min-width: 54px; height: 54px; margin: 0; padding: 0; border: none; text-align: center; }

.product-item-content { padding: 0; }

.product-item-header { position: relative; margin: 20px 0 0; }

.product-item-header__brand { display: inline-block; height: 31px; margin-bottom: 10px; padding: 4px 15px; border: 1px solid #000; border-radius: 2px; color: #333; font-size: 14px; font-weight: 600; text-align: center; word-break: break-all; }

.product-item-header__brand-online { width: 107px; background: url(../images/common/brand_online.png) 50% 50% no-repeat; }

.product-item-header__brand-livart { width: 96px; background: url(../images/common/brand_livart.png) 50% 50% no-repeat; }

.product-item-header__name { display: block; height: 45px; margin-bottom: 15px; color: #000; font-size: 16px; font-weight: 400; letter-spacing: -1px; line-height: 1.4; transition: opacity 0.1s; display: -webkit-box; overflow: hidden; word-break: break-all; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.product-item-header__name:hover, .product-item-header__name:focus { text-decoration: underline; }

.product-item-header__description { display: block; margin-bottom: 17px; max-height: 38px; line-height: 1.4; color: #777; display: -webkit-box; overflow: hidden; word-break: break-all; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.product-item-header__kinds { position: absolute; top: 5px; right: 0; }

.product-item-header .groupbuy-item-goal-wrap { position: absolute; top: 5px; right: 0; }

.product-item-body { margin-bottom: 20px; color: #333; }

.product-item-body__writer { margin-top: 15px; }

.product-item .related-item-image { overflow: hidden; width: 70px; height: 70px; line-height: 0; }

.product-item .related-item-image .image { width: auto; height: 100%; }

.product-item .related-item-header__name { display: block; color: #333; line-height: 1.2; display: block; word-wrap: normal; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.product-item .related-item-price__price { color: #999; }

.product-item-price { display: inline-block; margin: 0 0 15px; }

.product-item-price__rate { color: #ed2650; margin-right: 0.5em; }

.product-item-price__discount { display: inline-block; position: relative; color: #ed2650; font-size: 26px; font-weight: 600; line-height: 1; }

.product-item-price__discount .ico-tooltip { display: inline-block; width: 16px; height: 16px; margin-top: -6px; margin-right: 10px; font-size: 16px; color: #bbb; line-height: 1; vertical-align: middle; }

.product-item-price__discount .ico-tooltip:hover { color: #333; }

.product-item-price__discount .ico-tooltip:hover + .product-item-price__discount--tooltip { display: block; }

.product-item-price__discount--tooltip { display: none; position: absolute; top: 30px; left: calc(100% - 25px); z-index: 10; width: 180px; padding: 15px; border: 1px solid #333; box-sizing: border-box; background-color: #fff; }

.product-item-price__discount--tooltip dl { color: #777; padding: 8px 0; border-bottom: 1px solid #e5e5e5; }

.product-item-price__discount--tooltip dl:first-child { padding-top: 0; color: #333; border-bottom: 1px solid #000; }

.product-item-price__discount--tooltip dl:nth-last-child(1) { padding-bottom: 0; border-bottom: none; }

.product-item-price__discount--tooltip dl:nth-last-child(1) dt { color: #333; }

.product-item-price__discount--tooltip dl:nth-last-child(1) dd { color: #ed2650; }

.product-item-price__discount--tooltip dl dt { font-size: 12px; font-weight: 400; }

.product-item-price__discount--tooltip dl dt.float-left { padding-bottom: 0; }

.product-item-price__discount--tooltip dl dd { font-size: 12px; font-weight: 400; letter-spacing: -0.2px; }

.product-item-price__discount--tooltip dl dd .unit { font-size: 11px; }

.product-item-price__price { display: inline-block; margin-right: 10px; color: #333; font-size: 26px; font-weight: 600; line-height: 1.1; letter-spacing: -1px; height: 28px; }

.product-item-price__price--wrap { display: inline-block; margin-top: 5px; }

.product-item-price__price--wrap:after { display: block; content: ''; clear: both; }

.product-item-price__price .unit { display: inline-block; font-size: 16px; font-weight: 400; margin-left: 2px; margin-top: 6px; vertical-align: top; }

.product-item-price__price--del { display: inline-block; vertical-align: top; margin-top: 2px; color: #bbb; font-size: 16px; float: right; }

.product-item-price__price--del .unit { font-size: 14px; }

.product-item-price__price--qa { display: inline-block; height: 28px; font-size: 22px; font-weight: 600; line-height: 1.1; letter-spacing: -1px; color: #333; }

.product-item-comm { display: inline-flex; align-items: center; }

.product-item-comm i { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -347px -600px; width: 25px; height: 22px; }

.product-item-comm i::before { content: none; }

.product-item-comm__num { margin-left: 0.5em; }

.product-item-heart { display: inline-flex; align-items: center; padding: 0; }

.product-item-heart i { display: block; background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -242px -600px; width: 25px; height: 22px; }

.product-item-heart.is-active i { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -312px -600px; }

.product-item-heart__num { display: inline-block; margin-left: 0.5em; font-size: 14px; color: #28a0e4; }

.product-item-heart-wrap { display: inline-block; }

.product-item-heart:hover .product-item-heart__num { color: #28a0e4; }

.product-item-view { display: inline-flex; align-items: center; padding: 0; }

.product-item-view i { display: inline-block; width: 21px; color: #777; font-size: 19px; vertical-align: middle; }

.product-item-view__num { display: inline-block; margin-left: 0.5em; font-size: 14px; color: #777; }

.product-item span.product-item-heart__num { color: #777; }

.product-item span.product-item-heart:hover .product-item-heart__num { color: #777; }

.product-item-stats { margin: 20px 0; }

.product-item-badge-list { margin: 6px 0 0; }

.product-item-button { width: 54px; height: 54px; }

.product-item-button__heart { background-color: #fff; }

.product-item-button__share { background-color: #1a1a1a; }

.product-item-related { border-top: 1px solid #000; padding-top: 23px; }

.product-item-related .related-item a:hover .related-item-header__name { text-decoration: underline; }

.stats-rate { display: inline-block; overflow: hidden; position: relative; white-space: nowrap; vertical-align: middle; }

.stats-rate__star { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 95%; }

.stats-rate__star--00 { width: 0% !important; }

.stats-rate__star--05 { width: 9% !important; }

.stats-rate__star--10 { width: 19% !important; }

.stats-rate__star--15 { width: 29% !important; }

.stats-rate__star--20 { width: 40% !important; }

.stats-rate__star--25 { width: 50% !important; }

.stats-rate__star--30 { width: 61% !important; }

.stats-rate__star--35 { width: 71% !important; }

.stats-rate__star--40 { width: 80% !important; }

.stats-rate__star--45 { width: 92% !important; }

.stats-rate__star--50 { width: 100% !important; }

.stats-rate__num { display: inline-flex; margin-left: 10px; align-items: center; vertical-align: middle; color: #333; }

.product-item-icon { display: inline-block; vertical-align: middle; }

.product-review-stats-area .stats-rate-wrap { display: flex; height: 20px; line-height: 1; font-size: 14px; color: #333; align-items: center; }

.product-review-stats-area .stats-rate-wrap .ico-star { font-size: 13px; margin-bottom: 1px; }

.product-review-stats-area .stats-rate__num { margin-left: 2px; font-weight: 600; }

.product-review-stats-area .stats-rate__review { font-size: 12px; margin-left: 3px; color: #ed2650; font-weight: 600; }

.product-review-stats-area .stats-rate__view { font-size: 14px; color: #ed2650; font-weight: 600; margin-left: 2px; }

.product-review-stats-area .vreview-review-summary #vreview-rating { color: #333; font-weight: bold; font-size: 14px; }

.product-review-stats-area .vreview-review-summary #vreview-review { color: #ed2650; font-size: 12px; font-weight: 600; }

.product-review-stats-area .vreview-review-summary #vreview-count { color: #ed2650; font-size: 14px; font-weight: 600; }

.product-review-stats-area .vreview-rating { margin-top: 0; margin-bottom: 2px; }

.product-review-stats-area .vreview-rating svg path { fill: #333; }

.product-item.time-sale .product-item-image:hover .product-item-button-wrap--time { display: flex; }

.product-item.time-sale .product-item-button-wrap--time { display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); }

.product-item.time-sale .product-item-button-wrap--time .product-item-button-text { display: flex; width: 100%; align-items: center; justify-content: center; color: #fff; }

.product-item.time-sale .product-item-button-wrap--time .product-item-button-text > dl { align-items: center; color: #fff; text-align: center; font-size: 16px; font-weight: 400; }

.product-item.time-sale .product-item-button-wrap--time .product-item-button-text > dl dt { font-size: 28px; line-height: 28px; }

.product-item.time-sale .product-item-button-wrap--time .product-item-button-text > dl dd { font-size: 32px; }

.product-item.time-sale .product-item-button-wrap--time .product-item-button-text > dl dd strong { color: #fff; float: none; font-weight: 600; }

.product-item.time-sale .product-item-button-wrap--time .product-item-button-text > dl dd span { float: none; }

.product-item.time-sale .product-item-button-wrap--time .product-item-button-text .groupbuy-item-goal__num { margin-left: 7px; }

.product-item.time-sale .product-item-button-wrap--time .product-item-button__notification { display: flex; align-items: center; justify-content: center; }

.product-item.time-sale .product-item-button-wrap--time .product-item-button__notification > .button { width: 230px; height: 50px; margin-top: 20px; background-color: #ed2650; color: #fff; border: 1px solid #ed2650; }

.product-item.time-sale .product-item-button-wrap--time .product-item-button__notification > .button > span { margin: 0; margin-left: 10px; font-size: 16px; }

.product-item.time-sale .product-item-button-wrap--time .product-item-button__notification > .button.is-active { background-color: transparent; color: #fff; border: 2px solid #ccc; }

.product-item.time-sale .groupbuy-item-goal-wrap { height: 20px; }

.product-item.time-sale .groupbuy-item-goal-wrap .groupbuy-item-goal { line-height: 1; margin: 0 0 0; }

.product-item.time-sale .groupbuy-item-goal-wrap .groupbuy-item-goal > * { font-size: 22px; }

.product-item.time-sale .groupbuy-item-goal-wrap .groupbuy-item-goal .groupbuy-item-goal__day, .product-item.time-sale .groupbuy-item-goal-wrap .groupbuy-item-goal .groupbuy-item-goal__num { float: none; font-weight: 600; color: #000; }

.product-item.time-sale .groupbuy-item-goal-wrap .groupbuy-item-goal .groupbuy-item-goal__num { margin-left: 5px; }

.product-item-stock { margin-top: 20px; border-top: 1px solid #eee; }

.product-item-stock > span { display: block; padding-top: 20px; color: #333; font-size: 16px; }

.swiper-container-wrap .swiper-container .navigation-box2 .swiper-button-prev { left: 0; }

.swiper-container-wrap .swiper-container .navigation-box2 .swiper-button-next { right: 0; }

.swiper-container-wrap .swiper-container .navigation-box2 .swiper-button-next, .swiper-container-wrap .swiper-container .navigation-box2 .swiper-button-prev { top: 197px; width: 70px; height: 70px; color: #fff; background-color: rgba(0, 0, 0, 0.9) !important; opacity: 0.5; transition: opacity 0.5s; }

.swiper-container-wrap .swiper-container .navigation-box2 .swiper-button-next:hover, .swiper-container-wrap .swiper-container .navigation-box2 .swiper-button-prev:hover { opacity: 1; }

.section-contents-planning__lists.live-video-list .product-item-image { position: relative; width: 320px; height: 500px; padding: 0; overflow: hidden; background: #ccc url(../images/common/loading_ani.gif) no-repeat center; background-size: 100px auto; border-radius: 7px; }

.section-contents-planning__lists.live-video-list .product-item-image .thumb { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; line-height: 0; }

.section-contents-planning__lists.live-video-list .product-item-image .thumb .live-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; line-height: 0; overflow: hidden; transform: scale(1.2); transition: opacity 0.6s; }

.section-contents-planning__lists.live-video-list .product-item-image .thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 0; line-height: 0; overflow: hidden; transition: transform 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94); }

.section-contents-planning__lists.live-video-list .product-item-image .thumb-flag { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: 12px; }

.section-contents-planning__lists.live-video-list .product-item-image .thumb-flag__replay { display: inline-block; padding: 7px 15px; font-size: 14px; font-weight: 400; line-height: 1; text-align: center; word-break: break-all; border-radius: 6px; background: rgba(0, 0, 0, 0.5); color: #fff; }

.section-contents-planning__lists.live-video-list .product-item-header__name { font-weight: 600; }

.is-collapsible { overflow-x: hidden; overflow-y: hidden; }

.is-collapsible.message-body { padding: 0 !important; }

.is-collapsible.message-body .message-body-content { padding: 1.25em 1.5em; }

[data-action='collapse'] .icon { transform: rotate(0); }

[data-action='collapse'].is-active .icon { transform: rotate(180deg); }

body { min-width: 1366px; }

.container, .section-title-wrap { position: relative; width: 1366px; margin: 0 auto; }

.container-cs { position: relative; width: 1080px; margin: 0 auto; }

.clear { clear: both; }

.clear:after { content: ''; display: table; clear: both; }

/* gnb top */
.header-member-menu { position: absolute; right: 0; top: 25px; height: 60px; display: flex; flex-flow: row wrap; align-items: center; }

.header-member-menu > li { position: relative; }

.header-member-menu > li a { padding: 5px 7px; color: #fff; font-size: 15px; }

.header-member-menu > li:last-child a { padding-right: 0; }

.header-member-menu__btn { overflow: hidden; position: relative; width: auto; height: 60px; margin: 0 10px; color: #333; text-align: center; transition: color 0.5s cubic-bezier(0.17, 0.04, 0.03, 0.94); }

.header-member-menu__btn span { display: block; margin-top: 5px; font-size: 12px; }

.header-member-menu__btn i { font-size: 20px; }

.header-member-menu__btn:hover { color: #47aeab; }

.header-member-menu__btn:hover:after { content: ''; position: absolute; bottom: 0; width: 100%; left: 0; height: 2px; background-color: #47aeab; }

.header-member-menu__wrap { position: absolute; left: -268px; top: 30px; display: flex; justify-content: flex-end; width: 490px; height: auto; }

.header-member-menu__pop { padding: 20px 25px; background-color: white; border: 1px solid #ccc; box-shadow: 0px 7px 15px rgba(0, 0, 0, 0.16); box-sizing: border-box; }

.header-member-menu__pop h3 { display: flex; justify-content: center; font-size: 17px; font-weight: 600; color: #458d4f; text-align: center; }

.header-member-menu__pop ul > li { color: #333; }

.header-member-menu__pop p { word-break: keep-all; }

.header-member-menu__pop h3 + p { padding: 13px 0 0 0; }

.header-member-menu__pop h3 + .dot-list { padding: 13px 0 20px 0; }

.header-member-menu__pop .button-area { margin: 0 !important; padding: 20px 0 0 0; }

.header-member-menu__pop .button-area .is-green, .header-member-menu__pop .button-area .is-primary { color: #fff; }

.header-member-menu__pop .button-area .is-outlined { color: #777; }

.header-member-menu__pop .button-area.is-bordered { border-top: 1px solid #eaeaea; }

.header-member-menu__pop::before { content: ''; position: absolute; top: -5px; right: 174px; width: 10px; height: 10px; background-color: white; border-left: 1px solid #ccc; border-top: 1px solid #ccc; transform: rotate(45deg); }

.header-member-menu__pop > .close { position: absolute; top: 10px; right: 15px; width: 20px; height: 20px; }

.header-member-menu__pop > .close i { font-size: 20px; color: #333; }

@media screen and (max-width: 1366px) { .header-member-menu { right: 20px; } }

.header-family-menu { position: absolute; left: 0; top: 0; }

.header-family-menu li { float: left; }

.header-family-menu li:first-child .btn { border-right-color: transparent; }

.header-family-menu__btn { display: block; min-width: 170px; height: 71px; line-height: 71px; border-width: 0 1px 1px; border-style: solid; border-color: #cacaca; text-align: center; color: #8d8d8d; background: #fff; font-size: 14px; transition: background 0.5s cubic-bezier(0.17, 0.04, 0.03, 0.94); }

.header-family-menu__btn.is-active { border-bottom-color: #fff; color: #000; }

.header-family-menu__btn:hover, .header-family-menu__btn:focus { background: #f1f1f1; }

.header-top { position: relative; z-index: 12; height: 60px; background-color: #333; color: #fff; }

.header-top > .container, .header-top > .section-title-wrap { z-index: 1; }

/* header logo */
.header-logo { position: relative; z-index: 11; }

.header-logo > .container, .header-logo > .section-title-wrap { height: 110px; display: flex; align-items: center; justify-content: center; }

.header-logo__title { display: flex; flex-flow: row wrap; align-items: center; position: absolute; left: 0; }

.header-logo__title__fullmenubtn { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 133px; height: 50px; margin: 0; padding: 10px 15px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 5px; color: #fff; }

.header-logo__title__fullmenubtn i { filter: brightness(8); }

.header-logo__title__fullmenubtn__txt { font-weight: 600; font-size: 16px; }

.header-logo__title > h1 { width: 158px; height: 42px; margin: 0 15px 0 0; background: url(../images/gnb/logo_livart_w.png) center no-repeat; text-indent: -999em; text-align: center; }

.header-logo__title > h1 a { display: block; height: inherit; }

.header-logo__title > p a { display: flex; align-items: center; color: #fff; }

.header-logo__title > p a strong { font-size: 25px; }

.header-logo__title > p a span { font-size: 12px; opacity: 0.7; }

.header-logo__title > p a strong + span { padding-left: 6px; }

.header-logo__title > p a strong + img { position: relative; top: 2px; padding-left: 6px; }

.header-logo__title-sub { position: absolute; top: 50%; margin-top: -16px; left: 166px; }

.header-logo__title-sub h1 { letter-spacing: -1px; font-weight: 600; color: #333; line-height: 1.1; font-size: 18px; }

.header-logo__menu { position: absolute; left: 0; top: 50%; transform: translate(0, -50%); overflow: hidden; }

.header-logo__menu li { position: relative; float: left; padding-left: 10px; margin-left: 5px; color: #888; }

.header-logo__menu li a { color: inherit; font-size: 14px; }

.header-logo__menu li a:hover { color: #000; }

.header-logo__menu li:after { content: '·'; display: inline-block; position: absolute; left: 0; top: 0; }

.header-logo__menu li:first-child { padding-left: 0; margin-left: 0; }

.header-logo__menu li:first-child:after { display: none; }

.header-banner { display: block; position: absolute; left: 230px; top: 15px; }

.header-search { position: relative; display: table; width: 100%; }

.header-search-wrap { position: relative; left: 0; width: 348px; height: 54px; }

.header-search__dropdown { display: table-cell; vertical-align: middle; }

.header-search__dropdown.dropdown-wrap { width: 148px; }

.header-search__dropdown.dropdown-wrap .button { width: 100%; min-width: 100%; padding-left: 16px; padding-right: 16px; }

.header-search__dropdown.dropdown-wrap .dropdown-menu { top: 55px; left: -1px; min-width: auto; }

.header-search__dropdown.dropdown-wrap .dropdown-menu .dropdown-content { max-height: 350px; }

.header-search__dropdown.dropdown-wrap .dropdown-menu .dropdown-content .dropdown-item { min-width: auto; padding: 6px 16px; }

.header-search__dropdown.dropdown-wrap .dropdown-menu .dropdown-content .dropdown-item.is-active { background-color: transparent; }

.header-search__dropdown.dropdown-wrap .dropdown .dropdown-trigger .button { width: 100%; height: 52px; min-width: 148px; border: none; color: #333; box-shadow: none; }

.header-search__dropdown.dropdown-wrap .dropdown .dropdown-trigger .button .icon i { font-size: 11px; }

.header-search__input-wrap { vertical-align: middle; display: table-cell; }

.header-search__submit { position: absolute; right: 0; top: 0; width: 54px; height: 54px; padding: 0; background-color: transparent; color: #202020; font-size: 26px; }

.header-search__input { width: 100%; height: 54px; padding: 0 50px 0 20px; background-color: #fff; border-radius: 50px; border: none; color: #202020; font-size: 15px; outline: none; }

.header-search__input::-moz-placeholder { color: #202020; opacity: 0.7; }

.header-search__input::placeholder { color: #202020; opacity: 0.7; }

.header-search.glg .header-search__submit { background-color: transparent; color: #fff; }

.header-search.glg .header-search__input { background-color: transparent; color: #fff; }

.header-search.glg .header-search__input-wrap { display: flex; flex-direction: row; justify-content: space-between; align-items: center; border: 2px solid #fff; color: #fff; border-radius: 50px; }

.header-search.glg .header-search__input-wrap select { margin-left: 10px; padding: 5px; background-color: #202020; border: none; color: #fff; }

.header-search.glg .header-search__input-wrap input { width: auto; }

.header-search.glg .header-search__input::-moz-placeholder { color: #fff; opacity: 0.7; }

.header-search.glg .header-search__input::placeholder { color: #fff; opacity: 0.7; }

.header-search-content { display: none; position: absolute; top: 58px; left: -2px; z-index: 1; width: 430px; height: auto; border: 2px solid #202020; background: #fff; }

.header-search-content__header { padding: 0px 30px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }

.header-search-content__header ul { height: 50px; display: flex; justify-content: space-evenly; }

.header-search-content__header li { height: 49px; width: 50%; }

.header-search-content__header li .tab { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 0; line-height: 1; text-align: center; font-size: 16px; color: #999; }

.header-search-content__header li.is-active .tab { color: #333; }

.header-search-content__header li.is-active::after { content: ''; display: block; width: 100%; height: 2px; background: #333; }

.header-search-content__body { padding: 0 30px; min-height: 350px; max-height: 410px; overflow-y: auto; }

.header-search-content__body li { margin: 20px 0; display: flex; align-items: center; }

.header-search-content__body li a { display: inline-flex; flex-grow: 1; width: 100%; color: #999; word-break: break-all; }

.header-search-content__body li a:hover, .header-search-content__body li a:focus, .header-search-content__body li a:active { color: #333; }

.header-search-content__body li .button-search-content__del { margin-top: -2px; margin-right: -3px; width: 20px; height: 20px; }

.header-search-content__footer { min-height: 50px; padding: 10px 30px; border-top: 1px solid #eee; }

.header-search-content__footer .button-search-all__del { padding: 0; color: #333; font-size: 14px; }

.header-search-content__footer .button-search-content__close { padding: 0; color: #777; font-size: 14px; }

.header-search-content__footer .button-search-content__close i { margin-left: 5px; }

.header-search-content__footer .fl { color: #333; font-size: 14px; height: 30px; line-height: 1; display: inline-flex; align-items: center; }

.header-search-content__footer .fr { height: 30px; line-height: 1; display: inline-flex; align-items: center; }

.header-search-content__popular li a { display: flex; height: 19px; }

.header-search-content__popular li .search-result-ranking-tit { flex-grow: 1; }

.header-search-content__popular li .search-result-ranking-change { font-size: 12px; justify-content: center; flex-grow: 0; }

.header-brand { position: relative; z-index: 0; }

.header-brand__1depth { position: absolute; left: 50%; top: 0; margin-left: -683px; background-color: red; }

.header-brand__1depth-list { position: absolute; top: -38px; transition: all 0.3s ease; }

.header-brand__1depth-list.is-active { z-index: 8 !important; }

.header-brand__1depth-list:hover, .header-brand__1depth-list.is-hover { z-index: 9 !important; }

.header-brand__1depth-list .btn { display: flex; justify-content: center; align-items: center; height: 38px; padding: 5px 10px 0 0; font-size: 15px; font-weight: 600; color: #fff; transition: all 0.3s ease; }

.header-brand__1depth-list .btn span { padding-left: 5px; font-size: 10px; }

.header-brand__1depth-list .btn span.deco { position: absolute; left: 30px; top: -8px; background-color: #fb3d3d; padding: 0 6px; border-radius: 10px; }

.header-brand__1depth-list .btn span.deco::before { content: ''; position: absolute; left: 16px; top: 12px; width: 6px; height: 6px; background-color: inherit; transform: rotate(45deg); }

.header-brand__1depth-list a { font-size: 14px; }

.header-brand__1depth .mall { left: 150px; z-index: 3; }

.header-brand__1depth .mall .btn { width: 165px; background: url(../images/gnb/tab01.png) no-repeat right top; color: #202020; }

.header-brand__1depth .mall a { color: #202020; }

.header-brand__1depth .world { display: none; left: 280px; z-index: 2; }

.header-brand__1depth .world .btn { width: 175px; background: url(../images/gnb/tab02.png) no-repeat right top; color: #fff; }

.header-brand__1depth .world a { color: #fff; }

.header-brand__1depth .og { left: 420px; z-index: 1; }

.header-brand__1depth .og .btn { width: 175px; background: url(../images/gnb/tab03.png) no-repeat right top; color: #fff; }

.header-brand__1depth .og a { color: #fff; }

.header-brand__1depth .hinge { left: 280px; z-index: 2; }

.header-brand__1depth .hinge .btn { width: 175px; background: url(../images/gnb/tab02.png) no-repeat right top; color: #fff; }

.header-brand__1depth .hinge a { color: #fff; }

.header-brand__2depth { position: relative; overflow: hidden; height: 0; transition: all 0.3s ease; }

.header-brand__2depth.is-active { overflow: initial; height: 50px; }

.header-brand__2depth-drop { display: flex; align-items: center; position: absolute; overflow: hidden; width: 100%; height: 0; transition: all 0.3s ease; }

.header-brand__2depth-drop.is-hover { z-index: 9; }

.header-brand__2depth-drop > ul { display: flex; flex-flow: row wrap; width: 1366px; margin: 0 auto; }

.header-brand__2depth-drop > ul > li { position: relative; }

.header-brand__2depth-drop > ul > li > a { display: block; padding: 13px 45px; font-size: 14px; font-weight: 500; }

.header-brand__2depth-drop.mall { background-color: #fff; }

.header-brand__2depth-drop.mall.is-hover, .header-brand__2depth-drop.mall.is-active { overflow: initial; height: 50px; border-bottom: 1px solid #e8e8e8; }

.header-brand__2depth-drop.mall > ul { padding-left: 157px; }

.header-brand__2depth-drop.mall a { color: #202020; }

.header-brand__2depth-drop.mall .global .header-brand__2depth-drop-pop { overflow: hidden; position: absolute; left: 185px; top: 0; width: 200px; height: 0; background-color: #fff; border: 1px solid #202020; padding: 10px 0; visibility: hidden; transition: all 0.3s ease; }

.header-brand__2depth-drop.mall .global .header-brand__2depth-drop-pop a { display: block; position: relative; padding: 6px 20px; font-size: 13px; font-weight: 400; }

.header-brand__2depth-drop.mall .global .header-brand__2depth-drop-pop a:hover { font-weight: 600; }

.header-brand__2depth-drop.mall .global .header-brand__2depth-drop-pop a:hover::after { position: absolute; right: 10px; top: 50%; content: ''; width: 6px; height: 6px; border-top: 2px solid #202020; border-right: 2px solid #202020; rotate: 45deg; }

.header-brand__2depth-drop.mall .global:hover .header-brand__2depth-drop-pop { height: 180px; visibility: visible; }

.header-brand__2depth-drop.world { background-color: #202020; }

.header-brand__2depth-drop.world a { color: #fff; }

.header-brand__2depth-drop.og { background-color: #9063cd; }

.header-brand__2depth-drop.og.is-hover, .header-brand__2depth-drop.og.is-active { height: 50px; }

.header-brand__2depth-drop.og > ul { padding-left: 415px; }

.header-brand__2depth-drop.og a { color: #fff; }

.header-brand__2depth-drop.hinge { background-color: #202020; }

.header-brand__2depth-drop.hinge.is-hover, .header-brand__2depth-drop.hinge.is-active { height: 50px; }

.header-brand__2depth-drop.hinge > ul { padding-left: 277px; }

.header-brand__2depth-drop.hinge a { color: #fff; }

.header-style-brand .header-logo__title, .header-style-online .header-logo__title, .header-style-off .header-logo__title, .header-style-kic .header-logo__title, .header-style-ofc .header-logo__title { top: 43px; height: 30px; background: url(../images/common/logo_livart.png) center no-repeat; }

.header-style-brand .header-logo__title-sub, .header-style-online .header-logo__title-sub, .header-style-off .header-logo__title-sub, .header-style-kic .header-logo__title-sub, .header-style-ofc .header-logo__title-sub { margin-left: 0px; margin-top: -11px; }

.header-style-brand .header-logo__title-sub h1, .header-style-online .header-logo__title-sub h1, .header-style-off .header-logo__title-sub h1, .header-style-kic .header-logo__title-sub h1, .header-style-ofc .header-logo__title-sub h1 { font-size: 18px; font-weight: 600; color: #333; }

.header { width: 100%; }

.header-main { position: absolute; width: 100%; }

.header-sub { position: relative; margin-bottom: 50px; background-size: cover; }

.header-sub::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); }

.header-sub.kic::before { background-color: rgba(58, 0, 0, 0.85); }

.header-sub.ofc::before { background-color: rgba(0, 35, 31, 0.9); }

.header-sub.ogu::before { background-color: rgba(93, 15, 98, 0.9); }

.header-sub.glg { margin-bottom: 0; background-color: #111; }

.header-sub.glg::before { display: none; }

.header-sub.glg .gnb-category__menu > li { height: auto; }

.header-sub.gong { margin-bottom: 0; }

.header-main.hub .header-logo, .header-sub.hub .header-logo { transition: all 0.3s ease-in-out; }

.header-main.hub .header-logo.is-active, .header-sub.hub .header-logo.is-active { background: white; box-shadow: 2px 13px 18px 0px #00000029; }

.header-main.hub .header-logo.is-active h1, .header-sub.hub .header-logo.is-active h1 { background: url(../images/common/logo_livart.png) center no-repeat; }

.header-main.hub .header-logo.is-active .header-logo__title__fullmenubtn, .header-sub.hub .header-logo.is-active .header-logo__title__fullmenubtn { background: white; color: #202020; box-shadow: 2px 13px 18px 0px #00000029; }

.header-main.hub .header-logo.is-active .header-logo__title__fullmenubtn i, .header-sub.hub .header-logo.is-active .header-logo__title__fullmenubtn i { filter: brightness(0); }

.header-main.hub .header-logo.is-active .header-search__input, .header-sub.hub .header-logo.is-active .header-search__input { background-color: #ebebeb; border: none; color: #202020; }

.header-main.hub .header-logo.is-active .header-search__input::-moz-placeholder, .header-sub.hub .header-logo.is-active .header-search__input::-moz-placeholder { color: #202020; opacity: 0.7; }

.header-main.hub .header-logo.is-active .header-search__input::placeholder, .header-sub.hub .header-logo.is-active .header-search__input::placeholder { color: #202020; opacity: 0.7; }

.header-main.hub .header-logo.is-active .header-search__submit, .header-sub.hub .header-logo.is-active .header-search__submit { color: #202020; }

.header-main.hub .header-logo.is-active .header-member-menu > li a, .header-sub.hub .header-logo.is-active .header-member-menu > li a { color: #202020; }

.header-main.hub .header-logo.is-active .header-member-menu__wrap .is-primary, .header-main.hub .header-logo.is-active .header-member-menu__wrap .is-green, .header-sub.hub .header-logo.is-active .header-member-menu__wrap .is-primary, .header-sub.hub .header-logo.is-active .header-member-menu__wrap .is-green { color: #fff; }

.header-main.hub .header-logo .header-search__input, .header-sub.hub .header-logo .header-search__input { background-color: transparent; border: 2px solid #fff; color: #fff; }

.header-main.hub .header-logo .header-search__input::-moz-placeholder, .header-sub.hub .header-logo .header-search__input::-moz-placeholder { color: #fff; opacity: 0.7; }

.header-main.hub .header-logo .header-search__input::placeholder, .header-sub.hub .header-logo .header-search__input::placeholder { color: #fff; opacity: 0.7; }

.header-main.hub .header-logo .header-search__submit, .header-sub.hub .header-logo .header-search__submit { background-color: transparent; color: #fff; }

.header-main.hub { position: fixed; left: 0; top: 0; z-index: 10; }

#headerSearchKeyword .header-search-content__header { margin: 0 -30px; border-top: none; border-bottom: none; }

#headerSearchKeyword .header-search-content__header a { display: block; overflow: hidden; position: relative; width: 100%; height: 40px; padding: 0 30px; border-bottom: 1px solid #eee; color: #333; line-height: 40px; align-content: center; font-size: 16px; white-space: nowrap; word-wrap: normal; word-break: break-all; text-overflow: ellipsis; }

#headerSearchKeyword .header-search-content__header a:first-child { border-top: 1px solid #eee; }

#headerSearchKeyword .header-search-content__header a i { position: absolute; right: 30px; top: 50%; margin-top: -7.5px; }

#headerSearchKeyword .header-search-content__body { overflow: hidden; max-height: 460px; margin-top: -1px; border-top: 1px solid #eee; padding: 0; }

#headerSearchKeyword .header-search-content__body li { margin: 0 !important; }

#headerSearchKeyword .header-search-content__body li a { display: block; overflow: hidden; height: 30px; padding: 6px 30px; color: #999; word-break: break-all; }

#headerSearchKeyword .header-search-content__body li.is-on a { background: #f2f2f2; }

#headerSearchKeyword strong { font-weight: 400; color: #ed2650; }

#headerSearchKeyword .header-search-content__footer--hash li { margin: 5px 0; }

#headerSearchKeyword .header-search-content__footer--hash a { color: #333; word-break: break-all; }

.fullmenu-bar { margin-bottom: -1px; background-color: transparent; }

.fullmenu-bar__h2 { position: absolute; left: 70px; top: -2px; font-weight: 600; font-size: 42px; z-index: 1; }

.fullmenu-bar__h2 a { color: #fff; }

.fullmenu-wrap { position: absolute; top: 105px; left: 50%; margin-left: -683px; height: 0; z-index: 12; }

.fullmenu-wrap.open { height: auto; }

.fullmenu-wrap.open .fullmenu-tabs-wrap { position: absolute; top: 0; display: block; opacity: 1; background: #fff; }

.fullmenu__logo-community { display: block; position: absolute; bottom: -8px; left: -13px; width: 120px; height: 62px; margin: 0 auto; background: url(../images/common/hinge_logo.png) center no-repeat; background-size: contain; text-indent: -999em; }

.fullmenu__logo-community span { position: relative; left: 120px; top: 10px; font-size: 15px; font-weight: 700; color: #202020; }

.fullmenu-hyphen-list > li a:before { display: block; float: left; content: '-'; width: 0.8rem; margin-left: -0.8em; }

.fullmenu-tabs-wrap { display: none; position: relative; z-index: 1; opacity: 0; border: 2px solid #6c6c6c; background-color: #fff; font-size: 0; }

.fullmenu-tabs-wrap .tabs { display: inline-block; vertical-align: top; overflow: hidden; font-size: 16px; margin-bottom: -1px; }

.fullmenu-tabs-wrap .tabs-top { width: 100%; padding: 20px 25px; border-bottom: 1px solid #e6e6e6; font-size: 17px; font-weight: 600; }

.fullmenu-tabs-wrap .tabs-top a { color: #202020; }

.fullmenu-tabs-wrap .tabs-top a i { margin-right: 15px; }

.fullmenu-tabs-wrap .tabs-wrap { display: flex; flex-direction: row; }

.fullmenu-tabs-wrap .tabs--1dep ul { display: inline-block; width: 100%; padding: 20px 0; }

.fullmenu-tabs-wrap .tabs--1dep ul img { width: 96px; height: auto; }

.fullmenu-tabs-wrap .tabs--1dep ul img + span { margin-left: 20px; }

.fullmenu-tabs-wrap .tabs--1dep ul strong { display: block; font-size: 16px; }

.fullmenu-tabs-wrap .tabs--1dep ul span { font-size: 11px; }

.fullmenu-tabs-wrap .tabs--2dep { width: 190px; }

.fullmenu-tabs-wrap .tabs--2dep-title { display: none; }

.fullmenu-tabs-wrap .tabs--2dep a, .fullmenu-tabs-wrap .tabs--2dep .tab { align-items: center; height: 40px; padding: 0 25px; }

.fullmenu-tabs-wrap .tabs--2dep ul { display: inline-block; width: 100%; padding: 10px 0; border-bottom: none; }

.fullmenu-tabs-wrap .tabs--2dep ul li span { white-space: pre-wrap; font-size: 14px; color: #888; }

.fullmenu-tabs-wrap .tabs--2dep ul li span:hover, .fullmenu-tabs-wrap .tabs--2dep ul li span .is-active { font-weight: 600; color: #202020; }

.fullmenu-tabs-wrap .tabs--2dep ul li.is-active { background-color: #f6f6f6; }

.fullmenu-tabs-wrap .tabs--2dep ul li.is-active span { color: #202020; font-weight: 600; }

.fullmenu-tabs-wrap .tabs--3dep { width: 190px; padding: 10px 0; }

.fullmenu-tabs-wrap .tabs--3dep a, .fullmenu-tabs-wrap .tabs--3dep .tab { align-items: center; height: 40px; width: 100%; padding: 0 25px; border-bottom: none; }

.fullmenu-tabs-wrap .tabs--3dep ul { display: inline-block; border-bottom: none; width: 100%; }

.fullmenu-tabs-wrap .tabs--3dep ul li span { white-space: pre-wrap; font-size: 14px; color: #888; }

.fullmenu-tabs-wrap .tabs--3dep ul li span:hover { color: #202020; font-weight: 600; }

.fullmenu-tabs-wrap .tabs--3dep ul li + li { margin-top: 10px; }

.fullmenu-tabs-wrap .tabs--3dep ul li.is-active { background-color: #f6f6f6; }

.fullmenu-tabs-wrap .tabs--3dep ul li.is-active span { color: #202020; font-weight: 600; }

.fullmenu-tabs-wrap .tabs--4dep { width: 190px; padding: 10px 0; }

.fullmenu-tabs-wrap .tabs--4dep a, .fullmenu-tabs-wrap .tabs--4dep .tab { align-items: center; height: 40px; width: 100%; padding: 0 25px; border-bottom: none; }

.fullmenu-tabs-wrap .tabs--4dep ul { display: inline-block; border-bottom: none; width: 100%; }

.fullmenu-tabs-wrap .tabs--4dep ul li span { white-space: pre-wrap; font-size: 14px; color: #888; }

.fullmenu-tabs-wrap .tabs--4dep ul li span:hover { color: #202020; font-weight: 600; }

.fullmenu-tabs-wrap .tabs--4dep ul li + li { margin-top: 10px; }

.fullmenu-tabs-wrap .tabs--4dep ul li.is-active { background-color: #f6f6f6; }

.fullmenu-tabs-wrap .tabs--4dep ul li.is-active span { color: #202020; font-weight: 600; }

.fullmenu-tabs-wrap .tabs a, .fullmenu-tabs-wrap .tabs .tab { display: flex; justify-content: flex-start; line-height: 1.3; outline: none; }

.fullmenu-tabs-wrap .tabs li { position: relative; background-color: #fff; transition: background-color 0.5s ease-in-out; }

.fullmenu-tabs-wrap .tabs li a::before { content: ''; position: absolute; top: 50%; right: 20px; width: 10px; height: 10px; margin-top: -5px; border-right: 2px solid #202020; border-top: 2px solid #202020; transform: rotate(45deg); opacity: 0; transition: opacity 0.3s ease-in-out; }

.fullmenu-tabs-wrap .tabs li.is-active a::before { opacity: 1; }

.fullmenu-tabs-wrap .tabs.is-toggle a, .fullmenu-tabs-wrap .tabs.is-toggle .tab { position: relative; width: 100%; height: auto; margin-bottom: 0; color: #888; border: none; font-size: 14px; font-weight: 600; z-index: 0; }

.fullmenu-tabs-wrap .tabs.is-toggle a:hover, .fullmenu-tabs-wrap .tabs.is-toggle .tab:hover { background-color: #fff; z-index: 1; color: #333; }

.fullmenu-tabs-wrap .tabs.is-toggle li a, .fullmenu-tabs-wrap .tabs.is-toggle li .tab { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 340px; padding: 3px 10px 3px 25px; }

.fullmenu-tabs-wrap .tabs.is-toggle li a span, .fullmenu-tabs-wrap .tabs.is-toggle li .tab span { display: block; }

.fullmenu-tabs-wrap .tabs.is-toggle li + li { margin-left: 0px; }

.fullmenu-tabs-wrap .tabs.is-toggle li:first-child a, .fullmenu-tabs-wrap .tabs.is-toggle li:first-child .tab { border-radius: 0px 0 0 0px; }

.fullmenu-tabs-wrap .tabs.is-toggle li:last-child a, .fullmenu-tabs-wrap .tabs.is-toggle li:last-child .tab { border-radius: 0 0px 0px 0; }

.fullmenu-tabs-wrap .tabs.is-toggle li.is-active a, .fullmenu-tabs-wrap .tabs.is-toggle li.is-active .tab { background-color: #fff; color: #333; z-index: 1; outline: none; }

.fullmenu-tabs-wrap .tabpanel { position: relative; display: flex; border-left: 1px solid #e6e6e6; vertical-align: top; font-size: 0; }

.fullmenu-tabs-wrap .tabpanel[aria-hidden='true'], .fullmenu-tabs-wrap .tabpanel[hidden] { display: none; }

.fullmenu-swiper-wrap { position: absolute; top: 30px; right: 0; width: 330px; height: 330px; z-index: 9999; }

.fullmenu-swiper-wrap .swiper-slide { max-height: 330px; overflow: hidden; }

.fullmenu-swiper-wrap .swiper-pagination { width: 100%; margin: 30px 0; }

.fullmenu-swiper-wrap .swiper-pagination .swiper-pagination-bullet { margin: 0 10px; background: #000; transition: all 0.3s; outline: none; }

.fullmenu-swiper-wrap .swiper-button-next, .fullmenu-swiper-wrap .swiper-button-prev { margin-top: -25px; color: #8d8d8d; }

.header-v2 { position: relative; z-index: 30; }

.header-v2 .header-top-wrap { position: relative; z-index: 20; height: 88px; border-bottom: 1px solid #eee; }

.header-v2 .header-top-wrap .container, .header-v2 .header-top-wrap .section-title-wrap { display: flex; justify-content: space-between; }

.header-v2 .header-top-wrap .header-left { display: flex; justify-content: left; }

.header-v2 .header-top-wrap .header-right { display: flex; justify-content: right; gap: 30px; }

.header-v2 .header-top-wrap .header-logo { display: flex; align-items: center; width: 195px; height: 100%; }

.header-v2 .header-top-wrap .header-logo img { display: block; }

.header-v2 .header-top-wrap .header-brand-wrap { display: flex; align-items: center; height: 88px; }

.header-v2 .header-top-wrap .header-brand-wrap ul { display: flex; align-items: center; gap: 2px; }

.header-v2 .header-top-wrap .header-brand-wrap ul a { display: block; padding: 8px 15px; font-size: 16px; font-weight: 600; letter-spacing: -0.02em; color: #202020; transition: color 0.3s ease-out; }

.header-v2 .header-top-wrap .header-brand-wrap ul li:hover a { text-decoration: underline; }

.header-v2 .header-top-wrap .header-brand-wrap ul li.is-active a { border-radius: 30px; color: #fff; }

.header-v2 .header-top-wrap .header-brand-wrap ul li.is-active.home a { background-color: #202020; color: #fff; }

.header-v2 .header-top-wrap .header-brand-wrap ul li.is-active.online a { background-color: #202020; color: #fff; }

.header-v2 .header-top-wrap .header-brand-wrap ul li.is-active.kic a { background-color: #69130d; }

.header-v2 .header-top-wrap .header-brand-wrap ul li.is-active.ofc a { background-color: #1e5a45; }

.header-v2 .header-top-wrap .header-brand-wrap ul li.is-active.glg a { background-color: #202020; color: #fff; }

.header-v2 .header-top-wrap .header-brand-wrap ul li.is-active.gong a { background-color: #202020; color: #fff; }

.header-v2 .header-top-wrap .header-brand-wrap ul li.is-active.cg a { background-color: #6d2771; }

.header-v2 .header-top-wrap .header-search-wrap { display: flex; align-items: center; width: 220px; height: 100%; }

.header-v2 .header-top-wrap .header-search-wrap .header-search__input { width: 100%; height: 46px; padding: 0 50px 0 20px; background-color: #f0f0f0; border-radius: 50px; border: none; color: #202020; font-size: 15px; outline: none; }

.header-v2 .header-top-wrap .header-search-wrap .header-search__submit { position: absolute; right: 0; top: 0; width: 46px; height: 46px; color: #202020; font-size: 20px; }

.header-v2 .header-top-wrap .header-member-menu-wrap { display: flex; align-items: center; }

.header-v2 .header-top-wrap .header-member-menu-wrap > ul { display: flex; gap: 12px; align-items: center; }

.header-v2 .header-top-wrap .header-member-menu-wrap > ul li > a, .header-v2 .header-top-wrap .header-member-menu-wrap > ul li > form > a { display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: 4.5rem; color: #202020; }

.header-v2 .header-top-wrap .header-member-menu-wrap > ul li > a > span, .header-v2 .header-top-wrap .header-member-menu-wrap > ul li > form > a > span { font-size: 12px; }

.header-v2 .header-top-wrap .header-member-menu-wrap > ul li > a i + span, .header-v2 .header-top-wrap .header-member-menu-wrap > ul li > form > a i + span { margin-top: 5px; }

.header-v2 .header-top-wrap .header-member-menu-wrap > ul li > a .icon-mystore, .header-v2 .header-top-wrap .header-member-menu-wrap > ul li > a .icon-ccenter, .header-v2 .header-top-wrap .header-member-menu-wrap > ul li > form > a .icon-mystore, .header-v2 .header-top-wrap .header-member-menu-wrap > ul li > form > a .icon-ccenter { margin: 2px 0; }

.header-v2 .header-top-wrap .header-member-menu-wrap > ul li > a.bag-wrap, .header-v2 .header-top-wrap .header-member-menu-wrap > ul li > form > a.bag-wrap { position: relative; }

.header-v2 .header-top-wrap .header-member-menu-wrap > ul li > a.bag-wrap .num, .header-v2 .header-top-wrap .header-member-menu-wrap > ul li > form > a.bag-wrap .num { position: absolute; top: 0; right: 3px; display: flex; justify-content: center; align-items: center; width: 16px; height: 16px; background-color: #ff4b00; border-radius: 50%; font-size: 8px; color: #fff; }

.header-v2 .header-top-wrap .header-member-menu-wrap > ul li.prelative { position: relative; }

.header-v2 .header-top-wrap .header-member-menu-wrap .header-member-menu__wrap { left: -283px; top: 50px; }

.header-v2 .header-bottom-wrap { position: relative; z-index: 10; border-bottom: 1px solid #eee; }

.header-v2 .header-bottom-wrap > .container, .header-v2 .header-bottom-wrap > .section-title-wrap { display: flex; justify-content: flex-start; align-items: center; gap: 50px; height: 56px; }

.header-v2 .header-bottom-wrap > .container .fullmnu-btn, .header-v2 .header-bottom-wrap > .section-title-wrap .fullmnu-btn { display: flex; justify-content: center; align-items: center; width: 145px; height: 100%; font-size: 15px; font-weight: 600; background-color: #202020; color: #fff; }

.header-v2 .header-bottom-wrap > .container .fullmnu-btn i, .header-v2 .header-bottom-wrap > .section-title-wrap .fullmnu-btn i { filter: brightness(8); }

.header-v2 .header-bottom-wrap > .container .fullmnu-btn i + span, .header-v2 .header-bottom-wrap > .section-title-wrap .fullmnu-btn i + span { margin-left: 10px; }

.header-v2 .header-bottom-wrap > .container .gnb-category ul, .header-v2 .header-bottom-wrap > .section-title-wrap .gnb-category ul { display: flex; gap: 25px; }

.header-v2 .header-bottom-wrap > .container .gnb-category ul a, .header-v2 .header-bottom-wrap > .section-title-wrap .gnb-category ul a { font-size: 15px; color: #202020; }

.header-v2 .header-bottom-wrap .fullmnu { display: grid; grid-template-columns: repeat(8, 1fr); grid-row-gap: 50px; grid-column-gap: 10px; }

.header-v2 .header-bottom-wrap .fullmnu-expand-wrap { position: absolute; left: 0; top: 0; width: 100%; height: auto; padding: 30px 0; background-color: #fff; box-shadow: 0px 90px 70px 0px #000000b8; }

.header-v2 .header-bottom-wrap .fullmnu__item { padding-left: 15px; border-left: 1px solid #eee; }

.header-v2 .header-bottom-wrap .fullmnu__item h3 a { font-size: 16px; font-weight: 600; color: #202020; }

.header-v2 .header-bottom-wrap .fullmnu__item h3:hover a, .header-v2 .header-bottom-wrap .fullmnu__item h3.is-active a { text-decoration: underline; }

.header-v2 .header-bottom-wrap .fullmnu__item ul { padding: 25px 0 0 0; }

.header-v2 .header-bottom-wrap .fullmnu__item ul > li > a { display: block; padding: 4px 0; font-size: 14px; font-weight: 400; color: #777; }

.header-v2 .header-bottom-wrap .fullmnu__item ul > li:hover a, .header-v2 .header-bottom-wrap .fullmnu__item ul > li.is-active a { text-decoration: underline; color: #202020; }

.header-v2 .header-bottom-wrap .fullmnu-top-wrap { padding-bottom: 70px; }

.header-v2 .header-bottom-wrap .fullmnu-top-wrap h3 { font-weight: 800; font-size: 16px; color: #202020; }

.header-v2 .header-bottom-wrap .fullmnu-top-wrap h3::hover, .header-v2 .header-bottom-wrap .fullmnu-top-wrap h3.is-active { text-decoration: underline; }

.header-v2 .header-bottom-wrap .fullmnu-bottom-wrap { display: flex; justify-content: space-between; }

.header-v2 .header-bottom-wrap .fullmnu-bottom-wrap .fullmnu__banner { width: 676px; }

.header-v2 .header-bottom-wrap .fullmnu-bottom-wrap .fullmnu__banner ul { display: flex; gap: 15px; }

.header-v2 .header-bottom-wrap .fullmnu-bottom-wrap .fullmnu__banner ul li { max-width: 214px; }

.header-v2 .header-bottom-wrap .fullmnu-bottom-wrap .fullmnu__banner ul a { color: #202020; }

.header-v2 .header-bottom-wrap .fullmnu-bottom-wrap .fullmnu__banner ul a img { overflow: hidden; display: block; width: 214px; height: auto; max-height: 140px; }

.header-v2 .header-bottom-wrap .fullmnu-bottom-wrap .fullmnu__banner ul a span { display: block; width: 100%; padding: 5px 0; text-align: center; }

.header-v2 .header-bottom-wrap .fullmnu-bottom-wrap .fullmnu__keyword { overflow: hidden; width: 280px; height: 163px; }

.header-v2 .header-bottom-wrap .fullmnu-bottom-wrap .fullmnu__keyword h2 { padding-bottom: 20px; font-size: 16px; font-weight: 600; color: #777; }

.header-v2 .header-bottom-wrap .fullmnu-bottom-wrap .fullmnu__keyword ul { display: flex; flex-wrap: wrap; gap: 5px; }

.header-v2 .header-bottom-wrap .fullmnu-bottom-wrap .fullmnu__keyword ul li a { overflow: hidden; display: block; max-width: 280px; height: 36px; padding: 8px 15px; border: 1px solid #ccc; border-radius: 50px; font-size: 12px; color: #202020; text-overflow: ellipsis; white-space: nowrap; }

.header-v2 .header-bottom-wrap .fullmnu-bottom-wrap .fullmnu__keyword ul li a:hover { background-color: #202020; color: #fff; }

.header-v2 .header-bottom-wrap .fullmnu-bottom-wrap .fullmnu__quick { width: 290px; }

.header-v2 .header-bottom-wrap .fullmnu-bottom-wrap .fullmnu__quick h2 { padding: 0 0 20px 10px; font-size: 16px; font-weight: 600; color: #777; }

.header-v2 .header-bottom-wrap .fullmnu-bottom-wrap .fullmnu__quick ul { display: grid; grid-template-columns: repeat(2, 1fr); }

.header-v2 .header-bottom-wrap .fullmnu-bottom-wrap .fullmnu__quick ul li > a { display: flex; justify-content: space-between; align-items: center; width: 100%; height: 40px; padding: 0 10px; font-size: 14px; font-weight: 600; color: #202020; }

.header-v2 .header-bottom-wrap .fullmnu-bottom-wrap .fullmnu__quick ul li > a:hover { background-color: #f5f5f5; }

.header-v2 .header-bottom-wrap .fullmnu-bottom-wrap .fullmnu__quick ul li > a i { display: inline-block; font-size: 14px; transform: rotate(-45deg); }

.header-v2.header-main.hub { position: absolute; left: 0; top: 0; z-index: 100; width: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent); }

.header-v2.header-main.hub .header-top-wrap .header-logo img { filter: brightness(0) invert(1); }

.header-v2.header-main.hub .header-top-wrap .header-brand-wrap a { color: #fff; }

.header-v2.header-main.hub .header-top-wrap .header-brand-wrap li.home.is-active a { background-color: #fff; color: #202020; }

.header-v2.header-main.hub .header-top-wrap .header-member-menu-wrap a { color: #fff; }

.header-v2.header-main.hub .header-top-wrap .header-member-menu-wrap a i { filter: brightness(0) invert(1); }

.header-v2.header-main.hub .header-top-wrap .header-search-wrap .header-search__input { opacity: 0.4; }

.header-v2.header-main.hub .header-top-wrap .header-search-wrap .header-search__submit i { color: #fff; }

.header-v2.header-main.hub .header-bottom-wrap { border-bottom: none; }

.header-v2.header-main.hub .header-bottom-wrap .fullmnu-btn { background-color: #fff; color: #202020; }

.header-v2.header-main.hub .header-bottom-wrap .fullmnu-btn i { filter: brightness(2); }

.header-v2.header-main.hub .header-bottom-wrap .gnb-category a { color: #fff; }

.header-v2.header-main.hub.is-active .header-top-wrap .header-logo img { filter: none; }

.header-v2.header-main.hub.is-active .header-top-wrap .header-brand-wrap li a { color: #202020; }

.header-v2.header-main.hub.is-active .header-top-wrap .header-brand-wrap li.is-active a { color: #fff; }

.header-v2.header-main.hub.is-active .header-top-wrap .header-brand-wrap li.is-active.home a { background-color: #202020; color: #fff; }

.header-v2.header-main.hub.is-active .header-top-wrap .header-search-wrap .header-search__input { background-color: #f0f0f0; color: #202020; opacity: 1; }

.header-v2.header-main.hub.is-active .header-top-wrap .header-search-wrap .header-search__submit i { color: #202020; }

.header-v2.header-main.hub.is-active .header-top-wrap .header-member-menu-wrap > ul > li > form > a, .header-v2.header-main.hub.is-active .header-top-wrap .header-member-menu-wrap > ul > li > a { color: #202020; }

.header-v2.header-main.hub.is-active .header-bottom-wrap { background-color: #fff; border-bottom: 1px solid #eee; }

.header-v2.header-main.hub.is-active .header-bottom-wrap .fullmnu-btn { background-color: #202020; color: #fff; }

.header-v2.header-main.hub.is-active .header-bottom-wrap .fullmnu-btn i { filter: brightness(0) invert(1); }

.header-v2.header-main.hub.is-active .header-bottom-wrap .gnb-category a { color: #202020; }

.header-v2.glg .header-top-wrap { background-color: #111; }

.header-v2.glg .header-bottom-wrap { background-color: #111; }

.header-v2.gong .header-top-wrap { background-color: #202020; }

.header-v2.gong .header-bottom-wrap { background-color: #202020; }

.header-v2.glg .header-top-wrap, .header-v2.gong .header-top-wrap { border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

.header-v2.glg .header-top-wrap .header-logo img, .header-v2.gong .header-top-wrap .header-logo img { filter: brightness(0) invert(1); }

.header-v2.glg .header-top-wrap .header-brand-wrap ul a, .header-v2.gong .header-top-wrap .header-brand-wrap ul a { color: #fff; }

.header-v2.glg .header-top-wrap .header-brand-wrap ul li.is-active a, .header-v2.gong .header-top-wrap .header-brand-wrap ul li.is-active a { color: #fff; }

.header-v2.glg .header-top-wrap .header-brand-wrap ul li.is-active.home a, .header-v2.gong .header-top-wrap .header-brand-wrap ul li.is-active.home a { background-color: #fff; color: #202020; }

.header-v2.glg .header-top-wrap .header-brand-wrap ul li.is-active.online a, .header-v2.gong .header-top-wrap .header-brand-wrap ul li.is-active.online a { background-color: #fff; color: #202020; }

.header-v2.glg .header-top-wrap .header-brand-wrap ul li.is-active.kic a, .header-v2.gong .header-top-wrap .header-brand-wrap ul li.is-active.kic a { background-color: #69130d; }

.header-v2.glg .header-top-wrap .header-brand-wrap ul li.is-active.ofc a, .header-v2.gong .header-top-wrap .header-brand-wrap ul li.is-active.ofc a { background-color: #1e5a45; }

.header-v2.glg .header-top-wrap .header-brand-wrap ul li.is-active.glg a, .header-v2.gong .header-top-wrap .header-brand-wrap ul li.is-active.glg a { background-color: #fff; color: #202020; }

.header-v2.glg .header-top-wrap .header-brand-wrap ul li.is-active.gong a, .header-v2.gong .header-top-wrap .header-brand-wrap ul li.is-active.gong a { background-color: #fff; color: #202020; }

.header-v2.glg .header-top-wrap .header-brand-wrap ul li.is-active.cg a, .header-v2.gong .header-top-wrap .header-brand-wrap ul li.is-active.cg a { background-color: #6d2771; }

.header-v2.glg .header-top-wrap .header-member-menu-wrap a, .header-v2.gong .header-top-wrap .header-member-menu-wrap a { color: #fff; }

.header-v2.glg .header-top-wrap .header-member-menu-wrap a i, .header-v2.gong .header-top-wrap .header-member-menu-wrap a i { filter: brightness(0) invert(1); }

.header-v2.glg .header-top-wrap .header-search-wrap .header-search__input, .header-v2.gong .header-top-wrap .header-search-wrap .header-search__input { background-color: rgba(255, 255, 255, 0.4); color: #fff; }

.header-v2.glg .header-top-wrap .header-search-wrap .header-search__input::-moz-placeholder, .header-v2.gong .header-top-wrap .header-search-wrap .header-search__input::-moz-placeholder { color: #fff; }

.header-v2.glg .header-top-wrap .header-search-wrap .header-search__input::placeholder, .header-v2.gong .header-top-wrap .header-search-wrap .header-search__input::placeholder { color: #fff; }

.header-v2.glg .header-top-wrap .header-search-wrap .header-search__submit i, .header-v2.gong .header-top-wrap .header-search-wrap .header-search__submit i { color: #fff; }

.header-v2.glg .header-bottom-wrap, .header-v2.gong .header-bottom-wrap { border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

.header-v2.glg .header-bottom-wrap .fullmnu-btn, .header-v2.gong .header-bottom-wrap .fullmnu-btn { background-color: #fff; color: #202020; }

.header-v2.glg .header-bottom-wrap .fullmnu-btn i, .header-v2.gong .header-bottom-wrap .fullmnu-btn i { filter: brightness(2); }

.header-v2.glg .header-bottom-wrap > .container .gnb-category a, .header-v2.glg .header-bottom-wrap > .section-title-wrap .gnb-category a, .header-v2.gong .header-bottom-wrap > .container .gnb-category a, .header-v2.gong .header-bottom-wrap > .section-title-wrap .gnb-category a { color: #fff; }

.header-v2.glg.is-active .header-top-wrap, .header-v2.gong.is-active .header-top-wrap { border-bottom: 1px solid #eee; }

.header-v2.glg.is-active .header-top-wrap .header-brand-wrap li a, .header-v2.gong.is-active .header-top-wrap .header-brand-wrap li a { color: #202020; }

.header-v2.glg.is-active .header-top-wrap .header-brand-wrap li:hover a, .header-v2.glg.is-active .header-top-wrap .header-brand-wrap li.is-active a, .header-v2.gong.is-active .header-top-wrap .header-brand-wrap li:hover a, .header-v2.gong.is-active .header-top-wrap .header-brand-wrap li.is-active a { color: #fff; }

.header-v2.glg.is-active .header-top-wrap .header-brand-wrap li:hover.home a, .header-v2.glg.is-active .header-top-wrap .header-brand-wrap li.is-active.home a, .header-v2.gong.is-active .header-top-wrap .header-brand-wrap li:hover.home a, .header-v2.gong.is-active .header-top-wrap .header-brand-wrap li.is-active.home a { background-color: #202020; color: #fff; }

.header-v2.glg.is-active .header-top-wrap .header-brand-wrap li:hover.online a, .header-v2.glg.is-active .header-top-wrap .header-brand-wrap li.is-active.online a, .header-v2.gong.is-active .header-top-wrap .header-brand-wrap li:hover.online a, .header-v2.gong.is-active .header-top-wrap .header-brand-wrap li.is-active.online a { background-color: #202020; color: #fff; }

.header-v2.glg.is-active .header-top-wrap .header-brand-wrap li:hover.kic a, .header-v2.glg.is-active .header-top-wrap .header-brand-wrap li.is-active.kic a, .header-v2.gong.is-active .header-top-wrap .header-brand-wrap li:hover.kic a, .header-v2.gong.is-active .header-top-wrap .header-brand-wrap li.is-active.kic a { background-color: #69130d; }

.header-v2.glg.is-active .header-top-wrap .header-brand-wrap li:hover.ofc a, .header-v2.glg.is-active .header-top-wrap .header-brand-wrap li.is-active.ofc a, .header-v2.gong.is-active .header-top-wrap .header-brand-wrap li:hover.ofc a, .header-v2.gong.is-active .header-top-wrap .header-brand-wrap li.is-active.ofc a { background-color: #1e5a45; }

.header-v2.glg.is-active .header-top-wrap .header-brand-wrap li:hover.glg a, .header-v2.glg.is-active .header-top-wrap .header-brand-wrap li.is-active.glg a, .header-v2.gong.is-active .header-top-wrap .header-brand-wrap li:hover.glg a, .header-v2.gong.is-active .header-top-wrap .header-brand-wrap li.is-active.glg a { background-color: #202020; color: #fff; }

.header-v2.glg.is-active .header-top-wrap .header-brand-wrap li:hover.gong a, .header-v2.glg.is-active .header-top-wrap .header-brand-wrap li.is-active.gong a, .header-v2.gong.is-active .header-top-wrap .header-brand-wrap li:hover.gong a, .header-v2.gong.is-active .header-top-wrap .header-brand-wrap li.is-active.gong a { background-color: #202020; color: #fff; }

.header-v2.glg.is-active .header-top-wrap .header-brand-wrap li:hover.cg a, .header-v2.glg.is-active .header-top-wrap .header-brand-wrap li.is-active.cg a, .header-v2.gong.is-active .header-top-wrap .header-brand-wrap li:hover.cg a, .header-v2.gong.is-active .header-top-wrap .header-brand-wrap li.is-active.cg a { background-color: #6d2771; }

.header-v2.glg.is-active .header-top-wrap .header-search-wrap .header-search__input, .header-v2.gong.is-active .header-top-wrap .header-search-wrap .header-search__input { background-color: #f0f0f0; color: #202020; opacity: 1; }

.header-v2.glg.is-active .header-top-wrap .header-search-wrap .header-search__submit i, .header-v2.gong.is-active .header-top-wrap .header-search-wrap .header-search__submit i { color: #202020; }

.header-v2.glg.is-active .header-top-wrap .header-member-menu-wrap > ul > li > form > a, .header-v2.glg.is-active .header-top-wrap .header-member-menu-wrap > ul > li > a, .header-v2.gong.is-active .header-top-wrap .header-member-menu-wrap > ul > li > form > a, .header-v2.gong.is-active .header-top-wrap .header-member-menu-wrap > ul > li > a { color: #202020; }

.header-v2.glg.is-active .header-bottom-wrap, .header-v2.gong.is-active .header-bottom-wrap { background-color: #fff; border-bottom: 1px solid #eee; }

.header-v2.glg.is-active .header-bottom-wrap .fullmnu-btn, .header-v2.gong.is-active .header-bottom-wrap .fullmnu-btn { background-color: #202020; color: #fff; }

.header-v2.glg.is-active .header-bottom-wrap .fullmnu-btn i, .header-v2.gong.is-active .header-bottom-wrap .fullmnu-btn i { filter: brightness(0) invert(1); }

.header-v2.glg.is-active .header-bottom-wrap .gnb-category a, .header-v2.gong.is-active .header-bottom-wrap .gnb-category a { color: #202020; }

.header-v2.is-active .header-top-wrap { background-color: #fff; }

.header-v2.is-active .header-top-wrap .header-logo img { filter: none; }

.header-v2.is-active .header-top-wrap .header-brand-wrap li:hover a, .header-v2.is-active .header-top-wrap .header-brand-wrap li.is-active a { color: #fff; }

.header-v2.is-active .header-top-wrap .header-brand-wrap a { color: #202020; }

.header-v2.is-active .header-top-wrap .header-brand-wrap i { filter: none; }

.header-v2.is-active .header-top-wrap .header-search-wrap .header-search__input { opacity: 1; }

.header-v2.is-active .header-top-wrap .header-search-wrap .header-search__submit i { color: #202020; }

.header-v2.is-active .header-top-wrap .header-member-menu-wrap > ul > li > form > a, .header-v2.is-active .header-top-wrap .header-member-menu-wrap > ul > li > a { color: #202020; }

.header-v2.is-active .header-top-wrap .header-member-menu-wrap > ul > li > form > a i, .header-v2.is-active .header-top-wrap .header-member-menu-wrap > ul > li > a i { filter: none !important; }

.header-v2.is-active .header-bottom-wrap { background-color: #fff; }

.header-v2.is-active .header-bottom-wrap .fullmnu-btn { background-color: #202020; color: #fff; }

.header-v2.is-active .header-bottom-wrap .fullmnu-btn i { filter: brightness(0) invert(1); }

.header-v2.is-active .header-bottom-wrap .gnb-category a { color: #202020; }

.header-v2.header-main { position: relative; }

.header-v2.header-sub::before { background-color: transparent; }

.header-v2 .header-search-content { top: 68px; }

.gnb-category { display: flex; }

.gnb-category-wrap { position: relative; z-index: 10; }

.gnb-category__menu { position: relative; z-index: 0; width: 100%; }

.gnb-category__menu-comm, .gnb-category__menu-total { display: flex; justify-content: center; align-items: flex-start; gap: 15px; margin: 60px 0 40px 0; }

.gnb-category__menu > li { flex-basis: 130px; width: 130px; height: 175px; }

.gnb-category__menu > li > a { position: relative; display: flex; flex-direction: column; align-items: center; }

.gnb-category__menu > li > a img { max-width: 110px; border-radius: 50%; }

.gnb-category__menu > li > a strong { display: block; font-size: 16px; font-weight: 600; color: #fff; text-align: center; }

.gnb-category__menu > li > a span { display: block; font-size: 14px; color: rgba(255, 255, 255, 0.5); text-align: center; }

.gnb-category__menu > li > a img + strong, .gnb-category__menu > li > a img + span { margin-top: 20px; }

.gnb-category__menu > li.is-active a::before { content: ''; position: absolute; left: 50%; top: -5px; margin-left: -60px; display: block; width: 120px; height: 120px; border: 1px solid #fff; border-radius: 50%; }

/* swiper slides settings */
.swiper-pagination-progressbar { background-color: rgba(0, 0, 0, 0.1); }

.swiper-pagination-bullet-wrap { display: table; width: 400px; margin: 0 auto; }

.swiper-pagination-number { display: table-cell; color: #c1c1c1; font-size: 14px; }

.swiper-pagination-number-active { color: #000; }

.swiper-button-prev, .swiper-button-next { width: 50px; height: 50px; speak: none; color: #000; font-family: 'iconset'; font-size: 25px; font-style: normal; font-weight: 300; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.swiper-button-prev:after, .swiper-button-next:after { display: none; }

.swiper-button-prev { left: -70px; background-position: left center; }

.swiper-button-prev:before { content: '\e94c'; }

.swiper-button-next { right: -70px; }

.swiper-button-next:before { content: '\e94b'; }

.location-header { position: relative; height: 50px; margin-top: -50px; background-color: #fff; border-bottom: 1px solid #e5e5e5; }

.location-header .container, .location-header .section-title-wrap { align-items: center; justify-content: flex-end; height: 100%; display: flex; }

.location-header2 { position: relative; height: 50px; background-color: #fff; margin-top: 24px; }

.location-header2 .container, .location-header2 .section-title-wrap { align-items: center; justify-content: flex-start; height: 100%; display: flex; }

.location-header-v3 { position: relative; height: 50px; padding-top: 20px; }

.location-header-v3 .container, .location-header-v3 .section-title-wrap { align-items: center; justify-content: flex-start; height: 100%; display: flex; }

/* 공통 콘텐츠용 LNB */
.lnb-content { float: left; width: 220px; }

.lnb-content-title { padding-bottom: 30px; color: #333; border-bottom: 1px solid #333; font-size: 30px; line-height: 1; }

.lnb-content-list { margin-top: 12px; }

.lnb-content-list li a { display: block; padding: 0; color: #777; line-height: 1; }

.lnb-content-list li a.is-active, .lnb-content-list li a:hover, .lnb-content-list li a:focus { color: #333; }

.lnb-content-list li a.is-active { font-weight: 600; color: #333; }

.lnb-content-list > li > a { padding: 20px 0; font-size: 18px; }

.lnb-content-list > li > a.is-active, .lnb-content-list > li > a:hover, .lnb-content-list > li > a:focus { font-weight: 600; }

.lnb-content-list > li > ul { overflow: hidden; padding: 3px 15px; margin-bottom: 20px; background-color: #f9f9f9; }

.lnb-content-list > li > ul > li > a { margin: 15px 0; padding: 0; font-size: 14px; }

.lnb-content-list > li > ul > li > a.is-active, .lnb-content-list > li > ul > li > a:hover, .lnb-content-list > li > ul > li > a:focus { text-decoration: underline; }

.content-title--normal { display: block; padding-bottom: 30px; margin-bottom: 40px; border-bottom: 1px solid #ccc; line-height: 1; font-size: 30px; color: #333; }

.content-title--normal--nobdmargin { margin-bottom: 0; border-bottom: none; }

.content-title--main { display: block; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #ccc; line-height: 1; font-size: 30px; color: #333; }

.content-title--main--nobdmargin { margin-bottom: 0; border-bottom: none; }

.content-title--subtitle { display: block; margin-top: 40px; margin-bottom: 40px; line-height: 1; font-size: 20px; font-weight: 400; color: #333; }

#footer { margin-top: 40px; }

.footer-top { min-height: 116px; padding: 45px 0; background-color: #333; }

.footer-top li { position: relative; display: inline-block; padding: 0 15px; }

.footer-top li:first-child { padding-left: 0; }

.footer-top li::after { content: ''; position: absolute; top: 7px; right: 0; width: 1px; height: 9px; background: #2c2c2c; }

.footer-top li:last-child::after { content: none; }

.footer-top a:hover { color: #fff; }

.footer-top-menu { float: left; font-size: 14px; }

.footer-top-menu__link { color: #d3d3d3; }

.footer-top-menu ul { display: flex; }

.footer-top-nav { float: right; font-size: 16px; }

.footer-top-nav__link { color: #8d8d8d; }

.footer-bottom { padding-bottom: 20px; background-color: #333; clear: both; overflow: hidden; }

.footer-bottom .float-left { position: relative; }

.footer-bottom .float-left .footer-botton-mark-area { position: absolute; right: 0; bottom: 0; display: flex; }

.footer-bottom .float-left .footer-botton-mark-area div { width: 61px; }

.footer-bottom .float-left .footer-botton-mark-area div.mark-ccm { margin-left: 10px; }

.footer-bottom.bottom-to-top { padding-top: 40px; border-top: 1px solid #e5e5e5; }

.footer-bottom-menu { padding: 30px 0; }

.footer-bottom-menu li { display: inline-block; }

.footer-bottom-menu__link { margin-right: 50px; color: #8d8d8d; font-size: 14px; }

.footer-bottom-menu__link:hover { color: #fff; }

.footer-bottom-content { width: 1000px; border-top: 1px solid #4b4b4b; }

.footer-bottom-content:after { display: block; content: ''; clear: both; }

.footer-bottom-sns { margin-top: 25px; }

.footer-bottom-sns__link { display: inline-block; width: 35px; height: 35px; margin: 4px; }

.footer-bottom-logo { margin-top: 51px; margin-bottom: 20px; text-align: right; }

.footer-bottom-logo img { width: 150px; }

.footer-bottom-cs { text-align: right; }

.footer-bottom-cs-tel { display: flex; }

.footer-bottom-cs-tel .text-cs-tel { width: 160px; padding-right: 10px; font-size: 14px; color: #8d8d8d; }

.footer-bottom-cs-tel .text-cs-tel strong { font-weight: 400; color: #c1c1c1; }

.footer-bottom-cs-tel img { width: 80px; }

.footer-bottom-cs-tel__t { font-size: 24px; color: #373737; }

.footer-bottom-cs-tel__d { font-size: 28px; color: #787878; }

.footer-bottom-cs-tel__hour { font-size: 16px; color: #373737; }

.footer-bottom-mark-area { text-align: right; margin-top: 10px; }

@media screen and (max-width: 1069px) { .footer-bottom-mark-area { text-align: center; } }

.footer-bottom-mark-area div { display: inline-block; }

.footer-bottom-contact { width: 750px; margin-bottom: 10px; color: #8d8d8d; font-size: 14px; font-weight: 400; }

.footer-bottom-contact li { display: inline-block; margin-right: 20px; }

.footer-bottom-contact__t { color: #8d8d8d; font-size: 14px; font-weight: 600; margin-right: 8px; }

.footer-bottom-contact__d strong { padding-right: 5px; color: #8d8d8d; }

.footer-bottom-info { margin-bottom: 30px; color: #8d8d8d; font-size: 14px; font-weight: 400; }

.footer-bottom-info ul { width: 1000px; display: block; margin: 0; }

.footer-bottom-info li { display: inline-block; margin-right: 20px; }

.footer-bottom-info__t, .footer-bottom-info__d { line-height: 2; }

.footer-bottom-info__t { color: #c1c1c1; margin-right: 4px; }

.footer-bottom-info__link { position: relative; top: -2px; width: 58px; min-width: 58px; height: 21px; line-height: 21px; margin-left: 5px; padding: 0; color: #fff; font-size: 11px; text-align: center; border: none; background-color: #656565; }

.footer-bottom-info__link:hover, .footer-bottom-info__link:focus { background-color: #fff; color: #202020; }

.footer-bottom-copy { font-size: 14px; font-weight: 400; color: #8d8d8d; }

.modal .section-responsive-inner { width: 80%; margin: 0 auto; }

.modal .section-responsive-inner .section-responsive-loginform__desc { margin-top: 30px; word-break: keep-all; word-wrap: break-word; }

.modal .section-responsive-inner .field.is-grouped > .control { flex-grow: 1; }

.modal .section-responsive-inner .field.is-grouped > .control .button { width: 100%; }

.quick { display: none; position: fixed; right: 0; top: 0; z-index: 32; width: 70px; height: 100%; background-color: #1b1b1b; transition-delay: 0.3s; transition: all 0.5s cubic-bezier(0.17, 0.04, 0.03, 0.94); }

.quick.__quick-open { width: 180px; }

.quick > li { display: block; }

.quick-inner { position: relative; height: auto; margin-top: 0; transition: margin 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94); }

.quick-menu { display: block; width: 100%; padding: 30px 0 0; background-color: #1b1b1b; }

.quick-menu > li { position: relative; }

.quick-menu-item { display: flex; position: relative; width: 100%; height: 60px; margin: 0 0 5px 0; padding: 0; align-items: center; justify-content: center; flex-direction: row; transition-delay: 0.3s; transition: all 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94); }

.__quick-open .quick-menu-item { justify-content: flex-start; }

.quick-menu-item.is-active, .quick-menu-item:hover { background-color: #444; }

.quick-menu-item.is-disabled { background-color: #1b1b1b; cursor: default; pointer-events: none; }

.quick-menu-item i { display: inline-block; vertical-align: middle; }

.quick-menu-item__icon { flex: 0 0 35%; text-align: center; }

.quick-menu-item__txt { flex: 1 0 auto; display: inline-block; visibility: hidden; position: absolute; opacity: 0; transition-delay: 0.5s; transition: opacity 0.5s cubic-bezier(0.17, 0.04, 0.03, 0.94); }

.__quick-open .quick-menu-item__txt { position: static; visibility: visible; opacity: 1; color: #fff; }

.quick-menu__num { display: block; margin: 0 auto; color: #f12e5c; font-style: normal; font-size: 12px; text-align: center; }

.quick-top { position: fixed; bottom: 20px; right: 95px; z-index: 1; }

.quick-top a { display: flex; justify-content: center; align-items: center; width: 65px; height: 65px; background: #1b1b1b; border-radius: 50%; }

.quick-top a i { font-size: 22px; color: #fff; }

.quick-catalog { position: fixed; bottom: 95px; right: 95px; z-index: 1; }

.quick-catalog a { display: flex; justify-content: center; align-items: center; width: 65px; height: 65px; background: #1b1b1b; border-radius: 50%; border: 1px solid #bfbfbf; }

.quick-catalog a img { width: 100%; }

.quick.open { right: 0px; }

.quick .button-switch-quick__logo { display: block; width: 160px; height: 55px; margin: 90px auto 0; background: url(../images/common/logo_quick-h.png) 50% 50% no-repeat; background-size: contain; }

.quick.is-community .button-switch-quick__logo { display: block; width: 140px; height: 51px; margin: 90px auto 18px; background: url(../images/common/logo_quick.png) 50% 50% no-repeat; }

.quick-content { position: absolute; overflow-x: visible; padding: 10px; width: 100px; top: 0; margin-left: -100px; /* overflow-y: auto; */ /* width: 0; */ /* height: 100vh; */ /* min-height: 550px; */ border: 1px solid #eee; border-right: none; background-color: #fff; box-shadow: -3px 1px 3px rgba(0, 0, 0, 0.1); transition: margin 0.5s cubic-bezier(0.17, 0.04, 0.03, 0.94); }

.is-community .quick-content { margin-left: 70px; border: 1px solid #eee; border-left: none; box-shadow: 3px 1px 3px rgba(0, 0, 0, 0.1); }

.__quick-open .quick-content { margin-left: -100px; }

.__quick-open.is-community .quick-content { margin-left: 180px; }

.quick-item-recent-list { display: none; }

.quick-item-recent-list .swiper-container { width: 100px; max-height: 350px; overflow: hidden; }

.quick-item-recent-list .swiper-wrapper { flex-direction: column; }

.quick-item-recent-list .swiper-controls-wrap { position: relative; display: block; width: 100%; height: 25px; }

.quick-item-recent-list .swiper-controls-wrap .swiper-button-prev, .quick-item-recent-list .swiper-controls-wrap .swiper-button-next { top: 0; width: 25px; height: 25px; margin-top: 5px; font-size: 12px; font-weight: bold; color: #000; }

.quick-item-recent-list .swiper-controls-wrap .swiper-button-prev { left: 10px; }

.quick-item-recent-list .swiper-controls-wrap .swiper-button-next { right: 10px; }

.quick-item-recent-list .swiper-controls-wrap .swiper-button-disabled { opacity: 0.2; }

.quick-item-recent-list li { width: 80px; height: 80px !important; margin-bottom: 10px; position: relative; overflow: hidden; font-size: 0; }

.quick-item-recent-list li:last-child { margin-bottom: 0; }

.quick-item-recent-list li a { display: block; }

.quick-item-recent-list li img { width: 100%; height: auto; }

.quick-item-recent-list li .btn-del { display: inline-block; position: absolute; top: 0; right: 0; z-index: 2; width: 24px; height: 24px; background-color: #333; }

.quick-item-recent-list li .btn-del:before { display: inline-block; content: ''; position: absolute; top: 50%; left: 50%; width: 1px; height: 10px; background-color: #fff; transform: translate(-50%, -50%) rotate(45deg); transform-origin: 50% 50%; }

.quick-item-recent-list li .btn-del:after { display: inline-block; content: ''; position: absolute; top: 50%; left: 50%; width: 1px; height: 10px; background-color: #fff; transform: translate(-50%, -50%) rotate(-45deg); transform-origin: 50% 50%; }

.quick-call { position: fixed; right: 50px; top: 400px; z-index: 5; }

.main-container { display: block; }

body.main-page { overflow: hidden; }

#button-quick-community { background: #47acb2; background: linear-gradient(0deg, #47acb2 0%, #47b2a1 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#47acb2",endColorstr="#47b2a1",GradientType=1); }

.__quick-open #button-quick-community { background: url(../images/common/bg_switch2.jpg) 50% 50% no-repeat; }

#button-quick-mall { background: #3d87b4; background: linear-gradient(0deg, #3d87b4 0%, #3daab4 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3d87b4",endColorstr="#3daab4",GradientType=1); }

.__quick-open #button-quick-mall { background: url(../images/common/bg_switch1.jpg) 50% 50% no-repeat; }

#button-quick-mall .ico-chevron-left-thin:before { content: '\e94b'; }

.button-switch-quick { display: flex; position: relative; width: 100%; height: 506px; font-size: 0; justify-content: center; flex-flow: wrap; align-items: flex-start; }

.button-switch-quick__default { visibility: visible; opacity: 1; position: absolute; width: 100%; max-width: 100%; height: 506px; left: 0; top: 0; font-style: normal; transition-delay: 0.2s; transition: opacity 0.5s cubic-bezier(0.17, 0.04, 0.03, 0.94); }

.__quick-open .button-switch-quick__default { visibility: hidden; opacity: 0; }

.button-switch-quick__on { visibility: hidden; opacity: 0; position: absolute; width: 100%; max-width: 100%; height: 506px; left: 0; top: 0; font-style: normal; transition-delay: 0.2s; transition: opacity 0.5s cubic-bezier(0.17, 0.04, 0.03, 0.94); }

.__quick-open .button-switch-quick__on { visibility: visible; opacity: 1; }

.__quick-open .button-switch-quick__on .button-switch-quick__title { margin-top: 10px; transform: none; }

.__quick-open .button-switch-quick__on .button-switch-quick__icon { position: static; width: 50px; height: 50px; margin: 48px auto 0; border: 2px solid #fff; border-radius: 100%; font-size: 18px; }

.button-switch-quick__title { display: flex; margin-top: 139px; align-items: center; justify-content: center; font-size: 22px; font-weight: 400; line-height: 1.1; white-space: nowrap; color: #fff; transform: rotate(90deg); transform-origin: center center; }

.button-switch-quick__icon { position: absolute; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 70px; margin-top: -90px; color: #fff; font-size: 18px; border-top: 1px solid rgba(255, 255, 255, 0.3); }

.page-wrapper { display: flex; width: 100%; height: 100%; z-index: 0; }

.page { flex: 1 0 100%; width: 100%; }

.page.gong { background-color: #202020; }

#footer-gong #footer { margin: 0; }

.footer-telnumber-big dl { display: flex; margin: 0 30px 20px 0; font-size: 22px; line-height: 33px; }

.footer-telnumber-big dl dt { color: #d3d3d3; }

.footer-telnumber-big dl dd { padding-left: 10px; color: #d3d3d3; font-size: 22px; }

.footer-family-site { position: relative; }

.footer-family-site button { display: flex; font-size: 14px; color: #c1c1c1; }

.footer-family-site button i { display: block; margin: 5px 0 0 30px; transition: all 0.3s; }

.footer-family-site-list { position: absolute; top: 40px; right: -48px; overflow-y: auto; min-width: 240px; height: 0; opacity: 0; z-index: 1; background: #fff; border: 1px solid #333; }

.footer-family-site-list li { display: block; padding: 0 20px; height: 50px; }

.footer-family-site-list li a { line-height: 50px; font-size: 16px; color: #333; word-break: keep-all; white-space: nowrap; }

.footer-family-site-list li a:hover { color: #333; }

.footer-family-site-list li:first-child { padding-left: 20px; }

.footer-family-site-list li:hover { background: #eee; }

.footer-family-site-list li::after { content: none; }

.footer-family-site.is-active { position: relative; }

.footer-family-site.is-active button i { transform: rotate(180deg); transition: all 0.3s; }

.footer-family-site.is-active .footer-family-site-list { height: 306px; max-height: 306px; opacity: 1; transition: all 0.3s; }

.glg-main-container { padding-bottom: 20px; background-color: #111; }

.glg-main-container .location-header { border-top: 1px solid #969696; border-bottom-color: #969696; }

.glg-main-container .breadcrumb ol::after { background-color: #969696; }

.glg-main-container .breadcrumb li::after { background-color: #969696; }

.glg-main-container .dropdown-trigger button { border-color: initial !important; background-color: transparent !important; color: #ccc; }

.swiper-main-nav-style { display: flex; justify-content: center; align-items: center; }

.swiper-main-nav-style .navigation-box { width: 1366px; position: absolute; left: 50%; top: 50%; z-index: 1; margin-top: 84px; transform: translate(-50%, -50%); }

.swiper-main-nav-style .navigation-box .swiper-button-next, .swiper-main-nav-style .navigation-box .swiper-button-prev { width: 70px; height: 70px; color: #fff; background-color: rgba(0, 0, 0, 0.9); opacity: 0.5; transition: opacity 0.5s; }

.swiper-main-nav-style .navigation-box .swiper-button-next:hover, .swiper-main-nav-style .navigation-box .swiper-button-prev:hover { opacity: 1; }

.swiper-main-nav-style .navigation-box .swiper-button-next:after, .swiper-main-nav-style .navigation-box .swiper-button-prev:after { display: none; }

.swiper-main-nav-style .paging-box { position: static; left: 50%; bottom: 0; width: 667px; line-height: 20px; transform: translate(-50%, 0); }

.swiper-main-nav-style .paging-box .swiper-pagination { top: 10px; width: 100%; height: 2px; }

.swiper-main-nav-style .paging-box .swiper-pagination-outer { overflow: hidden; position: relative; height: 20px; margin: 0 120px 0 55px; }

.swiper-main-nav-style .paging-box .swiper-pagination-count { position: absolute; top: 0; right: 0; }

.swiper-main-nav-style .swiper-pagination-progressbar-fill { background: #373737; }

.tab-block { position: relative; z-index: 2; margin-top: 0px; margin-bottom: 10px; }

.tab-block .inner { text-align: center; }

.tab-block.tab-flex-justify .inner { display: flex; }

.tab-block-item { display: inline-block; margin: 0 30px; text-align: center; }

.tab-flex-justify .tab-block-item { flex: 1 1 auto; margin: 0; }

.tab-block-item__btn { position: relative; display: inline-block; padding: 20px 0 27px; text-align: center; line-height: 1.1; font-size: 18px; font-weight: 600; color: #333; transition: color 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94); }

.tab-block-item__btn:after { content: ''; display: block; position: absolute; left: 50%; top: 0; width: 0; height: 2px; background: #47aeab; transform: translate(-50%, 0); transition: width 0.3s; }

.tab-block-item:hover .tab-block-item__btn, .tab-block-item.is-active .tab-block-item__btn { font-weight: 600; color: #47aeab; }

.tab-block-item:hover .tab-block-item__btn:after, .tab-block-item.is-active .tab-block-item__btn:after { width: 100%; }

.tab-block-submenu { padding-top: 27px; margin-bottom: 35px; border-top: 1px solid #eee; text-align: center; }

.tab-block-submenu .tab-block-item { font-size: 16px; font-weight: 600; color: #333; }

.tab-block-submenu .tab-block-item.is-active, .tab-block-submenu .tab-block-item:hover { color: #47aeab; }

.tab-block-submenu .tab-block-item:hover { text-decoration: underline; }

.tab-block2 { position: relative; z-index: 2; margin-top: 0px; margin-bottom: 60px; }

.tab-block2 ul { display: flex; flex-direction: row; justify-content: center; gap: -2px; }

.tab-block2 .inner { text-align: center; }

.tab-block2.tab-flex-justify .inner { display: flex; }

.tab-block2-item { padding: 0; text-align: center; }

.tab-flex-justify .tab-block2-item { flex: 1 1 auto; margin: 0; }

.tab-block2-item__btn { position: relative; display: inline-block; padding: 20px 120px; border: 1px solid #c9c9c9; border-bottom: 2px solid #333; text-align: center; line-height: 1.1; font-size: 16px; font-weight: 600; color: #333; transition: color 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94); }

.tab-block2-item.is-active .tab-block2-item__btn { border: 2px solid #333; border-bottom: none; }

.tab-block2-item:hover .tab-block-item__btn, .tab-block2-item.is-active .tab-block-item__btn { font-weight: 600; color: #47aeab; }

.tab-block2-item:hover .tab-block-item__btn:after, .tab-block2-item.is-active .tab-block-item__btn:after { width: 100%; }

.tab-block2-submenu { padding-top: 27px; margin-bottom: 35px; text-align: center; }

.tab-block2-submenu .tab-block2-item { padding: 10px 20px; font-size: 16px; font-weight: 600; color: #333; }

.tab-block2-submenu .tab-block2-item.is-active { background-color: #202020; border-radius: 20px; color: #fff; }

.tab-block2-submenu .tab-block2-item:hover { text-decoration: underline; }

.tab-block__pill { position: relative; z-index: 2; margin-top: 0px; margin-bottom: 10px; }

.tab-block__pill .inner { text-align: center; }

.tab-block__pill.tab-flex-justify .inner { display: flex; }

.tab-block__pill-item { display: inline-block; margin: 0 30px; text-align: center; }

.tab-flex-justify .tab-block__pill-item { flex: 1 1 auto; margin: 0; }

.tab-block__pill-item__btn { position: relative; display: inline-block; padding: 20px 0 27px; text-align: center; line-height: 1.1; font-size: 24px; font-weight: 600; color: #333; transition: color 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94); }

.tab-block__pill-item__btn:after { content: ''; display: block; position: absolute; left: 50%; top: 0; width: 0; height: 2px; background: #47aeab; transform: translate(-50%, 0); transition: width 0.3s; }

.tab-block__pill-item:hover .tab-block__pill-item__btn, .tab-block__pill-item.is-active .tab-block__pill-item__btn { font-weight: 600; color: #47aeab; }

.tab-block__pill-item:hover .tab-block__pill-item__btn:after, .tab-block__pill-item.is-active .tab-block__pill-item__btn:after { width: 100%; }

.tab-block__pill-submenu { padding-top: 27px; padding-bottom: 35px; border-top: 1px solid #eee; text-align: center; }

.tab-block__pill-submenu .tab-block__pill-item { margin: 0; padding: 5px 20px; font-size: 16px; font-weight: 600; color: #333; }

.tab-block__pill-submenu .tab-block__pill-item.is-active { background-color: #202020; border-radius: 16px; color: #fff; }

.tab-block__pill-submenu .tab-block__pill-item:hover { text-decoration: underline; }

.section-main { overflow: hidden; margin-bottom: 70px; content-visibility: auto; contain-intrinsic-size: 1000px; }

.section-main-best { padding-bottom: 20px; }

.section-main-best:before { content: ''; display: block; position: absolute; z-index: -1; right: 50%; margin-right: -230px; bottom: 0; width: 100%; height: 960px; background-color: #f9f9f9; }

.section-main .tab-block + .container .product-item-medium-lists, .section-main .tab-block + .section-title-wrap .product-item-medium-lists { margin-top: -40px; }

.section-main-custom.section-bg { padding-bottom: 40px; }

.section-main-designer .section-title { font-size: 42px; line-height: 60px; color: #fff; font-weight: 600; }

.section-main-designer .section-title__more { border-color: #fff; }

.section-main-designer .section-title__more::before, .section-main-designer .section-title__more::after { background-color: #fff; }

.section-main-designer .swiper-controls--black { top: 0; left: 0; right: 0; margin-top: 175px; margin-left: 0; }

.section-main-designer .swiper-slide .designer-image { position: relative; height: 520px; }

.section-main-designer .swiper-slide .designer-content { position: absolute; bottom: 0; background-color: #202020; width: 340px; margin: 0px 40px; padding: 5%; height: 165px; word-break: keep-all; color: #fff; }

.section-main-designer .swiper-slide .designer-header { font-size: 25px; line-height: 36px; margin-bottom: 15px; }

.section-main-designer .swiper-slide .designer-info p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 16px; }

.section-main .product-item-header__name { height: 24px; -webkit-line-clamp: 1; }

.button-main-detail { position: absolute; right: 0; bottom: 0; z-index: 10; }

.button-main-detail__btn { display: inline-block; width: 399px; height: 100px; background-color: #000; }

.button-main-detail__btn-inner { width: 100%; height: 100%; padding-left: 20px; flex-direction: row; }

.button-main-detail__btn-inner em { display: inline-block; margin-right: 40px; color: #fff; font-size: 18px; line-height: 18px; font-style: normal; }

.button-main-detail__btn:hover .button-main-detail__btn-inner { animation-name: aniBtnDetail; animation-duration: 0.7s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; }

@keyframes aniBtnDetail { 0% { margin-left: 0; }
  50% { margin-left: -30px; }
  100% { margin-left: 0; } }

.section-bg { padding: 60px 0; background-color: #f9f9f9; }

.section-title { line-height: 50px; font-size: 38px; font-weight: 400; color: #000; }

.section-title--xsmall { display: block; margin-top: 10px; font-size: 16px; font-weight: 400; color: #777; line-height: 1em; }

.section-title--small { display: block; margin-top: 10px; font-size: 20px; font-weight: 400; color: #777; line-height: 1em; }

.section-title-wrap { position: relative; margin-bottom: 40px; text-align: center; justify-content: center; }

.section-title-wrap + .container .product-item-medium-lists, .section-title-wrap + .section-title-wrap .product-item-medium-lists { margin-top: -40px; }

.section-title-wrap.is-button-right .button { position: absolute; right: 0; top: 2px; width: 140px; height: 45px; font-size: 18px; color: #333; }

.section-title__more { display: block; position: absolute; top: 0; right: 0; z-index: 2; width: 50px; height: 50px; border: 1px solid #000; text-indent: -999em; }

.section-title__more-txt { position: absolute; font-size: 15px; top: 50%; right: 0; color: #202020; transform: translateY(-50%); }

.section-title__more-txt i { margin-left: 10px; }

.section-title__more:before, .section-title__more:after { content: ''; display: block; position: absolute; left: 50%; top: 50%; background-color: #000; }

.section-title__more:before { width: 1px; height: 19px; margin: -9px 0 0 0; }

.section-title__more:after { width: 19px; height: 1px; margin: 0 0 0 -9px; }

.section-title__more--large { width: 60px; height: 60px; border: 0; }

.section-title__more--large:before, .section-title__more--large:after { background-color: #fff; }

.section-title__more--large:before { top: 0; width: 1px; height: 100%; margin: 0; }

.section-title__more--large:after { left: 0; width: 100%; height: 1px; margin: 0; }

.section-title-hinge .txt-hinge { display: inline-block; width: 100px; height: 53px; margin: 6px 0 -6px 10px; background: url(../images/common/txt_hinge.png) 0 0 no-repeat; background-size: 100px auto; vertical-align: middle; text-indent: -999em; }

.section-top-banner { width: 1366px; margin: 0 auto; }

.section-top-banner__320 { height: 320px; margin-bottom: 60px; }

.section-top-banner__350 { height: 350px; margin-bottom: 40px; }

.section-top-banner__350 a { display: block; height: 100%; }

/* keyVisual */
.main-key-visual0.swiper-container { position: relative; width: 100%; max-width: 1920px; margin: 0 auto; padding-right: 70px; }

.main-key-visual0.swiper-container .embed-container { padding-bottom: 30.04%; }

.main-key-visual1.swiper-container { position: relative; height: 700px; }

.section-main-keyvisual { height: 700px; margin-bottom: 50px; }

.main-key-visual2 { overflow: hidden; position: absolute; top: 340px; left: 0; width: 280px; height: 360px; z-index: 2; }

.main-key-visual2 .swiper-container { width: 280px; height: 360px; overflow: hidden; }

.main-key-visual2 .product-item-content--link { display: inline-block; width: 280px; height: 85px; padding: 0; }

.main-key-visual2 .product-item-content--link .product-item-header { margin: 0px; }

.main-key-visual2 .product-item-content--link .product-item-header__brand { width: auto; margin-bottom: 5px; padding: 10px 40px 0 0; border: none; line-height: 1.1; color: #8b8b8b; font-size: 18px; font-weight: 400; text-align: left; display: block; word-wrap: normal; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.main-key-visual2 .product-item-content--link .product-item-header__name { overflow: visible; color: #1a1a1a; font-size: 18px; font-weight: 600; padding-right: 40px; display: block; word-wrap: normal; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.main-key-visual2 .swiper-button-prev, .main-key-visual2 .swiper-button-next { width: 40px; height: 40px; font-size: 16px; }

.main-key-visual2 .swiper-button-prev:hover, .main-key-visual2 .swiper-button-next:hover { color: #fff; background-color: rgba(0, 0, 0, 0.8); }

.main-key-visual2 .product-item-image { width: 280px; height: 280px; overflow: hidden; }

.main-key-visual2 .product-item-image img { width: auto; max-width: 100%; height: 100%; }

.main-key-visual2 .swiper-button-prev { left: auto; right: 0; bottom: 0; margin-top: 140px; background-color: #fff; }

.main-key-visual2 .swiper-button-prev:hover:after { background-position: 0 -75px; }

.main-key-visual2 .swiper-button-next { left: auto; right: 0; bottom: 0; margin-top: 100px; background-color: #f4f4f4; }

.main-key-visual2 .swiper-button-next:hover:after { background-position: 0 -50px; }

.main-key-visual2 .swiper-pagination-count { float: initial; position: absolute; right: 10px; bottom: 85px; z-index: 10; padding-right: 10px; color: #bbb; font-size: 14px; font-weight: 300; text-align: right; }

.main-key-visual2 .swiper-pagination-count .swiper-pagination-current { color: #111; font-weight: 400; }

.main-key-visual2 .swiper-pagination-count .swiper-pagination-total { color: #bbb; font-weight: 300; }

.main-key-visual1 .swiper-wrapper { height: 550px; }

.main-key-visual1 .swiper-slide { overflow: hidden; }

.main-key-visual1 .swiper-slide a { display: block; height: 100%; vertical-align: top; }

.main-key-visual1 .swiper-slide .main-slide-title-area { position: absolute; top: 50%; left: 50%; display: block; width: 1366px; height: 500px; margin-top: -200px; margin-left: -683px; }

.main-key-visual1 .swiper-slide .main-slide-title { margin: 0 auto; color: #000; font-size: 66px; font-weight: 600; }

.main-key-visual1 .swiper-slide .main-slide-subtitle { margin: 0 auto; color: #000; font-size: 26px; font-weight: 400; }

.main-key-visual1 .swiper-slide .main-slide-subtitle--large { font-size: 40px; }

.main-key-visual1 .swiper-slide .main-slide-subtitle--small { font-size: 20px; }

.main-key-visual1 .swiper-slide.white .main-slide-title { color: #fff; }

.main-key-visual1 .swiper-slide.white .main-slide-subtitle { color: #fff; }

.main-key-visual1 .swiper-slide.white .main-slide-subtitle--small { color: #fff; }

.main-key-visual1 .swiper-slide.text-left .main-slide-title-area { text-align: left; }

.main-key-visual1 .swiper-slide.text-left .main-slide-title { position: relative; left: -2px; }

.main-key-visual1 .swiper-slide.text-right .main-slide-title-area { text-align: right; }

.main-key-visual1 .swiper-slide.text-center .main-slide-title-area { text-align: center; }

.main-key-visual1 .slide-inner { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-position: center; background-repeat: no-repeat; background-size: cover; }

.main-key-visual1 .copy { position: absolute; bottom: 15px; left: 0; right: 0; text-align: center; color: white; letter-spacing: 0.06em; }

.main-key-visual1 .swiper-control-wrapper { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; }

.main-key-visual1 .swiper-control-wrapper .container, .main-key-visual1 .swiper-control-wrapper .section-title-wrap { height: 700px; }

.main-key-visual1 .swiper-control-wrapper .navigation-box { position: relative; width: 443px; /* margin-top: 350px; */ overflow: hidden; }

.main-key-visual1 .swiper-control-wrapper .paging-box { display: flex; position: absolute; right: 42px; bottom: 64px; z-index: 1; align-items: center; justify-content: flex-end; }

.main-key-visual1 .swiper-control-wrapper .paging-box .swiper-button-prev { margin-top: -26px; }

.main-key-visual1 .swiper-control-wrapper .paging-box .swiper-button-next { margin-top: -26px; right: -55px; }

.main-key-visual1 .swiper-control-wrapper .container .text, .main-key-visual1 .swiper-control-wrapper .section-title-wrap .text { position: absolute; top: 77px; left: 50%; transform: translate(0, 0); visibility: hidden; opacity: 0; transition: all 0.5s; z-index: 1; }

.main-key-visual1 .swiper-control-wrapper .container .text.on, .main-key-visual1 .swiper-control-wrapper .section-title-wrap .text.on { transform: translate(-50%, 0); visibility: visible; opacity: 1; transition: all 1s; }

.main-key-visual1 .swiper-pagination-outer { width: 435px; float: right; position: relative; margin-top: 0px; margin-right: 20px; }

.main-key-visual1 .swiper-pagination-outer .swiper-pagination { background: transparent; height: 4px; bottom: 0; }

.main-key-visual1 .swiper-pagination-outer:after { content: ''; width: 100%; height: 2px; position: absolute; bottom: 0; background-color: #d9d9d9; }

.main-key-visual1 .swiper-pagination-count { font-weight: 300; font-size: 28px; color: #000; vertical-align: middle; width: auto; text-align: right; float: right; margin-right: 8px; }

.main-key-visual1 .swiper-pagination-current, .main-key-visual1 .swiper-pagination-total { font-size: 40px; display: inline-block; vertical-align: middle; margin: 0 0.5em; }

.main-key-visual1 .swiper-pagination-current { font-weight: 600; }

.main-key-visual1 .swiper-pagination-progressbar { width: 100%; height: 7px; /* margin-right: 53px; */ /* background: #000; */ }

.main-key-visual1 .swiper-pagination-progressbar-fill { background: #000; }

.main-key-visual1 .button-container { position: absolute; left: 0; bottom: 0; z-index: 1; width: 444px; height: 150px; }

.main-key-visual1 .button-container .btn { display: block; position: absolute; right: 0; top: 0; padding: 0 100%; height: 150px; margin-right: 100%; background: #000 url(https://static.hyundailivart.co.kr/assets/images/common/btn_visual_detail.jpg) right center no-repeat; visibility: hidden; opacity: 0; transition: all 0.5s; }

.main-key-visual1 .button-container .btn.on { margin-right: 0; visibility: visible; opacity: 1; }

/*헤더 조합형*/
.main-key-visual8.swiper-container { position: relative; }

.main-key-visual8 { width: 100%; height: 43vw; }

.main-key-visual8 .swiper-wrapper { height: inherit; }

.main-key-visual8 .swiper-slide { overflow: hidden; }

.main-key-visual8 .swiper-slide a { display: block; height: 100%; vertical-align: top; }

.main-key-visual8 .swiper-slide .main-slide-title-area { position: absolute; top: 50%; left: 50%; display: block; width: 1366px; height: auto; margin-top: -50px; margin-left: -683px; }

.main-key-visual8 .swiper-slide .main-slide-subtitle { margin: 0 auto; color: #000; font-size: 26px; }

.main-key-visual8 .swiper-slide .main-slide-subtitle--large { font-weight: 600; font-size: 32px; transform: translateX(400px); opacity: 0; transition: 1s ease-out; }

.main-key-visual8 .swiper-slide .main-slide-subtitle--small { font-weight: 400; font-size: 16px; transform: translateX(400px); opacity: 0; transition: 1s 0.15s ease-out; }

.main-key-visual8 .swiper-slide-active .main-slide-subtitle--large { transform: translateX(0); opacity: 1; }

.main-key-visual8 .swiper-slide-active .main-slide-subtitle--small { transform: translateX(0); opacity: 1; }

.main-key-visual8 .swiper-slide.white .main-slide-title { color: #fff; }

.main-key-visual8 .swiper-slide.white .main-slide-subtitle { color: #fff; }

.main-key-visual8 .swiper-slide.white .main-slide-subtitle--small { color: #fff; }

.main-key-visual8 .swiper-slide.text-left .main-slide-title-area { text-align: left; }

.main-key-visual8 .swiper-slide.text-left .main-slide-title { position: relative; left: -2px; }

.main-key-visual8 .swiper-slide.text-right .main-slide-title-area { text-align: right; }

.main-key-visual8 .swiper-slide.text-center .main-slide-title-area { text-align: center; }

.main-key-visual8 .swiper-slide__btn { position: absolute; right: 80px; top: 67%; display: flex !important; justify-content: center; align-items: center; height: 50px !important; padding: 5px 25px; border-radius: 25px; background-color: rgba(255, 255, 255, 0.3); color: #fff; font-size: 14px; font-weight: 600; }

.main-key-visual8 .swiper-slide__btn i { margin-left: 5px; }

.main-key-visual8 .swiper-slide__btn:hover, .main-key-visual8 .swiper-slide__btn:focus { background-color: #202020; transition: all 0.3s ease-in; }

.main-key-visual8 .embed-container { position: relative; }

.main-key-visual8 .embed-container iframe { transform: translateY(-11%); }

.main-key-visual8 .slide-inner { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-position: center; background-repeat: no-repeat; background-size: cover; }

.main-key-visual8 .copy { position: absolute; bottom: 15px; left: 0; right: 0; text-align: center; color: white; letter-spacing: 0.06em; }

.main-key-visual8 .swiper-control-wrapper { position: absolute; left: 0; bottom: 28px; width: 100%; z-index: 1; }

.main-key-visual8 .swiper-control-wrapper .container, .main-key-visual8 .swiper-control-wrapper .section-title-wrap { height: inherit; display: flex; align-items: center; justify-content: center; gap: 30px; }

.main-key-visual8 .swiper-control-wrapper .navigation-box { position: relative; width: 443px; /* margin-top: 350px; */ overflow: hidden; }

.main-key-visual8 .swiper-control-wrapper .paging-box { display: flex; z-index: 1; align-items: center; justify-content: center; }

.main-key-visual8 .swiper-control-wrapper .swiper-button-prev, .main-key-visual8 .swiper-control-wrapper .swiper-button-next { position: relative; margin: 0; font-size: 16px; font-weight: 600; color: #fff; }

.main-key-visual8 .swiper-control-wrapper .swiper-button-prev { left: 0; }

.main-key-visual8 .swiper-control-wrapper .swiper-button-next { right: 0; }

.main-key-visual8 .swiper-control-wrapper .swiper-control-box { display: flex; align-items: center; gap: 20px; }

.main-key-visual8 .swiper-control-wrapper .swiper-control-box .swiper-button-plus { height: 34px; min-width: 80px; color: #333; font-size: 13px; border-color: #ddd; }

.main-key-visual8 .swiper-control-wrapper .swiper-control-box .swiper-button-pause:hover, .main-key-visual8 .swiper-control-wrapper .swiper-control-box .swiper-button-play:hover { border-color: transparent; }

.main-key-visual8 .swiper-control-wrapper .swiper-control-box .swiper-button-pause:focus, .main-key-visual8 .swiper-control-wrapper .swiper-control-box .swiper-button-play:focus { border-color: transparent; }

.main-key-visual8 .swiper-control-wrapper .container .text, .main-key-visual8 .swiper-control-wrapper .section-title-wrap .text { position: absolute; top: 77px; left: 50%; transform: translate(0, 0); visibility: hidden; opacity: 0; transition: all 0.5s; z-index: 1; }

.main-key-visual8 .swiper-control-wrapper .container .text.on, .main-key-visual8 .swiper-control-wrapper .section-title-wrap .text.on { transform: translate(-50%, 0); visibility: visible; opacity: 1; transition: all 1s; }

.main-key-visual8 .swiper-controls-wrap { position: absolute; left: 0; top: 50%; width: 100%; }

.main-key-visual8 .swiper-controls-wrap > div { width: 70px; height: 70px; background-color: #202020; border-radius: 50%; color: #fff; opacity: 20%; }

.main-key-visual8 .swiper-controls-wrap > div:hover { opacity: 100%; }

.main-key-visual8 .swiper-button-prev { left: 10px; }

.main-key-visual8 .swiper-button-next { right: 10px; }

.main-key-visual8 .swiper-pagination-outer { position: relative; width: 156px; margin: 3px 14px 0 14px; }

.main-key-visual8 .swiper-pagination-outer .swiper-pagination { background: transparent; height: 4px; bottom: 0; }

.main-key-visual8 .swiper-pagination-outer:after { content: ''; width: 100%; height: 2px; position: absolute; bottom: 0; background-color: #d9d9d9; }

.main-key-visual8 .swiper-pagination-count { display: flex; flex-flow: row wrap; align-items: center; font-weight: 300; font-size: 14px; color: #fff; }

.main-key-visual8 .swiper-pagination-current, .main-key-visual8 .swiper-pagination-total { display: inline-block; vertical-align: middle; margin: 0 0.5em; }

.main-key-visual8 .swiper-pagination-current { font-weight: 600; }

.main-key-visual8 .swiper-pagination-progressbar { width: 100%; height: 7px; }

.main-key-visual8 .swiper-pagination-progressbar-fill { background: #fff; }

.main-key-visual8 .button-container { position: absolute; left: 0; bottom: 0; z-index: 1; width: 444px; height: 150px; }

.main-key-visual8 .button-container .btn { display: block; position: absolute; right: 0; top: 0; padding: 0 100%; height: 150px; margin-right: 100%; background: #000 url(https://static.hyundailivart.co.kr/assets/images/common/btn_visual_detail.jpg) right center no-repeat; visibility: hidden; opacity: 0; transition: all 0.5s; }

.main-key-visual8 .button-container .btn.on { margin-right: 0; visibility: visible; opacity: 1; }

/* keyVisual */
.swiper-control-box { display: inline-flex; align-content: center; }

.swiper-control-box .swiper-button-pause, .swiper-control-box .swiper-button-play { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; cursor: pointer; }

.swiper-control-box .swiper-button-pause:hover, .swiper-control-box .swiper-button-pause:focus, .swiper-control-box .swiper-button-play:hover, .swiper-control-box .swiper-button-play:focus { border: 1px solid #eee; }

.swiper-control-box .swiper-button-plus { width: 40px; height: 40px; font-size: 0; }

.swiper-control-box .swiper-button-plus:hover, .swiper-control-box .swiper-button-plus:focus { border: 1px solid #eee; }

/* 삼성keyVisual 카테고리 선택 메뉴 */
.tab-swiper-container { background-color: #272324; }

.tab-swiper-container .container, .tab-swiper-container .section-title-wrap { position: relative; padding-bottom: 40px; }

.tab-swiper-container .container::before, .tab-swiper-container .section-title-wrap::before { content: ''; position: absolute; z-index: 2; left: 0; bottom: 0; display: block; width: 200px; height: 220px; background: linear-gradient(to right, #272324, rgba(0, 0, 0, 0)); }

.tab-swiper-container .container::after, .tab-swiper-container .section-title-wrap::after { content: ''; position: absolute; z-index: 2; right: 0; bottom: 0; display: block; width: 200px; height: 220px; background: linear-gradient(to left, #272324, rgba(0, 0, 0, 0)); }

.tab-swiper-container h3 { padding: 30px 0 20px 0; text-align: center; }

.tab-swiper-container .swiper-slide_lnk { text-align: center; color: #fff; }

.tab-swiper-container .swiper-slide_lnk__cate { display: flex; justify-content: center; align-items: center; overflow: hidden; width: 105px; height: 105px; margin: 0 auto; background-color: #fff; border-radius: 50%; opacity: 0.8; transition: opacity 0.5s; }

.tab-swiper-container .swiper-slide_lnk__cate img { max-width: 84px; }

.tab-swiper-container .swiper-slide_lnk__name { display: block; padding: 5px; font-size: 16px; font-weight: normal; }

.tab-swiper-container .swiper-slide:hover .swiper-slide_lnk__cate, .tab-swiper-container .swiper-slide:focus .swiper-slide_lnk__cate, .tab-swiper-container .swiper-slide-active .swiper-slide_lnk__cate { opacity: 1; }

.tab-swiper-container .swiper-button-next { right: 0; top: 180px; z-index: 14; padding: 10px; color: #fff; }

.tab-swiper-container .swiper-button-prev { left: 0; top: 180px; z-index: 2; padding: 10px; color: #fff; }

/* 삼성keyVisual */
/* 타임 세일 */
.swiper-main-nav-style .paging-box .swiper-button-prev, .swiper-main-nav-style .paging-box .swiper-button-next, .section-lstore-timesale .paging-box .swiper-button-prev, .section-lstore-timesale .paging-box .swiper-button-next, .section-main-best .paging-box .swiper-button-prev, .section-main-best .paging-box .swiper-button-next { width: 40px; height: 40px; top: 13px; padding: 0 20px; color: #000; text-align: center; font-size: 14px; font-weight: 600; font-family: 'Roboto', sans-serif; line-height: 14px; }

.section-main-timesale { position: relative; background-color: #fff; padding: 215px 0 0px; }

.section-main-timesale .section-title-wrap { position: absolute; height: 265px; margin-left: -683px; top: 0; left: 50%; }

.section-main-timesale .section-title__more { right: 1px; }

.section-main-timesale .swiper-container { overflow: visible; }

.section-main-timesale .swiper-slide { width: 360px; opacity: 0.8; }

.section-main-timesale .swiper-slide .product-item { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; filter: gray; transform-origin: 50% 50%; transform: scale(0.9) translate(-50%, -50%); transition: all 0.5s cubic-bezier(0.17, 0.04, 0.03, 0.94); }

.section-main-timesale .swiper-slide .product-item-image { height: 360px; }

.section-main-timesale .swiper-slide .product-item-image img { max-width: 100%; width: auto; height: 100%; }

.section-main-timesale .swiper-slide-active { z-index: 1; opacity: 1; }

.section-main-timesale .swiper-slide-active .product-item { top: 217px; left: 50%; width: 600px; height: 600px; padding: 0; transform-origin: 50% 50%; transform: scale(1) translate(-50%, -50%); filter: none; }

.section-main-timesale .swiper-slide-active .product-item-image { border: 5px solid #000; height: 600px; }

.section-main-timesale .swiper-control-box-wrap { margin-top: 710px; margin-left: 70px; }

.section-main-timesale .swiper-controls--black { margin-top: -177px; }

.section-main-timesale .item-discount-box { top: inherit; bottom: -1px; right: -1px; width: 100px; height: 100px; display: flex; font-size: 26px; align-items: center; justify-content: center; }

.section-main-timesale .paging-box.paging-box-progress1 { width: 543px; }

.section-lstore-timesale .item-icon-tag { top: -50px; left: 0; }

.section-lstore-timesale.is-interval { margin-top: 100px; }

.section-lstore-timesale.is-interval-last { margin-bottom: 100px; }

.section-lstore-timesale .item-icon-tag { position: absolute; top: 0; left: 0; z-index: 10; }

.section-lstore-timesale .section-contents-tab__list li { width: 228px; }

.section-lstore-timesale .btn-more { border-width: 2px; color: #333; font-weight: 600; }

.section-lstore-timesale .paging-box .swiper-pagination-count { right: 58px; }

.section-lstore-timesale .paging-box .swiper-button-prev:before, .section-lstore-timesale .paging-box .swiper-button-next:before { display: none; }

.section-lstore-timesale .paging-box .swiper-button-prev { left: 0; }

.section-lstore-timesale .paging-box .swiper-button-next { right: 0; }

.section-lstore-timesale.contents-bargain { padding: 0; }

.section-lstore-timesale.contents-bargain .swiper-container { margin: 0 0 0 120px; padding-top: 75px; height: 1220px; }

.section-lstore-timesale.contents-bargain .product-item--xxlarge { align-items: center; flex-wrap: wrap; }

.section-lstore-timesale.contents-bargain .product-item--xxlarge .product-item-content { max-width: 420px; }

.section-lstore-timesale.contents-bargain .product-item--medium .product-item-content { max-width: 320px; }

.section-lstore-timesale.contents-bargain .product-item__countdown { display: block; position: absolute; top: 0; right: 0; width: 150px; text-align: right; line-height: 30px; font-size: 18px; letter-spacing: -1px; font-weight: 600; color: #333; }

.section-lstore-timesale.contents-bargain .swiper-slide { z-index: -1; height: 1px; min-height: 1px; padding: 0; }

.section-lstore-timesale.contents-bargain .swiper-slide.swiper-slide-best > div { display: block; top: 0; bottom: initial; z-index: 1; width: 1254px !important; height: 980px; margin-left: 0; opacity: 1; }

.section-lstore-timesale.contents-bargain .swiper-slide.swiper-slide-best > div .item-discount-box { width: 100px; height: 100px; }

.section-lstore-timesale.contents-bargain .swiper-slide.swiper-slide-best > div .item-discount-box .discount { font-size: 26px; }

.section-lstore-timesale.contents-bargain .swiper-slide.swiper-slide-best > div .product-item-content { position: absolute; width: 420px; top: 165px; left: initial; right: 10px; }

.section-lstore-timesale.contents-bargain .swiper-slide.swiper-slide-best > div .product-item-header { position: static; }

.section-lstore-timesale.contents-bargain .swiper-slide.swiper-slide-best > div .product-item__countdown { width: 500px; top: -244px; left: -542px; color: #000; font-size: 50px; line-height: 1.1; }

.section-lstore-timesale.contents-bargain .swiper-slide.swiper-slide-active { opacity: 1 !important; }

.section-lstore-timesale.contents-bargain .swiper-slide.swiper-slide-active > div { margin-left: 160px; opacity: 1; }

.section-lstore-timesale.contents-bargain .swiper-slide.swiper-slide-next { opacity: 1 !important; }

.section-lstore-timesale.contents-bargain .swiper-slide.swiper-slide-next > div { opacity: 1; }

.section-lstore-timesale.contents-bargain .swiper-slide > div { position: absolute; z-index: 1; top: 610px; margin-left: 96px; opacity: 0; }

.section-lstore-timesale.contents-bargain .paging-container { position: absolute; top: 886px; left: 0; z-index: 10; width: 400px; }

.section-lstore-timesale.contents-bargain .paging-container .paging-box { width: 500px; margin: 0; }

.section-lstore-timesale.contents-bargain .paging-container .paging-box .swiper-button-prev, .section-lstore-timesale.contents-bargain .paging-container .paging-box .swiper-button-next { top: 0; height: 20px; margin-top: 0; padding: 0; }

.section-lstore-timesale .swiper-pagination-progressbar-fill { background: #373737; }

.section-lstore-timesale .paging-box { transform: translate(0); }

.section-wide-banner__bullets .swiper-container-horizontal .swiper-pagination-bullets { display: block; position: static; padding-top: 23px; }

.section-wide-banner__bullets .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px; border-radius: 4px; border: 1px solid #333; background-color: transparent; transition: all 0.3s; outline: none; opacity: 0.4; }

.section-wide-banner__bullets .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet:hover, .section-wide-banner__bullets .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet:focus, .section-wide-banner__bullets .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 1px solid #333; background-color: #333; }

.section-wide-banner__bullets .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet-active { opacity: 1; }

.swiper-controls--black { position: absolute; height: 1px; left: 50%; top: 50%; margin-top: -81px; margin-left: -683px; }

.swiper-controls--black .swiper-button-next, .swiper-controls--black .swiper-button-prev { width: 70px; height: 70px; margin: 0; font-weight: 300; color: #fff; opacity: 0.5; background-color: rgba(0, 0, 0, 0.9); }

.swiper-controls--black .swiper-button-next:hover, .swiper-controls--black .swiper-button-prev:hover { opacity: 1; }

.swiper-controls--black .swiper-button-prev { left: 0; }

.swiper-controls--black .swiper-button-next { right: 0; }

.swiper-controls--black2 { position: absolute; height: 1px; left: 50%; top: 55%; margin-top: -81px; margin-left: -683px; }

.swiper-controls--black2 .swiper-button-next, .swiper-controls--black2 .swiper-button-prev { width: 46px; height: 46px; padding: 7px; color: #111; background: linear-gradient(0deg, white 0%, #fff 100%); border: 1px solid #ddd; border-radius: 50%; font-size: 14px; font-weight: 600; opacity: 0.8; }

.swiper-controls--black2 .swiper-button-prev { left: 10px; }

.swiper-controls--black2 .swiper-button-prev::before { content: '\e92b'; }

.swiper-controls--black2 .swiper-button-prev.swiper-button-disabled { opacity: 0.35; }

.swiper-controls--black2 .swiper-button-next { right: 10px; }

.swiper-controls--black2 .swiper-button-next::before { content: '\e92a'; }

.swiper-controls--black2 .swiper-button-next.swiper-button-disabled { opacity: 0.35; }

.timesale-header { position: absolute; left: 50%; top: 78px; z-index: 2; margin-left: -295px; width: 600px; }

.timesale-header__t { position: absolute; left: -80px; top: -78px; width: 190px; height: 190px; padding-top: 20px; background: #333; color: #fff; text-align: center; }

.timesale-header__t .section-title, .timesale-header__t .section-title i { display: block; margin: 15px 0; font-weight: 400; font-style: normal; line-height: 1; }

.timesale-header__t .section-title { margin-top: 23px; font-size: 18px; font-weight: 400; color: #ccc; }

.timesale-header__t i { font-size: 40px; font-weight: 100; }

.timesale-header__d { margin-top: -23px; font-size: 42px; line-height: 1; height: 50px; letter-spacing: 0; font-weight: 400; color: #000; display: flex; justify-content: flex-end; align-items: center; transition: all 0.5s ease-in-out; }

.timesale-header__d em { display: inline-block; margin: -7px 7px 0; line-height: 1; font-style: normal; }

.timesale-header__d .dday { font-weight: 700; display: inline-block; margin-right: 0.5em; color: #000; }

.timesale-header__d .dday__unit { font-size: 44px; font-weight: 400; }

.timesale-header__d .groupbuy-item-goal__num { margin-left: 10px; }

.swiper-controls-wrap { width: 1366px; }

.timesale-clock { display: block; position: relative; width: 56px; height: 56px; margin: 0 auto; border: 2px solid #fff; border-radius: 50%; background: url(../images/common/timer_center.png) center no-repeat; }

.timesale-clock__sec, .timesale-clock__min, .timesale-clock__hour { position: absolute; width: 10px; height: 38px; top: 7px; left: 21px; }

.timesale-clock__sec { background: transparent; z-index: 3; display: none; }

.timesale-clock__min { background: url(../images/common/timer_min.png) center top no-repeat; z-index: 2; }

.timesale-clock__hour { background: url(../images/common/timer_hour.png) center 7px no-repeat; z-index: 1; transform: rotate(115deg); }

.swiper-control-box-wrap { display: flex; position: relative; margin-top: 35px; height: 50px; justify-content: center; align-items: center; }

.swiper-control-box-wrap .swiper-button-prev, .swiper-control-box-wrap .swiper-button-next { position: static; margin: 0; }

.swiper-control-box-wrap .swiper-control-box { margin-left: 30px; }

.paging-box.paging-box-progress1 { position: relative; width: 555px; height: 60px; }

.paging-box.paging-box-progress1 .swiper-pagination-bullet-wrap { padding-top: 11px; }

.paging-box.paging-box-progress1 .swiper-pagination-outer { position: relative; width: 400px; margin: 9px auto 0; }

.paging-box.paging-box-progress1 .swiper-pagination-progressbar { width: 400px; height: 1px; top: 4px; }

.paging-box.paging-box-progress1 .swiper-pagination-progressbar-fill { height: 1px; background-color: #000; }

.paging-box.paging-box-progress1 .swiper-pagination-number { font-weight: 400; }

.paging-box.paging-box-progress1 .swiper-pagination-number-active { color: #000; }

.main-keyvisual5 > .container, .main-keyvisual5 > .section-title-wrap { display: flex; }

.main-keyvisual5__left { position: relative; width: 1046px; height: 360px; flex-grow: 1; }

.main-keyvisual5__left .swiper-slider { width: 1046px; }

.main-keyvisual5__left .section-category-control-wrap { background-color: rgba(0, 0, 0, 0.7); }

.main-keyvisual5__left .section-category-control-wrap div.swiper-button-next:before, .main-keyvisual5__left .section-category-control-wrap div.swiper-button-prev:before { color: #fff; }

.main-keyvisual5__left .section-category-control-wrap div.swiper-pagination-fraction .swiper-pagination-current { color: #fff; }

.main-keyvisual5__right { position: relative; width: 320px; height: 360px; overflow: hidden; flex-grow: 1; }

.main-keyvisual5__right .swiper-container { height: 360px; padding-bottom: 40px; }

.main-keyvisual5__right .swiper-container a { display: inline-flex; width: 320px; height: 108px; margin-top: -1px; padding: 20px; align-items: center; justify-content: center; border: 1px solid #eee; border-top: none; color: #333; }

.main-keyvisual5__right .swiper-container a strong { display: inline-flex; width: 180px; padding-left: 10px; padding-right: 20px; flex-flow: row; flex-grow: 1; font-weight: 400; font-size: 14px; word-break: keep-all; word-wrap: break-word; }

.main-keyvisual5__right .swiper-container a span.image { display: inline-flex; width: 70px; flex-grow: 0; }

.main-keyvisual5__right .swiper-container a:hover, .main-keyvisual5__right .swiper-container a:focus { background-color: #333; border-color: #333; color: #fff; }

.main-keyvisual5__right .swiper-slide { display: block; }

.main-keyvisual5__right .section-category-control-wrap { position: relative; bottom: 0px; width: 320px; height: 40px; margin-top: 0; justify-content: center; background-color: #fff; border: 1px solid #eee; }

.main-keyvisual5__right .section-category-control-wrap .swiper-button-prev, .main-keyvisual5__right .section-category-control-wrap .swiper-button-next { position: static; width: 40px; height: 38px; }

.main-keyvisual5__right .section-category-control-wrap .swiper-button-prev:before, .main-keyvisual5__right .section-category-control-wrap .swiper-button-next:before { color: #777; font-size: 18px; font-weight: 400; opacity: 1; }

.main-keyvisual5__right .section-category-control-wrap .swiper-button-prev:hover:before, .main-keyvisual5__right .section-category-control-wrap .swiper-button-prev:focus:before, .main-keyvisual5__right .section-category-control-wrap .swiper-button-next:hover:before, .main-keyvisual5__right .section-category-control-wrap .swiper-button-next:focus:before { color: #000; }

.main-keyvisual5__right .section-category-control-wrap .swiper-button-prev:before { content: '\eb60'; }

.main-keyvisual5__right .section-category-control-wrap .swiper-button-next:before { content: '\eb61'; }

/* 기획전 */
.section-exhibition .swiper-slide { height: 727px; overflow: hidden; }

.section-exhibition .now-list { position: relative; height: 727px; }

.section-exhibition .now-list .item { position: absolute; width: 360px; height: 360px; overflow: hidden; }

.section-exhibition .now-list .item .img { position: absolute; width: 100%; height: 100%; left: 50%; top: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; transform: translate(-50%, -50%); transition: 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94); }

.section-exhibition .now-list .item:hover .img { width: 120%; height: 120%; }

.section-exhibition .now-list .item .btn .txt-wrap { color: #fff; }

.section-exhibition .now-list .item.white .btn .txt-wrap { color: #fff; }

.section-exhibition .now-list .item.black .btn .txt-wrap { color: #000; }

.section-exhibition .now-list .item .btn:not(.main) { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; visibility: hidden; opacity: 0; text-align: center; color: #fff; background-color: rgba(0, 0, 0, 0.7); transition: 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94); }

.section-exhibition .now-list .item .btn:not(.main):before, .section-exhibition .now-list .item .btn:not(.main):after { content: ''; display: block; position: absolute; left: 50%; top: 50%; margin-top: 120px; background-color: #fff; transform: translate(-50%, -50%); }

.section-exhibition .now-list .item .btn:not(.main):before { width: 19px; height: 1px; }

.section-exhibition .now-list .item .btn:not(.main):after { width: 1px; height: 19px; }

.section-exhibition .now-list .item .btn .brand-tag { display: inline-block; margin-top: 85px; padding: 5px 30px; color: #fff; font-size: 13px; letter-spacing: -0.5px; border: 1px solid #fff; border-radius: 3px; }

.section-exhibition .now-list .item .btn .brand-tag + .brand-txt { margin-top: 25px; }

.section-exhibition .now-list .item .btn .brand-txt { display: block; width: 70%; margin: 110px auto 0; color: #fff; text-align: center; font-size: 30px; font-weight: 400; line-height: 1.2; letter-spacing: -0.5px; word-break: keep-all; }

.section-exhibition .now-list .item .btn .brand-day { display: block; margin-top: 20px; color: #fff; font-size: 16px; }

.section-exhibition .now-list .item .btn .brand-day em { font-style: normal; }

.section-exhibition .now-list .item:hover .btn { visibility: visible; opacity: 1; }

.section-exhibition .now-list .item:nth-child(1) { left: 0; top: 0; }

.section-exhibition .now-list .item:nth-child(2) { left: 0; bottom: 0; }

.section-exhibition .now-list .item:nth-child(3) { right: 0; top: 0; }

.section-exhibition .now-list .item:nth-child(4) { right: 0; bottom: 0; }

.section-exhibition .now-list .item:nth-child(5) { left: 365px; top: 0; width: 637px; height: 727px; }

.section-exhibition .now-list .item:nth-child(5) .btn { display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; }

.section-exhibition .now-list .item:nth-child(5) .btn .txt-wrap { position: absolute; right: 50px; bottom: 80px; z-index: 5; }

.section-exhibition .now-list .item:nth-child(5) .btn .txt-wrap .event-txt { display: block; width: 350px; margin-bottom: 10px; font-size: 16px; font-weight: 400; line-height: 1; text-align: right; }

.section-exhibition .now-list .item:nth-child(5) .btn .txt-wrap .tit { display: block; width: 350px; font-size: 62px; font-weight: 600; line-height: 1; text-align: right; }

.section-exhibition .now-list .item:nth-child(5) .btn .txt-wrap .event-txt-sub { display: block; width: 350px; margin-top: 30px; font-size: 18px; font-weight: 400; line-height: 1; text-align: right; }

.section-exhibition__col2 .swiper-controls--black { margin-top: -35px; }

.section-exhibition__col3 .swiper-wrapper { display: flex; justify-content: space-between; }

.section-exhibition__col3 .swiper-slide { width: 420px; }

.section-exhibition__col3 .swiper-slide a { display: block; height: 100%; }

.section-exhibition__wide-banner .swiper-controls-wrap { margin-top: -336px; }

.contents-item { display: inline-block; padding-bottom: 70px; position: relative; }

.contents-item-text { position: absolute; left: 40px; right: 40px; bottom: 2px; z-index: 0; width: auto; height: 120px; padding: 30px; background: #fff; font-size: 20px; color: #333; line-height: 1.2; box-sizing: border-box; }

.contents-item-text__left { left: 0; }

.contents-item-text dt { margin-bottom: 14px; }

.contents-item-text dd { font-size: 16px; color: #777; line-height: 1.4; letter-spacing: -0.3px; }

.contents-item-image { font-size: 0; overflow: hidden; }

.contents-item-image img { transform: scale(1); transition: all 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94); }

.contents-item--medium { width: 420px; }

.contents-item--small { width: 320px; }

.contents-item--small .contents-item-text { padding: 25px 20px; font-size: 18px; line-height: 1.6; }

.contents-item > a:hover .contents-item-image img { transform: scale(1.2); }

/* 신상품 */
.section-arrival { position: relative; padding-top: 60px; padding-bottom: 50px; }

.section-arrival.section-bg { background-color: #f4f1f1; }

.section-arrival .swiper-slide { width: 100%; background-color: #fff; }

.section-arrival .swiper-slide .float-left a { display: block; font-size: 0; }

.section-arrival .swiper-slide .float-right { padding-right: 35px; }

.section-arrival .product-item { width: 245px; margin: 0 15px; padding: 66px 15px 0; }

.section-arrival .product-item-content { max-width: 245px; }

.section-arrival .product-item-image--circle { width: 245px; height: 245px; }

.section-arrival .product-item-cart { width: 44px; height: 44px; margin: 40px auto; }

.section-arrival .product-item-cart:after { content: ''; display: block; width: 100%; height: 3px; margin-top: 10px; background-color: #000; }

.section-arrival .product-item-price__price { font-size: 24px; }

.section-arrival .product-item-price__price--del { margin-top: 2px; }

.section-arrival .paging-box { display: inline-block; position: relative; width: 615px; height: 20px; margin-top: 35px; padding: 0 125px 0 55px; }

.section-arrival .paging-box .swiper-button-prev { position: absolute; top: 0; left: 0; width: 40px; height: 20px; margin-top: 0; font-size: 14px; color: #000; font-weight: 600; }

.section-arrival .paging-box .swiper-button-prev:before { display: none; }

.section-arrival .paging-box .swiper-button-next { position: absolute; top: 0; right: 0; width: 40px; height: 20px; margin-top: 0; font-size: 14px; color: #000; font-weight: 600; }

.section-arrival .paging-box .swiper-button-next:before { display: none; }

.section-arrival .swiper-controls-wrap { margin-top: -20px; }

.section-arrival .swiper-pagination-outer { margin-top: 10px; }

.section-arrival .swiper-pagination-progressbar { position: relative; width: 100%; height: 2px; background: #fff; }

.section-arrival .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #000; }

.section-arrival .swiper-pagination-count { display: inline-block; position: absolute; right: 55px; top: 0; z-index: 0; color: #fff; }

.section-arrival .swiper-pagination-count .swiper-pagination-current { color: #000; }

.section-arrival .button-main-detail { display: inline-block; width: 399px; bottom: 10px; }

.section-arrival-glg .section-title__more { border: 1px solid #fff; }

.section-arrival-glg .section-title__more:before, .section-arrival-glg .section-title__more:after { content: ''; display: block; position: absolute; left: 50%; top: 50%; background-color: #fff; }

.section-arrival-glg .swiper-slide { width: 100%; background-color: transparent; }

.section-arrival-glg .swiper-slide .float-left a { display: block; font-size: 0; }

.section-arrival-glg .swiper-slide .float-right { padding-right: 35px; }

.section-arrival-glg .product-item { width: 245px; margin: 0 15px; padding: 66px 15px 0; }

.section-arrival-glg .product-item-header__name { font-size: 18px; color: #fff; margin-bottom: 5px; }

.section-arrival-glg .product-item-header__brand { color: #b9b9b9; line-height: 20px; font-weight: 500; border: none; padding: 0; margin: 0; text-align: left; }

.section-arrival-glg .product-item-header { display: flex; flex-direction: column; }

.section-arrival-glg .product-item-header__brand { order: 2; }

.section-arrival-glg .product-item-content { max-width: 245px; }

.section-arrival-glg .product-item-image--circle { width: 245px; height: 245px; }

.section-arrival-glg .product-item-cart { width: 44px; height: 44px; margin: 40px auto; }

.section-arrival-glg .product-item-cart:after { content: ''; display: block; width: 100%; height: 3px; margin-top: 10px; background-color: #000; }

.section-arrival-glg .product-item-price__price { font-size: 24px; color: #fff; }

.section-arrival-glg .product-item-price__price--del { margin-top: 2px; display: none; }

.section-arrival-glg .paging-box { display: inline-block; position: relative; width: 615px; height: 20px; margin-top: 35px; padding: 0 125px 0 55px; }

.section-arrival-glg .paging-box .swiper-button-prev { position: absolute; top: 0; left: 0; width: 40px; height: 20px; margin-top: 0; font-size: 14px; color: #fff; font-weight: 600; }

.section-arrival-glg .paging-box .swiper-button-prev:before { display: none; }

.section-arrival-glg .paging-box .swiper-button-next { position: absolute; top: 0; right: 0; width: 40px; height: 20px; margin-top: 0; font-size: 14px; color: #fff; font-weight: 600; }

.section-arrival-glg .paging-box .swiper-button-next:before { display: none; }

.section-arrival-glg .swiper-controls-wrap { margin-top: -20px; }

.section-arrival-glg .swiper-pagination-outer { margin-top: 10px; }

.section-arrival-glg .swiper-pagination-progressbar { position: relative; width: 100%; height: 2px; background: #ff4b00; }

.section-arrival-glg .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #fff; }

.section-arrival-glg .swiper-pagination-count { display: inline-block; position: absolute; right: 55px; top: 0; z-index: 0; color: #fff; }

.section-arrival-glg .swiper-pagination-count .swiper-pagination-current { color: #fff; }

.section-arrival-glg .button-main-detail { display: inline-block; width: 399px; bottom: 10px; }

/* 신상품 */
#new-items { position: relative; padding-top: 75px; padding-bottom: 70px; }

#new-items.section-bg { background-color: #dfd6d4; }

#new-items .swiper-slide { width: 100%; background-color: #fff; }

#new-items .swiper-slide .float-right { padding-right: 35px; }

#new-items .navigation-box { width: 100%; max-width: 1550px; position: absolute; left: 50%; top: 50%; z-index: 1; margin-top: 50px; transform: translate(-50%, -50%); }

#new-items .navigation-box .swiper-button-next, #new-items .navigation-box .swiper-button-prev { opacity: 0.3; transition: opacity 0.5s; }

#new-items .navigation-box .swiper-button-next { right: 0; }

#new-items .navigation-box .swiper-button-prev { left: 0; }

#new-items .navigation-box .swiper-button-next:hover, #new-items .navigation-box .swiper-button-prev:hover { opacity: 1; }

#new-items .navigation-box .swiper-button-next:after, #new-items .navigation-box .swiper-button-prev:after { display: none; }

#new-items .product-item { width: 245px; margin: 0 15px; padding: 66px 15px 0; }

#new-items .product-item-content { max-width: 245px; }

#new-items .product-item-image--circle { width: 245px; height: 245px; }

#new-items .product-item-cart { width: 44px; height: 44px; margin: 40px auto; }

#new-items .product-item-cart:after { content: ''; display: block; width: 100%; height: 3px; margin-top: 10px; background-color: #000; }

#new-items .paging-box { position: relative; width: 660px; margin-top: 30px; line-height: 20px; }

#new-items .paging-box .swiper-pagination-outer { position: relative; height: 20px; margin: 0 120px 0 55px; overflow: hidden; }

#new-items .paging-box .swiper-pagination { width: 100%; height: 2px; top: 10px; }

#new-items .paging-box .swiper-pagination-count { position: absolute; right: 0; top: 0; }

#new-items .paging-box .swiper-button-prev:after, #new-items .paging-box .swiper-button-next:after { display: none; }

#new-items .paging-box .swiper-button-prev { color: #000; }

#new-items .paging-box .swiper-button-next { color: #000; }

#new-items .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #373737; }

.thumb-video { display: inline-block; position: relative; }

.thumb-video .delete.is-xlarge { position: absolute; top: 10px; right: 10px; }

.thumb-video .icon-play { display: inline-block; width: 170px; height: 110px; background: rgba(0, 0, 0, 0.8); position: absolute; left: 50%; top: 50%; z-index: 10; margin: -55px 0 0 -85px; border-radius: 34px; }

.thumb-video .icon-play:after { content: ''; display: inline-block; position: absolute; left: 50%; top: 50%; z-index: 10; margin: -25px 0 0 -25px; width: 50px; height: 50px; background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -528px -61px; }

/* MEDIA SHOWROOM */
.section-media > .container, .section-media > .section-title-wrap { display: flex; align-items: flex-start; }

.section-media .float-left { float: none; position: relative; padding-bottom: 40px; flex: 1 0 auto; height: 780px; }

.section-media .float-left > a { display: block; position: relative; height: 100%; }

.section-media .float-left .thumb-video { width: 780px; height: 100%; }

.section-media .float-left .thumb-video iframe { width: 780px; height: 780px; }

.section-media .float-right { flex: 0 0 530px; float: none; }

.section-media .product-item-lists--landscape .product-item-image { width: 238px; height: 238px; }

.section-media .product-item-lists--landscape .product-item-header { margin-top: 15px; }

.section-media .product-item-lists--landscape .product-item-header__name { height: 45px; }

.section-media .product-item-lists--landscape .product-item--small { margin-top: 33px; }

.section-media .product-item-lists--landscape .product-item a { width: auto; }

.section-media-2 { padding-top: 75px; padding-bottom: 120px; }

.section-media-2 .fullcover-banner { margin-bottom: 80px; }

.section-media-2 .fullcover-banner-item { width: 388px; height: 226px; padding-top: 50px; font-size: 30px; font-weight: 400; }

.section-media-2 .fullcover-banner-item__text { width: 100%; margin-top: 50px; padding-top: 20px; text-align: center; border-top: 2px solid #fff; }

.section-media-2 .swiper-controls--black { margin-top: -128px; }

.fullcover-banner { position: relative; height: 400px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }

.fullcover-banner__470 { height: 470px; background-color: #777; background-size: inherit; }

.fullcover-banner-item { position: absolute; top: 50%; left: 50%; margin: 0 auto; transform: translate(-50%, -50%); }

.fullcover-banner-item__text { color: #fff; display: block; }

.fullcover-banner-item__img { display: block; }

.fullcover-banner-item__img img { max-width: 100%; }

/* 핫 키워드 */
.hot-keyword-list ul { display: flex; flex-wrap: wrap; justify-content: center; width: 720px; margin: 0 auto; }

.hot-keyword-list ul li { margin: 0 5px 20px; }

.hot-keyword-list ul li a { display: inline-block; height: 60px; padding: 0 25px; height: 100%; background: #fff; border-radius: 30px; border: 1px solid #ccc; font-size: 16px; color: #333; line-height: 3.6em; }

.hot-keyword-list ul li a:focus { background: #333; color: #fff; }

/* 뭉쳐야 싸다 : 공동구매 */
.groupbuy { overflow: hidden; margin: -100px -19px 0; font-size: 0; }

.groupbuy .product-item-content:after { content: ''; clear: both; display: block; }

.groupbuy-item { display: inline-block; width: 350px; margin: 100px 0 0; padding: 0 15px; }

.groupbuy-item-goal { overflow: hidden; margin-top: 15px; }

.groupbuy-item-goal > * { display: block; color: #000; font-weight: 400; font-size: 16px; }

.groupbuy-item-goal__bar { position: relative; width: 100%; height: 5px; margin: 0 0 20px 0; background: #000; }

.groupbuy-item-goal__bar--g { position: absolute; top: 0; left: 0; height: 5px; background: #7dc4f1; }

.--progress-move .groupbuy-item-goal__bar--g { animation: aniProgress 2s ease-in-out; }

.groupbuy-item-goal__num { float: left; }

.groupbuy-item-goal__num i { font-style: normal; }

.groupbuy-item-goal__num .icon-thumb { display: inline-block; margin-right: 7px; margin-top: -8px; vertical-align: middle; }

.groupbuy-item-goal__day { float: right; }

.groupbuy-item--amount { float: right; font-size: 16px; color: #333; }

.groupbuy-item--amount > span { display: inline-block; margin: 0 0 0 5px; }

.groupbuy-item--success .groupbuy-item-goal__bar--g { background: #f12e5c; }

.groupbuy-item--success .groupbuy-item-goal__num { color: #f12e5c; text-align: right; }

.groupbuy .groupbuy-item--large { width: 472px; padding: 0 26px; }

.groupbuy .groupbuy-item--large .product-item-image { width: 420px; height: 420px; }

.item-tag { display: block; position: absolute; z-index: 2; }

.item-tag__item { overflow: hidden; display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; line-height: 20px; color: #fff; font-size: 16px; font-weight: 400; text-align: center; padding: 12px 0; }

.item-tag__item--small { font-size: 12px; }

.item-tag__item--black { background-color: #222; }

.item-tag__item--red { background-color: #f12e5c; }

.item-tag__item--orange { background-color: #ff8d39; }

.item-tag__item--blue { background-color: #0066ff; }

.item-tag__item--mint { background-color: #10cfbb; }

.item-tag__item--brown { background-color: #9d8474; }

.groupbuy-item-large-lists { margin: -100px -25px 0; }

@keyframes aniProgress { 0% { transform: translate(-100%, 0); }
  100% { transform: translate(0, 0); } }

.best-nav { margin: 50px auto; text-align: center; }

.section-fullcover-slide { margin: 20px 0 60px; }

/* 컬렉션 */
.section-main-collection__swiper .swiper-controls--black { margin-top: -20px; }

.section-main-collection .tabs ul { border-bottom: none; padding-bottom: 30px; }

.section-main-collection .tabs ul li { position: relative; border-bottom: 2px solid #202020; font-size: 16px; color: #202020; }

.section-main-collection .tabs ul li a { padding: 0.5em 5em; }

.section-main-collection .tabs ul li.is-active { border-top: 2px solid #202020; border-left: 2px solid #202020; border-right: 2px solid #202020; border-bottom: none; z-index: 1; }

.section-main-collection .tabs ul li + li { left: -1px; }

.section-main-collection-wrap { display: flex; justify-content: space-between; gap: 60px; }

.section-main-collection-wrap + .section-main-collection-wrap { margin-top: 60px; padding-top: 60px; border-top: 1px solid #e1e1e1; }

.section-main-collection__main { flex-basis: 840px; width: 840px; }

.section-main-collection__product { flex: 1; }

.section-main-collection__product__text { position: relative; }

.section-main-collection__product__text h3 { font-size: 14px; color: #202020; }

.section-main-collection__product__text h4 { padding: 12px 0 9px 0; font-size: 24px; font-weight: 600; color: #202020; }

.section-main-collection__product__text p { max-width: 375px; font-size: 15px; color: #333; }

.section-main-collection__product__text .lnk { display: block; margin: 18px 0 26px 0; font-size: 13px; color: #ababab; text-decoration: underline; }

.section-main-collection__product__text .icomap { position: absolute; right: 0; top: 0; display: flex; flex-direction: column; align-items: center; text-align: center; color: #9b9b9b; }

.section-main-collection__product__text .icomap span { display: flex; justify-content: center; align-items: center; width: 62px; height: 62px; margin-bottom: 10px; background-color: #f6f6f6; border-radius: 50%; }

.section-main-collection__product .product-item-small-lists { display: flex; flex-direction: row; gap: 20px; }

.section-main-collection__product .product-item-header__kinds { display: none; }

.section-main-collection__product .product-item-header__name { height: 20px; -webkit-line-clamp: 1; }

.section-main-collection__product .product-item--small { width: 220px; }

.section-main-collection__product .product-item-image { width: 220px; height: 220px; }

/* 베스트 아이템 */
.section-main-best { position: relative; z-index: 1; }

.section-main-best .section-block { height: 920px; margin-top: 64px; background: url(https://static.hyundailivart.co.kr/assets/images/bg_bestseller.jpg) center top no-repeat; }

.section-main-best .product-item--xlarge { position: absolute; top: 0; left: 0; }

.section-main-best .product-item--xlarge .product-item-content { max-width: 640px; }

.section-main-best .swiper-container { margin: 0 0 -20px auto; width: 675px; height: auto; }

.section-main-best .paging-box .swiper-pagination-count { right: 58px; }

.section-main-best .paging-box .swiper-button-prev:before, .section-main-best .paging-box .swiper-button-next:before { display: none; }

.section-main-best .paging-box .swiper-button-prev { left: 0; }

.section-main-best .paging-box .swiper-button-next { right: 0; }

.section-main-best .product-items-box > ul { margin: 107px 0 0; }

.section-main-best .product-items-box > ul > li { display: inline-block; margin: 60px 0 0; vertical-align: top; }

.section-main-best .product-items-box > ul > li > ul { margin: 0 -15px; }

.section-main-best .product-items-box > ul > li > ul > li { display: inline-block; margin: 0 15px 40px; vertical-align: top; }

.section-main-best .swiper-slide { height: auto; background-color: transparent; }

.section-main-best .paging-container { position: absolute; top: 111px; left: 248px; z-index: 20; width: auto; height: 20px; }

.section-main-best .paging-container .paging-box { width: 500px; margin: 0; }

.section-main-best .paging-container .paging-box .swiper-button-prev, .section-main-best .paging-container .paging-box .swiper-button-next { top: 0; height: 20px; margin-top: 0; padding: 0; }

/* 리바트 꿀팁 */
#main-tip .section-block { height: 932px; margin-top: 52px; background: url(https://static.hyundailivart.co.kr/assets/images/bg_onlylivart.jpg) center top no-repeat; }

/* best review */
.section-best-review { background-color: #f5f5f5; }

.section-best-review .product-review-stats-area { margin-top: 10px; }

.section-best-review .product-review-stats-area:after { content: ''; clear: both; display: block; }

.section-best-review .swiper-slide { filter: gray; opacity: 0.5; transition: all 0.5s cubic-bezier(0.17, 0.04, 0.03, 0.94); }

.section-best-review .swiper-slide-active { filter: none; opacity: 1; }

.section-best-review .swiper-slide .product-item { background: #fff; }

.section-best-review .swiper-slide .product-item--medium { width: 420px; }

.section-best-review .swiper-slide .product-item--medium .product-item-image { width: 420px; height: 420px; }

.section-best-review .swiper-slide .product-item--large { width: 440px; }

.section-best-review .swiper-slide .product-item--large .product-item-image { width: 440px; height: 440px; }

.section-best-review .product-item-header__name { margin-bottom: 5px; color: #1a1a1a; }

.section-best-review .product-item-content { padding: 0 35px; }

.section-best-review .product-item-body { margin-bottom: 25px; color: #333; }

.section-best-review .product-item-body__desc { margin-bottom: 17px; line-height: 1.4; color: #1a1a1a; }

.section-best-review .product-item-body__writer { margin-top: 10px; font-size: 16px; color: #666; }

.section-best-review .product-item-body__date { color: #666; }

.section-best-review .product-item-body__date:before { display: inline-block; margin: -4px 10px 0; content: '|'; font-size: 14px; font-weight: 400; line-height: 1; vertical-align: middle; }

.section-best-review .product-item-stats { clear: both; margin-bottom: 15px; }

.section-best-review .product-item-stats:after { display: block; clear: both; content: ''; }

.section-best-review .product-item-heart__num { display: inline-block; color: #aaa; font-size: 17px; font-weight: 400; line-height: 20px; vertical-align: middle; }

.section-best-review .product-item-heart:hover .product-item-heart__num { color: #aaa; }

.section-best-review .product-item-related { border-top: 1px solid #000; margin: 0 35px; padding-top: 30px; padding-bottom: 30px; }

.section-best-review .related-item-header__name { color: #1a1a1a; }

.section-best-review .more { display: block; position: absolute; bottom: 0px; left: 50%; width: 100px; height: 100px; margin-left: -50px; border: 1px solid #e5e5e5; background-color: #fff; text-indent: -999em; }

.section-best-review .more:before, .section-best-review .more:after { content: ''; display: block; position: absolute; left: 50%; top: 50%; background-color: #cacaca; }

.section-best-review .more:before { width: 1px; height: 40px; margin: -20px 0 0 0; }

.section-best-review .more:after { width: 40px; height: 1px; margin: 0 0 0 -20px; }

.section-best-review .swiper-controls--black { margin-top: -20px; }

.section-best-review--col4 .swiper-slide { width: 360px; flex: 0 0 auto; }

.section-best-review--col4 .swiper-slide .product-item { width: 320px; margin: 0 20px; }

.section-best-review--col4 .swiper-controls--black { width: 1040px; margin-top: -45px; margin-left: -520px; }

/* 이상품 어때요 */
.section-main-custom .swiper-controls--black { margin-top: -124px; }

.section-main-custom .groupbuy { margin-top: -50px; margin-bottom: 15px; }

.section-main-custom .groupbuy-item { display: inline-block; margin: 50px 0 0; vertical-align: top; }

.section-main-custom .groupbuy-item--amount { font-size: 14px; letter-spacing: -1px; line-height: 2; }

.section-main-custom .groupbuy-item-goal { margin-top: 0; }

.section-main-custom .groupbuy-item .product-item .product-item-image { width: 320px; height: 320px; }

.section-main-custom .groupbuy-item .product-item .product-item-image img { width: auto; height: 100%; max-width: inherit; }

.section-main-custom--3 .swiper-controls--black { margin-top: -124px; }

.section-main-custom--3 .groupbuy { margin-top: -50px; }

.section-main-custom--3 .groupbuy-item { display: inline-block; margin: 50px 0 0; vertical-align: top; }

.section-main-custom--3 .groupbuy-item--amount { font-size: 16px; letter-spacing: -1px; line-height: 2; }

.section-main-custom--3 .groupbuy-item-goal { margin-top: 0; }

.section-main-custom--5 .tab-block-img ul { display: flex; justify-content: center; align-items: center; padding: 0 0 40px 0; }

.section-main-custom--5 .tab-block-img ul .tab-block-item { margin: 0; }

.section-main-custom--5 .tab-block-img ul .tab-block-item a { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 130px; }

.section-main-custom--5 .tab-block-img ul .tab-block-item a em { overflow: hidden; border-radius: 50%; width: 110px; height: 110px; }

.section-main-custom--5 .tab-block-img ul .tab-block-item a em img { width: 100%; height: 100%; }

.section-main-custom--5 .tab-block-img ul .tab-block-item a span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; max-width: 110px; padding: 5px; height: 50px; line-height: 1.5; box-sizing: border-box; color: #202020; }

.section-main-custom--5 .tab-block-img ul .tab-block-item a em + span { margin-top: 15px; }

.section-main-custom--5 .tab-block-img ul .tab-block-item.is-active em::before { content: ''; position: absolute; width: 110px; height: 110px; border-radius: 50%; border: 1px solid #202020; transform: scale(1.08); }

.section-main-custom--5 .swiper-slide { flex-shrink: 0; width: 250px; margin-right: 29px; }

.section-main-custom--glg .section-title__more { border: 1px solid #fff; }

.section-main-custom--glg .section-title__more::before, .section-main-custom--glg .section-title__more::after { background-color: #fff; }

.section-main-custom--glg .swiper-slide { width: 319px; margin-right: 30px; }

.section-main-custom--glg .product-item-header { width: inherit; display: flex; flex-direction: column; }

.section-main-custom--glg .product-item-header__name { color: #fff; font-size: 18px; line-height: 25px; font-weight: 600; margin-bottom: 5px; height: auto; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.section-main-custom--glg .product-item-header__brand { color: #b9b9b9; font-size: 14px; line-height: 20px; font-weight: 500; border: none; padding: 0; margin: 0; text-align: left; order: 2; }

.section-main-custom--glg .product-item-header__kinds { display: none; }

.section-main-custom--glg .product-item-price { width: inherit; justify-content: flex-start; align-items: center; }

.section-main-custom--glg .product-item-price span { color: #fff; font-size: 18px; height: 25px; line-height: 25px; font-weight: 400; margin: 0; }

.section-main-custom--glg .product-item-price__price--del { display: none; text-align: left; font-size: 14px; margin-left: 0px; }

.section-main-custom--glg .product-item-price__discount { display: none; color: #ff4646 !important; margin-left: auto !important; }

.section-main-custom--glg .product-item-category { border-color: rgba(255, 255, 255, 0.2); }

.section-main-custom--glg .product-item-medium-lists .best-rank { color: #fff; }

.section-main-custom--glg .product-item-medium-lists .best-rank:before { background-color: #fff; }

.section-main-custom--glg .product-item-large-lists .best-rank { color: #fff; }

.section-main-custom--glg .product-item-large-lists .best-rank:before { background-color: #fff; }

.section-main-custom--glg .tab-block .inner { display: flex; justify-content: center; align-items: center; gap: 40px; margin-top: 65px; margin-bottom: 40px; }

.section-main-custom--glg .tab-block .inner-item { margin: 0 0px; }

.section-main-custom--glg .tab-block-item { margin: 0px; }

.section-main-custom--glg .tab-block-item__btn { padding: 5px 0; font-size: 15px; color: #fff; font-weight: 400; }

.section-main-custom--glg .tab-block-item__btn::after { display: none; }

.section-main-custom--glg .tab-block-item:hover .tab-block-item__btn { color: #fff; font-weight: 400; }

.section-main-custom--glg .tab-block-item.is-active .tab-block-item__btn { font-weight: 400; color: #fff; border-bottom: 2px solid #fff; }

.section-main-custom--glg .tab-block-item.is-active .tab-block-item__btn:after { width: 100%; }

/* 허브: 각 관 게이트 */
.section-main-gate ul { display: flex; flex-flow: row wrap; }

.section-main-gate li { flex: 1; }

.section-main-gate li + li { margin-left: 20px; }

.section-main-gate li a .contents-item { overflow: hidden; position: relative; margin: 0; padding: 0; border-radius: 15px; }

.section-main-gate li a .contents-item img { display: block; transform: scale(1); transition: transform 0.5s ease-in-out; }

.section-main-gate li a .contents-item-detail { position: absolute; left: 0; top: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); color: #fff; opacity: 1; transition: opacity 0.5s ease-in-out; }

.section-main-gate li a .contents-item-detail strong { display: block; font-size: 24px; }

.section-main-gate li a .contents-item-detail span { display: block; font-size: 16px; font-weight: 200; }

.section-main-gate li a:hover .contents-item img { transform: scale(1.15); }

.section-main-gate li a:hover .contents-item-detail { opacity: 0; }

/* 허브: 매장안내 */
.section-main-shop { position: relative; }

.section-main-shop img { display: block; }

.section-main-shop a > span { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); justify-content: center; align-items: center; padding: 8px 24px; display: flex; background-color: rgba(255, 255, 255, 0.7); color: #202020; font-size: 14px; border-radius: 50px; font-weight: 500; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1); }

.section-main-shop .main-slide-title { font-size: 28px; font-weight: bold; margin-bottom: 24px; }

.section-main-shop .main-slide-title-area { top: 50px; left: 110px; position: absolute; display: flex; flex-direction: column; justify-content: center; color: #fff; letter-spacing: -0.04rem; line-height: 1.6; }

.section-main-shop .main-slide-subtitle { font-size: 18px; margin-bottom: 8px; font-weight: bold; }

.section-main-shop .main-slide-subtitle-small { opacity: 0.8; }

.section-main-shop-cs { position: relative; }

.section-main-shop-cs .container, .section-main-shop-cs .section-title-wrap { width: 1086px; }

.section-main-shop-cs .container img, .section-main-shop-cs .section-title-wrap img { display: block; }

.section-main-shop-cs .container span, .section-main-shop-cs .section-title-wrap span { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); justify-content: center; align-items: center; padding: 8px 24px; display: flex; background-color: rgba(255, 255, 255, 0.7); color: #202020; font-size: 14px; border-radius: 50px; font-weight: 500; box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1); }

.section-main-personal .container, .section-main-personal .section-title-wrap { overflow: hidden; position: relative; border-radius: 10px; box-shadow: 0px 18px 22.8px 0px #00000040; }

.section-main-personal .main-slide-title { font-size: 18px; font-weight: 600; }

.section-main-personal .main-slide-title-area { position: absolute; padding: 20px 70px; display: flex; flex-direction: column; justify-content: center; height: 100%; color: #fff; }

.section-main-personal img { display: block; }

.section-main-button { position: relative; }

.section-main-button img { display: block; }

.section-main-button .main-slide-btn { font-size: 14px; display: flex; justify-content: center; align-items: center; width: 200px; height: 50px; padding: 8px 5px; color: #fff; border: 1px solid #fff; text-align: center; background-color: transparent; gap: 4px; }

.section-main-button .main-slide-btn.btn-coupon { color: #000; background-color: #fff; }

.section-main-button .main-slide-btn.btn-coupon .i-login { width: 18px; height: 18px; fill: #000; margin-bottom: 1px; }

.section-main-button .main-slide-btn-area { position: absolute; top: 50%; right: 40px; transform: translateY(-50%); display: flex; flex-direction: column; gap: 20px; }

.section-wide-banner { position: relative; }

.section-wide-banner .swiper-wrapper { height: 520px; }

.section-wide-banner .swiper-slide { overflow: hidden; background-color: #333; font-size: 0; }

.section-wide-banner .swiper-slide a { display: flex; align-items: center; height: 100%; vertical-align: top; }

.section-wide-banner .swiper-slide .slide-inner { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-position: center; background-repeat: no-repeat; background-size: cover; }

.section-wide-banner .swiper-slide img { margin: 0 auto; }

.section-wide-banner .swiper-slide .main-slide-title-area { width: 1110px; margin: 0 auto; }

.section-wide-banner .swiper-slide .main-slide-title { margin: 30px 0; color: #000; font-size: 66px; font-weight: 600; line-height: 1; }

.section-wide-banner .swiper-slide .main-slide-subtitle { margin: 30px 0; color: #000; font-size: 26px; font-weight: 400; line-height: 1; }

.section-wide-banner .swiper-slide .main-slide-subtitle--small { margin-top: 70px; font-size: 18px; color: #000; line-height: 1; }

.section-wide-banner .swiper-slide.white .main-slide-title { color: #fff; }

.section-wide-banner .swiper-slide.white .main-slide-subtitle { color: #fff; }

.section-wide-banner .swiper-slide.white .main-slide-subtitle--small { color: #fff; }

.section-wide-banner__520 .swiper-slide { text-align: left; }

.section-wide-banner__400 .swiper-wrapper { height: 400px; }

.section-wide-banner__400 .swiper-slide { text-align: center; }

.section-wide-banner__400 .swiper-controls--black { margin-top: -34px; }

.section-wide-banner__320 .swiper-wrapper { height: 320px; }

.section-wide-banner__320 .swiper-slide { text-align: center; }

.section-wide-banner__320 .swiper-slide .main-slide-title { font-size: 60px; }

.section-wide-banner__320 .swiper-slide .main-slide-subtitle { font-size: 20px; }

.section-wide-banner__320 .swiper-controls--black { margin-top: -56px; }

.section-wide-banner__220 .swiper-wrapper { height: 220px; }

.section-wide-banner__220 .swiper-slide { text-align: left; }

.section-wide-banner__220 .swiper-slide .main-slide-title-area { width: 1110px; }

.section-wide-banner__220 .swiper-slide .main-slide-title { margin: 20px 0; font-size: 46px; }

.section-wide-banner__220 .swiper-slide .main-slide-subtitle { margin: 20px 0; font-size: 20px; }

.section-wide-banner__220 .swiper-controls--black { margin-top: -59px; }

.section-fullcover-slide .swiper-control-box-wrap { margin-top: 10px; }

.related-item a { display: table; table-layout: fixed; width: 100%; }

.related-item-image { display: table-cell; width: 90px; vertical-align: top; }

.related-item-image img { width: 90px; height: 90px; }

.related-item-header__brand { display: block; margin-bottom: 8px; color: #787878; font-size: 14px; font-weight: 400; line-height: 1.1; }

.related-item-header__name { display: block; margin-bottom: 7px; color: #1a1a1a; font-size: 16px; line-height: 1.1; }

.related-item-content { display: table-cell; padding-top: 8px; padding-left: 30px; vertical-align: middle; }

.related-item-price { display: block; color: #787878; }

.related-item-price__price { font-size: 16px; }

.related-item-price .unit { font-size: 13px; }

.main-coupon { font-size: 0; margin-top: 0; text-align: center; }

.main-coupon-item { display: inline-block; }

.main-coupon-item img { max-width: 100%; }

/* notice */
.latest-title-wrap { position: relative; height: 73px; padding: 0 35px; line-height: 73px; border-top: 2px solid #000; border-bottom: 1px solid #000; color: #000; font-size: 25px; }

.latest-title-more { position: absolute; top: 14px; right: 18px; padding: 10px; }

.latest-list { margin-top: 30px; }

.latest-list__title { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

.latest-list__date { position: absolute; right: 0; top: 0; }

.latest-list.dot-list > li { color: #000; margin-bottom: 1.5em; line-height: 1.1; }

.latest-list.dot-list > li:before { content: '-'; }

.latest-list.dot-list > li a { display: block; position: relative; padding-right: 81px; color: #000; }

.latest-list.dot-list > li a:hover { text-decoration: underline; }

.main-notice { position: relative; z-index: 1; }

.main-notice .float-left { width: 50%; padding-right: 16px; }

.main-notice .latest-list { margin-left: 35px; margin-right: 29px; }

.main-notice .float-right { width: 50%; padding-left: 16px; }

.main-notice .section-contents-item__search--not { margin: 35px 0; padding-top: 0; }

.main-notice .section-contents-item__search--not .icon-wrap { margin-bottom: 30px; }

.main-notice .cust-content { color: #000; margin-left: 16px; padding: 0 35px; }

.main-notice .cust-content__strong { font-size: 50px; font-weight: 700; }

.main-notice .cust-content__desc { font-size: 14px; margin-bottom: 30px; }

.main-notice .cust-content__desc strong { font-weight: 700; }

.main-notice .cust-content__button { display: block; width: 150px; height: 40px; margin-bottom: 10px; padding: 0; color: #000; border: 1px solid #000; line-height: 40px; font-size: 15px; text-align: center; }

.main-notice .cust-content__button:hover { background-color: #f1f1f1; }

.btn-detail-view { display: block; position: absolute; left: 50%; bottom: 0; width: 950px; height: 60px; line-height: 60px; background: #000; text-align: center; color: #fff; transform: translate(-50%, 0); }

.btn-detail-bar { display: block; position: fixed; z-index: 3; left: 0; bottom: 0; width: 100%; height: 60px; background: url(https://static.hyundailivart.co.kr/assets/images/common/bg_detail_bar.jpg) center top no-repeat; }

#tabDetail { position: absolute; top: 733px; left: 50%; width: 1366px; height: 60px; transform: translate(-50%, 0); background: #fff; }

.tab-detail { position: absolute; top: 0; left: 0; width: 100%; height: 60px; display: table; }

.tab-detail li { display: table-cell; align-items: center; justify-content: center; text-align: center; border: 1px solid #cacaca; border-left: 0 none; width: 25%; }

.tab-detail li a { display: block; color: #cacaca; height: 60px; line-height: 58px; font-size: 20px; }

.tab-detail li.active { border-color: transparent; }

.tab-detail li.active a { background: #000; color: #fff; }

@keyframes page { 0% { right: 0;
    visibility: hidden;
    opacity: 0; }
  100% { right: 165px;
    visibility: visible;
    opacity: 1; } }

.modal-background__scroll { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.75); }

.modal-card__banner { background-color: transparent; width: 100%; min-height: 520px; padding: 0; }

.modal-card__banner .modal-card-head { padding: 0 0 30px 0; border: none; background-color: transparent; }

.modal-card__banner .modal-card-head .modal-card-title { color: #fff; text-align: center; }

.modal-card__banner .modal-card-head .delete { width: 50px; height: 50px; max-width: 50px; max-height: 50px; min-width: 50px; min-height: 50px; }

.modal-card__banner .modal-card-head .delete::before, .modal-card__banner .modal-card-head .delete::after { background-color: #fff; }

.modal-card__banner .modal-card-body { overflow-x: hidden; background: transparent; padding: 0; }

.modal-card__banner .modal-card-body::-webkit-scrollbar { width: 10px; }

.modal-card__banner .modal-card-body::-webkit-scrollbar-thumb { border-radius: 5px; background-color: rgba(255, 255, 255, 0.6); }

.modal-card__banner .modal-card-body__list { width: 1366px; height: 100%; margin: 0 auto; }

.modal-card__banner .modal-card-body__list li { float: left; width: 670px; height: 192px; margin-top: 20px; }

.modal-card__banner .modal-card-body__list li:nth-child(1), .modal-card__banner .modal-card-body__list li:nth-child(2) { margin-top: 0; }

.modal-card__banner .modal-card-body__list li:nth-child(odd) { margin-right: 10px; }

.modal-card__banner .modal-card-body__list li:nth-child(even) { margin-left: 10px; }

.modal-card__banner .modal-card-body__list li a { display: flex; align-items: center; width: 100%; height: 100%; background-size: contain !important; color: #000; }

.modal-card__banner .modal-card-body__list li a.white { color: #fff; }

.modal-card__banner .modal-card-body__list li a .main-slide-title-area { width: 100%; padding: 0 50px; }

.modal-card__banner .modal-card-body__list li a .main-slide-title { font-size: 34px; font-weight: 600; line-height: 1.3; letter-spacing: -0.5px; }

.modal-card__banner .modal-card-body__list li a .main-slide-subtitle { font-size: 16px; }

.modal-card__banner .modal-card-body__list li img { width: 100%; }

.modal-card__banner .swiper-main-nav-style .paging-box { position: relative; left: auto; z-index: 5; margin-top: 30px; width: 350px; transform: none; }

.modal-card__banner .swiper-main-nav-style .paging-box .swiper-button-prev, .modal-card__banner .swiper-main-nav-style .paging-box .swiper-button-next { top: 50%; margin-top: -20px; color: #fff; }

.modal-card__banner .swiper-main-nav-style .paging-box .swiper-button-prev::before, .modal-card__banner .swiper-main-nav-style .paging-box .swiper-button-next::before { display: none; }

.modal-card__banner .swiper-main-nav-style .paging-box .swiper-pagination-progressbar { background-color: #888; }

.modal-card__banner .swiper-main-nav-style .paging-box .swiper-pagination-progressbar-fill { background-color: #fff; }

.modal-card__banner .swiper-main-nav-style .paging-box .swiper-pagination-count, .modal-card__banner .swiper-main-nav-style .paging-box .swiper-pagination-total { color: #888; }

.modal-card__banner .swiper-main-nav-style .paging-box .swiper-pagination-current { font-weight: 400; color: #fff; }

.modal-card__banner .swiper-main-nav-style .paging-box .swiper-pagination-outer { margin-right: 70px; margin-left: 0; }

.modal-card__banner .swiper-container { width: 100%; height: 400px; padding-bottom: 50px; margin-left: auto; margin-right: auto; }

.modal-card__banner .swiper-slide { text-align: center; font-size: 0; background: transparent; height: calc((100% - 30px) / 2); /* Center slide text vertically */ display: flex; justify-content: center; align-items: center; }

.modal-card__banner .swiper-slide img { max-width: 100%; width: 100%; }

.modal-card__banner7 { background-color: transparent; width: 100%; min-height: 520px; padding: 0; }

.modal-card__banner7 .modal-card-head { padding: 0 0 30px 0; border: none; background-color: transparent; }

.modal-card__banner7 .modal-card-head .modal-card-title { color: #fff; text-align: center; }

.modal-card__banner7 .modal-card-head .delete { width: 50px; height: 50px; max-width: 50px; max-height: 50px; min-width: 50px; min-height: 50px; }

.modal-card__banner7 .modal-card-head .delete::before, .modal-card__banner7 .modal-card-head .delete::after { background-color: #fff; }

.modal-card__banner7 .modal-card-body { overflow-x: hidden; background: transparent; padding: 0; }

.modal-card__banner7 .modal-card-body::-webkit-scrollbar { width: 10px; }

.modal-card__banner7 .modal-card-body::-webkit-scrollbar-thumb { border-radius: 5px; background-color: rgba(255, 255, 255, 0.6); }

.modal-card__banner7 .modal-card-body__list { width: 1366px; height: 100%; margin: 0 auto; }

.modal-card__banner7 .modal-card-body__list li { float: left; width: 435px; height: 268px; margin: 10px; }

.modal-card__banner7 .modal-card-body__list li a { display: block; width: 100%; height: 100%; background-size: contain !important; color: #000; }

.modal-card__banner7 .modal-card-body__list li a.white { color: #fff; }

.modal-card__banner7 .modal-card-body__list li a .swiper-txt { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; width: 100%; height: 100%; padding: 0 35px 90px 35px; }

.modal-card__banner7 .modal-card-body__list li a .swiper-title { display: block; width: 100%; padding: 1px 0; font-size: 23px; line-height: 1.3; letter-spacing: -0.5px; }

.modal-card__banner7 .modal-card-body__list li a .swiper-title strong { display: block; font-weight: 800; }

.modal-card__banner7 .modal-card-body__list li a .swiper-desc { display: block; width: 100%; padding: 1px 0; font-size: 13px; }

.modal-card__banner7 .modal-card-body__list li a .swiper-desc span { display: block; }

.modal-card__banner7 .modal-card-body__list li img { width: 100%; }

.modal-card__banner7 .swiper-main-nav-style .paging-box { position: relative; left: auto; z-index: 5; margin-top: 30px; width: 350px; transform: none; }

.modal-card__banner7 .swiper-main-nav-style .paging-box .swiper-button-prev, .modal-card__banner7 .swiper-main-nav-style .paging-box .swiper-button-next { top: 50%; margin-top: -20px; color: #fff; }

.modal-card__banner7 .swiper-main-nav-style .paging-box .swiper-button-prev::before, .modal-card__banner7 .swiper-main-nav-style .paging-box .swiper-button-next::before { display: none; }

.modal-card__banner7 .swiper-main-nav-style .paging-box .swiper-pagination-progressbar { background-color: #888; }

.modal-card__banner7 .swiper-main-nav-style .paging-box .swiper-pagination-progressbar-fill { background-color: #fff; }

.modal-card__banner7 .swiper-main-nav-style .paging-box .swiper-pagination-count, .modal-card__banner7 .swiper-main-nav-style .paging-box .swiper-pagination-total { color: #888; }

.modal-card__banner7 .swiper-main-nav-style .paging-box .swiper-pagination-current { font-weight: 400; color: #fff; }

.modal-card__banner7 .swiper-main-nav-style .paging-box .swiper-pagination-outer { margin-right: 70px; margin-left: 0; }

.modal-card__banner7 .swiper-container { width: 100%; height: 400px; padding-bottom: 50px; margin-left: auto; margin-right: auto; }

.modal-card__banner7 .swiper-slide { text-align: center; font-size: 0; background: transparent; height: calc((100% - 30px) / 2); /* Center slide text vertically */ display: flex; justify-content: center; align-items: center; }

.modal-card__banner7 .swiper-slide img { max-width: 100%; width: 100%; }

.modal-card__banner9 { background-color: transparent; width: 100%; min-height: 520px; padding: 0; }

.modal-card__banner9 .modal-card-head { padding: 0 0 30px 0; border: none; background-color: transparent; }

.modal-card__banner9 .modal-card-head .modal-card-title { color: #fff; text-align: center; }

.modal-card__banner9 .modal-card-head .delete { width: 50px; height: 50px; max-width: 50px; max-height: 50px; min-width: 50px; min-height: 50px; }

.modal-card__banner9 .modal-card-head .delete::before, .modal-card__banner9 .modal-card-head .delete::after { background-color: #fff; }

.modal-card__banner9 .modal-card-body { overflow-x: hidden; background: transparent; padding: 0; }

.modal-card__banner9 .modal-card-body::-webkit-scrollbar { width: 10px; }

.modal-card__banner9 .modal-card-body::-webkit-scrollbar-thumb { border-radius: 5px; background-color: rgba(255, 255, 255, 0.6); }

.modal-card__banner9 .modal-card-body__list { width: 1366px; height: 100%; margin: 0 auto; }

.modal-card__banner9 .modal-card-body__list li { float: left; width: 435px; height: 340px; margin: 10px; }

.modal-card__banner9 .modal-card-body__list li a { display: block; width: 100%; height: 100%; background-size: contain !important; color: #000; }

.modal-card__banner9 .modal-card-body__list li a.white { color: #fff; }

.modal-card__banner9 .modal-card-body__list li a .swiper-txt { display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; width: 100%; height: 100%; padding: 35px 35px 140px 35px; }

.modal-card__banner9 .modal-card-body__list li a .swiper-title { display: block; width: 100%; padding: 1px 0; font-size: 23px; line-height: 1.3; letter-spacing: -0.5px; }

.modal-card__banner9 .modal-card-body__list li a .swiper-title strong { display: block; font-weight: 800; }

.modal-card__banner9 .modal-card-body__list li a .swiper-desc { display: block; width: 100%; padding: 1px 0; font-size: 13px; }

.modal-card__banner9 .modal-card-body__list li a .swiper-desc span { display: block; }

.modal-card__banner9 .modal-card-body__list li img { width: 100%; }

.modal-card__banner9 .swiper-main-nav-style .paging-box { position: relative; left: auto; z-index: 5; margin-top: 30px; width: 350px; transform: none; }

.modal-card__banner9 .swiper-main-nav-style .paging-box .swiper-button-prev, .modal-card__banner9 .swiper-main-nav-style .paging-box .swiper-button-next { top: 50%; margin-top: -20px; color: #fff; }

.modal-card__banner9 .swiper-main-nav-style .paging-box .swiper-button-prev::before, .modal-card__banner9 .swiper-main-nav-style .paging-box .swiper-button-next::before { display: none; }

.modal-card__banner9 .swiper-main-nav-style .paging-box .swiper-pagination-progressbar { background-color: #888; }

.modal-card__banner9 .swiper-main-nav-style .paging-box .swiper-pagination-progressbar-fill { background-color: #fff; }

.modal-card__banner9 .swiper-main-nav-style .paging-box .swiper-pagination-count, .modal-card__banner9 .swiper-main-nav-style .paging-box .swiper-pagination-total { color: #888; }

.modal-card__banner9 .swiper-main-nav-style .paging-box .swiper-pagination-current { font-weight: 400; color: #fff; }

.modal-card__banner9 .swiper-main-nav-style .paging-box .swiper-pagination-outer { margin-right: 70px; margin-left: 0; }

.modal-card__banner9 .swiper-container { width: 100%; height: 400px; padding-bottom: 50px; margin-left: auto; margin-right: auto; }

.modal-card__banner9 .swiper-slide { text-align: center; font-size: 0; background: transparent; height: calc((100% - 30px) / 2); /* Center slide text vertically */ display: flex; justify-content: center; align-items: center; }

.modal-card__banner9 .swiper-slide img { max-width: 100%; width: 100%; }

.section-dynamic-banner { position: relative; height: 700px; padding-top: 20px; }

.section-dynamic-banner:before { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background-color: #f9f9f9; }

.section-dynamic-banner .swiper-container { width: 100%; max-width: 1900px; margin: 0 auto; }

.section-dynamic-banner .swiper-slide { width: 760px; height: 580px; text-align: center; background-color: #fff; }

.section-dynamic-banner .swiper-slide:hover { box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); }

.section-dynamic-banner .swiper-slide a { display: block; }

.section-dynamic-banner .swiper-img { display: block; width: 100%; height: 460px; overflow: hidden; }

.section-dynamic-banner .swiper-img img { position: relative; left: 50%; top: 50%; width: auto; max-width: initial; height: 100%; transform: translate(-50%, -50%); }

.section-dynamic-banner .swiper-title { display: block; padding: 18px 30px 5px; font-size: 28px; color: #333; }

.section-dynamic-banner .swiper-desc { display: block; padding: 0 30px 0; font-size: 18px; color: #333; }

.section-dynamic-banner .swiper-control-box-wrap { margin-top: 30px; }

.section-dynamic-banner .swiper-pagination-number { cursor: pointer; }

.section-dynamic-banner .swiper-button-plus { display: none; }

.section-dynamic-banner2 { position: relative; height: 490px; background-size: cover; }

.section-dynamic-banner2 .swiper-container { width: 100%; max-width: 1620px; margin: 0 auto; padding: 45px 0; }

@media screen and (max-width: 1366px) { .section-dynamic-banner2 .swiper-container .swiper-controls--rnd-wht { width: 1366px; margin-left: -683px; } }

.section-dynamic-banner2 .swiper-slide { position: relative; width: 540px; height: 336px; padding: 5px; text-align: center; }

.section-dynamic-banner2 .swiper-slide:hover { z-index: 2; transform: scale(1.1) translateX(0); transition: transform 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94); }

.section-dynamic-banner2 .swiper-slide:hover:nth-child(3n + 1) { transform: scale(1.1) translateX(22px); }

.section-dynamic-banner2 .swiper-slide:hover:nth-child(3n) { transform: scale(1.1) translateX(-22px); }

.section-dynamic-banner2 .swiper-slide a { display: block; color: #333; }

.section-dynamic-banner2 .swiper-slide a:hover { border: 2px solid #fff; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.16); }

.section-dynamic-banner2 .swiper-slide.white a { color: #fff; }

.section-dynamic-banner2 .swiper-img { display: block; width: 100%; height: 326px; overflow: hidden; }

.section-dynamic-banner2 .swiper-img img { position: relative; left: 50%; top: 50%; width: auto; max-width: initial; height: 100%; transform: translate(-50%, -50%); }

.section-dynamic-banner2 .swiper-txt { position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: flex-start; flex-direction: column; width: 100%; height: 100%; padding: 0 200px 120px 45px; }

.section-dynamic-banner2 .swiper-title { display: block; width: 100%; padding: 5px 0; font-size: 28px; font-weight: 800; text-align: left; word-break: keep-all; line-height: 1.2; }

.section-dynamic-banner2 .swiper-title strong { display: block; font-weight: 800; }

.section-dynamic-banner2 .swiper-desc { display: block; width: 100%; padding: 5px 0; font-size: 16px; text-align: left; word-break: keep-all; line-height: 1.2; }

.section-dynamic-banner2 .swiper-desc span { display: block; }

.section-dynamic-banner2 .swiper-control-box-wrap { margin-top: -15px; z-index: 3; }

.section-dynamic-banner2 .swiper-controls--rnd-wht { position: absolute; height: 1px; left: 50%; top: 50%; width: 1520px; margin-left: -760px; margin-top: -50px; z-index: 3; }

.section-dynamic-banner2 .swiper-controls--rnd-wht .swiper-button-next, .section-dynamic-banner2 .swiper-controls--rnd-wht .swiper-button-prev { width: 48px; height: 48px; margin: 0; background-color: #fff; border-radius: 50%; color: #333; font-size: 20px; }

.section-dynamic-banner2 .swiper-controls--rnd-wht .swiper-button-disabled { opacity: 1; color: #c9c9c9; }

.section-dynamic-banner2 .swiper-pagination-progressbar-fill { background-color: #fff !important; }

.section-dynamic-banner2 .swiper-pagination-number { cursor: pointer; color: #8a8a8a; }

.section-dynamic-banner2 .swiper-pagination-number-active { color: #fff !important; }

.section-dynamic-banner2 .swiper-button-next, .section-dynamic-banner2 .swiper-button-prev { color: #fff; }

.section-dynamic-banner3 { position: relative; background-size: cover; padding: 380px 0 35px 0; }

.section-dynamic-banner3:before { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, 0.8); }

.section-dynamic-banner3.sub { height: 365px; margin: 0; }

.section-dynamic-banner3.sub .swiper-container, .section-dynamic-banner3.sub .swiper-control-box-wrap { display: none; }

.section-dynamic-banner3.kic:before { background-color: rgba(58, 0, 0, 0.85); }

.section-dynamic-banner3.ofc:before { background-color: rgba(0, 35, 31, 0.9); }

.section-dynamic-banner3.ogu:before { background-color: rgba(93, 15, 98, 0.9); }

.section-dynamic-banner3.glg:before { background-color: #202020; }

.section-dynamic-banner3 .swiper-container { width: 100%; max-width: 1366px; height: 415px; margin: 0 auto; padding: 15px 0 45px 0; }

@media screen and (max-width: 1366px) { .section-dynamic-banner3 .swiper-container .swiper-controls--rnd-wht { width: 1366px; margin-left: -683px; } }

.section-dynamic-banner3 .swiper-slide { position: relative; max-width: 456px; padding: 5px; text-align: center; }

.section-dynamic-banner3 .swiper-slide:hover { z-index: 2; transform: scale(1.1) translateX(0); transition: transform 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94); }

.section-dynamic-banner3 .swiper-slide:hover:nth-child(3n + 1) { transform: scale(1.1) translateX(22px); }

.section-dynamic-banner3 .swiper-slide:hover:nth-child(3n) { transform: scale(1.1) translateX(-22px); }

.section-dynamic-banner3 .swiper-slide a { display: block; color: #333; }

.section-dynamic-banner3 .swiper-slide a:hover { border: 2px solid #fff; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.16); }

.section-dynamic-banner3 .swiper-slide.white a { color: #fff; }

.section-dynamic-banner3 .swiper-img { display: block; width: 100%; height: 345px; overflow: hidden; }

.section-dynamic-banner3 .swiper-img img { position: relative; left: 50%; top: 50%; width: auto; max-width: initial; height: 100%; transform: translate(-50%, -50%); }

.section-dynamic-banner3 .swiper-txt { position: absolute; left: 0; top: 0; display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: column; width: 100%; height: 100%; padding: 45px 45px 120px 45px; }

.section-dynamic-banner3 .swiper-title { display: block; width: 100%; padding: 5px 0; font-size: 28px; font-weight: 800; text-align: left; word-break: keep-all; line-height: 1.2; }

.section-dynamic-banner3 .swiper-title strong { display: block; font-weight: 800; }

.section-dynamic-banner3 .swiper-desc { display: block; width: 100%; padding: 5px 0; font-size: 16px; text-align: left; word-break: keep-all; line-height: 1.2; }

.section-dynamic-banner3 .swiper-desc span { display: block; }

.section-dynamic-banner3 .swiper-control-box-wrap { margin-top: -15px; z-index: 3; }

.section-dynamic-banner3 .swiper-controls--rnd-wht { position: absolute; height: 1px; left: 50%; top: 50%; width: 1520px; margin-left: -760px; margin-top: -50px; z-index: 3; }

.section-dynamic-banner3 .swiper-controls--rnd-wht .swiper-button-next, .section-dynamic-banner3 .swiper-controls--rnd-wht .swiper-button-prev { width: 48px; height: 48px; margin: 0; background-color: #fff; border-radius: 50%; color: #333; font-size: 20px; }

.section-dynamic-banner3 .swiper-controls--rnd-wht .swiper-button-disabled { opacity: 1; color: #c9c9c9; }

.section-dynamic-banner3 .swiper-pagination-progressbar-fill { background-color: #fff !important; }

.section-dynamic-banner3 .swiper-pagination-number { cursor: pointer; color: #8a8a8a; }

.section-dynamic-banner3 .swiper-pagination-number-active { color: #fff !important; }

.section-dynamic-banner3 .swiper-button-next, .section-dynamic-banner3 .swiper-button-prev { color: #fff; }

.section-dynamic-banner4 { position: relative; padding-top: 20px; }

.section-dynamic-banner4:before { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; }

.section-dynamic-banner4--white { padding-top: 3rem; }

.section-dynamic-banner4--white .swiper-container { width: 100%; max-width: 1366px; margin: 0 auto; }

.section-dynamic-banner4--white .swiper-slide { width: 428px; height: auto; text-align: center; margin-right: 50px; }

.section-dynamic-banner4--white .swiper-slide a { display: block; }

.section-dynamic-banner4--white .swiper-img { display: block; width: 100%; height: 500px; overflow: hidden; }

.section-dynamic-banner4--white .swiper-img img { position: relative; left: 50%; top: 50%; width: auto; max-width: initial; height: 100%; transform: translate(-50%, -50%); }

.section-dynamic-banner4--white .swiper-txt { margin-top: 3rem; }

.section-dynamic-banner4--white .swiper-title { display: block; font-size: 24px; color: #fff; font-weight: bold; }

.section-dynamic-banner4--white .swiper-title strong { font-weight: 800; }

.section-dynamic-banner4--white .swiper-desc { margin: 0 auto; color: #fff; margin-top: 1.2rem; font-size: 14px; display: block; word-break: keep-all; width: 80%; }

.section-dynamic-banner4--white .swiper-desc span { display: block; }

.section-dynamic-banner4--white .swiper-control-box-wrap { margin-top: 5rem; gap: 2.6rem; }

.section-dynamic-banner4--white .swiper-control-box-wrap .swiper-control-box { margin-left: 0; gap: 8px; }

.section-dynamic-banner4--white .swiper-control-box-wrap .swiper-control-box .swiper-button-pause i, .section-dynamic-banner4--white .swiper-control-box-wrap .swiper-control-box .swiper-button-play i, .section-dynamic-banner4--white .swiper-control-box-wrap .swiper-control-box .swiper-button-plus i { filter: invert(1); }

.section-dynamic-banner4--white .swiper-pagination-number { cursor: pointer; }

.section-dynamic-banner4--white .swiper-button-prev { margin-left: 11.4rem; color: #fff; }

.section-dynamic-banner4--white .swiper-button-prev:before { content: '\eb5e'; font-family: 'iconset' !important; }

.section-dynamic-banner4--white .swiper-button-next { color: #fff; }

.section-dynamic-banner4--white .swiper-button-next:before { content: '\eb5f'; font-family: 'iconset' !important; }

.section-dynamic-banner4--white .swiper-pagination-outer { position: relative; width: 157px; margin: 3px 14px 0 14px; }

.section-dynamic-banner4--white .swiper-pagination-outer .swiper-pagination { background: transparent; height: 2px; bottom: 0; }

.section-dynamic-banner4--white .swiper-pagination-outer:after { content: ''; width: 100%; height: 2px; position: absolute; bottom: 0; background-color: rgba(255, 255, 255, 0.2); }

.section-dynamic-banner4--white .swiper-pagination-count { display: flex; gap: 1rem; flex-flow: row wrap; align-items: center; font-weight: 300; font-size: 15px; color: #fff; }

.section-dynamic-banner4--white .swiper-pagination-current, .section-dynamic-banner4--white .swiper-pagination-total { display: inline-block; vertical-align: middle; margin: 0 0.5em; font-weight: 600; }

.section-dynamic-banner4--white .swiper-pagination-progressbar { width: 100%; height: 2px; }

.section-dynamic-banner4--white .swiper-pagination-progressbar-fill { background: #fff; }

.section-dynamic-banner4--black { padding-top: 3rem; }

.section-dynamic-banner4--black .swiper-container { width: 100%; max-width: 1366px; margin: 0 auto; }

.section-dynamic-banner4--black .swiper-slide { width: 428px; height: auto; text-align: center; margin-right: 50px; }

.section-dynamic-banner4--black .swiper-slide a { display: block; }

.section-dynamic-banner4--black .swiper-img { display: block; width: 100%; height: 500px; overflow: hidden; }

.section-dynamic-banner4--black .swiper-img img { position: relative; left: 50%; top: 50%; width: auto; max-width: initial; height: 100%; transform: translate(-50%, -50%); }

.section-dynamic-banner4--black .swiper-txt { margin-top: 3rem; }

.section-dynamic-banner4--black .swiper-title { display: block; font-size: 24px; color: #202020; font-weight: bold; }

.section-dynamic-banner4--black .swiper-title strong { font-weight: 800; }

.section-dynamic-banner4--black .swiper-desc { margin: 0 auto; color: #202020; margin-top: 1.2rem; font-size: 14px; display: block; word-break: keep-all; width: 80%; }

.section-dynamic-banner4--black .swiper-desc span { display: block; }

.section-dynamic-banner4--black .swiper-control-box-wrap { margin-top: 5rem; gap: 2.6rem; }

.section-dynamic-banner4--black .swiper-control-box-wrap .swiper-control-box { margin-left: 0; gap: 8px; }

.section-dynamic-banner4--black .swiper-pagination-number { cursor: pointer; }

.section-dynamic-banner4--black .swiper-button-prev { margin-left: 11.4rem; }

.section-dynamic-banner4--black .swiper-button-prev:before { content: '\eb5e'; font-family: 'iconset' !important; }

.section-dynamic-banner4--black .swiper-button-next:before { content: '\eb5f'; font-family: 'iconset' !important; }

.section-dynamic-banner4--black .swiper-pagination-outer { position: relative; width: 157px; margin: 3px 14px 0 14px; }

.section-dynamic-banner4--black .swiper-pagination-outer .swiper-pagination { background: transparent; height: 2px; bottom: 0; }

.section-dynamic-banner4--black .swiper-pagination-outer:after { content: ''; width: 100%; height: 2px; position: absolute; bottom: 0; background-color: #eee; }

.section-dynamic-banner4--black .swiper-pagination-count { display: flex; gap: 1rem; flex-flow: row wrap; align-items: center; font-weight: 300; font-size: 15px; color: #202020; }

.section-dynamic-banner4--black .swiper-pagination-current, .section-dynamic-banner4--black .swiper-pagination-total { display: inline-block; vertical-align: middle; margin: 0 0.5em; font-weight: 600; }

.section-dynamic-banner4--black .swiper-pagination-progressbar { width: 100%; height: 2px; }

.section-dynamic-banner4--black .swiper-pagination-progressbar-fill { background: #202020; }

.modal-card__banner11 { background-color: transparent; width: 100%; min-height: 520px; padding: 0; }

.modal-card__banner11 .modal-card-head { padding: 0 0 30px 0; border: none; background-color: transparent; }

.modal-card__banner11 .modal-card-head .modal-card-title { color: #fff; text-align: center; }

.modal-card__banner11 .modal-card-head .delete { width: 50px; height: 50px; max-width: 50px; max-height: 50px; min-width: 50px; min-height: 50px; }

.modal-card__banner11 .modal-card-head .delete::before, .modal-card__banner11 .modal-card-head .delete::after { background-color: #fff; }

.modal-card__banner11 .modal-card-body { overflow-x: hidden; background: transparent; padding: 0; }

.modal-card__banner11 .modal-card-body::-webkit-scrollbar { width: 10px; }

.modal-card__banner11 .modal-card-body::-webkit-scrollbar-thumb { border-radius: 5px; background-color: rgba(255, 255, 255, 0.6); }

.modal-card__banner11 .modal-card-body__list { width: 1366px; height: 100%; display: flex; flex-flow: row wrap; justify-content: flex-start; margin: 0 auto; gap: 40px; }

.modal-card__banner11 .modal-card-body__list li { width: 428px; }

.modal-card__banner11 .modal-card-body__list li a { display: block; width: 100%; height: 100%; background-size: contain !important; color: #fff; }

.modal-card__banner11 .modal-card-body__list li a .swiper-txt { margin-top: 3rem; color: #fff; display: flex; text-align: center; flex-direction: column; justify-content: center; align-items: center; gap: 1.2rem; width: 100%; }

.modal-card__banner11 .modal-card-body__list li a .swiper-title { display: block; width: 100%; padding: 1px 0; font-size: 23px; line-height: 1.3; letter-spacing: -0.5px; }

.modal-card__banner11 .modal-card-body__list li a .swiper-title strong { display: block; font-weight: 800; }

.modal-card__banner11 .modal-card-body__list li a .swiper-desc { display: block; width: 100%; padding: 1px 0; font-size: 14px; }

.modal-card__banner11 .modal-card-body__list li a .swiper-desc span { display: block; }

.modal-card__banner11 .modal-card-body__list li img { width: 100%; }

.modal-card__banner11 .swiper-main-nav-style .paging-box { position: relative; left: auto; z-index: 5; margin-top: 30px; width: 350px; transform: none; }

.modal-card__banner11 .swiper-main-nav-style .paging-box .swiper-button-prev, .modal-card__banner11 .swiper-main-nav-style .paging-box .swiper-button-next { top: 50%; margin-top: -20px; color: #fff; }

.modal-card__banner11 .swiper-main-nav-style .paging-box .swiper-button-prev::before, .modal-card__banner11 .swiper-main-nav-style .paging-box .swiper-button-next::before { display: none; }

.modal-card__banner11 .swiper-main-nav-style .paging-box .swiper-pagination-progressbar { background-color: #888; }

.modal-card__banner11 .swiper-main-nav-style .paging-box .swiper-pagination-progressbar-fill { background-color: #fff; }

.modal-card__banner11 .swiper-main-nav-style .paging-box .swiper-pagination-count, .modal-card__banner11 .swiper-main-nav-style .paging-box .swiper-pagination-total { color: #888; }

.modal-card__banner11 .swiper-main-nav-style .paging-box .swiper-pagination-current { font-weight: 400; color: #fff; }

.modal-card__banner11 .swiper-main-nav-style .paging-box .swiper-pagination-outer { margin-right: 70px; margin-left: 0; }

.modal-card__banner11 .swiper-container { width: 100%; height: 400px; padding-bottom: 50px; margin-left: auto; margin-right: auto; }

.modal-card__banner11 .swiper-slide { text-align: center; font-size: 0; background: transparent; height: calc((100% - 30px) / 2); /* Center slide text vertically */ display: flex; justify-content: center; align-items: center; }

.modal-card__banner11 .swiper-slide img { max-width: 100%; width: 100%; }

.section-main-keyvisual__col2 { position: relative; background-size: cover; padding: 380px 0 35px 0; }

.section-main-keyvisual__col2:before { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background-color: rgba(0, 0, 0, 0.8); }

.section-main-keyvisual__col2.kic:before { background-color: rgba(58, 0, 0, 0.85); }

.section-main-keyvisual__col2.ofc:before { background-color: rgba(0, 35, 31, 0.9); }

.section-main-keyvisual__col2.ogu:before { background-color: rgba(93, 15, 98, 0.9); }

.section-main-keyvisual__col2.glg { padding: 0 0 35px 0; }

.section-main-keyvisual__col2.glg:before { background-color: #202020; }

.section-main-keyvisual__col2 .swiper-slide { position: relative; max-width: 675px; }

.section-main-keyvisual__col2 .swiper-slide a { display: block; color: #1a1a1a; }

.section-main-keyvisual__col2 .swiper-slide.white a { color: #fff; }

.section-main-keyvisual__col2 .swiper-img { display: block; width: 100%; height: 675px; overflow: hidden; }

.section-main-keyvisual__col2 .swiper-img img { position: relative; left: 50%; top: 50%; width: auto; max-width: initial; height: 100%; transform: translate(-50%, -50%); }

.section-main-keyvisual__col2 .swiper-txt { position: absolute; left: 50%; bottom: 0; display: flex; justify-content: flex-end; align-items: flex-end; flex-direction: column; width: 100%; padding: 45px; transform: translateX(-50%); }

.section-main-keyvisual__col2 .swiper-title { display: block; width: 100%; padding: 10px 0; font-size: 34px; font-weight: 800; word-break: keep-all; line-height: 1.2; }

.section-main-keyvisual__col2 .swiper-title strong { display: block; font-weight: 800; }

.section-main-keyvisual__col2 .swiper-desc { display: block; width: 100%; padding: 5px 0; font-size: 16px; word-break: keep-all; line-height: 1.2; }

.section-main-keyvisual__col2 .swiper-desc span { display: block; }

.section-main-keyvisual__col2 .swiper-controls--black { margin-top: -35px; }

.product-item-medium-lists { margin: -60px -14px 40px; font-size: 0; clear: both; }

.product-item-medium-lists:after { content: ''; display: table; clear: both; }

.product-item-medium-lists + .pitem-qna-pagination { margin-bottom: 0; }

.product-item-medium-lists .product-item--medium { display: inline-block; margin: 40px 14.2px 0; vertical-align: top; }

.product-item-medium-lists .product-item--medium > .product-item { margin: 0; }

.product-item-medium-lists .best-rank { display: block; color: #333; font-size: 20px; font-weight: 700; line-height: 1.2; margin-bottom: 5px; }

.product-item-medium-lists .best-rank:before { content: ''; display: block; width: 25px; height: 3px; background-color: #333; }

.product-item-medium-lists + .button-more { margin-top: 60px; margin-bottom: 20px; }

.section-category-lists.swiper-control-wrap .section-category-control-wrap { left: 50%; width: 1020px; margin-left: -510px; margin-top: -10px; z-index: 3; background-color: transparent; }

.section-category-lists.swiper-control-wrap .section-category-control-wrap .swiper-button-next::before, .section-category-lists.swiper-control-wrap .section-category-control-wrap .swiper-button-prev::before { font-size: 23px; color: #838383; }

.section-category-lists .swiper-container { width: 1020px; }

.section-category-lists .swiper-container.is-controlwrap .swiper-wrapper { justify-content: center; }

.section-category-lists .swiper-container .swiper-wrapper { display: flex; }

.section-category-lists .swiper-container .swiper-wrapper .swiper-slide { width: 127.5px; margin: 0; }

.section-category-lists .swiper-container.swiper-container-initialized .swiper-wrapper .swiper-slide { margin: 0; }

.section-category-lists .swiper-container .swiper-slide { width: 94px; margin-right: 60px; }

.section-category-lists .swiper-container .swiper-slide a { display: flex; flex-direction: column; align-items: center; }

.section-category-lists .swiper-container .swiper-slide a .pic { overflow: hidden; display: flex; justify-content: center; align-items: center; width: 94px; height: 94px; background-color: #f2f2f2; border-radius: 50%; }

.section-category-lists .swiper-container .swiper-slide a img { display: block; width: 100%; max-width: 100%; margin: 0 auto; text-align: center; }

.section-category-lists .swiper-container .swiper-slide a .name { display: block; margin-top: 10px; color: #000; font-size: 16px; text-align: center; }

.section-category-lists2.swiper-control-wrap .section-category-control-wrap { left: 50%; width: 860px; margin-left: -430px; margin-top: -25px; z-index: 0; background-color: transparent; }

.section-category-lists2.swiper-control-wrap .section-category-control-wrap .swiper-button-next::before, .section-category-lists2.swiper-control-wrap .section-category-control-wrap .swiper-button-prev::before { display: flex; justify-content: center; align-items: center; width: 26px; height: 26px; border: 1px solid rgba(255, 255, 255, 0.5); font-size: 10px; color: #fff; border-radius: 50%; }

.section-category-lists2 .swiper-container { width: 860px; }

.section-category-lists2 .swiper-container.is-controlwrap .swiper-wrapper { justify-content: center; }

.section-category-lists2 .swiper-container .swiper-wrapper { display: flex; }

.section-category-lists2 .swiper-container .swiper-wrapper .swiper-slide { width: 80px; margin: 0 2px; }

.section-category-lists2 .swiper-container.swiper-container-initialized .swiper-wrapper .swiper-slide { margin: 0; }

.section-category-lists2 .swiper-container .swiper-slide { width: 80px; margin-right: 60px; }

.section-category-lists2 .swiper-container .swiper-slide a { display: flex; flex-direction: column; align-items: center; }

.section-category-lists2 .swiper-container .swiper-slide a .pic { overflow: hidden; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; margin-top: 5px; border-radius: 50%; }

.section-category-lists2 .swiper-container .swiper-slide a img { display: block; width: 100%; max-width: 100%; margin: 0 auto; text-align: center; }

.section-category-lists2 .swiper-container .swiper-slide a .name { display: block; margin-top: 10px; color: #fff; font-size: 14px; text-align: center; word-break: keep-all; }

.section-category-lists2 .swiper-container .swiper-slide.is-active .pic::before { position: absolute; content: ''; width: 50px; height: 50px; border: 1px solid #fff; border-radius: 50%; }

.section-category-lists2 .section-category-subwrap { display: flex; flex-direction: row; justify-content: space-between; margin-top: 65px; margin-bottom: 40px; }

.section-category-lists2 .section-category-subcenter { display: flex; flex-direction: row; justify-content: center; margin-top: 65px; margin-bottom: 40px; }

.section-category-lists2 .section-category-submenu { display: flex; flex-direction: row; gap: 40px; }

.section-category-lists2 .section-category-submenu a { padding: 5px 0; font-size: 15px; color: #fff; }

.section-category-lists2 .section-category-submenu a.is-active { border-bottom: 2px solid #fff; }

.section-category-lists2 .section-category-num { display: flex; align-items: center; color: #8a8a8a; }

.section-category-lists2 .section-category-num span { color: #fff; }

/* 오픈하우스 */
.section-open-house { overflow: visible; position: relative; margin-top: 60px; padding-bottom: 60px; }

.section-open-house:before { content: ''; display: block; position: absolute; z-index: -1; top: 523px; bottom: 0; width: 100%; background-color: #f9f9f9; }

.section-open-house .hash-tag-lists { margin-top: 40px; }

.section-open-house .grid-item-lists { margin-top: 35px; }

.section-open-house .button-more { margin-top: 30px; }

.section-open-house .masonry-grid.grid-item-lists .product-item-image { width: 325px; max-height: 400px; }

/* 고수의 집들이 */
.section-house-warming { position: relative; padding-bottom: 40px; }

.section-house-warming .section-title-wrap + .hash-tag-lists { text-align: center; }

.section-house-warming .grid-item-lists { margin-top: 35px; }

.section-house-warming .grid-item-lists .product-item-image { border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-bottom: none; }

.section-house-warming .grid-item-lists .product-item-content { border: 1px solid #ccc; border-top: none; }

.section-house-warming .ico-like:before { display: none; }

.section-house-warming .swiper-slide { width: 420px; margin-right: 53px; }

.section-house-warming .swiper-slide .product-item-image { width: 100%; min-height: 298px; max-height: 298px; background-color: #f9f9f9; text-align: center; }

.icon-category-lists { display: block; max-width: 1366px; margin: 0 auto; text-align: center; }

.icon-category-lists:after { content: ''; clear: both; display: block; }

.icon-category-lists ul { display: flex; width: 100%; justify-content: space-between; }

.icon-category-lists ul li { display: inline-block; margin: 0px; text-align: center; }

.icon-category-lists ul li:first-child { margin-left: 0; }

.icon-category-lists ul li:nth-child(1) a:hover, .icon-category-lists ul li:nth-child(1) a:focus, .icon-category-lists ul li:nth-child(1) a.is-active { color: #f22e5c; }

.icon-category-lists ul li:nth-child(1) a:hover i, .icon-category-lists ul li:nth-child(1) a:focus i, .icon-category-lists ul li:nth-child(1) a.is-active i { color: #fff; background: #f22e5c; border: 1px solid #f22e5c; }

.icon-category-lists a { display: block; font-size: 14px; color: #999; }

.icon-category-lists a i { color: #999; display: flex; width: 80px; height: 80px; margin-bottom: 15px; border: 1px solid #888; border-radius: 50%; background: #fff; font-size: 39px; align-items: center; justify-content: center; }

.icon-category-lists a:hover, .icon-category-lists a:focus, .icon-category-lists a.is-active { color: #333; }

.icon-category-lists a:hover i, .icon-category-lists a:focus i, .icon-category-lists a.is-active i { color: #fff; background: #333; border: 1px solid #333; }

.icon-category-all:after { background-position: -567px -52px; }

.icon-category-bedroom:after { background-position: -567px -152px; }

.icon-category-dressroom:after { background-position: -567px -358px; }

.icon-category-livingroom:after { background-position: -357px -525px; }

.icon-category-library:after { background-position: -254px -525px; }

.icon-category-children:after { background-position: -567px -252px; }

.icon-category-kitchen:after { background-position: -153px -525px; }

.icon-category-electronics:after { background-position: -567px -459px; }

.icon-category-interior:after { background-position: -50px -525px; }

.hash-tag-lists { margin: -3px -5px; justify-content: center; }

.hash-tag-lists:after { content: ''; clear: both; display: block; }

.hash-tag__name { display: inline-block; font-size: 16px; color: #777; padding: 0; margin: 3px 5px; }

.hash-tag__name.is-active, .hash-tag__name:focus { color: #333; }

.grid-item-lists .contents-item, .grid-item-lists .product-item { float: left; background: #fff; margin-bottom: 22px; font-size: 0; }

.grid-item-lists .contents-item:nth-child(3n + 1), .grid-item-lists .product-item:nth-child(3n + 1) { margin-left: 0; }

.grid-item-lists .contents-item .twetwe-item, .grid-item-lists .product-item .twetwe-item { width: 100%; height: auto; border: 0; }

.grid-item-lists__320 .contents-item, .grid-item-lists__320 .product-item { width: 320px; margin-left: 30px; }

.grid-item-lists__350 .product-item { width: 350px; margin: 18px 9px 0 9px; margin-bottom: 0 !important; }

.grid-item-lists__350 .product-item:nth-child(3n) { margin-right: 0; }

.grid-item-lists__350 .product-item .product-item-image, .grid-item-lists__350 .product-item .thumb-video { width: 350px; height: 300px; }

.grid-item-lists__350 .product-item .product-item-image img, .grid-item-lists__350 .product-item .thumb-video img { width: auto; min-height: 300px; min-width: 350px; }

.grid-item-lists__420 .contents-item, .grid-item-lists__420 .product-item { width: 420px; margin-left: 53px; }

.grid-item-lists .hash-tag-lists { overflow: hidden; justify-content: flex-start; margin-top: 0; height: 30px; }

.grid-item-lists .hash-tag__name { color: #4c6da8; }

.grid-item-lists .product-item-image.thumb-video:before { content: ''; display: block; position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; }

.grid-item-lists .product-item-image.thumb-video:after { content: ''; display: inline-block; position: absolute; right: 14px; bottom: 14px; z-index: 2; margin: -30px 0 0 -23px; width: 50px; height: 50px; background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -528px -61px; }

.grid-item-lists .product-item-content { padding: 30px 20px 20px 20px; background: #f9f9f9; }

.grid-item-lists .product-item-header { margin-top: 0; }

.grid-item-lists .product-item-body { margin-bottom: 0; }

.grid-item-lists .product-item-body .product-review-stats-area { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee; }

.grid-item-lists .product-item-body .product-review-stats-area:after { content: none; }

.grid-item-lists .product-item-body .product-review-stats-area .fl { max-width: 235px; }

.grid-item-lists .product-item-body .product-review-stats-area .fr { display: flex; min-width: 140px; justify-content: flex-end; }

.grid-item-lists .product-item-body .product-review-stats-area .fr .product-item-comm-wrap { display: inline-block; }

.grid-item-lists .product-item-body .product-review-stats-area .fr .product-item-comm-wrap .product-item-comm { font-size: 15px; margin-right: 1em; color: #777; }

.grid-item-lists .product-item-body .product-review-stats-area .fr .product-item-comm-wrap .product-item-comm__num { font-size: 14px; }

.grid-item-lists .product-item-body__writer { display: flex; margin-top: 0; font-size: 14px; overflow: hidden; }

.grid-item-lists .product-item-body__writer span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.grid-item-lists .product-item-body__writer--level { display: inline-block; }

.grid-item-lists .product-item-body__writer--level:before { content: ''; display: inline-block; width: 21px; height: 21px; margin-right: 10px; vertical-align: top; }

.grid-item-lists .product-item-body__writer--level.blog:before { width: 20px; height: 20px; background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: 0px -719px; }

.grid-item-lists .product-item-body__writer--level.forest:before { width: 20px; height: 20px; background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -90px -719px; }

.grid-item-lists .product-item-body__writer--level.tree:before { width: 20px; height: 20px; background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -390px -719px; }

.grid-item-lists .product-item-body__writer--level.flower:before { width: 20px; height: 20px; background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -60px -719px; }

.grid-item-lists .product-item--twentytwenty .twentytwenty-handle { width: 80px; height: 80px; margin-left: -40px; margin-top: -40px; background: #fff; border: 0; }

.grid-item-lists .product-item--twentytwenty .twentytwenty-left-arrow, .grid-item-lists .product-item--twentytwenty .twentytwenty-right-arrow { display: inline-block; margin-top: -5px; border: 0; }

.grid-item-lists .product-item--twentytwenty .twentytwenty-left-arrow { margin-left: -20px; width: 5px; height: 9px; background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -637px -394px; }

.grid-item-lists .product-item--twentytwenty .twentytwenty-right-arrow { margin-right: -20px; width: 5px; height: 9px; background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -574px -170px; }

.grid-item-lists .product-item--twentytwenty .twentytwenty-horizontal .twentytwenty-handle:before, .grid-item-lists .product-item--twentytwenty .twentytwenty-horizontal .twentytwenty-handle:after { box-shadow: none; }

.grid-item-lists .product-item--twentytwenty .twentytwenty-container img { height: 300px; }

/* masonry */
.masonry-grid-item { width: 325px; }

.masonry-grid-item.loading { overflow: hidden; opacity: 0; height: 0 !important; }

.masonry-grid:after { content: ''; display: block; clear: both; }

.masonry-grid .product-item-content { background: #fff; border: 1px solid #ccc; border-top: none; }

.masonry-grid .product-item-body .product-review-stats-area .fl { width: 143px; height: auto; }

.masonry-grid .product-item-body .product-review-stats-area .fl .product-item-body__writer { width: auto; }

.masonry-grid .product-item-image { height: auto; max-height: 400px; display: flex; align-items: center; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-bottom: none; }

.masonry-grid .product-item-image img.image { width: 100%; max-width: inherit; height: auto; }

.masonry-grid.grid-search-openhouse .masonry-grid-item { width: 347px; }

.masonry-grid.grid-search-openhouse .masonry-grid-item .product-item-image { width: 347px; max-height: 400px; display: flex; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-bottom: none; }

.masonry-grid.grid-search-openhouse .masonry-grid-item .product-item-image > img { width: 100%; max-width: inherit; height: auto; }

/* 매거진 */
.section-magazine .container:after, .section-magazine .section-title-wrap:after { content: ''; clear: both; display: block; }

.section-magazine .container .float-left, .section-magazine .section-title-wrap .float-left { position: relative; padding-bottom: 40px; }

.section-magazine .container .float-left .button-main-detail, .section-magazine .section-title-wrap .float-left .button-main-detail { display: inline-block; bottom: 0; }

.section-magazine .product-item-header__name { margin-bottom: 15px; font-size: 18px; color: #333; }

.section-magazine .product-item-body { margin-bottom: 0; padding-top: 15px; border-top: 1px solid #eee; }

.section-magazine .product-item-body__description { overflow: hidden; display: block; display: -webkit-box; margin-bottom: 65px; font-size: 16px; color: #777; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.section-magazine .product-item-lists--grid .product-item-header__name { font-size: 14px; }

.section-contents-product__lists { margin: 38px 0 0; }

.section-contents-product__lists .product-item-large-lists { margin-bottom: 60px; }

.section-contents-product__lists.bottom-margin .product-item-medium-lists { margin: 0 -14px -60px; }

.section-contents-product__lists.bottom-margin .product-item-medium-lists > li { margin: 0 14.2px 60px; }

.product-item-lists__large { margin: -20px -27px 0 -26px; font-size: 0; }

.product-item-lists__large .product-item--large { display: inline-block; margin: 60px 26.5px 0 26.5px; vertical-align: top; }

.product-item-lists__large .product-item-body { padding-top: 13px; border-top: 1px solid #eee; }

.product-item-lists__large .product-item-body__date { font-size: 14px; color: #777; }

.product-item-lists--grid { width: 530px; margin-top: 60px; }

.product-item-lists--grid:after { content: ''; clear: both; display: block; }

.product-item-lists--grid .product-item { float: left; margin-left: 30px; }

.product-item-lists--grid .product-item:nth-child(odd) { margin-left: 0; }

.product-item-lists--grid .product-item-header__name { margin-bottom: 60px; font-size: 14px; text-align: center; }

.product-item-lists--landscape { width: 530px; }

.product-item-lists--landscape .product-item a { display: inline-flex; width: 530px; align-items: center; }

.product-item-lists--landscape .product-item a .product-item-content { width: 260px; }

.product-item-lists--landscape .product-item--small { width: 100%; margin-top: 38px; }

.product-item-lists--landscape .product-item--small:after { content: ''; clear: both; display: block; }

.product-item-lists--landscape .product-item--small:first-child { margin-top: 0; }

.product-item-lists--landscape .product-item-image { display: inline-block; float: left; margin-right: 20px; }

.product-item-lists--landscape .product-item-header__name { margin-bottom: 10px; height: 48px; }

.product-item-lists--landscape .product-item-price { display: block; margin: 0; }

.product-item-lists--landscape .product-item-price__price--wrap { display: block; margin-top: 10px; }

.product-item-lists--landscape .product-item-price__price--wrap:after { content: ''; display: inline-block; }

.product-item-lists--landscape .product-item-price__price--del { display: inline-block; margin-top: 2px; margin-left: 5px; }

.product-item-lists--landscape .product-item .product-review-stats-area { margin-top: 30px; }

.product-item-lists--landscape .product-item-body__date { display: block; font-size: 16px; color: #999; }

/* 우리동네 리뷰 */
.section-our-town .product-item-header__name { display: -webkit-box; overflow: hidden; word-break: break-all; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 18px; color: #000; font-weight: 600; height: 48px; }

.section-our-town .product-item-header__description { max-height: 42px; font-size: 16px; color: #777; }

.section-our-town .product-item-content { background: #fff; }

.section-our-town .product-item-content .product-review-stats-area { margin-top: 30px; padding-top: 0; border-top: 0; }

.section-our-town .product-item-body__writer { color: #777; }

.section-our-town .swiper-container .swiper-slide { width: 319px; margin-right: 30px; }

.section-our-town .swiper-container .swiper-slide .product-item { margin-left: 0; margin-bottom: 0; }

.section-our-town .swiper-container.grid-item-lists__320 .product-item-image { display: flex; overflow: hidden; width: 320px; height: 320px; justify-content: center; }

.section-our-town .swiper-container.grid-item-lists__320 .product-item-image img { width: auto; height: 100%; }

.section-our-town .swiper-container .swiper-controls--black { margin-top: -124px; }

/* instagram */
.section-instagram .button-more { margin-top: 40px; }

/* VR TOUR */
.section-vr-tour__dynamic { padding: 40px 0 50px; background: #101d3d; }

.section-vr-tour__dynamic .section-title { font-size: 46px; color: #fff; }

.section-vr-tour__dynamic .section-title:before { content: ''; display: inline-block; margin-right: 15px; width: 80px; height: 37px; background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -438px -212px; }

.section-vr-tour__dynamic .section-title--small { margin-top: 20px; font-size: 18px; color: #fff; }

.section-vr-tour__dynamic .section-title__more { width: 59px; height: 59px; border: none; }

.section-vr-tour__dynamic .section-title__more:before, .section-vr-tour__dynamic .section-title__more:after { background-color: #fff; }

.section-vr-tour__dynamic .section-title__more:before { height: 59px; margin-top: -29px; }

.section-vr-tour__dynamic .section-title__more:after { width: 59px; margin-left: -29px; }

.section-vr-tour__dynamic .swiper-container { width: 920px; height: 470px; margin-top: 60px; padding-top: 15px; }

.section-vr-tour__dynamic .swiper-container .hashtag { display: block; visibility: hidden; position: absolute; left: 50%; bottom: 191px; opacity: 0; width: 600px; margin-left: -300px; line-height: 1.1; text-align: center; color: #fff; font-size: 22px; transition: opacity 0.5s; }

.section-vr-tour__dynamic .swiper-container .swiper-slide { margin-top: 90px; }

.section-vr-tour__dynamic .swiper-container .swiper-slide .swiper-slide-shadow-left, .section-vr-tour__dynamic .swiper-container .swiper-slide .swiper-slide-shadow-right { display: none; }

.section-vr-tour__dynamic .swiper-container .swiper-slide a { display: block; }

.section-vr-tour__dynamic .swiper-container .swiper-slide a:after { display: none; content: ''; position: absolute; top: 0; bottom: 0; width: 100%; z-index: 1; margin-top: -14px; height: 233px; background-color: rgba(0, 0, 0, 0.5); }

.section-vr-tour__dynamic .swiper-container .swiper-slide img { opacity: 0.7; filter: gray; transform: scale(1.14125); transition: all 0.2s; }

.section-vr-tour__dynamic .swiper-container .swiper-slide-active a:after { z-index: -1; opacity: 0; display: none; }

.section-vr-tour__dynamic .swiper-container .swiper-slide-active img { width: 307px; height: 204px; opacity: 1; filter: none; transform: scale(1.9566); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.8); }

.section-vr-tour__dynamic .swiper-container .swiper-slide-active .hashtag { bottom: -150px; visibility: visible; opacity: 1; }

.section-vr-tour__dynamic .swiper-container .swiper-slide-active .swiper-slide-shadow-left, .section-vr-tour__dynamic .swiper-container .swiper-slide-active .swiper-slide-shadow-right { height: 400px; visibility: hidden; opacity: 0; }

.section-vr-tour__dynamic .swiper-container .swiper-slide-prev a:after, .section-vr-tour__dynamic .swiper-container .swiper-slide-next a:after { height: 325px; margin-top: -61px; background-color: rgba(0, 0, 0, 0.3); }

.section-vr-tour__dynamic .swiper-container .swiper-slide-prev .swiper-slide-shadow-left, .section-vr-tour__dynamic .swiper-container .swiper-slide-prev .swiper-slide-shadow-right, .section-vr-tour__dynamic .swiper-container .swiper-slide-next .swiper-slide-shadow-left, .section-vr-tour__dynamic .swiper-container .swiper-slide-next .swiper-slide-shadow-right { height: 325px; margin-top: -61px; background-color: rgba(0, 0, 0, 0.2); }

.section-vr-tour__dynamic .swiper-container .swiper-slide-prev img { opacity: 1; transform: scale(1.59) translateX(19%); }

.section-vr-tour__dynamic .swiper-container .swiper-slide-next img { opacity: 1; transform: scale(1.59) translateX(-19%); }

.section-vr-tour__dynamic .swiper-container .swiper-slide-shadow-left, .section-vr-tour__dynamic .swiper-container .swiper-slide-shadow-right { margin-top: -14px; height: 233px; background-color: rgba(0, 0, 0, 0.5); }

.section-vr-tour__dynamic .swiper-controls-wrap .swiper-button-prev, .section-vr-tour__dynamic .swiper-controls-wrap .swiper-button-next { margin-top: -50px; color: #fff; }

.section-vr-tour__dynamic .swiper-controls-wrap .swiper-button-prev { left: 100px; }

.section-vr-tour__dynamic .swiper-controls-wrap .swiper-button-next { right: 100px; }

/* VR SHOWROOM */
.section-branch { text-align: center; }

.section-branch .section-title-wrap .button-find-store { position: absolute; right: 0; top: 0; z-index: 0; }

.section-branch .swiper-container:before, .section-branch .swiper-container:after { content: ''; display: inline-block; position: absolute; top: 0; z-index: 10; width: 1000px; height: 100%; background: rgba(0, 0, 0, 0.6); }

.section-branch .swiper-container:before { left: 50%; margin-left: -1683px; }

.section-branch .swiper-container:after { right: 50%; margin-right: -1683px; }

.section-branch .swiper-wrapper { left: 50%; margin-left: -683px; }

.section-branch .swiper-slide { position: relative; width: 1366px; height: 650px; }

.section-branch .swiper-slide a { display: flex; align-items: center; justify-content: center; height: 100%; }

.section-branch .swiper-controls--black { margin-top: -35px; }

.section-branch .branch-image { height: 100%; }

.section-branch .branch-contents { position: absolute; }

.section-branch .branch-contents__tag { display: inline-block; padding: 8px 40px; border: 2px solid #fff; border-radius: 5px; background: transparent; font-size: 20px; color: #fff; }

.section-branch .branch-contents__name { margin-top: 40px; font-size: 60px; color: #fff; line-height: 1; }

.section-branch .branch-contents__description { margin-top: 35px; font-size: 20px; color: #fff; }

/* 공간 솔루션 */
.section-solution { position: relative; }

.section-solution .swiper-controls--black { margin-top: -151px; }

.section-solution .swiper-wrapper { display: flex; justify-content: space-between; }

.section-solution .swiper-wrapper .swiper-slide { width: auto; }

.solution:before { content: ''; display: block; position: absolute; left: 0; right: 0; top: 336px; z-index: -1; width: 100%; height: 420px; background: #f1f1f1; }

.solution-img-wrap { display: block; position: relative; overflow: hidden; width: 802px; height: 730px; margin-top: 148px; background: url(../images/common/solution_bg.png) 50% 0 no-repeat; }

.solution-img-bg { visibility: hidden; opacity: 0; position: absolute; left: 0; top: 0; z-index: 1; transition: opacity 1s cubic-bezier(0.17, 0.04, 0.03, 0.94); }

.solution-img-bg.is-active { visibility: visible; opacity: 1; }

.solution-svg { position: absolute; width: 100%; left: 0; top: 0; z-index: 5; }

.solution-svg .svg-link-item { opacity: 0; cursor: pointer; }

.solution-svg .svg-link-item polygon { fill: transparent; }

.solution-tooltip { position: absolute; top: 0; left: 185px; z-index: 2; background: url("../images/common/solution_tooltip.png") 50% 50% no-repeat; width: 320px; height: 119px; color: #fff; font-size: 18px; padding: 35px 0 0 0; text-align: center; line-height: 1.1; transition: all 0.5s cubic-bezier(0.17, 0.04, 0.03, 0.94); }

.solution .fl { position: relative; }

.solution .fr { width: 500px; }

.solution-title { display: block; width: 500px; height: 120px; font-size: 120px; font-weight: 600; color: #000; letter-spacing: -3px; line-height: 1; }

.solution-title > span { display: none; padding-left: 0.5em; word-break: keep-all; }

.solution-title > span:before { display: inline-block; content: '#'; margin-left: -0.5em; }

.solution-title > span.is-small { font-size: 83px; }

.solution-title > span.is-active { display: block; }

.solution-title-wrap { margin-top: 65px; margin-bottom: 110px; }

.solution-title__small { margin-bottom: 50px; font-size: 32px; color: #333; font-weight: 400; line-height: 1; }

.solution-title__small strong { position: relative; font-weight: 600; }

.solution-title__small strong:before { content: ''; display: inline-block; position: absolute; left: 0; top: -20px; z-index: 0; width: 100%; height: 2px; background: #333; }

.solution-option-item > div { display: none; }

.solution-option-item > div.is-active { display: block; }

.solution-option-brand > div { display: none; }

.solution-option-brand > div.is-active { display: block; }

.solution-option-menu dl { margin-top: 40px; height: 150px; }

.solution-option-menu dl:first-child { margin-top: 0; }

.solution-option-menu dl dt { font-size: 18px; color: #000; line-height: 1; }

.solution-option-menu dl dd { margin-top: 13px; }

.solution-option-menu dl dd:after { content: ''; clear: both; display: block; }

.solution-option-menu .button { float: left; min-width: 110px; margin: 0 10px 10px 0; padding-left: 15px; padding-right: 15px; background: transparent; }

.wing-banner { position: fixed; top: 20px; left: 50%; margin-left: -865px; width: 160px; height: 280px; z-index: 2; border: 1px solid #e5e5e5; background-color: #fff; }

.wing-banner .swiper-slide img { width: auto; max-width: 100%; }

.wing-banner .swiper-controls-wrap { display: flex; width: 100%; position: absolute; height: 25px; align-items: center; justify-content: center; bottom: 15px; }

.wing-banner .swiper-button-prev, .wing-banner .swiper-button-next { position: static; width: 30px; height: 25px; margin: 0; padding: 0; color: #000; font-size: 15px; }

.wing-banner .swiper-button-prev { left: 0; }

.wing-banner .swiper-button-next { right: 0; }

/* top banner */
.top-banner-default { position: relative; width: 100%; height: 45px; color: #fff; background-color: #373737; background-repeat: no-repeat; background-position: 50% 0; background-size: 1920px auto; }

.top-banner-default img { width: auto; visibility: hidden; }

.top-banner-default .button-open-top-banner { display: flex; width: 100%; height: 45px; padding: 0; align-items: center; justify-content: center; text-align: center; }

.top-banner .icons-plus { display: inline-block; position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: 657px; transition: transform 0.3s; }

.top-banner .icons-plus:before, .top-banner .icons-plus:after { content: ''; display: block; position: absolute; left: 50%; top: 50%; background: #fff; }

.top-banner .icons-plus:before { width: 1px; height: 17px; margin-top: -8px; }

.top-banner .icons-plus:after { width: 17px; height: 1px; margin-left: -8px; }

.top-banner.is-active .icons-plus { transform-origin: center center; transform: rotate(-135deg); }

.top-banner-area { display: block; height: 400px; overflow: hidden; font-size: 0; background-color: #373737; background-repeat: no-repeat; background-position: 50% 0; background-size: 1920px auto; }

.top-banner-area img { width: auto; max-width: 100%; margin: 0 auto; visibility: hidden; }

.top-banner-list { overflow: hidden; background-color: #f0f2f4; height: 110px; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; transition: all 0.5s; }

.top-banner-list > .container, .top-banner-list > .section-title-wrap { display: flex; position: relative; padding: 0px 76px 0px 0; align-items: center; justify-content: center; text-align: center; }

.top-banner-list > .container a, .top-banner-list > .section-title-wrap a { display: flex; margin: 0; height: 110px; align-items: center; }

.top-banner-list > .container a img, .top-banner-list > .section-title-wrap a img { width: auto; max-width: 100%; }

.top-banner-list .button-close-top-banner { position: absolute; right: 0; top: 50%; margin-top: -19px; padding-right: 0; }

.top-banner-list .button-close-top-banner.is-color-white i.ico-cross { color: #fff; }

.top-banner-list .button-close-top-banner.is-color-white span { color: #fff; }

.top-banner-list .button-close-top-banner i.ico-cross { color: #333; font-size: 15px; }

.top-banner-list .button-close-top-banner span { display: block; margin-top: 5px; color: #333; font-size: 12px; line-height: 1.1; letter-spacing: -0.5px; }

.section-main-custom .swiper-slide { width: 319px; margin-right: 30px; }

#main-custom02 .swiper-slide { width: 420px; margin-right: 53px; }

#main-custom02.section-main-custom-small .swiper-container { width: 856px; }

#main-custom02.section-main-custom-small .swiper-container .swiper-slide { width: 250px; margin-right: 53px; }

#main-custom02.section-main-custom-small .swiper-controls-wrap { width: 856px; }

#main-custom02.section-main-custom-small .swiper-controls--black { margin-top: -145px; margin-left: -428px; }

.section-vr-showroom { margin-top: 60px; }

.vr-showroom-list { position: relative; padding-bottom: 60px; }

.vr-showroom-item { padding-top: 30px; }

.vr-showroom-item a { display: block; border: 1px solid #ccc; }

.vr-showroom-item a:hover { border: 1px solid #333; }

.vr-showroom-item dl { position: relative; overflow: hidden; height: 230px; padding-left: 595px; }

.vr-showroom-item dl dt { padding: 35px 0 0 0; font-size: 30px; font-weight: 400; text-align: center; color: #333; }

.vr-showroom-item dl dt:after { content: ''; display: block; width: 30px; height: 1px; margin: 20px auto 25px; border-bottom: 1px solid #777; }

.vr-showroom-item dl dd { font-size: 20px; font-weight: 100; text-align: center; color: #767676; }

.vr-showroom-item dl dd .ico-cross { font-size: 17px; color: #999; margin: 0 7px; }

.vr-showroom-item dl .pic { position: absolute; left: 0; top: 0; padding: 0; }

.section-live { margin-top: 60px; }

.live-list { position: relative; padding-bottom: 60px; }

.live-item { padding-top: 30px; }

.live-item a { display: block; border: 1px solid #ccc; }

.live-item a:hover { border: 1px solid #333; }

.live-item dl { position: relative; overflow: hidden; height: 230px; padding-left: 595px; }

.live-item dl dt { padding: 55px 0 0 0; font-size: 30px; font-weight: 400; text-align: center; color: #333; }

.live-item dl dt:after { content: ''; display: block; width: 30px; height: 1px; margin: 20px auto 25px; border-bottom: 1px solid #777; }

.live-item dl dd { font-size: 20px; font-weight: 400; text-align: center; color: #767676; }

.live-item dl dd .ico-cross { font-size: 17px; color: #999; margin: 0 7px; }

.live-item dl .pic { position: absolute; left: 0; top: 0; padding: 0; width: 409px; }

.live-item dl .pic img { width: 100%; }

.section-main-brand ul { display: flex; margin-left: -15px; margin-right: -15px; }

.section-main-brand a { display: block; }

.section-main-brand__text { display: block; padding: 20px 20px 0; border: 1px solid #ccc; border-top: none; }

.section-main-brand__item { display: block; width: 25%; margin: 0 15px; text-align: center; font-size: 0; flex: 1 1 25%; }

.section-main-brand__item-img { display: block; margin: 0 auto; }

.section-main-brand__item-text { display: block; padding-bottom: 20px; border-bottom: 1px solid #eee; font-size: 16px; font-weight: 400; line-height: 1.6; color: #333; }

.section-main-brand__item-brand { display: flex; height: 60px; align-items: center; justify-content: center; }

.section-main-brand__item-brand img { max-height: 70%; }

.section-glg-main .container, .section-glg-main .section-title-wrap { width: 1530px; }

.section-glg-main__tab { position: relative; }

.section-glg-main__tab ul { position: relative; display: flex; flex-direction: row; justify-content: center; gap: 10px; padding: 50px 0 40px 0; }

.section-glg-main__tab ul li button { padding: 5px 10px; border-radius: 20px; border: 1px solid #999; color: #999; }

.section-glg-main__tab ul li.is-active button { background-color: #fff; color: #202020; }

.section-glg-main__tab::after { content: ''; position: absolute; left: 0; bottom: -80px; width: 100%; height: 80px; background: linear-gradient(0deg, #11111100 0%, #111 100%); z-index: 1; }

.section-glg-main__map { position: relative; }

.section-glg-main__map__item { position: absolute; transition: opacity 0.3s ease-in-out; }

.section-glg-main__map__item:hover strong, .section-glg-main__map__item:hover > img { opacity: 0.5; }

.section-glg-main__map__item:hover > strong { transform: translateY(0); }

.section-glg-main__map__item.is-active { opacity: 1; }

.section-glg-main__map__item.is-active strong { transform: translateY(0); }

.section-glg-main__map__item.is-active strong, .section-glg-main__map__item.is-active img { opacity: 1; }

.section-glg-main__map__item.is-active span { animation: balloon 2s infinite; }

.section-glg-main__map__item > span { display: block; position: absolute; z-index: 1; pointer-events: none; }

.section-glg-main__map__item > img { opacity: 0; transition: opacity 0.3s ease-in-out; }

.section-glg-main__map__item.eur { width: 274px; left: 607px; top: 62px; }

.section-glg-main__map__item.eur span { left: 36px; top: 51px; }

.section-glg-main__map__item.afr { width: 332px; left: 600px; bottom: 84px; }

.section-glg-main__map__item.afr strong { padding: 8px 20px 8px 18px; margin-left: -190px; margin-top: -115px; }

.section-glg-main__map__item.afr span { left: 90px; top: 68px; }

.section-glg-main__map__item.wsasia { width: 303px; right: 406px; bottom: 222px; }

.section-glg-main__map__item.wsasia strong { padding: 8px 14px 8px 16px; margin-left: -68px; margin-top: -110px; }

.section-glg-main__map__item.wsasia span { left: 15px; top: -25px; }

.section-glg-main__map__item.enasia { width: 311px; right: 196px; bottom: 284px; border-radius: 8px 8px 0 8px; }

.section-glg-main__map__item.enasia span { left: 121px; top: 25px; }

.section-glg-main__map__item.esasia { width: 214px; right: 215px; bottom: 181px; }

.section-glg-main__map__item.esasia span { left: -27px; top: 10px; }

.section-glg-main__map__item.nam { width: 629px; left: 3px; top: 0px; }

.section-glg-main__map__item.nam span { left: 316px; top: 160px; }

.section-glg-main__map__item.sam { width: 372px; left: 261px; bottom: 0px; }

.section-glg-main__map__item.sam span { left: 54px; top: 0px; }

.section-glg-main__map__bg { padding-left: 2px; }

@keyframes balloon { 0% { transform: translateY(0); }
  50% { transform: translateY(-0.3rem); }
  100% { transform: translateY(0); } }

.section-title-rising { color: #fff; font-size: 42px; line-height: 60px; font-weight: 600; }

.section-title-item { color: #fff; text-align: left; font-size: 30px; line-height: 45px; font-weight: 600; border-bottom: 1px solid #fff; padding-bottom: 15px; }

.glg-product { position: relative; width: 1366px; margin: 0 auto; flex-wrap: wrap; }

.glg-product .product-item--small { margin: 0 5px 65px 5px; width: 263px; flex: none; }

.glg-product .product-item-image { width: 263px; height: 263px; }

.glg-product .product-item-header { width: 263px; margin: 18px 0 0; }

.glg-product .product-item-header__name { color: #fff; font-size: 16px; line-height: 25px; font-weight: 600; margin-bottom: 5px; height: auto; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.glg-product .product-item-header__brand { color: #848484; font-size: 13px; line-height: 20px; font-weight: 500; border: none; padding: 0; margin: 0; text-align: left; }

.glg-product .product-item-price { width: 263px; justify-content: flex-start; align-items: center; }

.glg-product .product-item-price span { height: 25px; line-height: 25px; }

.glg-product .product-item-price__price { font-size: 17px; color: #fff; font-weight: 500; }

.glg-product .product-item-price__price .unit { margin: 0; font-size: 13px; }

.glg-product .product-item-price__price--del { text-align: left; font-size: 14px; margin-left: 10px; }

.glg-product .product-item-price__discount { margin-left: auto; font-size: 16px; color: #ff4646 !important; font-weight: 600; }

.glg-product .product-item-category { border-color: rgba(255, 255, 255, 0.2); }

.page.gong .section-title-small { color: #fff; }

.page.gong .section-title-xsmall { color: #999; }

.page.gong .section-title-item { color: #202020; border-bottom: 1px solid #202020; }

.page.gong .section-main-gonglist ul { display: grid; grid-template-columns: repeat(4, 1fr); }

.page.gong .section-main-gonglist ul li { position: relative; border: 1px solid #474747; border-left: none; border-top: none; }

.page.gong .section-main-gonglist ul li a { display: block; padding: 12px; transition: 1s; height: 634px; }

.page.gong .section-main-gonglist ul li a:hover { background-color: #4a4a4a; }

.page.gong .section-main-gonglist ul li .main-gonglist__txtarea { display: flex; flex-direction: column; justify-content: space-between; height: 200px; padding: 10px 0; }

.page.gong .section-main-gonglist ul li .main-gonglist__title { font-size: 26px; font-weight: 600; color: #fff; word-break: break-all; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.page.gong .section-main-gonglist ul li .main-gonglist__subtitle { font-size: 15px; color: #999; }

.page.gong .section-main-gonglist ul li .main-gonglist__desc { font-size: 14px; color: #fff; word-break: keep-all; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.page.gong .section-main-gonglist ul li:nth-child(4n + 1) { border: 1px solid #474747; border-top: none; }

.page.gong .section-main-gonglist ul li:nth-child(1) { border-top: 1px solid #474747; }

.page.gong .section-main-gonglist ul li:nth-child(2) { border-top: 1px solid #474747; }

.page.gong .section-main-gonglist ul li:nth-child(3) { border-top: 1px solid #474747; }

.page.gong .section-main-gonglist ul li:nth-child(4) { border-top: 1px solid #474747; }

.page.gong .section-main-itemlist { padding-bottom: 50px; }

.page.gong .section-main-itemlist ul { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; }

.page.gong .section-main-itemlist ul li { position: relative; background-color: #fff; }

.page.gong .section-main-itemlist ul li a { display: block; }

.page.gong .section-main-itemlist ul li .main-itemlist__txtarea { position: absolute; width: 100%; display: flex; gap: 4px; flex-direction: column; justify-content: space-between; padding: 20px; bottom: 0; left: 0; }

.page.gong .section-main-itemlist ul li .main-itemlist__name { font-size: 18px; font-weight: 700; color: #202020; word-break: keep-all; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.page.gong .section-main-itemlist ul li .main-itemlist__brand { font-size: 13px; color: #202020; }

.page.gong .section-main-itemlist ul li .main-itemlist__price { font-size: 16px; color: #202020; }

.page.gong .section-main-itemlist ul li .main-itemlist__detail { display: flex; justify-content: space-between; align-items: center; }

.page.gong .section-main-itemlist ul li .main-itemlist__imgarea { display: block; }

.page.gong .section-main-itemlist ul li .main-itemlist__imgarea img { display: block; }

.page.gong .gong-product { position: relative; width: 1366px; margin: 0 auto; flex-wrap: wrap; }

.page.gong .gong-product .product-item--small { margin: 0 5px 75px 5px; width: 263px; flex: none; }

.page.gong .gong-product .product-item-image { width: 263px; height: 263px; }

.page.gong .gong-product .product-item-header { width: 263px; }

.page.gong .gong-product .product-item-header__name { color: #202020; margin-bottom: 5px; font-size: 18px; line-height: 25px; font-weight: 600; height: auto; display: -webkit-box; word-break: keep-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.page.gong .gong-product .product-item-header__brand { color: #929292; font-size: 14px; line-height: 20px; font-weight: 500; border: none; padding: 0; margin: 0; text-align: left; }

.page.gong .gong-product .product-item-price { width: 263px; justify-content: flex-start; align-items: center; }

.page.gong .gong-product .product-item-price span { color: #202020; font-size: 17px; height: 25px; line-height: 25px; font-weight: 600; margin: 0; }

.page.gong .gong-product .product-item-price span .unit { font-size: 13px; }

.page.gong .gong-product .product-item-price__price--del { text-align: left; font-size: 14px; margin-left: 10px; }

.page.gong .gong-product .product-item-price__discount { color: #ff4646 !important; margin-left: auto !important; }

.page.gong .gong-product .product-item-category { border-color: rgba(255, 255, 255, 0); padding-top: 0; }

.section-gong-lists .slider-horizontal { display: flex; justify-content: space-between; margin-bottom: 4rem; }

.section-gong-lists .slider-horizontal__title { display: flex; align-items: flex-end; gap: 3.3rem; }

.section-gong-lists .slider-horizontal__title img { max-height: 4rem; }

.section-gong-lists .slider-horizontal__title a { color: #fff; }

.section-gong-lists .slider-horizontal__view { display: flex; }

.section-gong-lists .slider-horizontal__view span { font-size: 1.6rem; color: #fff; padding-left: 1.6rem; border-left: 1px solid rgba(255, 255, 255, 0.6); }

.section-gong-lists .slider-horizontal__view span i { margin-left: 0.8rem; }

.section-gong-lists .slider-horizontal .swiper-button-prev, .section-gong-lists .slider-horizontal .swiper-button-next { width: auto; height: auto; color: #fff; font-size: 25px; }

.section-gong-lists .slider-horizontal .swiper-control-box-wrap { color: rgba(255, 255, 255, 0.8); font-size: 1.6rem; gap: 4rem; margin-top: 0; height: auto; }

.section-gong-lists .section-main-gonglist { padding-bottom: 50px; }

.section-gong-lists .section-main-gonglist li { position: relative; height: 631px; top: 0px; border: 1px solid #474747; border-left: none; }

.section-gong-lists .section-main-gonglist li a { display: block; padding: 12px; transition: 1s; }

.section-gong-lists .section-main-gonglist li a:hover { background-color: #4a4a4a; }

.section-gong-lists .section-main-gonglist li .main-gonglist__txtarea { display: flex; flex-direction: column; justify-content: space-between; height: 200px; padding: 10px 0; }

.section-gong-lists .section-main-gonglist li .main-gonglist__title { font-size: 26px; font-weight: 600; color: #fff; word-break: keep-all; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.section-gong-lists .section-main-gonglist li .main-gonglist__subtitle { font-size: 15px; color: #999; }

.section-gong-lists .section-main-gonglist li .main-gonglist__desc { font-size: 14px; color: #fff; word-break: keep-all; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.section-gong-lists .section-main-gonglist li:nth-child(4n + 1) { border: 1px solid #474747; }

.section-gong-lists .section-main-itemlist { padding-bottom: 50px; }

.section-gong-lists .section-main-itemlist li { position: relative; background-color: #fff; border-right: 1px solid #202020; }

.section-gong-lists .section-main-itemlist li:nth-child(4n) { border-right: 1px solid transparent; }

.section-gong-lists .section-main-itemlist li a { display: block; }

.section-gong-lists .section-main-itemlist li .main-itemlist__txtarea { position: absolute; width: 100%; display: flex; gap: 4px; flex-direction: column; justify-content: space-between; padding: 20px; bottom: 0; left: 0; }

.section-gong-lists .section-main-itemlist li .main-itemlist__name { font-size: 18px; font-weight: 700; color: #202020; word-break: keep-all; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.section-gong-lists .section-main-itemlist li .main-itemlist__brand { font-size: 13px; color: #202020; }

.section-gong-lists .section-main-itemlist li .main-itemlist__price { font-size: 16px; color: #202020; }

.section-gong-lists .section-main-itemlist li .main-itemlist__detail { display: flex; justify-content: space-between; align-items: center; }

.section-gong-lists .section-main-itemlist li .main-itemlist__imgarea { display: block; }

.section-gong-lists .section-main-itemlist li .main-itemlist__imgarea img { display: block; }

.section-gong-lists .section-contents-class { padding-bottom: 50px; }

.section-gong-lists .section-contents-class .class-wrap { height: auto; }

.section-gong-lists .section-contents-class .class-wrap:hover .class-wrap-reserve span::after { width: 100%; display: block; opacity: 1; }

.section-gong-lists .section-contents-class .class-wrap-image { position: relative; width: 100%; aspect-ratio: 43 / 27; overflow: hidden; display: flex; justify-content: center; align-items: center; }

.section-gong-lists .section-contents-class .class-wrap-image .image { aspect-ratio: 43 / 27; width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; }

.section-gong-lists .section-contents-class .class-wrap-image-end { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; background-color: rgba(0, 0, 0, 0.7); justify-content: center; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #fff; font-size: 18px; }

.section-gong-lists .section-contents-class .class-wrap-content { position: relative; margin-top: 16px; display: flex; flex-direction: column; gap: 12px; height: 194px; }

.section-gong-lists .section-contents-class .class-wrap-header__brand { margin-bottom: 4px; color: #a5a5a5; font-size: 15px; font-weight: 500; }

.section-gong-lists .section-contents-class .class-wrap-header__name { height: 60px; color: #fff; font-size: 20px; font-weight: 700; word-break: keep-all; word-wrap: break-word; display: -webkit-box; word-break: keep-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.section-gong-lists .section-contents-class .class-wrap-detail { display: flex; align-items: center; color: #a5a5a5; font-size: 13px; }

.section-gong-lists .section-contents-class .class-wrap-detail span:not(:last-child) { border-right: 1px solid #404040; padding: 0 8px; }

.section-gong-lists .section-contents-class .class-wrap-detail span:first-child { padding-left: 0; }

.section-gong-lists .section-contents-class .class-wrap-detail span:last-child { padding-left: 8px; }

.section-gong-lists .section-contents-class .class-wrap-detail__adress { display: flex; align-items: center; }

.section-gong-lists .section-contents-class .class-wrap-detail__adress i { margin-right: 4px; margin-bottom: 1px; }

.section-gong-lists .section-contents-class .class-wrap-detail__hashtag { max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.section-gong-lists .section-contents-class .class-wrap-price { display: flex; gap: 8px; }

.section-gong-lists .section-contents-class .class-wrap-price__price { font-size: 20px; color: #fff; }

.section-gong-lists .section-contents-class .class-wrap-price__price .unit { font-size: 13px; }

.section-gong-lists .section-contents-class .class-wrap-price__tag { font-size: 13px; display: flex; align-items: center; justify-content: center; width: 54px; height: 25px; color: #fff; border-radius: 4px; }

.section-gong-lists .section-contents-class .class-wrap-price__tag--gray { background-color: #48413b; }

.section-gong-lists .section-contents-class .class-wrap-reserve { position: absolute; right: 0; bottom: 0; }

.section-gong-lists .section-contents-class .class-wrap-reserve span { position: relative; color: #fff; font-size: 14px; }

.section-gong-lists .section-contents-class .class-wrap-reserve span i { margin-left: 10px; }

.section-gong-lists .section-contents-class .class-wrap-reserve span::after { content: ''; position: absolute; width: 0; height: 1px; border: 1px solid rgba(255, 255, 255, 0.6); bottom: -8px; left: 0; transition: 0.3s; opacity: 0; }

.section-gong-lists .section-contents-bang { padding-bottom: 50px; }

.section-gong-lists .section-contents-bang li .bang-wrap { position: relative; width: 325px; height: 325px; }

.section-gong-lists .section-contents-bang li .bang-wrap-item { width: inherit; position: absolute; text-align: center; left: 50%; bottom: 30px; transform: translateX(-50%); }

.section-gong-lists .section-contents-bang li .bang-wrap-item-brand { color: rgba(255, 255, 255, 0.8); font-size: 15px; font-weight: 400; text-align: center; }

.section-gong-lists .section-contents-bang li .bang-wrap-item-name { margin-top: 4px; color: #fff; font-size: 20px; font-weight: 700; text-align: center; padding: 0 16px; word-break: break-all; word-wrap: break-word; }

.modal-card__banner8 { background-color: transparent; width: 100%; min-height: 520px; padding: 0; }

.modal-card__banner8 .modal-card-head { padding: 0 0 30px 0; border: none; background-color: transparent; }

.modal-card__banner8 .modal-card-head .modal-card-title { color: #fff; text-align: center; }

.modal-card__banner8 .modal-card-head .delete { width: 50px; height: 50px; max-width: 50px; max-height: 50px; min-width: 50px; min-height: 50px; }

.modal-card__banner8 .modal-card-head .delete::before, .modal-card__banner8 .modal-card-head .delete::after { background-color: #fff; }

.modal-card__banner8 .modal-card-body { overflow-x: hidden; background: transparent; padding: 0; }

.modal-card__banner8 .modal-card-body::-webkit-scrollbar { width: 10px; }

.modal-card__banner8 .modal-card-body::-webkit-scrollbar-thumb { border-radius: 5px; background-color: rgba(255, 255, 255, 0.6); }

.modal-card__banner8 .modal-card-body__list { width: 1366px; height: 100%; display: flex; flex-flow: row wrap; justify-content: flex-start; margin: 0 auto; gap: 26px; }

.modal-card__banner8 .modal-card-body__list li { width: 670px; height: 287px; position: relative; }

.modal-card__banner8 .modal-card-body__list li a { display: flex; align-items: center; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: 100%; color: #000; }

.modal-card__banner8 .modal-card-body__list li a .main-slide-title-area { width: 100%; padding: 0 50px; }

.modal-card__banner8 .modal-card-body__list li a .main-slide-subtitle--large { font-weight: 600; font-size: 24px; text-align: left; }

.modal-card__banner8 .modal-card-body__list li a.white { color: #fff; }

/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper { position: relative; overflow: hidden !important; margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; }

.scroll-wrapper > .scroll-content { max-height: none; max-width: none !important; width: auto !important; height: auto; margin: 0 auto !important; overflow: scroll !important; overflow-x: hidden; padding: 0; position: relative !important; border: none !important; top: 0; left: 0; box-sizing: content-box !important; -ms-overflow-style: none; }

.scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; }

.scroll-element { display: none; }

.scroll-element, .scroll-element div { box-sizing: content-box; }

.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; }

.scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default; }

.scroll-textarea { border: 1px solid #cccccc; border-top-color: #999999; }

.scroll-textarea > .scroll-content { overflow: hidden !important; }

.scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important; }

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; }

/*************** SCROLLBAR DYNAMIC ***************/
.scrollbar-container > .scroll-element, .scrollbar-container > .scroll-element div { background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; }

.scrollbar-container > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; }

.scrollbar-container > .scroll-element.scroll-x { bottom: 2px; height: 7px; left: 0; min-width: 100%; width: 100%; }

.scrollbar-container > .scroll-element.scroll-x .scroll-bar { bottom: 0; height: 7px; min-width: 24px; top: auto; }

.scrollbar-container > .scroll-element.scroll-x .scroll-element_outer { bottom: 0; top: auto; left: 2px; transition: height 0.2s; }

.scrollbar-container > .scroll-element.scroll-x .scroll-element_size { left: -4px; }

.scrollbar-container > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 1px; top: 0; width: 7px; }

.scrollbar-container > .scroll-element.scroll-y .scroll-bar { left: auto; min-height: 24px; right: 0; width: 7px; }

.scrollbar-container > .scroll-element.scroll-y .scroll-element_outer { left: auto; right: 0; top: 2px; transition: width 0.2s; }

.scrollbar-container > .scroll-element.scroll-y .scroll-element_size { top: -4px; }

.scrollbar-container > .scroll-element .scroll-element_outer { opacity: 0.3; border-radius: 12px; }

.scrollbar-container > .scroll-element .scroll-element_size { background-color: #cccccc; opacity: 0; border-radius: 12px; transition: opacity 0.2s; }

.scrollbar-container > .scroll-element .scroll-bar { background-color: #6c6e71; border-radius: 7px; }

.scrollbar-container > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }

.scrollbar-container > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }

.scrollbar-container > .scroll-element:hover .scroll-element_outer, .scrollbar-container > .scroll-element.scroll-draggable .scroll-element_outer { overflow: hidden; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'; filter: alpha(opacity=70); opacity: 0.7; }

.scrollbar-container > .scroll-element:hover .scroll-element_outer .scroll-element_size, .scrollbar-container > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size { opacity: 1; }

.scrollbar-container > .scroll-element:hover .scroll-element_outer .scroll-bar, .scrollbar-container > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar { height: 100%; width: 100%; border-radius: 12px; }

.scrollbar-container > .scroll-element.scroll-x:hover .scroll-element_outer, .scrollbar-container > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer { height: 14px; min-height: 7px; }

.scrollbar-container > .scroll-element.scroll-y:hover .scroll-element_outer, .scrollbar-container > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer { min-width: 7px; width: 14px; }

/* S : 공통 css */
.gallery-thumbs { padding: 0 60px; }

.gallery-thumbs.swiper-container-initialized .swiper-slide { filter: gray; opacity: 0.5; }

.gallery-thumbs.swiper-container-initialized .swiper-slide:hover, .gallery-thumbs.swiper-container-initialized .swiper-slide-thumb-active { border: 2px solid #333; filter: none; opacity: 1; }

.gallery-thumbs .swiper-slide { overflow: hidden; cursor: pointer; }

.modal-button { cursor: pointer; }

.product-review-top { display: flex; max-height: 50px; justify-content: space-between; align-items: center; }

.product-review-top .product-review-stats-area { display: flex; flex: 1 1; margin-right: 40px; }

.product-review-top .product-review-stats-area .stats-rate-wrap { display: inline-flex; height: 20px; vertical-align: top; align-items: center; margin-right: 35px; }

.product-review-top .product-review-stats-area .stats-rate { vertical-align: top; }

.product-review-top .product-review-stats-area__title { overflow: hidden; max-width: 598px; max-height: 22px; color: #333; line-height: 1.4; font-size: 16px; font-weight: 400; display: block; word-wrap: normal; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.product-review-top .product-review-stats-area__customer { height: 22px; line-height: 1.4; font-size: 16px; }

.product-review-top .product-review-stats-area__customer::before { display: inline-block; margin: 0 10px; content: '|'; color: #a2a2a2; font-weight: 600; vertical-align: top; }

.navigation-box1 .swiper-button-next, .navigation-box1 .swiper-button-prev { width: 70px; height: 70px; color: #fff; background-color: rgba(0, 0, 0, 0.9) !important; opacity: 0.5; transition: opacity 0.5s; }

.navigation-box1 .swiper-button-next:hover, .navigation-box1 .swiper-button-prev:hover { opacity: 1; }

.navigation-box1 .swiper-button-next { right: 13px; }

.navigation-box1 .swiper-button-prev { left: 14px; }

.img-size-80 { overflow: hidden; display: inline-block; width: 80px; height: 80px; }

.img-size-80 img { width: auto; max-width: auto; height: 100%; }

.img-size-90 { overflow: hidden; display: inline-block; width: 90px; height: 90px; text-align: center; font-size: 0; }

.img-size-90 img { width: auto; max-width: 100%; height: 100%; }

.img-size-100 { overflow: hidden; display: inline-block; width: 100px; height: 100px; }

.img-size-100 img { width: auto; max-width: auto; height: 100%; }

.img-size-150 { overflow: hidden; display: inline-block; width: 150px; height: 150px; }

.img-size-150 img { width: auto; max-width: auto; height: 100%; }

.img-size-320 { overflow: hidden; display: inline-block; width: 320px; height: 320px; }

.img-size-320 img { min-width: 540px; width: auto; height: 320px; }

.img-size-520 { overflow: hidden; display: inline-block; width: 520px; height: 520px; }

.img-size-520 img { width: auto; height: 520px; }

.img-size-534 { overflow: hidden; display: inline-block; width: 534px; height: 180px; }

.img-size-534 img { width: auto; height: 180px; }

.img-size-540 { overflow: hidden; display: flex; justify-content: center; align-items: center; width: 540px; height: 540px; }

.img-size-540 img { width: auto; max-height: 540px; }

.img-size-640 { overflow: hidden; display: inline-block; width: 640px; height: 640px; }

.img-size-640 img { width: auto; height: 640px; }

.img-size-1000 { overflow: hidden; width: 1000px; display: inline-block; height: 700px; }

.img-size-1000 img { width: auto; height: 700px; }

.img-size-1086 { overflow: hidden; width: 1086px; display: inline-block; height: 360px; }

.img-size-1086 img { width: auto; height: 360px; }

/* E : 공통 css */
.product-review-contents { font-size: 16px; color: #333; }

.product-review-contents__text { color: #888; }

.product-review-contents__text-none { display: none; }

.product-review-contents__text.is-active { display: block; }

.product-review-contents__report { height: 90px; line-height: 90px; background-color: #f1f1f1; text-align: center; color: #777; font-size: 15px; }

.product-review-contents__report-none { display: none; }

.product-review-contents__report.is-active { display: block; }

.product-review-user { display: flex; align-items: center; }

.product-review-user__id::after { display: inline-block; height: 9px; margin-right: 8px; padding-right: 12px; border-right: 1px solid #888; content: ''; }

.product-review-user__good { height: 50px; padding: 0; }

.product-review-user__good .icon-bg { display: inline-block; width: 50px; height: 50px; border-radius: 100%; background-color: #888; text-align: center; font-weight: 600; vertical-align: middle; }

.product-review-user__good .icon-bg i { display: inline-block; margin-top: 12px; background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -65px -600px; width: 26px; height: 24px; }

.product-review-user__good-count { display: inline-block; width: 60px; text-align: right; font-weight: 600; color: #777; }

.product-review-user__good.is-active .icon-bg { background-color: #ed2650; }

.product-review-user__good.is-active .product-review-user__good-count { color: #ed2650; }

.product-review-more-button { position: relative; display: inline-block; margin: -10px -10px -6px; padding: 10px; line-height: 1; color: #777; cursor: pointer; }

.product-review-more-button:after { content: ''; display: block; position: absolute; width: 49px; height: 1px; padding-bottom: 1px; background-color: #777; }

.product-report-button { position: relative; display: inline-block; margin: -10px -10px -6px 10px; padding: 10px; line-height: 1; color: #777; cursor: pointer; }

.product-report-button:after { display: none; }

.product-review-images .img-size-100 { display: inline-flex; margin-right: 7px; position: relative; justify-content: center; }

.product-review-images .img-size-100 img { position: absolute; max-width: inherit; left: 50%; height: 100%; transform: translateX(-50%); }

.product-review-images .img-size-100.thumb-video { display: inline-block; }

.product-review-images:last-child { margin-right: 0; }

.pitem-tabs { background-color: #fff; }

.pitem-tabs-wrap { padding-top: 60px; padding-bottom: 40px; }

.pitem-tabs-wrap.is-fixed .pitem-tabs { position: fixed; z-index: 30; width: 1367px; }

.pitem-tabs.tabs.is-toggle li { width: 25%; border-right: 1px solid transparent; }

.pitem-tabs.tabs.is-toggle li + li { margin-left: -2px; }

.pitem-tabs.tabs.is-toggle li a { transition: all 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94); }

.pitem-tabs.tabs.is-toggle li a:hover, .pitem-tabs.tabs.is-toggle li a:focus, .pitem-tabs.tabs.is-toggle li a:active { color: #333; }

.pitem-info__title--main { font-size: 80px; font-weight: 800; line-height: 1.4; opacity: 0.9; }

.pitem-info__title { font-size: 30px; font-weight: 800; line-height: 1.5; opacity: 0.9; }

.pitem-info__title--sub { font-size: 30px; font-weight: 800; line-height: 1.5; opacity: 0.9; }

.pitem-info__subtitle { font-size: 18px; font-weight: 800; line-height: 1.5; opacity: 0.9; }

.pitem-info__text { opacity: 0.9; }

.pitem-info__video { width: 1093px; height: 635px; }

.pitem-info__video iframe { width: 100%; height: 100%; }

.pitem-info__title + .pitem-info__text, .pitem-info__title + .pitem-info__subtitle + .pitem-info__text, .pitem-info__title--sub + .pitem-info__text { padding-top: 20px; }

.pitem-info__text + .pitem-info__title, .pitem-info__text + .pitem-info__subtitle, .pitem-info__text + .pitem-info__title--sub { padding: 40px 0 0 0; }

.pitem-info__title--main.underline, .pitem-info__title.underline, .pitem-info__subtitle.underline { margin-bottom: 10px; padding-bottom: 3px; border-bottom: 1px solid #333; }

#pitem-main-info { overflow: hidden; position: relative; zoom: 1; max-height: 2000px; margin-top: 0px; }

#pitem-main-info.is-active { overflow: visible; max-height: inherit; padding-bottom: 50px; }

#pitem-main-info .pitem-section-body { margin-top: 0; }

#pitem-main-info table { padding: 0; margin: 0; }

#pitem-main-info table th, #pitem-main-info table td { padding: 0; margin: 0; }

.pitem-section-img-wrap { text-align: center; }

.pitem-section-img-wrap img { display: block; width: auto; margin: 0 auto; }

.pitem-section-info { width: 80%; margin: 0 auto; padding: 0; font-size: 18px; font-weight: 400; line-height: 1.9; color: #202020; text-align: center; }

@media (max-width: 1080px) { .pitem-section-info { width: 70%; } }

.pitem-section-info .txtarea { min-width: 506px; padding: 0; }

.pitem-section-info img + .txtarea, .pitem-section-info .embed-container + .txtarea, .pitem-section-info .embed-container + a > .txtarea { margin: 0; padding: 20px 0 30px 0; }

.pitem-section-info .columns .column.is-vcentered { display: flex; align-items: center; }

.pitem-section-info .columns .column img { max-width: 100%; }

.pitem-section-info__wide.pitem-section-info { overflow: hidden; width: 100%; }

.pitem-section-info__wide.pitem-section-info .column p { max-width: 526px; }

.pitem-section-info__wide.pitem-section-info .column:first-child p { margin-left: auto; }

.pitem-section-info__wide.pitem-section-info .column:last-child p { margin-right: auto; }

.pitem-section-info__wide.pitem-section-info .pitem-info__title, .pitem-section-info__wide.pitem-section-info .pitem-info__subtitle, .pitem-section-info__wide.pitem-section-info p { max-width: 1092px; margin-left: auto; margin-right: auto; }

@media (max-width: 1080px) { .pitem-section-info__wide.pitem-section-info .pitem-info__title, .pitem-section-info__wide.pitem-section-info .pitem-info__subtitle, .pitem-section-info__wide.pitem-section-info p { max-width: 980px; } }

.pitem-section-info__inImg { position: relative; }

.pitem-section-info__inImg .txtarea { position: absolute; top: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 0; }

.pitem-section-info__inImg .txtarea p { margin: 0; }

.pitem-section-info__white, .pitem-section-info__black { padding: 30px 0 20px 0; }

.pitem-section-info__white:first-child, .pitem-section-info__black:first-child { padding: 60px 0 30px 0; }

.pitem-section-info__white:last-child, .pitem-section-info__black:last-child { padding: 30px 0 60px 0; }

.pitem-section-info__white p, .pitem-section-info__white p > strong, .pitem-section-info__white p > span { color: #fff; opacity: 1; }

.pitem-section-info .dot-list > li { font-size: 16px; }

.pitem-section-info p { word-break: keep-all; word-wrap: break-word; letter-spacing: -1px; }

.pitem-section-info img { display: inline-block; max-width: 100%; }

.pitem-section-info a { display: block; color: #000; opacity: 0.9; }

.pitem-section-info-floating { z-index: 3; padding: 16px 20px; background-color: rgba(255, 255, 255, 0.2); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-radius: 10px; }

.pitem-section-info-floating .tabs.tabs-pill ul { min-width: 100px; flex-direction: column; }

.pitem-section-info-floating .tabs.tabs-pill ul li { width: 100%; }

.pitem-section-info-floating .tabs.tabs-pill ul li a { display: flex; gap: 8px; font-size: 15px; padding: 10px 16px; justify-content: space-between; color: #777; }

.pitem-section-info-floating .tabs.tabs-pill ul li a .i-arrR { width: 16px; height: 16px; fill: #ddd; margin-bottom: 2px; }

.pitem-section-info-floating-wrap { z-index: 5; opacity: 0; transition: 0.2s; position: fixed; top: 50%; transform: translateY(-50%); left: 0; pointer-events: none; }

.pitem-section-info-floating-wrap .tabs.tabs-pill a { pointer-events: none; }

.pitem-section-info-floating-wrap.is-fixed { opacity: 1; }

.pitem-section-info-floating-wrap.is-fixed .tabs.tabs-pill a { pointer-events: auto; }

.modal .pitem-section-info { width: 100%; height: auto; padding-top: 0; }

.modal .pitem-section-info .row { padding-top: 0; }

.modal .pitem-section-info .columns { display: block; text-align: center; margin-left: -40px; margin-right: -40px; margin-top: -40px; }

.modal .pitem-section-info .columns:not(:last-child) { margin-bottom: calc(15px - 40px); }

.button.pitem-detail-button { display: block; width: 50%; height: 60px; margin: 40px auto 0; }

.horizon-list-menu { margin: 0; font-size: 0; text-align: left; }

.horizon-list-menu li { display: inline-block; }

.horizon-list-menu li::before { display: inline-block; margin: -2px 1rem 0; content: '|'; color: #cacaca; vertical-align: middle; font-size: 10px; line-height: 1.6; }

.horizon-list-menu li:first-child::before { display: none; }

.horizon-list-menu li a { color: #777; font-size: 14px; vertical-align: middle; }

.horizon-list-menu li a:hover, .horizon-list-menu li a:active { text-decoration: underline; color: #333; }

.is-link { padding: 0; margin: 0; line-height: 1.4; }

.is-link .icon-tooltip-q { display: inline-flex; width: 15px; height: 15px; margin-left: 0.4em; vertical-align: middle; }

.is-link .ico-tooltip { display: inline-block; width: 16px; height: 16px; margin-top: -2px; margin-left: 0.4em; font-size: 16px; color: #bbb; line-height: 1; vertical-align: middle; }

.is-link .ico-popup { display: inline-block; width: 16px; height: 16px; margin-top: -2px; margin-left: 0.4em; font-size: 16px; color: #bbb; line-height: 1; vertical-align: middle; }

.is-link:hover .ico-tooltip, .is-link:hover .ico-popup { color: #333; }

.pitem-group-purchase { display: flex; padding: 34px 36px 30px 36px; border: 1px solid #ccc; }

.pitem-group-purchase-chart { position: relative; width: 100px; height: 100px; margin-top: 3px; z-index: 0; }

.pitem-group-purchase-chart > canvas { position: relative; z-index: 10; }

.pitem-group-purchase-chart > strong { display: flex; position: absolute; top: 0; left: 0; z-index: 0; width: 100px; height: 100px; justify-content: center; align-items: center; border: 10px solid rgba(0, 0, 0, 0.06); border-radius: 100%; text-align: center; letter-spacing: -2px; color: #5bcec2; font-size: 32px; font-weight: 400; }

.pitem-group-purchase-date, .pitem-group-purchase-price { color: #ed2650; font-size: 18px; }

.pitem-time-sale-wrap { padding-bottom: 10px; }

.pitem-time-sale-wrap .pitem-time-sale { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding: 13px 20px; background: #333; font-size: 16px; color: #fff; }

.pitem-time-sale-wrap .pitem-time-sale__title { flex: 0 0 106px; }

.pitem-time-sale-wrap .pitem-time-sale dd { min-width: 100px; flex-grow: 9; display: flex; justify-content: space-between; }

.pitem-time-sale-wrap .pitem-time-sale dd .pitem-time-sale__date { color: #ccc; }

.pitem-time-sale-wrap .pitem-time-sale dd .pitem-time-sale__date strong { font-weight: 400; color: #fff; }

.pitem-time-sale-wrap .pitem-time-sale dd i { margin: 0px 0 -8px; }

.content-share-wrap { position: relative; width: 50px; height: 50px; display: inline-block; }

.content-share-wrap:hover .content-share-inner { top: -5px; width: 220px; height: 60px; border: 1px solid #333; background-color: #fff; }

.content-share-wrap:hover .content-share-inner .content-share__link { position: static; visibility: visible; opacity: 1; transition: opacity 0.5s; }

.content-share-wrap:hover .content-share-inner .content-share__link:hover { background-color: #f4f4f4; }

.content-share__link { position: absolute; right: 10px; top: 10px; display: inline-flex; width: 40px; height: 40px; border-radius: 100%; align-items: center; justify-content: center; visibility: hidden; opacity: 0; vertical-align: middle; }

.content-share-inner { display: inline-flex; overflow: hidden; position: absolute; top: 0; right: 0; z-index: 9; width: 50px; height: 50px; padding: 0 14px; border: 1px solid #ccc; transition: all 0.2s cubic-bezier(0.17, 0.04, 0.03, 0.94); align-items: center; justify-content: space-between; }

.content-share__button.button { border: none; width: 50px; min-width: 48px; height: 50px; padding: 0; font-size: 25px; color: #333; }

.button-pitem-map { width: 50px; min-width: 50px; height: 50px; padding: 0; }

.pitem-header { padding-top: 50px; padding-bottom: 50px; }

.pitem-header > .fl { width: 610px; }

.pitem-header > .fr { width: 700px; }

.pitem-header-section { position: relative; padding: 20px 0; margin: 0; border-bottom: 1px solid #eee; color: #888; font-size: 16px; }

.pitem-header-section dt, .pitem-header-section dd, .pitem-header-section button { font-size: 16px; }

.pitem-header-section__dl { display: flex; }

.pitem-header-section__dl:not(:first-child) { margin-top: 13px; }

.pitem-header-section__dt { flex-grow: 0; width: 148px; color: #333; }

.pitem-header-section__dd { display: block; width: 550px; flex-grow: 1; color: #888; }

.pitem-header-section__dd .tooltip-wrap { display: inline-flex; position: relative; align-items: center; }

.pitem-header-section--cardBene .space-between { align-items: flex-start; }

.pitem-header-section--cardBene button { padding: 0; font-size: 14px; border-bottom: 1px solid #333; }

.pitem-header-section--code .pitem-header-section__dt { display: inline-flex; align-items: center; height: 30px; }

.pitem-header-section--code .pitem-header-section__dd .inline-flex { height: 30px; }

.pitem-header-section--delivery .pitem-header-section__dd { line-height: 1.7; }

.pitem-header-section--delivery__link { display: block; position: relative; color: #888; padding-right: 50px; }

.pitem-header-section--delivery__link .row { display: block; }

.pitem-header-section--delivery__link .icon { position: absolute; top: 50%; right: 0; width: 50px; height: 20px; margin-top: -10px; }

.pitem-header-section--freegift .images-list li { width: 100px; margin-right: 10px; }

.pitem-header-section--freegift .images-list li .freegift__name { font-size: 14px; }

.pitem-header-section--tooltip { display: none; position: absolute; top: 22px; right: 0; z-index: 10; width: 300px; padding: 20px; border: 1px solid #ccc; background-color: #fff; }

.pitem-header-section--tooltip dt, .pitem-header-section--tooltip dd { font-size: 14px; }

.pitem-header-section--tooltip__title { font-size: 16px; font-weight: 600; color: #333; margin-bottom: 7px; line-height: 1.1; }

.pitem-header-section .is-link { display: inline-flex; color: #888; align-items: center; }

.pitem-header-section .is-link:hover + .pitem-header-section--tooltip { display: block; }

.pitem-header-section__price { display: inline-flex; align-items: center; font-size: 30px; font-weight: 600; color: #333; vertical-align: middle; }

.pitem-header-section__price .unit { display: inline-block; margin-left: 0.2em; font-size: 20px; font-weight: 400; }

.pitem-header-section__price--del { display: block; margin-bottom: 5px; }

.pitem-header-section__price--del .unit { margin-left: 5px; }

.pitem-header-section__price--app .app-tag { display: block; margin-top: 5px; font-size: 14px; color: #00a3be; }

.pitem-header-section__price--app .app-price { color: #00a3be; }

.pitem-header-section__price--app .app-down { padding: 9px 12px; margin-left: 5px; background: #00a3be; font-size: 14px; color: #fff; border-radius: 5px; }

.pitem-header-section__price--app .app-down i { margin-left: 5px; }

.pitem-header-section__price--app:hover { cursor: pointer; }

.pitem-header-section__price--app:hover + .pitem-header-section__price--tooltip { display: block; }

.pitem-header-section__price--tooltip { display: none; position: absolute; top: 100px; right: 0; z-index: 10; width: 300px; padding: 20px; border: 1px solid #ccc; background-color: #fff; text-align: center; }

.pitem-header-section__price--tooltip__title { font-size: 15px; font-weight: 600; color: #333; margin-bottom: 7px; line-height: 1.1; }

.pitem-header-section__price--tooltip img { display: block; margin: 0 auto; }

.pitem-header-section__sale { display: inline-block; color: #ed2650; font-size: 30px; font-weight: 600; }

.pitem-header-section__audio { align-items: center; }

.pitem-header-section__audio--txt button { text-align: left; }

.pitem-header-section__audio--txt button p { font-weight: 400; font-size: 14px; color: #333; }

.pitem-header-section__audio--txt button p strong { font-size: 16px; color: #000; }

.pitem-header-section__audio--control { position: relative; }

.pitem-header-section__audio--control .control-pop { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; z-index: 1; }

.pitem-header-section__audio--control .control-pop a { display: block; width: 100%; height: 100%; }

.pitem-header-section__audio--control audio { display: block; }

.pitem-header-coupon { display: flex; justify-content: space-between; align-items: center; height: 60px; padding: 0 20px; background-color: #f3f9ff; }

.pitem-header-coupon__text { font-size: 18px; color: #333; }

.pitem-header-coupon__text strong { color: #385ea3; }

.pitem-header-photo { position: relative; overflow: hidden; /* gallery-thumbs 공통부분 있어 상단에 공통으로 뺐음 */ }

.pitem-header-photo .modal-button { display: block; font-size: 0; }

.pitem-header-photo__badge { display: block; position: absolute; left: 0; top: 0; z-index: 1; max-width: 65px; max-height: 62px; overflow: hidden; }

.pitem-header-photo .modal .image { margin: 0 auto; text-align: center; }

.pitem-header-photo .gallery-photo { margin-bottom: 20px; }

.pitem-header-photo .gallery-photo .thumb-video { width: 610px; height: 100%; }

.pitem-header-photo .gallery-photo .swiper-slide { width: 610px; height: 610px; overflow: hidden; }

.pitem-header-photo .gallery-photo .swiper-slide > img { width: auto; height: 610px; }

.pitem-header-photo .gallery-photo .swiper-slide iframe { width: 610px; height: 610px; }

.pitem-header-photo .gallery-photo .fyusion360-wrap { position: relative; height: 100%; }

.pitem-header-photo .gallery-photo .fyusion360-wrap .fyu_container { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; max-height: 100%; transform: translate(-50%, -50%); }

.pitem-header-photo .gallery-photo .fyusion360-wrap .fyu_container.fyu_horizontal .fyu_wrapper > div { padding-bottom: 100%; }

.pitem-header-photo .gallery-thumbs { padding: 0 60px; }

.pitem-header-photo .gallery-thumbs .swiper-slide { width: 110px; height: 110px; }

.pitem-header-photo .gallery-thumbs .thumb-video:before { content: ''; position: absolute; z-index: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }

.pitem-header-photo .gallery-thumbs .thumb-video:after { content: ''; display: inline-block; position: absolute; top: 50%; left: 50%; z-index: 10; width: 0; height: 13px; margin: -8px 0 0 -5px; border-width: 8px 0 8px 13px; border-color: transparent transparent transparent #fff; border-style: solid; }

.pitem-header-photo .gallery-thumbs .thumb-360 { display: block; position: relative; width: 100%; height: 100%; }

.pitem-header-photo .gallery-thumbs .thumb-360:before { content: ''; position: absolute; z-index: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }

.pitem-header-photo .gallery-thumbs .thumb-360:after { content: ''; display: inline-block; position: absolute; top: 50%; left: 50%; z-index: 10; width: 64px; height: 40px; margin: -20px 0 0 -32px; background: url(../images/common/icn_360o.png) 50% 50% no-repeat; }

.pitem-header-photo .gallery-thumbs .swiper-button-prev { top: 50%; left: 0; margin-top: -25px; }

.pitem-header-photo .gallery-thumbs .swiper-button-next { top: 50%; right: 0; margin-top: -25px; }

.pitem-header-info__top > .fl { display: inline-flex; align-items: center; height: 50px; }

.pitem-header-info__top > .fl > a { display: inline-flex; }

.pitem-header-info__top > .fr { display: inline-flex; align-items: center; height: 50px; }

.pitem-header-info__top > .fr .button-pitem-map { margin-right: 10px; }

.pitem-header-info__tag { display: inline-flex; height: 30px; padding: 0 1.5em; margin-right: 10px; margin-bottom: 0; border: 1px solid #333; color: #333; font-size: 13px; line-height: 1; align-items: center; }

.pitem-header-info__title { margin-top: 10px; }

.pitem-header-info__title a:hover { text-decoration: underline; }

.pitem-header-info__title .row { margin-bottom: 15px; }

.pitem-header-info__title .title { margin-bottom: 20px; font-size: 36px; font-weight: normal; line-height: 1.4; }

.pitem-header-info__title .title a { color: #333; }

.pitem-header-info__title .title a:hover { color: #333; }

.pitem-header-info__title-tag { display: inline-flex; width: 40px; height: 40px; margin-right: 5px; color: #fff; font-size: 12px; line-height: 1.2; text-align: center; vertical-align: middle; align-items: center; justify-content: center; }

.pitem-header-info__title-tag--green { background-color: #64935d; }

.pitem-header-info__title-tag--black { background-color: #333; }

.pitem-header-info__title-tag--blue { background-color: #28a0e4; }

.pitem-header-info__title-tag--orange { background-color: #ff8d39; }

.pitem-header-info__title-tag--red { background-color: #ed2650; }

.pitem-header-info__title-tag--brown { background-color: #9d8474; }

.pitem-header-info__title-tag--mint { background-color: #46ceac; }

.pitem-header-info__title-tag--pink { background-color: #be56ee; }

.pitem-header-notice { margin-bottom: 40px; }

.pitem-header-notice__dl { display: block; margin-top: 18px; margin-bottom: 18px; }

.pitem-header-notice__dt { color: #333; }

.pitem-header-package-product { display: flex; margin-bottom: 20px; padding: 18px; border: 1px solid #ccc; font-size: 16px; }

.pitem-header-package-product__image { overflow: hidden; width: 60px; height: 60px; margin-right: 20px; border: 1px solid #ccc; }

.pitem-header-toggle-btn, .pitem-header-product { display: none; }

.pitem-header-btns { display: flex; align-items: center; justify-content: flex-end; }

.pitem-header-btns__icon { font-size: 0; flex-grow: 0; }

.pitem-header-btns__icon + .pitem-header-btns__full { padding-left: 10px; }

.pitem-header-btns .button { height: 60px; font-size: 20px; }

.pitem-header-btns .button.button-icon-only { width: 60px; min-width: 60px; padding: 0; margin-left: -1px; border-color: #ccc; }

.pitem-header-btns__full { padding-left: 10px; font-size: 0; flex-grow: 1; }

.pitem-header-btns__full.__layout3 .button { width: 33.333%; padding: 0; min-width: auto; }

.pitem-header-btns__full .button { margin: 0; display: inline-flex; width: 50%; }

.pitem-header-btns__full .button.is-outlined { background-color: #fff; }

.pitem-header-btns__full .button.is-outlined:hover, .pitem-header-btns__full .button.is-outlined:focus { color: #333; background-color: #f9f9f9; }

.pitem-header-btns .button { height: 60px; font-size: 20px; }

.pitem-header-btns .button.button-icon-only { width: 60px; min-width: 60px; padding: 0; margin-left: -1px; border-color: #ccc; }

.pitem-header-btns .button.button-icon-only:hover, .pitem-header-btns .button.button-icon-only:focus { z-index: 1; border-color: #333; box-shadow: none; }

.pitem-header-btns .button.button-icon-only:first-child { margin-left: 0; }

.pitem-header-btns .pitem-header-one-btn { width: 284px; margin-left: 10px; }

.pitem-header-btns .pitem-header-one-btn.button.is-fullwidth { width: 358px; margin-left: 0; background-color: #fff; }

.pitem-header-btns .pitem-header-one-btn.button.is-fullwidth:hover { background-color: #333; color: #fff; }

.pitem-header-btns .pitem-header-btn { padding-left: 10px; }

.pitem-header-btns .pitem-header-btn .button { width: 284px; }

.pitem-header-btns .pitem-header-btn .button.is-outlined { background: #fff; }

.pitem-header-floating-wrap #pitem-header-collapsible-card { display: none; }

.pitem-header-floating-wrap.is-fixed .pitem-header-floating { width: 1366px; top: auto !important; left: 0; right: 0; bottom: -1px; z-index: 30; margin: 0 auto; background-color: #fff; }

.pitem-header-floating-wrap.is-fixed .pitem-header-card-header { overflow: hidden; display: flex; width: 1366px; position: fixed; bottom: 0; z-index: 30; }

.pitem-header-floating-wrap.is-fixed .pitem-header-card-header.with-btns__layout3 .pitem-header-product { width: calc(100% - 550px); }

.pitem-header-floating-wrap.is-fixed .pitem-header-card-header .pitem-header-toggle-btn { display: inline-block; width: 60px; background-color: #333; color: #fff; }

.pitem-header-floating-wrap.is-fixed .pitem-header-card-header .pitem-header-toggle-btn .icon { display: block; text-align: center; line-height: 60px; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }

.pitem-header-floating-wrap.is-fixed .pitem-header-card-header .pitem-header-toggle-btn.is-active .icon { transform: rotate(0); -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); }

.pitem-header-floating-wrap.is-fixed .pitem-header-card-header .pitem-header-product { display: flex; width: calc(100% - 479px); justify-content: space-between; height: 60px; padding: 0 20px; border: 1px solid #ccc; border-left: none; border-right: none; background-color: #f1f1f1; font-size: 18px; line-height: 60px; flex-grow: 1; }

.pitem-header-floating-wrap.is-fixed .pitem-header-card-header .pitem-header-product > strong { font-size: 18px; display: block; word-wrap: normal; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.pitem-header-floating-wrap.is-fixed .pitem-header-card-header .pitem-header-product__price { flex: 0 0 auto; }

.pitem-header-floating-wrap.is-fixed .pitem-header-card-header .pitem-header-product__price > strong { font-size: 20px; }

.pitem-header-floating-wrap.is-fixed .pitem-header-card-header .pitem-header-product__price .unit { color: #333; }

.pitem-header-floating-wrap.is-fixed .pitem-header-card-header .pitem-header-btns { padding: 0; border: none; }

.pitem-header-floating-wrap.is-fixed .pitem-header-card-header .pitem-header-btns__full { width: 300px; padding-left: 0; }

.pitem-header-floating-wrap.is-fixed .pitem-header-card-header .pitem-header-btns__full.__layout3 { width: 360px; }

.pitem-header-floating-wrap.is-fixed .pitem-header-card-header .pitem-header-btns__full button { font-size: 18px; }

.pitem-header-floating-wrap.is-fixed .pitem-header-card-header .pitem-header-btns__full.w360 { width: 360px; }

.pitem-header-floating-wrap.is-fixed .pitem-header-card-header .pitem-header-btn { padding: 0; border: none; }

.pitem-header-floating-wrap.is-fixed .pitem-header-card-header .pitem-header-btn .button { width: 300px; }

.pitem-header-floating-wrap.is-fixed .pitem-header-card-header .pitem-header-btn .button.w360 { width: 360px; }

.pitem-header-floating-wrap.is-fixed #pitem-header-collapsible-card { display: none; overflow-y: auto; width: 100%; height: 408px; margin-bottom: 60px; padding: 20px 20px 0; border: 1px solid #ccc; border-bottom: none; }

.pitem-header-floating-wrap.is-fixed #pitem-header-collapsible-card .fl { width: 590px; }

.pitem-header-floating-wrap.is-fixed #pitem-header-collapsible-card .fl .pitem-option { margin-top: 0; margin-bottom: 10px; font-size: 14px; }

.pitem-header-floating-wrap.is-fixed #pitem-header-collapsible-card .fl .pitem-option:nth-last-child(2) { margin-bottom: 25px; }

.pitem-header-floating-wrap.is-fixed #pitem-header-collapsible-card .fl .pitem-header-add-purchase { font-size: 14px; }

.pitem-header-floating-wrap.is-fixed #pitem-header-collapsible-card .fl .pitem-header-add-purchase div { margin-bottom: 0; }

.pitem-header-floating-wrap.is-fixed #pitem-header-collapsible-card .fr { width: 700px; }

.pitem-header-floating-wrap.is-fixed #pitem-header-collapsible-card .fr .pitem-header-btns { margin-bottom: 20px; }

.pitem-header-floating-wrap.is-fixed #pitem-header-collapsible-card .fr .pitem-option-selected { margin-top: 0; }

.pitem-header-floating-wrap.is-fixed #pitem-header-collapsible-card::-webkit-scrollbar { width: 5px; background-color: #fff; }

.pitem-header-floating-wrap.is-fixed #pitem-header-collapsible-card::-webkit-scrollbar-thumb { background-color: #898992; border-radius: 10px; }

.pitem-header-floating-wrap.is-fixed #pitem-header-collapsible-card.is-active { display: block; }

.pitem-header-sum { display: block; font-size: 30px; text-align: right; margin-top: 20px; padding: 40px 0px 20px 0px; border-top: 1px solid #888; }

.pitem-header-sum__price { color: #333; font-size: 18px; }

.pitem-header-sum__price strong { display: inline-block; margin: 0 10px; font-size: 42px; }

.pitem-header-sum__price--qa { font-size: 30px; font-weight: 600; }

.pitem-header-sum__desc { color: #888; font-size: 14px; }

.pitem-header-add-purchase { font-size: 16px; margin-top: 40px; margin-bottom: 20px; }

.pitem-header-add-purchase > div { position: relative; width: 100%; height: 3.75em; padding-left: 1.0625em; line-height: 3.75em; border: 1px solid #ccc; font-size: 1em; text-align: left; color: #333; }

.pitem-header-add-purchase > div .button.is-small { position: absolute; top: 1.09em; right: 1.25em; height: 2.307em; font-size: 0.813em; }

.pitem-header-review { margin: 40px 0; border-top: 1px solid #ccc; }

.pitem-header-review__li, .pitem-header-review__dl { display: table; width: 100%; border: 1px solid #ccc; border-top: none; font-size: 16px; }

.pitem-header-review__dt { display: table-cell; width: 124px; padding: 20px 30px; color: #333; vertical-align: middle; }

.pitem-header-review__dd { display: table-cell; padding: 20px 30px 20px 0; color: #888; vertical-align: middle; }

.pitem-header-review__dd--rel { position: relative; padding-right: 125px; }

.pitem-header-review__dd--flex { display: flex; align-items: center; }

.pitem-header-review__dd--flex .stats-rate-wrap { display: inline-flex; margin-right: 20px; flex-grow: 0; font-size: 16px; }

.pitem-header-review__dd--flex .flex-right { display: inline-flex; flex-grow: 1; justify-content: flex-end; text-align: right; color: #333; }

.pitem-header-review__dd--flex .flex-right a.link { color: #333; text-decoration: none; }

.pitem-header-review__dd--flex .flex-right a.link::after { content: none; }

.pitem-header-review__li { display: flex; position: relative; width: 100%; padding: 20px; border: 1px solid #ccc; border-top: none; font-size: 16px; }

.pitem-header-review__li-title { padding-left: 20px; font-weight: 400; color: #888; height: 45px; }

.pitem-header-review__li .pitem-header-review__more { top: inherit; right: 15px; bottom: 15px; }

.pitem-header-review__thumb { width: 80px; height: 80px; flex-shrink: 0; }

.pitem-header-review__more { position: absolute; top: 50%; right: 30px; margin-top: -12px; color: #333; text-align: right; font-size: 16px; }

.pitem-header-review__more i { display: inline-flex; height: 24px; margin-top: -1px; margin-left: 8px; font-size: 14px; align-items: center; }

.pitem-header-review__more:hover, .pitem-header-review__more:focus { color: #000; }

.pitem-header-review .link.color-red { margin-left: 30px; margin-right: 5px; font-weight: 600; margin-top: 2px; }

.pitem-header-review .link.color-red:after { background-color: #ed2650; }

.pitem-header-review .link.color-red:hover, .pitem-header-review .link.color-red:focus { color: #ed2650; }

.pitem-header-related { position: relative; overflow: hidden; margin-top: 40px; }

.pitem-header-related .swiper-slide { clear: both; overflow: hidden; }

.pitem-header-related .swiper-pagination { width: 300px; height: 25px; z-index: 1; bottom: 0; left: 310px; text-align: right; }

.modal .pitem-header-related .swiper-pagination { width: auto; left: 0; right: 0; text-align: center; }

.pitem-header-related .swiper-pagination-bullet { display: inline-flex; width: 25px; height: 25px; margin: 0 2px !important; align-items: center; justify-content: center; background-color: rgba(255, 255, 255, 0.8); opacity: 0.3; }

.pitem-header-related .swiper-pagination-bullet:before { content: ''; display: block; width: 7px; height: 7px; border-radius: 100%; background-color: #333; }

.pitem-header-related .swiper-pagination-bullet-active, .pitem-header-related .swiper-pagination-bullet:hover { border: 1px solid #333; opacity: 1; }

.pitem-header-related__photo { display: flex; float: left; overflow: hidden; width: 130px; height: 130px; font-size: 0; justify-content: center; }

.pitem-header-related__photo img { width: auto; max-width: inherit !important; height: 100%; }

.pitem-header-related__txt { float: right; width: 451px; padding-right: 0px; font-size: 16px; max-height: 69px; }

.pitem-header-related__txt strong { display: block; margin-bottom: 3px; max-height: 48px; color: #333; font-weight: 400; line-height: 1.4; display: -webkit-box; overflow: hidden; word-break: break-all; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.pitem-header-related__txt em { max-height: 42px; color: #8d8d8d; font-size: 14px; font-style: normal; display: -webkit-box; overflow: hidden; word-break: break-all; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.pitem-header-related__txt .button { position: absolute; bottom: 0; left: 160px; }

.pitem-section { padding-top: 60px; }

.pitem-section.is-type-1 .is-small-title { display: block; margin-top: 20px; margin-bottom: 10px; font-size: 15px; }

.pitem-section.pt0 { padding-top: 0; }

.pitem-section-header { height: 66px; line-height: 60px; border-bottom: 1px solid #333; }

.pitem-section-header__title { display: inline-block; font-size: 30px; color: #333; vertical-align: middle; }

.pitem-section-header__num { display: inline-block; margin-left: 5px; font-size: 16px; color: #8d8d8d; vertical-align: middle; }

.pitem-section-header__reward { display: inline-block; margin-left: 30px; }

.pitem-section-header__reward--tit { padding: 4px 10px; margin-right: 10px; font-size: 12px; color: #fff; background: #f22e5c; border-radius: 30px; }

.pitem-section-body { margin-top: 40px; /* 추천상품 swiper */ /* 리얼 리뷰 */ /* 연관상품 swiper */ /* 상품정보 */ }

.pitem-section-body.border-top { border-top: 1px solid #eee; }

.pitem-section-body .swiper-container { z-index: 0; }

.pitem-section-body .pitem-title-h4 { margin: 50px 0 40px; color: #333; }

.recommendation-product { position: relative; margin: 0 -12.5px; }

.recommendation-product .swiper-wrapper { display: flex; justify-content: flex-start; }

.recommendation-product .swiper-wrapper .swiper-slide { width: auto; }

.recommendation-product .swiper-slide { flex-shrink: 1; }

.recommendation-product .swiper-slide .product-item--medium { display: inline-block; margin: 0 12.5px; vertical-align: top; }

.recommendation-product .swiper-slide .product-item--medium > .product-item--medium { margin: 0; }

.recommendation-product .swiper-container-initialized .swiper-slide { flex-shrink: 0; }

.recommendation-product .swiper-button-prev, .recommendation-product .swiper-button-next { top: 146px; }

.blogtype-review { position: relative; width: 1260px; margin: 0 auto; padding: 50px 50px 58px 50px; background-color: #f9f9f9; }

.blogtype-review .swiper-pagination { padding-right: 50px; text-align: right; font-size: 16px; bottom: 18px; color: #8d8d8d; }

.blogtype-review .swiper-pagination .swiper-pagination-current { color: #333; font-weight: 600; }

.real-review-swiper { overflow: hidden; }

.real-review-swiper .swiper-pagination { display: inline-block; position: absolute; left: auto; right: 20px; bottom: 12px; width: 30%; color: #fff; text-align: right; font-size: 16px; }

.real-review-swiper .real-review-gallery { position: relative; width: 1000px; margin: 0 auto; }

.real-review-swiper .real-review-gallery.swiper-container-initialized .swiper-slide { filter: gray; }

.real-review-swiper .real-review-gallery.swiper-container-initialized .swiper-slide-active { filter: none; opacity: 1; }

.real-review-swiper .real-review-gallery .swiper-slide { height: 700px; text-align: center; }

.real-review-swiper .real-review-gallery .navigation-box { width: 1040px; position: absolute; left: 50%; top: 50%; z-index: 1; margin-top: -15px; transform: translate(-50%, -50%); }

.real-review-swiper .real-review-gallery .navigation-box .swiper-button-next, .real-review-swiper .real-review-gallery .navigation-box .swiper-button-prev { width: 70px; height: 70px; color: #fff; background-color: rgba(0, 0, 0, 0.9); opacity: 0.5; transition: opacity 0.5s; }

.real-review-swiper .real-review-gallery .navigation-box .swiper-button-next:hover, .real-review-swiper .real-review-gallery .navigation-box .swiper-button-prev:hover { opacity: 1; }

.real-review-swiper .real-review-gallery .navigation-box .swiper-button-next:after, .real-review-swiper .real-review-gallery .navigation-box .swiper-button-prev:after { display: none; }

.real-review-gradient-left, .real-review-gradient-right { position: absolute; top: 0; z-index: 1; width: 100%; height: 700px; }

.real-review-gradient-left { left: -1020px; background: linear-gradient(to right, white 85%, rgba(255, 255, 255, 0.9) 100%); }

.real-review-gradient-right { right: -1020px; background: linear-gradient(to left, white 85%, rgba(255, 255, 255, 0.9) 100%); }

.real-review-swiper .real-review-bar { display: flex; justify-content: space-between; align-items: center; position: absolute; bottom: 0; z-index: 1; width: 100%; height: 50px; padding: 5px 20px; background-color: #000; opacity: 0.7; text-align: left; color: #fff; }

.real-review-swiper .real-review-bar-top { position: absolute; z-index: 2; width: 100%; height: 50px; background-color: rgba(71, 177, 163, 0.7); }

.real-review-swiper .real-review-bar-top__text { display: flex; align-items: center; position: absolute; z-index: 2; width: 100%; height: 50px; padding: 5px 20px; color: #fff; font-size: 16px; }

.real-review-swiper .real-review-user { flex: 1 0 auto; }

.real-review-swiper .real-review-user__photo { display: inline-block; width: 36px; height: 36px; vertical-align: middle; }

.real-review-swiper .real-review-user__photo img { border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; }

.real-review-swiper .real-review-user__email { display: inline-block; margin-left: 8px; font-size: 16px; vertical-align: middle; }

.real-review-swiper .real-review-gallery-thumbs { overflow: hidden; width: 1000px; margin: 0 auto; padding: 20px 0 0; }

.real-review-swiper .real-review-gallery-thumbs .swiper-slide { width: 90px; height: 90px; }

.real-review-swiper .real-review-gallery-thumbs .swiper-slide .img-size-90 { margin-left: -1px; }

.real-review-swiper .real-review-gallery-thumbs .swiper-slide.thumb-video { position: relative; }

.real-review-swiper .real-review-gallery-thumbs .swiper-slide.thumb-video:before { content: ''; position: absolute; z-index: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }

.real-review-swiper .real-review-gallery-thumbs .swiper-slide.thumb-video:after { content: ''; display: inline-block; position: absolute; top: 50%; left: 50%; z-index: 10; width: 0; height: 13px; margin: -8px 0 0 -3px; border-width: 8px 0 8px 13px; border-color: transparent transparent transparent #fff; border-style: solid; }

.best-product-review { position: relative; width: 1260px; height: 316px; margin: 0 auto; padding: 40px; border: 1px solid #333; }

.best-product-review .modal-button { cursor: pointer; }

.best-product-review .swiper-pagination { padding-right: 40px; text-align: right; font-size: 16px; bottom: 34px; color: #8d8d8d; }

.best-product-review .swiper-pagination .swiper-pagination-current { color: #333; font-weight: 600; }

.best-product-review .product-review-contents { display: -webkit-box; overflow: hidden; word-break: break-all; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: 48px; }

.pitem-section-review-top { display: flex; justify-content: space-between; padding: 70px 0 30px; }

.pitem-section-review-top .pitem-section-review-header h4 { display: inline-block; line-height: 0; color: #333; }

.pitem-section-review-top .pitem-section-review-header__num { display: inline-block; vertical-align: middle; margin-top: -5px; font-size: 16px; }

.product-review-select-area .dropdown-wrap { display: inline-block; vertical-align: top; }

.product-review-select-area .checkbox { margin-top: 17px; }

.product-review-list-div { padding: 20px 20px 18px; border-top: 1px solid #eee; }

.related-product { position: relative; margin: 40px -12.5px; }

.related-product .swiper-slide .product-item--medium { display: inline-block; margin: 0 12.5px; vertical-align: top; }

.related-product .swiper-slide .product-item--medium > .product-item--medium { margin: 0; }

.related-product .swiper-button-prev, .related-product .swiper-button-next { top: 146px; }

.pitem-product-item { margin: 0 -12.5px; }

.pitem-product-item .product-item { padding: 0; }

.pitem-product-item .product-item--medium { display: inline-block; margin: 0 12.5px; vertical-align: top; }

.pitem-product-item .product-item--medium > .product-item--medium { margin: 0; }

.pitem-product-item .product-item > a { display: block; padding-bottom: 30px; margin-bottom: 10px; }

.pitem-product-item .product-item > a:hover .product-item-button-wrap { display: flex; }

.pitem-product-item .product-item-button__button--fixed { display: flex; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap; opacity: 1; }

.pitem-product-item .product-item-button__button--fixed .icon-view { display: block; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -12px; }

.product-item-button-wrap__fixed { background-color: rgba(0, 0, 0, 0.8); }

.product-item-button__button--fixed { width: 100%; height: 100%; }

.product-item-button__button--fixed span { display: block; width: 100%; margin-top: 60px !important; font-size: 16px; color: #fff; text-align: center; }

.pitem-section.__package { margin-top: 40px; }

.pitem-section.__package + .pitem-section { padding-top: 5px; }

.pitem-option { margin-top: 10px; font-size: 16px; }

.pitem-option-float { position: relative; }

.pitem-option-float .closet_select { position: absolute; top: -40px; left: 0px; padding: 6px 16px; font-size: 14px; color: #ed264f; font-weight: 600; background-color: #fff; border: 1px solid #ccc; border-radius: 10px; box-shadow: 0 5px 5px 0 #dfdfdf; z-index: 3; cursor: pointer; }

.pitem-option-float .closet_select::after { position: absolute; bottom: -7px; left: 80px; width: 12px; height: 12px; transform: rotate(55deg) skew(17deg); content: ''; background-color: #fff; border: 1px solid #ccc; border-left: none; border-top: none; cursor: pointer; }

.pitem-option-float .pitem-option__container { position: absolute; top: 3.125em; left: 0; width: 100%; z-index: 3; }

.pitem-option__button { display: inline-flex; position: relative; width: 100%; height: 3.125em; padding-left: 1.0625em; padding-right: 2.1875em; border: 1px solid #8d8d8d; justify-content: flex-start; align-items: center; font-size: 1em; color: #888; text-align: left; outline: none; }

.pitem-option__button span { display: -webkit-box; overflow: hidden; word-break: break-all; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }

.pitem-option__button i { position: absolute; right: 1.0625em; top: 50%; margin-top: -0.25em; transition: margin 0.05s; }

.pitem-option__button.is-active { background-color: #fff; z-index: 3; }

.pitem-option__button.is-active i { margin-top: -0.4375em; background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -443px -510px; width: 14px; height: 14px; }

.pitem-option__container { position: relative; overflow-y: auto; max-height: 31.25em; z-index: 1; margin-top: -0.0625em; border: 1px solid #ccc; background-color: #fff; font-size: 1em; }

.pitem-option__panel--header { display: flex; position: relative; padding: 0.777em 2.5em; font-size: 1em; color: #333; background-color: #eee; border-top: 1px solid #ccc; align-items: center; justify-content: flex-start; }

.pitem-option__panel--header:hover { background-color: #eee; color: #333; border-top: 1px solid #ccc; }

.pitem-option__panel--header:first-child { border-top: none; }

.pitem-option__panel--header .icon { position: absolute; top: 50%; right: 2.5em; margin-top: -0.25em; }

.pitem-option__panel--body li:not(:first-child) { border-top: 1px solid #ccc; }

.pitem-option__panel--body li { padding: 1.25em 2.5em; display: flex; align-items: center; cursor: pointer; }

.pitem-option__panel--body li.disabled { cursor: default; }

.pitem-option__panel--body li.disabled .inline-flex { opacity: 0.5; }

.pitem-option__panel--body .button-pitem-option-restock { opacity: 0.5; }

.pitem-option__panel--body .button-pitem-option-restock.is-active { opacity: 1; }

.pitem-option__panel--color { display: inline-block; overflow: hidden; width: 1.875em; height: 1.875em; margin-right: 1em; border: 1px solid #ccc; }

.pitem-option__panel--image { display: inline-block; overflow: hidden; width: 3.75em; height: 3.75em; margin-right: 1em; border: 1px solid #ccc; text-align: center; vertical-align: middle; }

.pitem-option__panel--image.no-image { background: #ddd url(../images/common/noimage.png) 50% 50% no-repeat; }

.pitem-option__panel--image img { width: auto; height: 100%; }

.pitem-option__panel--desc { flex-grow: 1; color: #888; }

.pitem-option__panel--desc .inline-flex { max-width: 20.625em; }

.pitem-option__panel--price { width: 12.5em; flex-grow: 0; text-align: right; }

.pitem-option__panel--price .unit { margin-left: 0.1875em; }

.pitem-option__panel--price__price { font-size: 1.125em; color: #333; }

.pitem-option__panel--price__del { margin-left: 0.3125em; font-size: 16px; color: #888; }

.pitem-option-selected { display: flex; position: relative; min-height: 8em; margin: 1.25em auto; padding: 1.25em; background-color: #f9f9f9; border: 1px solid #eee; border-radius: 6px; font-size: 16px; }

.pitem-option-selected .closet_select { position: absolute; top: -30px; left: 200px; padding: 6px 16px; font-size: 14px; color: #ed264f; font-weight: 600; background-color: #fff6f8; border: 1px solid #ed264f; border-radius: 100px; box-shadow: 0 5px 5px 0 #dfdfdf; }

.pitem-option-selected .closet_select::after { position: absolute; bottom: -7px; left: 36px; width: 12px; height: 12px; transform: rotate(55deg) skew(17deg); content: ''; background-color: #fff6f8; border: 1px solid #ed264f; border-left: none; border-top: none; }

.pitem-option-selected__thumb { display: inline-block; margin-right: 1em; width: 111px; }

.pitem-option-selected__thumb span { display: block; width: 93px; height: 93px; }

.pitem-option-selected__thumb span img { border-radius: 10px; }

.pitem-option-selected__del { position: absolute; top: 1.25em; right: 1.125em; color: #888; font-size: 1em; }

.pitem-option-selected__header { display: inline-block; width: 100%; min-height: 3.125em; margin-bottom: 0.2em; }

.pitem-option-selected__header--itemWrap { display: inline-block; min-height: 3.125em; }

.pitem-option-selected__footer { display: flex; }

.pitem-option-selected__footer--control { flex-grow: 1; display: inline-flex; align-items: center; }

.pitem-option-selected__footer--control .spinner-box__number input { background: transparent; }

.pitem-option-selected__footer--control .button { margin-left: 0.625em; }

.pitem-option-selected__footer--price { text-align: right; flex-grow: 0; color: #333; font-size: 1.25em; }

.pitem-option-selected__footer--price--wrap { position: relative; top: -2px; display: inline; margin-right: 10px; }

.pitem-option-selected__footer--price--wrap button + button { margin-left: 0.625em; }

.pitem-option-selected-item { display: block; margin-bottom: 0.5625em; color: #333; padding-right: 1.875em; font-size: 0.9em; font-weight: 400; }

.pitem-option-selected-item__sub { display: block; position: relative; margin-bottom: 0.5625em; padding-left: 0.9375em; padding-right: 1.875em; font-size: 0.9em; color: #888; }

.pitem-option-selected-item__sub::before { content: '⌞'; display: block; position: absolute; top: -0.5em; left: 0; font-size: 1.1875em; color: #999; }

.pitem-option-select { display: flex; justify-content: space-between; align-items: flex-start; padding: 20px 0; color: #888; font-size: 16px; }

.pitem-option-select .select-list { width: 550px; line-height: 30px; }

.pitem-option-select .select-list span { word-break: keep-all; }

.pitem-option-select .price-all { color: #888; font-size: 16px; }

.pitem-option-select .price-all .num { color: #333; font-size: 20px; font-weight: 600; }

.table-dl-wrap { display: table; width: 100%; border-collapse: collapse; }

.table-dl-flex { display: flex; border-bottom: 1px solid #eee; }

.table-dl-flex .table-dl-row:not(:first-child) { margin-top: 0; }

.table-dl-flex .table-dl-row.is-halfwidth:first-child .table-dl-row__dd { border-right: none; }

.table-dl-flex .table-dl-row__dt, .table-dl-flex .table-dl-row__dd { border: none; }

.table-dl-flex .table-dl-row__dt { border-right: 1px solid #eee; border-left: 1px solid #eee; }

.table-dl-flex .table-dl-row__dd { border-right: 1px solid #eee; }

.table-dl-row { display: table; width: 100%; border-collapse: collapse; }

.table-dl-row.is-halfwidth { width: 50%; }

.table-dl-row:not(:first-child) { margin-top: -1px; }

.table-dl-row__dt, .table-dl-row__dd { display: table-cell; padding: 0.9em 1.3em; border: 1px solid #eee; font-size: 16px; color: #333; }

.table-dl-row__dt .morebtn, .table-dl-row__dd .morebtn { margin-top: -4px; }

.table-dl-row__dt { width: 250px; background-color: #f9f9f9; }

.table-dl-row__dd--width1 { width: 433px; }

.table-dl-row__dd--width2 { width: 350px; }

.table-dl-colspan { display: table-caption; }

.pitem-review-header { display: flex; justify-content: space-between; height: 180px; padding: 30px 50px 30px 70px; background-color: #fafafa; color: #777; }

.pitem-review-header__title { margin-top: 15px; margin-bottom: 7px; font-size: 16px; color: #202020; }

.pitem-review-header__desc { font-size: 20px; font-weight: 600; color: #202020; }

.pitem-review-header__button { display: flex; flex-direction: column; justify-content: center; }

.pitem-review-header__button a { height: 40px; font-size: 14px; }

.pitem-review-header .fl { width: 430px; font-size: 16px; }

.pitem-review-header .fl i { float: left; width: 131px; margin-right: 40px; }

.pitem-review-header .fr { display: inline-flex; flex: 1 1 0; align-items: center; justify-content: space-between; }

.pitem-review-header .fr dl { display: inline-block; margin-right: 23px; padding-right: 23px; }

.pitem-review-header .fr dl dt, .pitem-review-header .fr dl dd { display: inline-block; }

.pitem-review-header .fr dl dt { font-size: 15px; }

.pitem-review-header .fr dl dd { margin-left: 15px; color: #202020; font-size: 16px; font-weight: 600; }

.pitem-review-header .fr dl + dl::before { content: '|'; display: inline-block; width: 23px; margin-left: -23px; }

.pitem-review-header .fr dl:last-child { padding-right: 0; }

.pitem-review__plus::after { display: inline-block; content: '+'; font-size: 25px; font-weight: 100; font-style: normal; color: #333; }

.pitem-row { height: 50px; margin: 40px 0 0; font-size: 16px; }

.pitem-row > div { display: inline-flex; align-items: center; height: 50px; }

.pitem-row > div .button { margin-left: 10px; }

.pitem-row .tab-block-item { margin: 0; color: #777; }

.pitem-row .tab-block-item:not(:first-child)::before { display: inline-block; margin: -2px 18px 0; content: '|'; color: #ccc; font-size: 10px; vertical-align: middle; }

.pitem-row .tab-block-item.is-active { color: #333; }

.pitem-row .tab-block-item:hover, .pitem-row .tab-block-item:focus, .pitem-row .tab-block-item:active { color: #333; outline: none; }

.pitem-row .tab-block-item:hover { text-decoration: underline; }

.pitem-table-container { margin-top: 20px; border-top: 1px solid #333; }

.pitem-table-container .pitem-table-list li { display: flex; align-items: center; padding: 30px 20px; border-bottom: 1px solid #eee; }

.pitem-table-container .pitem-table-list li .text-cel { width: 700px; padding-left: 20px; color: #777; font-size: 16px; }

.pitem-table-container .pitem-table-list li .text-cel a { overflow: hidden; display: block; margin-top: 15px; color: #777; }

.pitem-table-container .pitem-table-list li .text-cel a:hover { color: #333; }

.pitem-table-container .pitem-table-list li .number-cel { width: 195px; font-size-adjust: 14px; text-align: right; }

.pitem-table-container .pitem-table-list li .number-cel span + span { position: relative; padding-left: 15px; margin-left: 14px; }

.pitem-table-container .pitem-table-list li .number-cel span + span::before { position: absolute; top: 4px; left: 0; content: ''; width: 1px; height: 8px; background: #ccc; }

.pitem-table-container .pitem-table-list li .number-cel .num-view { color: #333; }

.pitem-table-container .pitem-table-list li .number-cel .num-view span { display: inline-block; padding-left: 3px; color: #777; }

.pitem-table-container .table { width: 100%; border-collapse: collapse; table-layout: fixed; }

.pitem-table-container .table th, .pitem-table-container .table td { height: 58px; padding: 10px; font-size: 16px; vertical-align: middle; text-align: center; }

.pitem-table-container .table th .number-ordered, .pitem-table-container .table td .number-ordered { width: 100%; word-break: break-all; }

.pitem-table-container .table th { font-weight: 600; }

.pitem-table-container .table td { color: #888; }

.pitem-table-container .table td.pitem-table__title { position: relative; padding-right: 30px; overflow: hidden; text-align: left; word-wrap: normal; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; }

.pitem-table-container .table td.pitem-table__title a { color: #777; }

.pitem-table-container .table td.pitem-table__title a:hover, .pitem-table-container .table td.pitem-table__title a:focus, .pitem-table-container .table td.pitem-table__title a:active { text-decoration: underline; color: #333; }

.pitem-table-container .table td.pitem-table__title a strong { display: inline-block; margin-right: 5px; font-weight: 600; color: #333; }

.pitem-table-container .table td.pitem-table__title i { position: absolute; margin-left: 10px; }

.pitem-table-container .table td.pitem-table__title i.ico-lock { display: inline-block; position: static; margin-top: -1px; margin-left: 3px; vertical-align: middle; }

.pitem-table-container .table .fold { display: none; }

.pitem-table-container .table .fold td { padding: 0; margin-top: -1px; }

.pitem-table-container .table .fold.is-active { display: table-row; }

.pitem-table-container__voc .table td.pitem-table__title { padding-right: 0; text-overflow: inherit; white-space: wrap; }

.pitem-table-container__voc .table td.pitem-table__title a { display: block; word-wrap: normal; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; max-width: 554px; vertical-align: middle; }

.pitem-table-container__voc-2 .table td.pitem-table__title { padding-right: 0; text-overflow: inherit; white-space: wrap; }

.pitem-table-container__voc-2 .table td.pitem-table__title a { display: block; word-wrap: normal; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; max-width: 720px; vertical-align: middle; }

.pitem-qna-box { padding: 40px; background-color: #f9f9f9; }

.pitem-qna-box__title { margin-bottom: 18px; font-size: 20px; line-height: 1; color: #333; }

.pitem-qna-box .dot-list > li { font-size: 16px; }

.pitem-qna-box .dot-list li { margin-top: 0.1em; }

.pitem-qna-pagination { margin: 40px auto; text-align: center; }

.fold-cont-wrap { position: relative; z-index: 1; margin-top: -1px; padding: 40px; background-color: #f9f9f9; text-align: left; }

.fold-cont-dt, .fold-cont-dd { position: relative; padding-top: 5px; padding-left: 40px; }

.fold-cont-dd { margin-top: 40px; color: #333; }

.fold-cont__icon--q, .fold-cont__icon--a { position: absolute; left: 40px; top: 0; display: inline-block; width: 30px; height: 30px; margin-left: -40px; margin-right: 10px; border-radius: 30px; background-color: #777; color: #fff; font-style: normal; font-size: 18px; text-align: center; line-height: 30px; vertical-align: middle; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }

.fold-cont__icon--a { background-color: #333; }

.button-couponget { display: inline-block; line-height: 28px; margin-left: 0.625em; padding: 0 10px; border: 1px solid #ed2650; font-size: 13px; color: #ed2650; align-content: center; vertical-align: middle; }

.button-couponget-down { width: 117px; height: 34px; line-height: 34px; margin-left: 26px; padding-right: 38px; font-size: 14px !important; color: #385ea3; background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -187px -115px; width: 117px; height: 34px; }

.dl-list { display: block; overflow: hidden; font-size: 16px; color: #888; }

.dl-list__dt { width: 26%; float: left; color: #333; }

.dl-list__dd { width: 74%; float: right; }

#modal-cardBene .modal-card-desc { margin-bottom: 15px; font-size: 20px; color: #333; }

#modal-cardBene .modal-card .table { margin-bottom: 30px; }

#modal-cardBene .modal-card .table th, #modal-cardBene .modal-card .table td { font-size: 16px; text-align: center; color: #333; }

#modal-intrstfree .modal-card { width: 500px; max-width: 500px; }

#modal-intrstfree .modal-card-desc { font-size: 16px; margin-bottom: 30px; }

#modal-intrstfree .modal-card .table th, #modal-intrstfree .modal-card .table td { text-align: center; }

#modal-intrstfree .modal-card .table tbody th { text-align: left; }

#modal-intrstfree .modal-card .table tbody td:last-child { text-align: left; }

#modal-payment .modal-card { width: 500px; max-width: 500px; }

#modal-coupon .tabpanel { margin: 20px auto 0; width: 700px; }

#modal-coupon .scroll-element.scroll-x { display: none; }

.modal-border-top { border-top: 1px solid #eee !important; }

.modal-border-bottom { border-bottom: 1px solid #eee !important; }

.pop-product-item { display: flex; }

.pop-product-item-fr { margin-left: 20px; }

.pop-product-item__tag { display: block; margin: -3px 0 2px 0; color: #333; }

.pop-product-item__title { display: block; font-weight: 400; font-size: 16px; color: #333; }

.pop-product-item-price__price { font-size: 16px; font-weight: 600; color: #333; }

.pop-product-item-price__price--del { display: inline-block; margin-left: 10px; color: #777; }

.modal .pop-product-item { padding: 20px 0; }

.product-item-image__fixed { width: 100px; height: 100px; overflow: hidden; }

.product-item-image__fixed .product-item-status { background-color: rgba(0, 0, 0, 0.7); }

.product-item-image__fixed .product-item-status::before, .product-item-image__fixed .product-item-status::after { display: none; }

.product-item-image__fixed .product-item-status .product-item-status--soldout { font-size: 16px; }

#modal-add-purchase .modal-card { width: 780px; max-width: 780px; }

#modal-add-purchase .pop-add-purchase { border-bottom: 1px solid #333; padding-bottom: 20px; }

#modal-add-purchase .pop-add-purchase .pop-product-item { position: relative; padding: 20px 0; }

#modal-add-purchase .pop-add-purchase-gray-box { display: flex; justify-content: flex-end; align-items: center; width: 100%; padding: 12px 20px; background-color: #f1f1f1; text-align: right; font-size: 16px; margin-top: 24px; }

#modal-add-purchase .pop-add-purchase-gray-box__pirce { display: inline-block; font-size: 18px; color: #333; }

#modal-add-purchase .pop-add-purchase-gray-box .unit { font-size: 18px; color: #333; }

#modal-add-purchase .pop-add-purchase .pitem-option { margin: 12px 0 0px 0; font-size: 14px; }

#modal-add-purchase .pop-add-purchase .pitem-option + .pitem-option { margin-top: 10px; }

#modal-add-purchase .pop-add-purchase .pitem-option-selected__footer { margin-top: 28px; margin-bottom: 10px; justify-content: flex-end; align-items: center; }

#modal-add-purchase .pop-add-purchase .pitem-option-selected__footer .pitem-option-selected__footer--price--del { font-size: 16px; color: #888; }

#modal-add-purchase .pop-add-purchase .product-item-details { position: absolute; top: 130px; left: 0; }

#modal-add-purchase .pop-add-purchase .product-item-details a { display: flex; justify-content: center; align-items: center; width: 100px; height: 30px; border-radius: 50px; color: #202020; border: 1px solid #ddd; }

#modal-add-purchase .pop-add-purchase-button { display: flex; justify-content: space-between; }

#modal-add-purchase .pop-add-purchase-button .button-soldout { background-color: #ddd; border: none; color: #777; }

#modal-add-purchase .pop-add-purchase-button i { margin: 0 -5px 0 8px; }

#modal-add-purchase .pop-add-purchase-linebox { padding: 20px; border: 1px solid #ccc; font-size: 16px; }

#modal-add-purchase .pop-product-item-fr { width: calc(100% - 120px); }

#modal-add-purchase .pitem-option-selected { margin: 10px 0; padding-bottom: 5px; font-size: 14px; }

#modal-add-purchase .pitem-option-selected-item { margin-bottom: 0; }

#modal-review-gallery .modal-card { width: 1310px; max-width: 1310px; }

#modal-review-gallery .modal-card-body { margin: 0 -10px; }

.pop-review-swiper { position: relative; margin: 40px 25px 40px 65px; }

.pop-review-swiper .pop-review-gallery { overflow: hidden; }

.pop-review-swiper .pop-review-gallery .navigation-box .swiper-button-prev, .pop-review-swiper .pop-review-gallery .navigation-box .swiper-button-next { top: 270px; font-size: 45px; }

.pop-review-swiper .pop-review-gallery .navigation-box .swiper-button-prev { left: -65px; }

.pop-review-swiper .pop-review-gallery .navigation-box .swiper-button-next { right: -25px; }

.pop-review-swiper .pop-review-gallery .navigation-box.swiper-controls--black { top: 50%; left: 50%; width: 540px; margin-top: -23px; margin-left: -580px; font-size: 45px; }

.pop-review-swiper .pop-review-gallery .navigation-box.swiper-controls--black .swiper-button-prev { top: 0; left: 0; }

.pop-review-swiper .pop-review-gallery .navigation-box.swiper-controls--black .swiper-button-next { top: 0; right: 0; }

.pop-review-swiper .pop-review-gallery .swiper-slide .embed-container { width: 540px; height: 540px; }

.pop-review-gallery-fr { position: absolute; top: 0; right: 0; z-index: 1; width: 540px; background-color: #fff; }

.pop-review-gallery-fr .product-review-top { flex-wrap: wrap; margin-top: 10px; max-height: 60px; align-items: flex-start; }

.pop-review-gallery-fr .product-review-top .product-review-stats-area { margin-right: 0; }

.pop-review-gallery-fr .product-review-top .product-review-stats-area .stats-rate-wrap { margin-right: 0; }

.pop-review-gallery-fr .product-review-top .product-review-stats-area__title { display: block; }

.pop-review-gallery-fr .product-review-top .product-review-detail { margin-top: 0; width: 360px; }

.pop-review-gallery-fr .product-review-top .product-review-detail .detail-stats-rate-wrap { margin-right: 0; margin-bottom: 0; }

.pop-review-gallery-fr .product-review-top .product-review-user { margin-top: 0; }

.pop-review-gallery-fr .product-review-contents { min-height: 155px; }

#modal-review-gallery .product-review-stats-area__title { font-size: 16px; font-weight: 400; max-width: 355px; display: block; word-wrap: normal; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

#modal-review-gallery .product-review-stats-area__customer { line-height: 1.4; font-size: 16px; }

#modal-review-gallery .product-review-stats-area__customer::before { display: inline-block; margin: 0 10px; content: '|'; color: #a2a2a2; font-weight: 600; vertical-align: top; }

.pop-review-gallery-thumbs.gallery-thumbs { overflow: hidden; width: 540px; margin-top: 63px; padding: 0 0 20px 0; }

.pop-review-gallery-thumbs.gallery-thumbs .swiper-wrapper { width: 540px; height: 100px; overflow: hidden; padding: 0; transform: none !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; /* 썸네일 최대 5개 움직임 방지 */ }

.pop-review-gallery-thumbs.gallery-thumbs .swiper-wrapper .swiper-slide { display: inline-flex; position: relative; width: 100px !important; height: 100px; overflow: hidden; justify-content: center; }

.pop-review-gallery-thumbs.gallery-thumbs .swiper-wrapper .swiper-slide img { position: absolute; left: 50%; width: auto; max-width: inherit; height: 100%; transform: translateX(-50%); }

.pop-review-gallery-thumbs.gallery-thumbs .swiper-wrapper .swiper-slide.thumb-video { width: 100px; height: 100px; overflow: hidden; }

.pop-review-gallery-thumbs.gallery-thumbs .swiper-wrapper .swiper-slide.thumb-video img { width: auto; height: 100%; }

.pop-review-gallery-thumbs.gallery-thumbs .swiper-wrapper .swiper-slide.thumb-video:before { content: ''; position: absolute; z-index: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); }

.pop-review-gallery-thumbs.gallery-thumbs .swiper-wrapper .swiper-slide.thumb-video:after { content: ''; display: inline-block; position: absolute; top: 50%; left: 50%; z-index: 10; width: 0; height: 13px; margin: -8px 0 0 -3px; border-width: 8px 0 8px 13px; border-color: transparent transparent transparent #fff; border-style: solid; }

#modal-pitem-freegift-guide .modal-card, .modal-pitem-freegift-guide .modal-card { width: 600px; max-width: 600px; }

.pitem-freegift-guide { padding: 20px 0 40px; margin-bottom: 20px; }

.pitem-freegift-guide-contents { display: flex; justify-content: space-between; flex-wrap: wrap; font-size: 16px; }

.pitem-freegift-guide-contents__title { color: #333; width: 72px; }

.pitem-freegift-guide-contents__list { width: calc(100% - 72px); }

.pitem-freegift-guide:last-child { margin-bottom: 0; }

.pitem-freegift-guide-contents2 { overflow-x: hidden; }

.pitem-freegift-guide-contents2__title { margin: 20px 0 40px 0; font-size: 16px; color: #777; line-height: 1.3; text-align: center; }

.pitem-freegift-guide-contents2__title strong { display: block; margin-bottom: 10px; font-size: 20px; font-weight: 600; }

.pitem-freegift-guide-contents2__title p { font-weight: 400; }

.pitem-freegift-guide-contents2__uls { margin: 0 -17px; font-size: 0; text-align: center; }

.pitem-freegift-guide-contents2__item { display: inline-block; width: 150px; margin: 0 17px 40px; vertical-align: top; text-indent: 0; }

.pitem-freegift-guide-contents2__item span { display: block; font-size: 16px; color: #777; line-height: 1.5; max-height: 48px; display: -webkit-box; overflow: hidden; word-break: break-all; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.pitem-freegift-guide-contents2__image { width: 150px; height: 150px; margin-bottom: 15px; text-align: center; }

.pitem-freegift-guide-contents2__image img { width: auto; height: 100%; }

.pitem-freegift-guide-contents2__text dl { padding-top: 30px; }

.pitem-freegift-guide-contents2__text dl:first-child { padding-top: 35px; border-top: 1px solid #eee; }

.pitem-freegift-guide-contents2__text dt { font-size: 18px; color: #333; font-weight: 600; }

.pitem-freegift-guide-contents2__text dd { margin-top: 7px; font-size: 18px; color: #777; }

.pitem-freegift-guide-contents2__list li { margin-top: 5px; padding-left: 10px; text-indent: -6px; font-size: 16px; line-height: 28px; }

.pitem-freegift-guide-contents2__list li:first-child { margin-top: 0; }

.pitem-freegift-guide-contents2__list li:before { content: '·'; padding-right: 2px; }

.pitem-freegift-guide-list { color: #333; }

.pitem-freegift-guide-list ::before { display: inline-flex; padding-right: 5px; font-weight: 600; content: '·'; }

#modal-pitem-product-inquiry .modal-card, #modal-pitem-product-inquiry-qna .modal-card { width: 800px; max-width: 800px; }

#modal-pitem-product-inquiry .pop-product-item-fr, #modal-pitem-product-inquiry-qna .pop-product-item-fr { width: calc(100% - 140px); }

/* 상품정보 상세페이지 팝업 */
#modal-pitem-detail .modal-card, #modal-addPurGoods-detail .modal-card { width: 100%; max-width: 1172px; }

#modal-pitem-detail .modal-card-body, #modal-addPurGoods-detail .modal-card-body { height: 650px; }

#modal-pitem-detail .pop-pitem-detail-swiper, #modal-addPurGoods-detail .pop-pitem-detail-swiper { width: 1092px !important; }

#modal-pitem-detail .pop-pitem-detail-swiper .navigation-box1 .swiper-button-prev, #modal-addPurGoods-detail .pop-pitem-detail-swiper .navigation-box1 .swiper-button-prev { left: 0; }

#modal-pitem-detail .pop-pitem-detail-swiper .navigation-box1 .swiper-button-next, #modal-addPurGoods-detail .pop-pitem-detail-swiper .navigation-box1 .swiper-button-next { right: 0; }

#modal-pitem-detail .pitem-section, #modal-addPurGoods-detail .pitem-section { overflow: hidden; padding-top: 0; }

#modal-pitem-detail .pitem-section-header, #modal-addPurGoods-detail .pitem-section-header { height: 46px; line-height: 40px; border-bottom: 1px solid #ccc; margin-bottom: 40px; }

#modal-pitem-detail .pitem-section-header h3, #modal-addPurGoods-detail .pitem-section-header h3 { font-size: 30px; }

#modal-pitem-detail .pitem-section-body, #modal-addPurGoods-detail .pitem-section-body { width: 1092px; margin: 0 auto; }

#modal-pitem-detail .pitem-section-info, #modal-addPurGoods-detail .pitem-section-info { width: 100%; height: auto; padding-top: 0; }

#modal-pitem-detail .pitem-section-info .row, #modal-addPurGoods-detail .pitem-section-info .row { padding-top: 0; }

#modal-pitem-detail .pitem-section-info .columns, #modal-addPurGoods-detail .pitem-section-info .columns { display: flex; text-align: center; margin-left: -40px; margin-right: -40px; margin-top: -40px; }

#modal-pitem-detail .pitem-section-info .columns:not(:last-child), #modal-addPurGoods-detail .pitem-section-info .columns:not(:last-child) { margin-bottom: calc(15px - 40px); }

#modal-pitem-detail .pitem-section-info__black, #modal-addPurGoods-detail .pitem-section-info__black { padding: 50px 0 50px 0; }

#modal-pitem-detail .pitem-section-info__black:first-child, #modal-addPurGoods-detail .pitem-section-info__black:first-child { padding: 0 0 50px 0; }

#modal-pitem-detail .pitem-section-info__black:last-child, #modal-addPurGoods-detail .pitem-section-info__black:last-child { padding: 50px 0 110px 0; }

/* Compatibility styles for frameworks like bootstrap, foundation e.t.c */
.xzoom-source img, .xzoom-preview img, .xzoom-lens img { display: block; max-width: none; max-height: none; transition: none; }

/* --------------- */
/* xZoom Styles below */
.xzoom-container { display: inline-block; }

.xzoom-thumbs { text-align: center; margin-bottom: 10px; }

/* Thumbs */
.xzoom-gallery { border: 1px solid #cecece; margin-left: 5px; margin-bottom: 10px; }

.xzoom-source, .xzoom-hidden { display: block; position: static; float: none; clear: both; }

/* Everything out of border is hidden */
.xzoom-hidden { overflow: hidden; }

/* Preview */
.xzoom-preview { border: 1px solid #333; background: #333; z-index: 9; }

/* Lens */
.xzoom-lens { border: 1px solid rgba(0, 0, 0, 0.1); background-color: rgba(255, 255, 255, 0.2); z-index: 9; cursor: crosshair; }

.xzoom-lens img { display: none; }

/* Loading */
.xzoom-loading { background-position: center center; background-repeat: no-repeat; border-radius: 100%; opacity: 0.7; width: 48px; height: 48px; }

/* Additional class that applied to thumb when it is active */
/* Caption */
.xzoom-caption { position: absolute; bottom: -43px; left: 0; background: #000; width: 100%; text-align: left; }

.xzoom-caption span { color: #fff; font-family: Arial, sans-serif; display: block; font-size: 0.75em; font-weight: bold; padding: 10px; }

.icon-circle-wrap { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; margin-top: -3px; margin-right: 5px; border: 2px solid #ccc; border-radius: 100%; vertical-align: middle; }

#modal-sns-share .modal-card, .modal-sns-share .modal-card { width: 450px; }

.modal-sns-list { display: flex; align-items: center; justify-content: space-between; }

.modal-sns-list__link { padding: 30px; }

/* 매장가구 베스트 */
.shop-best .tabpanel { margin: 60px 0 0 0; }

.shop-best .tabpanel .best-rank-number { display: block; margin: -10px 0 3px 4px; font-size: 20px; font-weight: 600; color: #333; }

.shop-best .tabpanel .icon-rank { display: inline-block; width: 25px; margin-left: 3px; border-top: 3px solid #333; }

.shop-best .pitem-product-item { margin: 0 -24.5px; }

.shop-best .pitem-product-item .product-item { padding: 0; }

.shop-best .pitem-product-item .product-item--large { display: inline-block; margin: 0 24.5px; vertical-align: top; }

.shop-best .pitem-product-item .product-item--large > .product-item--large { margin: 0; }

.button-pitem-timesale { display: inline-block; padding: 0; margin: 0; border: none; background-color: transparent; font-size: 0; }

.button-pitem-timesale i { margin: 0 !important; }

.button-pitem-timesale.is-active i { width: 22px; height: 25px; background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -59px -676px; }

.table-box-wrap { display: flex; align-items: flex-start; }

.table-box-wrap .table-box { width: 50%; }

.table-box-wrap .table-box table { font-size: 16px; }

.table-box-wrap .table-box table tr:last-child th, .table-box-wrap .table-box table tr:last-child td { border-bottom-width: 1px; }

.table-box-wrap .table-box table tr th, .table-box-wrap .table-box table tr td { height: 50px; padding: 12px 18px; font-weight: 400; line-height: 1; vertical-align: middle; }

.table-box-wrap .th { background-color: #f9f9f9; }

.table-box-wrap .rl { border-right: 1px solid #eee; }

.table-box-title { margin-top: 40px; margin-bottom: 0; padding-bottom: 20px; border-bottom: 1px solid #ccc; font-size: 20px; font-weight: 600; color: #333; line-height: 1; }

.section-main-best .pitem-header-photo__badge { display: none; }

.product-review-detail { display: flex; flex-wrap: wrap; }

.product-review-detail .detail-stats-rate-wrap { display: inline-flex; height: 16px; vertical-align: top; align-items: center; margin: 5px 60px 10px 0; }

#modal-self-measurement .modal-card { width: 1000px; }

#modal-self-measurement .modal-card-head { padding-bottom: 0; border-bottom: none; }

#modal-self-measurement .modal-card-body { padding: 0 80px 35px; }

#modal-self-measurement .modal-card .closet-calculation-size-wrap { margin-top: 15px; justify-content: center; }

#modal-self-measurement .modal-card .closet-calculation-size-wrap i { margin: 20px 15px; }

#modal-self-measurement .modal-card .closet-calculation-size input { display: block; width: 134px; height: 50px; padding: 5px 10px; font-size: 16px; text-align: center; border-bottom: 2px solid #333 !important; border-color: transparent; border-radius: 0; outline: none; }

#modal-self-measurement .modal-card .closet-calculation-size span { margin-top: 10px; display: block; font-size: 18px; font-weight: 600; color: #333; }

#modal-self-measurement .modal-card .closet-calculation-btn button { width: 230px; line-height: 1.2; }

#modal-self-measurement .modal-card .closet-calculation-btn button i { margin-left: 12px; }

#modal-self-measurement .modal-card .closet-recommend-list .radio { width: 100%; margin: 0; border: 1px solid #b4b4b4; border-radius: 8px; }

#modal-self-measurement .modal-card .closet-recommend-list .radio-header { display: flex; align-items: center; justify-content: space-between; padding: 15px 30px; }

#modal-self-measurement .modal-card .closet-recommend-list .radio-header label { width: 100%; font-weight: 600; }

#modal-self-measurement .modal-card .closet-recommend-list .radio-body { padding: 0 30px 35px; }

#modal-self-measurement .modal-card .closet-recommend-list .radio-body img { padding-top: 15px; border-top: 1px solid #b4b4b4; }

#modal-self-measurement .modal-card .closet-recommend-list .radio + div { margin-top: 15px; }

#modal-self-measurement .modal-card .closet-recommend-list .radio input[type='radio']:checked + label:before { border-color: #ed2650; }

#modal-self-measurement .modal-card .closet-recommend-list .radio input[type='radio']:checked + label::after { background: #ed2650; }

#modal-self-measurement .modal-card .closet-recommend-list .no-list { width: 100%; padding: 70px 0 80px; font-size: 16px; text-align: center; color: #9e9e9e; background-color: #f5f5f5; }

#modal-self-measurement .modal-card .closet-recommend-btn { display: flex; justify-content: center; }

#modal-self-measurement .modal-card .closet-recommend-info { display: inline-flex; align-items: center; width: 100%; padding: 20px 25px; font-size: 15px; background-color: #f6f6f6; border-radius: 8px; }

#modal-self-measurement .modal-card .closet-recommend-info i { margin-right: 8px; }

.contents-items-wrap .glg { background-color: #111; }

.contents-items-wrap .glg .pitem-header-photo .gallery-thumbs.swiper-container-initialized .swiper-slide { position: relative; opacity: 1; }

.contents-items-wrap .glg .pitem-header-photo .gallery-thumbs.swiper-container-initialized .swiper-slide::before { position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%; background-color: #fff; opacity: 0.3; }

.contents-items-wrap .glg .pitem-header-photo .gallery-thumbs.swiper-container-initialized .swiper-slide:hover { border-color: #fff; }

.contents-items-wrap .glg .pitem-header-photo .gallery-thumbs.swiper-container-initialized .swiper-slide-thumb-active { border-color: #fff; }

.contents-items-wrap .glg .pitem-header-photo .gallery-thumbs.swiper-container-initialized .swiper-button-next.swiper-button-disabled, .contents-items-wrap .glg .pitem-header-photo .gallery-thumbs.swiper-container-initialized .swiper-button-prev.swiper-button-disabled { color: #fff; }

.contents-items-wrap .glg .pitem-header-info__top .button { background-color: transparent; border: 1px solid #9a9a9a; }

.contents-items-wrap .glg .pitem-header-info__top .button i { font-size: 24px; color: #9a9a9a; }

.contents-items-wrap .glg .pitem-header-info__top .content-share-inner { border-color: #9a9a9a; }

.contents-items-wrap .glg .pitem-header-info__top .content-share-wrap .button { border: none; }

.contents-items-wrap .glg .pitem-header-info__tag { border: 1px solid #fff; color: #fff; }

.contents-items-wrap .glg .pitem-header-info__title .title { color: #fff; }

.contents-items-wrap .glg .pitem-header-notice__dt { color: #fff; }

.contents-items-wrap .glg .pitem-header-notice__dd { color: #c6c6c6; }

.contents-items-wrap .glg .pitem-header-section { border-bottom: 1px solid #7c7b80; }

.contents-items-wrap .glg .pitem-header-section__dt { color: #fff; }

.contents-items-wrap .glg .pitem-header-section__dd { color: #c6c6c6; }

.contents-items-wrap .glg .pitem-header-section__dd .modal-button { color: #c6c6c6; }

.contents-items-wrap .glg .pitem-header-section__dd .is-primary, .contents-items-wrap .glg .pitem-header-section__dd .is-link { color: #fff; }

.contents-items-wrap .glg .pitem-header-section__dd .is-outlined { border-color: #fff; }

.contents-items-wrap .glg .pitem-header-section__price { color: #fff; }

.contents-items-wrap .glg .pitem-header-section__price--app .app-price { color: #00bcdc; }

.contents-items-wrap .glg .pitem-header-section__sale { color: #ff4966; }

.contents-items-wrap .glg .pitem-header-section__audio--txt button p { color: #ccc; }

.contents-items-wrap .glg .pitem-header-section__audio--txt button p strong { color: #fff; }

.contents-items-wrap .glg .pitem-header-review { border-top: 1px solid #7c7b80; }

.contents-items-wrap .glg .pitem-header-review__dl { border: 1px solid #7c7b80; }

.contents-items-wrap .glg .pitem-header-review__dt { color: #fff; }

.contents-items-wrap .glg .pitem-header-review__dd--flex .flex-right a { color: #fff; }

.contents-items-wrap .glg .pitem-header-related .swiper-pagination-bullet { background-color: transparent; }

.contents-items-wrap .glg .pitem-header-related .swiper-pagination-bullet:before { background-color: #fff; }

.contents-items-wrap .glg .pitem-header-related .swiper-pagination-bullet-active, .contents-items-wrap .glg .pitem-header-related .swiper-pagination-bullet:hover { border-color: #fff; }

.contents-items-wrap .glg .pitem-header-related__txt strong { color: #fff; }

.contents-items-wrap .glg .pitem-header-related__txt a.button { color: #fff; border-color: #fff; }

.contents-items-wrap .glg .pitem-header-coupon { background-color: #666; }

.contents-items-wrap .glg .pitem-header-coupon__text { color: #fff; }

.contents-items-wrap .glg .pitem-header-coupon__text strong { color: #b3caf6; }

.contents-items-wrap .glg .pitem-header-add-purchase > div { color: #fff; }

.contents-items-wrap .glg .pitem-header-sum { border-top: 1px solid #eee; }

.contents-items-wrap .glg .pitem-header-sum__price { color: #fff; }

.contents-items-wrap .glg .pitem-header-sum__desc { color: #eee; }

.contents-items-wrap .glg .pitem-header-btns__icon .button-icon-only { background-color: #202020; border-color: #9a9a9a; }

.contents-items-wrap .glg .pitem-header-btns__icon .button-icon-only i { color: #ccc; }

.contents-items-wrap .glg .pitem-header-btns__icon .button-icon-only:hover, .contents-items-wrap .glg .pitem-header-btns__icon .button-icon-only:focus { border-color: #fff; }

.contents-items-wrap .glg .pitem-header-btns__icon .button-icon-only:hover i, .contents-items-wrap .glg .pitem-header-btns__icon .button-icon-only:focus i { color: #fff; }

.contents-items-wrap .glg .pitem-header-btns__full .button.is-primary { background-color: #f2f2f2; color: #333; }

.contents-items-wrap .glg .pitem-header-btns__full .button.is-primary:hover { background-color: #fff; }

.contents-items-wrap .glg .pitem-header-floating { background-color: #111 !important; }

.contents-items-wrap .glg .pitem-header-floating #pitem-header-collapsible-card::-webkit-scrollbar { background-color: #4c4c50; }

.contents-items-wrap .glg .pitem-option__button { color: #c6c6c6; }

.contents-items-wrap .glg .pitem-option-selected { background-color: #2e2e2e; border: 1px solid #8d8d8d; }

.contents-items-wrap .glg .pitem-option-selected__footer .button.is-primary.is-outlined { border-color: #ccc; color: #fff; }

.contents-items-wrap .glg .pitem-option-selected__footer--control .spinner-box__plus i, .contents-items-wrap .glg .pitem-option-selected__footer--control .spinner-box__minus i { background-color: #ccc; }

.contents-items-wrap .glg .pitem-option-selected__footer--control .spinner-box__number input { color: #fff; }

.contents-items-wrap .glg .pitem-option-selected__footer--price { color: #fff; }

.contents-items-wrap .glg .pitem-option-selected__footer--price strong { color: #fff; }

.contents-items-wrap .glg .pitem-option-selected-item { color: #fff; }

.contents-items-wrap .glg .pitem-option-selected-item__sub { color: #ccc; }

.contents-items-wrap .glg .pitem-option-selected-item__sub::before { color: #ccc; }

.contents-items-wrap .glg .pitem-option-selected__del { color: #ccc; }

.contents-items-wrap .glg .pitem-option-selected .closet_select { box-shadow: 0 5px 5px 0 #1c1c1c; }

.contents-items-wrap .glg .pitem-tabs.tabs.is-toggle li { border-right: none; }

.contents-items-wrap .glg .pitem-tabs.tabs.is-toggle li a { background-color: #111; border-color: #969696; color: #969696; }

.contents-items-wrap .glg .pitem-tabs.tabs.is-toggle li.is-active a { border-color: #fff; color: #fff; }

.contents-items-wrap .glg .pitem-section-header { border-color: #888; }

.contents-items-wrap .glg .pitem-section-header__title { color: #fff; }

.contents-items-wrap .glg .stats-rate__num { color: #c6c6c6; }

.contents-items-wrap .glg .horizon-list-menu li a { color: #ccc; }

.contents-items-wrap .glg .banner { display: flex; justify-content: center; padding-bottom: 20px; }

.contents-items-wrap .glg .banner img { display: block; }

.contents-items-wrap .glg .real-review-gradient-left { background: linear-gradient(to right, #111 85%, rgba(76, 76, 80, 0.9) 101%); }

.contents-items-wrap .glg .real-review-gradient-right { background: linear-gradient(to left, #111 85%, rgba(76, 76, 80, 0.9) 100%); }

.contents-items-wrap .glg .product-item-header__name { color: #c6c6c6; }

.contents-items-wrap .glg .color-red { color: #ff4966 !important; }

.contents-items-wrap .glg .button .is-danger { background-color: #ff4966; }

.contents-items-wrap .glg .button-couponget { border-color: #ff4966; color: #ff4966; }

.contents-items-wrap .gong { background-color: #202020; }

.contents-items-wrap .gong .pitem-header-btns { background-color: #202020; }

.contents-items-wrap .gong .pitem-header-photo .gallery-thumbs.swiper-container-initialized .swiper-slide { position: relative; opacity: 1; }

.contents-items-wrap .gong .pitem-header-photo .gallery-thumbs.swiper-container-initialized .swiper-slide::before { position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%; background-color: #fff; opacity: 0.3; }

.contents-items-wrap .gong .pitem-header-photo .gallery-thumbs.swiper-container-initialized .swiper-slide:hover { border-color: #fff; }

.contents-items-wrap .gong .pitem-header-photo .gallery-thumbs.swiper-container-initialized .swiper-slide-thumb-active { border-color: #fff; }

.contents-items-wrap .gong .pitem-header-photo .gallery-thumbs.swiper-container-initialized .swiper-slide-thumb-active::before { opacity: 0; }

.contents-items-wrap .gong .pitem-header-photo .gallery-thumbs.swiper-container-initialized .swiper-button-next.swiper-button-disabled, .contents-items-wrap .gong .pitem-header-photo .gallery-thumbs.swiper-container-initialized .swiper-button-prev.swiper-button-disabled { color: #fff; }

.contents-items-wrap .gong .pitem-header-info__top .button { background-color: transparent; border: 1px solid #9a9a9a; }

.contents-items-wrap .gong .pitem-header-info__top .button i { font-size: 24px; color: #9a9a9a; }

.contents-items-wrap .gong .pitem-header-info__top .content-share-inner { border-color: #9a9a9a; }

.contents-items-wrap .gong .pitem-header-info__top .content-share-wrap .button { border: none; }

.contents-items-wrap .gong .pitem-header-info__tag { border: 1px solid #fff; color: #fff; }

.contents-items-wrap .gong .pitem-header-info__title .title { color: #fff; }

.contents-items-wrap .gong .pitem-header-notice__dt { color: #fff; }

.contents-items-wrap .gong .pitem-header-notice__dd { color: #c6c6c6; }

.contents-items-wrap .gong .pitem-header-section { border-bottom: 1px solid #7c7b80; }

.contents-items-wrap .gong .pitem-header-section__dt { color: #fff; }

.contents-items-wrap .gong .pitem-header-section__dd { color: #c6c6c6; }

.contents-items-wrap .gong .pitem-header-section__dd .modal-button { color: #c6c6c6; }

.contents-items-wrap .gong .pitem-header-section__dd .is-primary, .contents-items-wrap .gong .pitem-header-section__dd .is-link { color: #fff; }

.contents-items-wrap .gong .pitem-header-section__dd .is-outlined { border-color: #fff; }

.contents-items-wrap .gong .pitem-header-section__price { color: #fff; }

.contents-items-wrap .gong .pitem-header-section__price--app .app-price { color: #00bcdc; }

.contents-items-wrap .gong .pitem-header-section__sale { color: #ff4966; }

.contents-items-wrap .gong .pitem-header-section__audio--txt button p { color: #ccc; }

.contents-items-wrap .gong .pitem-header-section__audio--txt button p strong { color: #fff; }

.contents-items-wrap .gong .pitem-header-section__detail { color: #fff; }

.contents-items-wrap .gong .pitem-header-review { border-top: 1px solid #7c7b80; }

.contents-items-wrap .gong .pitem-header-review__dl { border: 1px solid #7c7b80; }

.contents-items-wrap .gong .pitem-header-review__dt { color: #fff; }

.contents-items-wrap .gong .pitem-header-review__dd--flex .flex-right a { color: #fff; }

.contents-items-wrap .gong .pitem-header-related .swiper-pagination-bullet { background-color: transparent; }

.contents-items-wrap .gong .pitem-header-related .swiper-pagination-bullet:before { background-color: #fff; }

.contents-items-wrap .gong .pitem-header-related .swiper-pagination-bullet-active, .contents-items-wrap .gong .pitem-header-related .swiper-pagination-bullet:hover { border-color: #fff; }

.contents-items-wrap .gong .pitem-header-related__txt strong { color: #fff; }

.contents-items-wrap .gong .pitem-header-related__txt a.button { color: #fff; border-color: #fff; }

.contents-items-wrap .gong .pitem-header-coupon { background-color: #666; }

.contents-items-wrap .gong .pitem-header-coupon__text { color: #fff; }

.contents-items-wrap .gong .pitem-header-coupon__text strong { color: #b3caf6; }

.contents-items-wrap .gong .pitem-header-add-purchase > div { color: #fff; }

.contents-items-wrap .gong .pitem-header-sum { border-top: 1px solid #eee; }

.contents-items-wrap .gong .pitem-header-sum__price { color: #fff; }

.contents-items-wrap .gong .pitem-header-sum__desc { color: #eee; }

.contents-items-wrap .gong .pitem-header-btns__icon .button-icon-only { background-color: #202020; border-color: #9a9a9a; }

.contents-items-wrap .gong .pitem-header-btns__icon .button-icon-only i { color: #ccc; }

.contents-items-wrap .gong .pitem-header-btns__icon .button-icon-only:hover, .contents-items-wrap .gong .pitem-header-btns__icon .button-icon-only:focus { border-color: #fff; }

.contents-items-wrap .gong .pitem-header-btns__icon .button-icon-only:hover i, .contents-items-wrap .gong .pitem-header-btns__icon .button-icon-only:focus i { color: #fff; }

.contents-items-wrap .gong .pitem-header-btns__full .button.is-primary { background-color: #f2f2f2; color: #333; }

.contents-items-wrap .gong .pitem-header-btns__full .button.is-primary:hover { background-color: #fff; }

.contents-items-wrap .gong .pitem-header-floating { background-color: #202020 !important; }

.contents-items-wrap .gong .pitem-header-floating #pitem-header-collapsible-card::-webkit-scrollbar { background-color: #202020; }

.contents-items-wrap .gong .pitem-option__button { color: #c6c6c6; }

.contents-items-wrap .gong .pitem-option-selected { background-color: #2e2e2e; border: 1px solid #8d8d8d; }

.contents-items-wrap .gong .pitem-option-selected__footer .button.is-primary.is-outlined { border-color: #ccc; color: #fff; }

.contents-items-wrap .gong .pitem-option-selected__footer--control .spinner-box__plus i, .contents-items-wrap .gong .pitem-option-selected__footer--control .spinner-box__minus i { background-color: #ccc; }

.contents-items-wrap .gong .pitem-option-selected__footer--control .spinner-box__number input { color: #fff; }

.contents-items-wrap .gong .pitem-option-selected__footer--price { color: #fff; }

.contents-items-wrap .gong .pitem-option-selected__footer--price strong { color: #fff; }

.contents-items-wrap .gong .pitem-option-selected-item { color: #fff; }

.contents-items-wrap .gong .pitem-option-selected-item__sub { color: #ccc; }

.contents-items-wrap .gong .pitem-option-selected-item__sub::before { color: #ccc; }

.contents-items-wrap .gong .pitem-option-selected__del { color: #ccc; }

.contents-items-wrap .gong .pitem-option-selected .closet_select { box-shadow: 0 5px 5px 0 #1c1c1c; }

.contents-items-wrap .gong .pitem-tabs.tabs.is-toggle li { border-right: none; }

.contents-items-wrap .gong .pitem-tabs.tabs.is-toggle li a { background-color: #202020; border-color: #969696; color: #969696; }

.contents-items-wrap .gong .pitem-tabs.tabs.is-toggle li.is-active a { border-color: #fff; color: #fff; }

.contents-items-wrap .gong .pitem-section-header { border-color: #888; }

.contents-items-wrap .gong .pitem-section-header__title { color: #fff; }

.contents-items-wrap .gong .stats-rate__num { color: #c6c6c6; }

.contents-items-wrap .gong .horizon-list-menu li a { color: #ccc; }

.contents-items-wrap .gong .banner { display: flex; justify-content: center; padding-bottom: 20px; }

.contents-items-wrap .gong .banner img { display: block; }

.contents-items-wrap .gong .real-review-gradient-left { background: linear-gradient(to right, #202020 85%, rgba(76, 76, 80, 0.9) 101%); }

.contents-items-wrap .gong .real-review-gradient-right { background: linear-gradient(to left, #202020 85%, rgba(76, 76, 80, 0.9) 100%); }

.contents-items-wrap .gong .product-item-header__name { color: #c6c6c6; }

.contents-items-wrap .gong .color-red { color: #ff4966 !important; }

.contents-items-wrap .gong .button .is-danger { background-color: #ff4966; }

.contents-items-wrap .gong .button-couponget { border-color: #ff4966; color: #ff4966; }

.ccrg-fix .header-sub.glg { position: fixed; top: 0; left: 0; width: 100%; z-index: 1; padding-bottom: 0; }

.ccrg_title { position: relative; padding-top: 165px; padding-bottom: 30px; text-align: center; color: #fff; font-size: 50px; line-height: 1.5; }

.ccrg_title p + p { font-size: 22px; }

.parallax { position: relative; overflow: hidden; margin-bottom: 100px; }

.mImg { width: 100%; height: 815px; position: relative; display: flex; justify-content: center; align-items: center; overflow: hidden; text-align: center; }

.mImg .bgimg { position: absolute; inset: 0; background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; }

.mImg a { color: #fff; }

.mImg a .mTxt { position: relative; font-size: 44px; text-align: center; font-weight: 600; }

.mImg a .mTxt p + p { font-size: 20px; }

.mImg a .mBtn { margin-top: 30px; color: #202020; font-size: 14px; border: none; }

.pitem-section-info .ccrg_wrap { position: relative; max-width: 1920px; margin: 0 auto; }

.pitem-section-info .ccrg_wrap__txt .pitem-info__title { padding-bottom: 12px; font-size: 25px; }

.pitem-section-info .ccrg_wrap__txt .pitem-info__text { font-size: 15px; opacity: 1; }

.pitem-section-info .ccrg_wrap__imgtag { width: 35px; height: 35px; background-color: rgba(0, 0, 0, 0.7); border-radius: 50px; font-size: 18px; line-height: 1.9; color: #fff; transform: rotate(0deg); transition: all ease 0.3s 0s; padding: 0; display: block; }

.pitem-section-info .ccrg_wrap__imgtag.is-active { transform: rotate(-45deg); transition: all ease 0.3s 0s; }

.pitem-section-info .ccrg_wrap__imgtag.white { background-color: rgba(255, 255, 255, 0.7); color: #202020; }

.pitem-section-info .ccrg_wrap__imgtagpop.comm-imgtag-popup { width: 155px; max-height: 250px; padding: 14px; background-color: #fff; }

.pitem-section-info .ccrg_wrap__imgtagpop.comm-imgtag-popup a { display: flex; flex-direction: column; align-items: center; max-height: 214px; }

.pitem-section-info .ccrg_wrap__imgtagpop.comm-imgtag-popup .comm-imgtag-popup__img { width: 124px; }

.pitem-section-info .ccrg_wrap__imgtagpop.comm-imgtag-popup .comm-imgtag-popup__img img { display: block; }

.pitem-section-info .ccrg_wrap__imgtagpop.comm-imgtag-popup .comm-imgtag-popup__title { margin-top: 10px; font-size: 13px; text-align: center; color: #000; word-break: keep-all; }

.pitem-section-info .ccrg_wrap__imgtagpop.comm-imgtag-popup .comm-imgtag-popup__more { background-color: #000; color: #fff; }

.ccrg-pagination { position: relative; width: 1366px; margin: 50px auto 150px; }

.ccrg-pagination .ccrg-pagination-swiper { width: 100%; overflow: hidden; }

.ccrg-pagination .swiper-slide { width: 219px; height: 305px; background-color: #fff; }

.ccrg-pagination .swiper-slide a { display: flex; }

.ccrg-pagination .swiper-slide a img { display: block; }

.ccrg-pagination .swiper-slide:hover { opacity: 0.7; }

.page.gong .contents-items-wrap { background-color: #fff; }

.page.gong .pitem-info__title--main { font-size: 80px; }

.page.gong .pitem-info__title { font-size: 30px; }

.page.gong .pitem-info__title--sub { font-size: 26px; }

.page.gong .pitem-info__subtitle + .pitem-info__title--main { font-size: 40px; }

.page.gong .pitem-section-info { width: 100%; }

.page.gong .pitem-section-info img + .txtarea { max-width: 100%; }

.page.gong .pitem-section-info .ccrg_wrap__txt { max-width: 1366px; margin: 0 auto; }

.page.gong .pitem-section-info .ccrg_wrap__txt .pitem-info__title { font-size: 30px; }

.page.gong .pitem-section-info .ccrg_wrap__txt .pitem-info__text { font-size: 18px; }

.page.gong .pitem-section-info__wide.pitem-section-info { overflow: hidden; width: 100%; }

.page.gong .pitem-section-info__wide.pitem-section-info .pitem-info__title, .page.gong .pitem-section-info__wide.pitem-section-info .pitem-info__subtitle, .page.gong .pitem-section-info__wide.pitem-section-info p { max-width: 1366px; margin-left: auto; margin-right: auto; }

.page.gong .contents-class-wrap { background-color: #202020; }

.page.gong .contents-class-wrap .bg-white { padding-bottom: 80px; }

.page.gong .contents-class-wrap .pitem-header > .fl { position: relative; left: -20px; width: 840px; }

.page.gong .contents-class-wrap .pitem-header > .fr { width: 460px; }

.page.gong .contents-class-wrap .pitem-header-photo { position: relative; z-index: 5; }

.page.gong .contents-class-wrap .pitem-header-photo::before { content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 100%; background-color: #202020; z-index: 10; }

.page.gong .contents-class-wrap .pitem-header-photo::after { content: ''; position: absolute; right: 0; top: 0; width: 100px; height: 100%; background: linear-gradient(90deg, rgba(32, 32, 32, 0) 0%, #202020 90%, #202020 100%); z-index: 10; }

.page.gong .contents-class-wrap .pitem-header-photo .gallery-photo { padding-left: 20px; }

.page.gong .contents-class-wrap .pitem-header-photo .gallery-photo .swiper-slide { opacity: 0.6; aspect-ratio: 68/46; overflow: hidden; display: flex; justify-content: center; align-items: center; height: 460px; }

.page.gong .contents-class-wrap .pitem-header-photo .gallery-photo .swiper-slide-active { opacity: 1; }

.page.gong .contents-class-wrap .pitem-header-photo .gallery-photo .swiper-slide > img { aspect-ratio: 68/46; width: 100%; height: 460px; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; }

.page.gong .contents-class-wrap .pitem-header-photo .gallery-photo .swiper-pagination { left: 590px; bottom: 150px; z-index: 30; width: auto; padding: 4px 10px; background-color: #fff; border-radius: 20px; font-family: Roboto; font-size: 14px; font-weight: 800; line-height: 20px; letter-spacing: 0em; color: #202020; text-align: left; }

.page.gong .contents-class-wrap .pitem-header-photo .gallery-photo .swiper-pagination span { padding: 0 8px; }

.page.gong .contents-class-wrap .pitem-header-photo .gallery-thumbs { position: relative; z-index: 20; padding: 0 20px; overflow: hidden; display: flex; justify-content: center; align-items: center; }

.page.gong .contents-class-wrap .pitem-header-photo .gallery-thumbs.swiper-container-initialized .swiper-slide { filter: gray; opacity: 0.5; }

.page.gong .contents-class-wrap .pitem-header-photo .gallery-thumbs.swiper-container-initialized .swiper-slide:hover, .page.gong .contents-class-wrap .pitem-header-photo .gallery-thumbs.swiper-container-initialized .swiper-slide-thumb-active { filter: none; opacity: 1; }

.page.gong .contents-class-wrap .pitem-header-photo .gallery-thumbs.swiper-container-initialized .swiper-slide-thumb-active { border: 2px solid #fff; }

.page.gong .contents-class-wrap .pitem-header-photo .gallery-thumbs::before { content: ''; position: absolute; left: 0; top: 0; width: 20px; height: 100%; background: #202020; z-index: 10; }

.page.gong .contents-class-wrap .pitem-header-photo .gallery-thumbs::after { content: ''; position: absolute; right: 0; top: 0; width: 100px; height: 100%; background: linear-gradient(90deg, rgba(32, 32, 32, 0) 0%, #202020 90%, #202020 100%); z-index: 10; }

.page.gong .contents-class-wrap .pitem-header-photo .gallery-thumbs .swiper-slide { border: 2px solid transparent; height: 108px; }

.page.gong .contents-class-wrap .pitem-header-photo .gallery-thumbs .swiper-slide > img { width: 100%; height: 108px; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; }

.page.gong .contents-class-wrap .pitem-header-photo .gallery-thumbs .swiper-button-prev { z-index: 20; width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.8); border-radius: 50%; }

.page.gong .contents-class-wrap .pitem-header-photo .gallery-thumbs .swiper-button-prev::before { color: #000; font-size: 14px; font-weight: bold; }

.page.gong .contents-class-wrap .pitem-header-photo .gallery-thumbs .swiper-button-next { z-index: 20; width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.8); border-radius: 50%; }

.page.gong .contents-class-wrap .pitem-header-photo .gallery-thumbs .swiper-button-next::before { color: #000; font-size: 14px; font-weight: bold; }

.page.gong .contents-class-wrap .pitem-header-address { padding: 20px 20px; }

.page.gong .contents-class-wrap .pitem-header-address li { display: flex; align-items: center; font-size: 15px; font-weight: 400; line-height: 23px; letter-spacing: -0.03em; color: #a5a5a5; }

.page.gong .contents-class-wrap .pitem-header-address li i, .page.gong .contents-class-wrap .pitem-header-address li svg { margin-right: 5px; fill: #a5a5a5; }

.page.gong .contents-class-wrap .pitem-header-address li + li { padding: 5px 0; }

.page.gong .contents-class-wrap .pitem-header-photo + .pitem-header-address { padding-top: 30px; }

.page.gong .contents-class-wrap .pitem-header-info__title { border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

.page.gong .contents-class-wrap .pitem-header-info__title--top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }

.page.gong .contents-class-wrap .pitem-header-info__title--top .top-left a { font-size: 15px; font-weight: 600; line-height: 21px; letter-spacing: -0.02em; color: #a5a5a5; }

.page.gong .contents-class-wrap .pitem-header-info__title--top .top-left a i { font-size: 10px; color: #a5a5a5; }

.page.gong .contents-class-wrap .pitem-header-info__title--top .top-right .content-share-wrap { height: 40px; }

.page.gong .contents-class-wrap .pitem-header-info__title--top .top-right .content-share-wrap:hover .content-share-inner { width: 200px; height: 50px; }

.page.gong .contents-class-wrap .pitem-header-info__title--top .top-right .content-share-inner { border: none; height: 40px; }

.page.gong .contents-class-wrap .pitem-header-info__title--top .top-right .content-share__button.button { background-color: transparent; color: #a5a5a5; height: 40px; font-size: 20px; }

.page.gong .contents-class-wrap .pitem-header-info__title .title { font-size: 28px; font-weight: 800; letter-spacing: -0.03em; color: #fff; }

.page.gong .contents-class-wrap .pitem-header-info__title p + .title { padding-top: 15px; }

.page.gong .contents-class-wrap .pitem-header-info__description { color: #fff; padding: 15px 0; font-size: 15px; font-weight: 400; line-height: 23px; letter-spacing: -0.02em; }

.page.gong .contents-class-wrap .pitem-header-section { padding: 0; border: none; }

.page.gong .contents-class-wrap .pitem-header-section__price--wrap { display: flex; align-items: center; gap: 10px; }

.page.gong .contents-class-wrap .pitem-header-section__price { font-size: 25px; font-weight: 700; line-height: 35px; letter-spacing: 0; color: #fff; }

.page.gong .contents-class-wrap .pitem-header-section__price .unit { position: relative; top: 2px; font-size: 13px; font-weight: 400; line-height: 18px; letter-spacing: -0.02em; }

.page.gong .contents-class-wrap .pitem-header-section__price__tag { font-size: 13px; display: flex; align-items: center; justify-content: center; width: 54px; height: 25px; color: #fff; border-radius: 4px; }

.page.gong .contents-class-wrap .pitem-header-section__price__tag--gray { background-color: #48413b; }

.page.gong .contents-class-wrap .pitem-header-section__caution { margin: 20px 0; padding: 15px 18px; background-color: #2e2e2e; font-size: 15px; font-weight: 400; line-height: 23px; letter-spacing: -0.02em; color: #ccc; }

.page.gong .contents-class-wrap .pitem-header-section__caution strong { font-weight: 700; color: #fff; }

.page.gong .contents-class-wrap .pitem-header-section__schedule { padding: 35px 40px; border: 4px solid white; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-section-header { height: initial; line-height: initial; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-section-header__title { font-size: 20px; font-weight: 700; line-height: 28px; letter-spacing: -0.02em; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-section-header__title i { margin-right: 7px; transform: translateY(5px); }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-section-header__title strong { color: #fff; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-section-header__title span { padding-left: 10px; font-size: 13px; font-weight: 600; line-height: 18px; letter-spacing: -0.02em; color: #999; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option__reservation { display: inline-flex; gap: 40px; padding: 10px 20px; background-color: #f8f8f8; border-radius: 3px; color: #202020; font-size: 15px; font-weight: 600; line-height: 21px; letter-spacing: 0em; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option__reservation span + span { position: relative; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option__reservation span + span::before { position: absolute; left: -20px; top: 2px; content: ''; width: 1px; height: 14px; background-color: #cfcfcf; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option__reservation span + span i { margin-right: 5px; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option__price { display: flex; flex-direction: column; align-items: space-between; gap: 40px; margin-top: 30px; padding: 15px 0; border-top: 1px solid #4d4d4d; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option__price__title { padding-top: 10px; font-size: 20px; font-weight: 700; line-height: 28px; letter-spacing: -0.02em; text-align: right; color: #fff; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option__price__sum { display: flex; justify-content: space-between; align-items: center; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option__price__sum > span { color: #fff; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option__price__sum > strong { font-family: Roboto; font-size: 34px; font-weight: 800; line-height: 48px; letter-spacing: 0em; text-align: right; color: #fff; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option__price__sum > strong span { font-size: 16px; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option-float .pitem-option__container { left: initial; right: 0; top: 60px; z-index: 38; overflow: hidden; width: 725px; max-height: 1000px; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option-float .calendar-month-header { position: absolute; left: 50%; top: 0; text-align: center; transform: translateX(-50%); }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option-float .calendar-month-header td { padding: 30px 15px 10px 15px; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option-float .calendar-month-header span { font-size: 20px; font-weight: 600; line-height: 28px; letter-spacing: 0.01em; color: #202020; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option-float .custom_calendar .calendar-dow-header th { font-size: 16px; font-weight: 600; line-height: 22px; letter-spacing: 0.01em; border: none; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option-float .calendar-wrap { margin-top: 45px; padding-top: 25px; border-top: 2px solid #202020; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option-float .calendar-wrap .calendar__detail { width: 260px; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option-float .calendar-wrap .calendar__detail .control label { display: block; padding: 10px 0; font-size: 16px; font-weight: 800; letter-spacing: -0.02em; color: #202020; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option-float .calendar-wrap .calendar__detail .control + .control { margin-top: 10px; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option-float .calendar-wrap .calendar__detail .control .select select { border: 1px solid #202020; border-radius: 3px; font-size: 14px; font-weight: 600; line-height: 14px; letter-spacing: -0.02em; color: #202020; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option-float .calendar-wrap .calendar__detail .control .select-time { position: relative; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option-float .calendar-wrap .calendar__detail .control .select-time__off { position: relative; z-index: 0; padding: 14px 15px; border: 1px solid #202020; border-radius: 3px; font-size: 14px; font-weight: 600; line-height: 14px; letter-spacing: -0.02em; color: #9d9d9d; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option-float .calendar-wrap .calendar__detail .control .select-time__off i { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #202020; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option-float .calendar-wrap .calendar__detail .control .select-time__on { height: 180px; display: none; position: absolute; top: 0; z-index: 90; width: 100%; background-color: #fff; border: 1px solid #202020; font-size: 14px; font-weight: 600; letter-spacing: -0.02em; color: #9d9d9d; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option-float .calendar-wrap .calendar__detail .control .select-time__on li { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option-float .calendar-wrap .calendar__detail .control .select-time__on li.ing .badge { background-color: #2d60e2; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option-float .calendar-wrap .calendar__detail .control .select-time__on li.ing .time, .page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option-float .calendar-wrap .calendar__detail .control .select-time__on li.ing .count { color: #202020; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option-float .calendar-wrap .calendar__detail .control .select-time__on li.end .badge { background-color: #bfbfbf; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option-float .calendar-wrap .calendar__detail .control .select-time__on li.end .time, .page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option-float .calendar-wrap .calendar__detail .control .select-time__on li.end .count { color: #bfbfbf; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option-float .calendar-wrap .calendar__detail .control .select-time__on .badge { padding: 2px 8px; margin-right: 10px; border-radius: 50px; font-size: 12px; color: #fff; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option-float .calendar-wrap .calendar__detail .control .select-time.is-active .select-time__on { display: block; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option-float .calendar-wrap .calendar__detail .control .select-time .scroll-wrapper { position: absolute; top: 50px; margin-left: 0; margin-right: 0; padding-left: 8px; padding-right: 20px; border-radius: 4px; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option-float .calendar-wrap .calendar__detail .button-area .button:disabled { background-color: #d3d3d3; color: #fff; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option-float .calendar-wrap .calendar__detail .button-area .is-primary { background-color: #202020; border: none; font-size: 17px; font-weight: 800; line-height: 24px; letter-spacing: 0; color: #fff; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option-float .calendar-wrap .calendar__detail .button-area .is-light { background-color: #fff; font-size: 17px; font-weight: 800; line-height: 24px; letter-spacing: 0; color: #202020; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option-float .calendar-wrap .button.is-pill { border-radius: 50px; border: none; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option-float .calendar-wrap .button.is-pill i { margin-left: 5px; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-option__button { margin: 10px 0 20px 0; background-color: #fff; border-radius: 3px; color: #202020; font-size: 14px; font-weight: 600; line-height: 20px; letter-spacing: 0; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-header-btns { padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.3); }

.page.gong .contents-class-wrap .pitem-header-section__schedule .pitem-header-btns__full button { width: 100%; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .is-dark { background-color: #484848; border: none; font-size: 17px; font-weight: 800; line-height: 24px; letter-spacing: 0; color: #999999; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .is-light { background-color: #f5f5f5; border: none; font-size: 17px; font-weight: 800; line-height: 24px; letter-spacing: 0; color: #202020; }

.page.gong .contents-class-wrap .pitem-header-section__schedule .is-primary { background-color: #fff; font-size: 17px; font-weight: 800; line-height: 24px; letter-spacing: 0; color: #202020; }

.page.gong .contents-class-wrap .tabs.gongdetail-tabs { margin-bottom: 30px; }

.page.gong .contents-class-wrap .tabs.gongdetail-tabs ul { border: none; border-bottom: 2px solid #fff; }

.page.gong .contents-class-wrap .tabs.gongdetail-tabs ul li .tab { border: none; }

.page.gong .contents-class-wrap .tabs.gongdetail-tabs ul li .tab span { font-size: 20px; font-weight: 700; line-height: 30px; letter-spacing: -0.03em; color: #999; }

.page.gong .contents-class-wrap .tabs.gongdetail-tabs ul li .tab-review { align-items: flex-end; }

.page.gong .contents-class-wrap .tabs.gongdetail-tabs ul li .tab-review .review-num { margin-left: 5px; font-size: 16px; line-height: 1.7; color: #ff4966; }

.page.gong .contents-class-wrap .tabs.gongdetail-tabs ul li.is-active .tab { background: none; }

.page.gong .contents-class-wrap .tabs.gongdetail-tabs ul li.is-active .tab span { color: #fff; }

.page.gong .contents-class-wrap .tabs.gongdetail-tabs ul li.is-active .tab span.review-num { color: #ff4966; }

.page.gong .contents-class-wrap .tabs.gongdetail-tabs .tab { padding: 15px 30px 15px 0; }

.page.gong .contents-class-wrap .pitem-section-header { height: initial; border-bottom: none; }

.page.gong .contents-class-wrap .pitem-section-header__title { font-size: 28px; font-weight: 800; line-height: 39px; letter-spacing: 0em; color: #fff; }

.page.gong .contents-class-wrap .pitem-section-header__tag ul { display: flex; gap: 10px; }

.page.gong .contents-class-wrap .pitem-section-header__tag ul li { font-size: 15px; font-weight: 800; line-height: 21px; letter-spacing: -0.02em; color: #a5a5a5; }

.page.gong .contents-class-wrap .pitem-section-header__review { line-height: 1.5; }

.page.gong .contents-class-wrap .pitem-section-header__review .pitem-review-header { background-color: #2e2e2e; color: #999; }

.page.gong .contents-class-wrap .pitem-section-header__review .pitem-review-header__title { color: #fff; }

.page.gong .contents-class-wrap .pitem-section-header__review .pitem-review-header__desc { color: #fff; }

.page.gong .contents-class-wrap .pitem-section-header__review .pitem-review-header__button a { height: 56px; padding: 0 60px; font-size: 16px; font-weight: 600; color: #333; }

.page.gong .contents-class-wrap .pitem-section-header__review .pitem-review-header .fr { margin-left: 100px; }

.page.gong .contents-class-wrap .pitem-section-header__review .pitem-review-header .fr dl dt { color: #999; }

.page.gong .contents-class-wrap .pitem-section-header__review .pitem-review-header .fr dl dd { color: #fff; }

.page.gong .contents-class-wrap .pitem-section-body__introduce { font-size: 15px; font-weight: 400; line-height: 28px; letter-spacing: -0.03em; color: #fff; margin-bottom: 40px; }

.page.gong .section-pop-gong { color: #202020; padding: 30px 40px; }

.page.gong .section-pop-gong-head { display: flex; align-items: center; justify-content: space-between; color: #202020; font-size: 20px; padding-bottom: 20px; border-bottom: 2px solid #000; font-weight: bold; margin-bottom: 20px; }

.page.gong .section-pop-gong-head a { font-size: 15px; font-weight: normal; color: #999; border-bottom: 1px solid transparent; }

.page.gong .section-pop-gong-head a:hover { border-bottom: 1px solid #999; }

.page.gong .section-pop-gong-body { display: flex; }

.page.gong .section-pop-gong-body > div { flex: 1; }

.page.gong .section-pop-gong-body__price { border-bottom: 1px solid #999999; padding-bottom: 10px; margin-bottom: 20px; }

.page.gong .section-pop-gong-body__price h3 { font-weight: 700; font-size: 15px; margin-bottom: 20px; }

.page.gong .section-pop-gong-body__sum { font-weight: bold; font-size: 28px; }

.page.gong .section-pop-gong-body__sum .unit { font-size: 14px; }

.page.gong .section-pop-gong-body__detail { position: relative; display: flex; flex-direction: column; gap: 12px; }

.page.gong .section-pop-gong-body__detail .return-button { position: absolute; right: 0; bottom: 0; width: 78px; height: 34px; border-radius: 20px; line-height: 15px; border: 1px solid #ddd; color: #777; }

.page.gong .section-pop-gong-body__dl { display: flex; flex-direction: row; }

.page.gong .section-pop-gong-body__dl dt { width: 17%; color: #999999; font-size: 15px; }

.page.gong .section-pop-gong-body__dl dd { font-size: 15px; width: 83%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.page.gong .section-pop-gong-body__warn { padding: 20px 13px; margin-bottom: 20px; background-color: #f9f9f9; }

.page.gong .section-pop-gong-body__warn-txt { display: flex; align-items: center; color: #ed2650; gap: 6px; font-size: 13px; font-weight: 700; margin-bottom: 10px; }

.page.gong .section-pop-gong-body__warn-notice { margin-bottom: 10px; }

.page.gong .section-pop-gong-body__warn-notice b { font-size: 13px; }

.page.gong .section-pop-gong-body__warn-notice ul { padding-top: 10px; list-style: none; color: #777777; }

.page.gong .section-pop-gong-body__warn-notice ul li { font-size: 12px; }

.page.gong .section-pop-gong-body__people { margin-bottom: 20px; }

.page.gong .section-pop-gong-body__people h3 { font-size: 15px; font-weight: bold; }

.page.gong .section-pop-gong-body__people p { margin-top: 20px; font-size: 12px; color: #777; font-weight: 400; padding: 6px 10px; background-color: #f7f7f7; }

.page.gong .section-pop-gong-body__field { display: flex; flex-direction: column; gap: 12px; }

.page.gong .section-pop-gong-body__field .field { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 0; }

.page.gong .section-pop-gong-body__field .field label { width: 20%; font-size: 14px; margin-top: 10px; }

.page.gong .section-pop-gong-body__field .field .control { width: 78%; }

.page.gong .section-pop-gong-body__field .field .control .input { position: relative; height: 42px; border-radius: 4px; padding-right: 36px; }

.page.gong .section-pop-gong-body__field .field .control .textarea { scroll-padding-right: 10px; border-radius: 4px; }

.page.gong .section-pop-gong-body__field .field .control .textarea::-webkit-scrollbar { width: 4px; /* 스크롤바 너비 */ scroll-padding-right: 10px; }

.page.gong .section-pop-gong-body__field .field .control .textarea::-webkit-scrollbar-thumb { background: #888; border-radius: 6px; }

.page.gong .section-pop-gong-body__field .field .control .textarea::-webkit-scrollbar-thumb:hover { background: #555; }

.page.gong .section-pop-gong-body__field .field .control span { position: absolute; top: 50%; right: 10px; color: #ed2650; font-size: 12px; transform: translateY(-50%); }

.page.gong .section-pop-gong-body__field .field .control .count-txt { top: auto; bottom: 0; }

.page.gong .section-pop-gong-body__button { width: 100%; }

.page.gong .section-pop-gong-body__check { display: flex; flex-direction: column; }

.page.gong .section-pop-gong-body__check h3 { font-size: 15px; font-weight: 500; padding-bottom: 20px; border-bottom: 1px solid #e4e4e4; }

.page.gong .section-pop-gong-body__check .checkbox-area { display: flex; flex-direction: column; margin-top: 10px; }

.page.gong .section-pop-gong-body__check .checkbox-area__item { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; }

.page.gong .section-pop-gong-body__check .checkbox-area__item .checkbox { margin: 0; }

.page.gong .section-pop-gong-body__check .checkbox-area__item .checkbox label { font-weight: bold; font-size: 13px; color: #202020; }

.page.gong .section-pop-gong-body__check .checkbox-area__item a { color: #202020; }

.page.gong .section-pop-gong-body-right { width: 300px; padding-left: 50px; position: relative; display: flex; flex-direction: column; justify-content: space-between; }

.page.gong .section-pop-gong-body-right .color-red { font-size: 12px; color: 0; }

.page.gong .section-pop-gong-body-right .button-area { bottom: 0; margin: 10px 0 0; }

.page.gong .section-pop-gong-body-right .button-area .button:disabled { background-color: #d3d3d3; color: #fff; }

.page.gong .section-pop-gong-body-right .button-area .is-primary { background-color: #202020; border: none; font-size: 17px; font-weight: 800; line-height: 24px; letter-spacing: 0; color: #fff; }

.page.gong .section-pop-gong-body-right .button-area .is-light { background-color: #fff; font-size: 17px; font-weight: 800; line-height: 24px; letter-spacing: 0; color: #202020; }

.page.gong .section-pop-gong-body-center { text-align: center; }

.page.gong .section-pop-gong-body-center h3 { font-weight: bold; font-size: 18px; padding: 4px 0 16px; }

.page.gong .section-pop-gong-body-center .msg-box-title { font-size: 18px; font-weight: bold; }

.page.gong .section-pop-gong-body-center .msg-box-day { color: #3273dc; margin-bottom: 10px; font-weight: bold; }

.page.gong .section-pop-gong-body-center .msg-box-gray { padding: 26px; background-color: #f9f9f9; color: #202020; text-align: center; margin-bottom: 20px; }

.page.gong .section-pop-gong-body-center .msg-box p { font-size: 14px; }

.page.gong .section-pop-gong-body-center p { font-size: 14px; }

.page.gong .section-pop-gong-body-center .button-area { margin: 20px 0; }

.page.gong .section-pop-gong-body-center .button-area .is-primary { background-color: #202020; border: none; font-size: 17px; font-weight: 800; line-height: 24px; letter-spacing: 0; color: #fff; }

.page.gong .section-pop-gong-body-center .button-area .is-light { background-color: #fff; font-size: 17px; font-weight: 800; line-height: 24px; letter-spacing: 0; color: #202020; }

.self-measurement-wrap { position: relative; min-width: 125px; }

.self-measurement-wrap button { position: absolute; top: -50px; right: 0; z-index: 1; }

.self-measurement-wrap button p { font-size: 15px; line-height: 1.4; letter-spacing: -1px; font-weight: 600; color: #28ad7d; }

.pitem-header-info-v2__top { margin-bottom: 10px; }

.pitem-header-info-v2__top > .fl, .pitem-header-info-v2__top > .fr { display: inline-flex; align-items: center; height: 30px; }

.pitem-header-info-v2__title-tag { display: inline-flex; margin-right: 5px; padding: 3px 14px; font-size: 13px; color: #fff; border-radius: 2px; }

.pitem-header-info-v2 .button.button-icon-only { min-width: initial; padding-left: 7px; padding-right: 7px; border: none; background-color: transparent; font-size: 27px; color: #202020; }

.pitem-header-info-v2 .button.button-icon-only.likeGoods .ico-like_on { color: #ec1a47; }

.pitem-header-info-v2 .content-share-wrap { width: initial; height: initial; }

.pitem-header-info-v2 .content-share-inner { width: initial; height: initial; border: none; }

.pitem-header-info-v2 .content-share__button.button { width: initial; height: initial; }

.pitem-header-info-v2__title .row { display: flex; align-items: center; height: 50px; }

.pitem-header-info-v2__title .title-v2 { margin-bottom: 20px; font-size: 34px; font-weight: normal; color: #202020; line-height: 1.4; }

.pitem-header-info-v2 .pitem-header-review-v2 { padding-top: 3px; font-size: 15px; }

.pitem-header-info-v2 .pitem-header-review-v2 .star-grade { color: #202020; font-weight: 700; }

.pitem-header-info-v2 .pitem-header-review-v2 .star-grade i { padding-right: 5px; }

.pitem-header-info-v2 .pitem-header-review-v2 .total-review { margin-left: 10px; color: #999; }

.pitem-header-info-v2 .pitem-header-review-v2 .total-review::after { background-color: #999; }

.pitem-header-info-v2 .pitem-header-section-v2 { position: relative; padding: 20px 0; margin: 0; border-bottom: 1px solid #eee; color: #777; font-size: 15px; }

.pitem-header-info-v2 .pitem-header-section-v2 .row.space-between.top { align-items: flex-start; }

.pitem-header-info-v2 .pitem-header-section-v2__price { display: inline-flex; align-items: center; margin-left: 8px; font-size: 25px; font-weight: 600; color: #333; vertical-align: middle; }

.pitem-header-info-v2 .pitem-header-section-v2__price > .unit { display: inline-block; margin-left: 0.2em; font-size: 16px; font-weight: 400; }

.pitem-header-info-v2 .pitem-header-section-v2__price--del { display: block; margin-bottom: 5px; color: #c1c1c1; }

.pitem-header-info-v2 .pitem-header-section-v2__price--del .unit { margin-left: 5px; }

.pitem-header-info-v2 .pitem-header-section-v2__price--app { display: inline-flex; align-items: center; padding: 10px 15px; margin-top: 10px; background-color: #00a3be; border-radius: 4px; }

.pitem-header-info-v2 .pitem-header-section-v2__price--app .app-tag { font-size: 15px; color: #fff; font-weight: 600; }

.pitem-header-info-v2 .pitem-header-section-v2__price--app .app-price { color: #fff; font-size: 18px; width: 165px; }

.pitem-header-info-v2 .pitem-header-section-v2__price--app .app-price .unit { font-size: 13px; }

.pitem-header-info-v2 .pitem-header-section-v2__price--app .app-down { margin-left: 5px; font-size: 14px; color: #fff; }

.pitem-header-info-v2 .pitem-header-section-v2__price--app .app-down i { margin-left: 5px; }

.pitem-header-info-v2 .pitem-header-section-v2__price--app:hover { cursor: pointer; }

.pitem-header-info-v2 .pitem-header-section-v2__price--app:hover + .pitem-header-section-v2__price--tooltip { display: block; }

.pitem-header-info-v2 .pitem-header-section-v2__price--tooltip { display: none; position: absolute; top: 141px; left: 0; z-index: 10; width: 328px; padding: 20px; border: 1px solid #ccc; background-color: #fff; text-align: center; }

.pitem-header-info-v2 .pitem-header-section-v2__price--tooltip__title { font-size: 15px; font-weight: 600; color: #333; margin-bottom: 7px; line-height: 1.1; }

.pitem-header-info-v2 .pitem-header-section-v2__price--tooltip img { display: block; margin: 0 auto; }

.pitem-header-info-v2 .pitem-header-section-v2__sale { font-size: 25px; font-weight: 600; color: #ed2650; vertical-align: middle; }

.pitem-header-info-v2 .pitem-header-section-v2--freegift { position: relative; left: -5px; }

.pitem-header-info-v2 .pitem-header-section-v2--freegift li { width: 100px; margin-right: 10px; }

.pitem-header-info-v2 .pitem-header-section-v2--newmem .newmem-price { display: flex; align-items: center; padding: 5px 0; color: #202020; font-size: 18px; font-weight: 600; }

.pitem-header-info-v2 .pitem-header-section-v2--newmem .newmem-price .unit { font-size: 14px; }

.pitem-header-info-v2 .pitem-header-section-v2--newmem .newmem-desc { padding: 5px 0; font-size: 13px; color: #999; line-height: 2; }

.pitem-header-info-v2 .pitem-header-section-v2__dl { display: flex; width: 100%; }

.pitem-header-info-v2 .pitem-header-section-v2__dt { flex-grow: 0; width: 100px; padding: 5px 0; font-weight: 600; color: #202020; }

.pitem-header-info-v2 .pitem-header-section-v2__dd { flex: 1; }

.pitem-header-info-v2 .pitem-header-section-v2__dd p + p { padding-top: 5px; }

.pitem-header-info-v2 .pitem-header-section-v2__ddl { display: flex; flex-wrap: wrap; width: 100%; }

.pitem-header-info-v2 .pitem-header-section-v2__ddt { flex-basis: 150px; padding: 5px 0; }

.pitem-header-info-v2 .pitem-header-section-v2__ddd { flex-basis: calc(100% - 150px); padding: 5px 0; color: #202020; }

.pitem-header-info-v2 .pitem-header-section-v2__ddd .price { display: flex; align-items: center; }

.pitem-header-info-v2 .pitem-header-section-v2__ddd .price .is-bold { font-size: 18px; color: #202020; }

.pitem-header-info-v2 .pitem-header-section-v2__ddd .price .unit { font-size: 14px; }

.pitem-header-info-v2 .pitem-header-section-v2__ddd .sale { position: relative; top: -2px; margin-left: 5px; padding: 3px 9px; font-size: 12px; background-color: #ed2650; color: #fff; border-radius: 20px; }

.pitem-header-info-v2 .pitem-header-section-v2__ddd .desc { font-size: 13px; color: #999; }

.pitem-header-info-v2 .pitem-header-section-v2__ddd p + p { padding-top: 5px; }

.pitem-header-info-v2 .pitem-header-section-v2__dp { padding: 5px 0; }

.pitem-header-info-v2 .pitem-header-section-v2__btn { flex-basis: 130px; }

.pitem-header-info-v2 .pitem-header-section-v2 .button-txt-arrow { padding: 0; font-size: 15px; font-weight: 600; }

.pitem-header-info-v2 .pitem-header-section-v2 .button-couponget-down-v2 { width: 130px; padding: 8px 10px; background-color: #202020; color: #fff; border-radius: 4px; }

.pitem-header-info-v2 .pitem-header-section-v2 .is-link { text-decoration: underline; color: #999; }

.pitem-header-info-v2 .pitem-header-section-v2 .row + .row { padding-top: 5px; }

.pitem-header-info-v2 .pitem-header-section-v2 .color-blue-v2 { color: #5d96f1; }

.pitem-option-selected-v2 { display: flex; position: relative; min-height: 8em; margin: 1.25em auto; padding: 1.25em; background-color: #f9f9f9; border: 1px solid #eee; border-radius: 6px; font-size: 16px; }

.pitem-option-selected-v2__thumb { display: inline-block; margin-right: 1em; width: 111px; }

.pitem-option-selected-v2__thumb img { border-radius: 10px; }

.pitem-option-selected-v2__header { display: inline-block; width: 100%; min-height: 3.125em; margin-bottom: 0.2em; }

.pitem-option-selected-v2__header--itemWrap { display: inline-block; min-height: 3.125em; }

.pitem-option-selected-v2__footer { display: flex; }

.pitem-option-selected-v2__footer--control { flex-grow: 1; display: inline-flex; align-items: center; }

.pitem-option-selected-v2__footer--control .spinner-box__number input { background: transparent; }

.pitem-option-selected-v2__footer--price { text-align: right; flex-grow: 0; color: #333; font-size: 1.25em; }

.pitem-option-selected-v2__footer--price--wrap { position: relative; top: -2px; display: inline; margin-right: 10px; }

.pitem-option-selected-v2__footer--price--wrap button + button { margin-left: 0.625em; }

.pitem-option-selected-v2-item { display: block; margin-bottom: 0.5625em; color: #333; padding-right: 1.875em; font-size: 0.9em; font-weight: 400; }

.pitem-option-selected-v2-item__sub { display: block; position: relative; margin-bottom: 0.5625em; padding-left: 0.9375em; padding-right: 1.875em; font-size: 0.9em; color: #888; }

.pitem-option-selected-v2-item__sub::before { content: '⌞'; display: block; position: absolute; top: -0.5em; left: 0; font-size: 1.1875em; color: #999; }

.pitem-option-selected-v2__del { position: absolute; top: 1.25em; right: 1.125em; color: #888; font-size: 1em; }

.pitem-option-selected-v2 .closet_select { position: absolute; top: -30px; left: 200px; padding: 6px 16px; font-size: 14px; color: #ed264f; font-weight: 600; background-color: #fff6f8; border: 1px solid #ed264f; border-radius: 100px; box-shadow: 0 5px 5px 0 #dfdfdf; }

.pitem-option-selected-v2 .closet_select::after { position: absolute; bottom: -7px; left: 36px; width: 12px; height: 12px; transform: rotate(55deg) skew(17deg); content: ''; background-color: #fff6f8; border: 1px solid #ed264f; border-left: none; border-top: none; }

.pitem-header-sum-v2 { display: block; font-size: 30px; text-align: right; margin-top: 20px; padding: 40px 0px 20px 0px; border-top: 1px solid #888; }

.pitem-header-sum-v2__price { color: #333; font-size: 18px; }

.pitem-header-sum-v2__price strong { display: inline-block; margin: 0 10px; font-size: 42px; }

.pitem-header-sum-v2__desc { color: #888; font-size: 14px; }

.pitem-header-btns-v2 { display: flex; align-items: center; justify-content: flex-end; }

.pitem-header-btns-v2__icon { font-size: 0; flex-grow: 0; }

.pitem-header-btns-v2 .button { height: 60px; font-size: 20px; }

.pitem-header-btns-v2 .button.button-icon-only { width: 60px; min-width: 60px; padding: 0; margin-left: -1px; border-color: #ccc; }

.pitem-header-btns-v2__full { padding-left: 10px; font-size: 0; flex-grow: 1; }

.pitem-header-btns-v2__full .button { margin: 0; display: inline-flex; width: 50%; }

.pitem-header-floating-wrap.is-fixed .pitem-header-card-header .pitem-header-btns-v2__full { width: 300px; padding-left: 0; }

#pitem-header-collapsible-card .pitem-option-selected-v2:first-child { margin-top: 0; }

#pitem-header-collapsible-card .pitem-header-sum-v2 { padding: 20px 0 40px; }

#modal-hpoint .modal-card { width: 600px; }

#modal-hpoint .modal-card .dl-list { padding: 5px 0; }

.glg .pitem-header-info-v2 .button.button-icon-only { color: #fff; }

.glg .pitem-header-info-v2__title .row { display: flex; align-items: center; height: 50px; }

.glg .pitem-header-info-v2__title .title-v2 { color: #fff; }

.glg .pitem-header-review-v2 .star-grade { color: #fff; }

.glg .pitem-header-review-v2 .total-review { color: #ccc; border-color: #ccc; }

.glg .pitem-header-section-v2 { border-color: #434343; color: #ccc; }

.glg .pitem-header-section-v2__price { color: #fff; }

.glg .pitem-header-section-v2--freegift li .freegift__name { color: #fff; }

.glg .pitem-header-section-v2--newmem .newmem-price { color: #fff; }

.glg .pitem-header-section-v2--newmem .newmem-price .unit { font-size: 14px; }

.glg .pitem-header-section-v2__dt { color: #fff; }

.glg .pitem-header-section-v2__ddd { color: #fff; }

.glg .pitem-header-section-v2__ddd .price .is-bold { color: #fff; }

.glg .pitem-header-section-v2 .button-couponget-down-v2 { background-color: #fff; color: #333; }

.glg .pitem-header-section-v2 .is-link { color: #aaa; }

.glg .pitem-header-btns-v2__icon .button-icon-only { background-color: #111; border-color: #9a9a9a; }

.glg .pitem-header-btns-v2__icon .button-icon-only i { color: #ccc; }

.glg .pitem-header-btns-v2__icon .button-icon-only:hover, .glg .pitem-header-btns-v2__icon .button-icon-only:focus { border-color: #fff; }

.glg .pitem-header-btns-v2__icon .button-icon-only:hover i, .glg .pitem-header-btns-v2__icon .button-icon-only:focus i { color: #fff; }

.glg .pitem-header-btns-v2__full .button.is-primary { background-color: #f2f2f2; color: #333; }

.glg .pitem-header-btns-v2__full .button.is-primary:hover { background-color: #fff; }

.gong .pitem-header-info-v2 .button.button-icon-only { color: #fff; }

.gong .pitem-header-info-v2__title .row { display: flex; align-items: center; height: 50px; }

.gong .pitem-header-info-v2__title .title-v2 { color: #fff; }

.gong .pitem-header-review-v2 .star-grade { color: #fff; }

.gong .pitem-header-review-v2 .total-review { color: #ccc; border-color: #ccc; }

.gong .pitem-header-section-v2 { border-color: #434343; color: #ccc; }

.gong .pitem-header-section-v2__price { color: #fff; }

.gong .pitem-header-section-v2--freegift li .freegift__name { color: #fff; }

.gong .pitem-header-section-v2--newmem .newmem-price { color: #fff; }

.gong .pitem-header-section-v2--newmem .newmem-price .unit { font-size: 14px; }

.gong .pitem-header-section-v2__dt { color: #fff; }

.gong .pitem-header-section-v2__ddd { color: #fff; }

.gong .pitem-header-section-v2__ddd .price .is-bold { color: #fff; }

.gong .pitem-header-section-v2 .button-couponget-down-v2 { background-color: #fff; color: #333; }

.gong .pitem-header-section-v2 .is-link { color: #aaa; }

.gong .pitem-header-btns-v2__icon .button-icon-only { background-color: #202020; border-color: #9a9a9a; }

.gong .pitem-header-btns-v2__icon .button-icon-only i { color: #ccc; }

.gong .pitem-header-btns-v2__icon .button-icon-only:hover, .gong .pitem-header-btns-v2__icon .button-icon-only:focus { border-color: #fff; }

.gong .pitem-header-btns-v2__icon .button-icon-only:hover i, .gong .pitem-header-btns-v2__icon .button-icon-only:focus i { color: #fff; }

.gong .pitem-header-btns-v2__full .button.is-primary { background-color: #f2f2f2; color: #333; }

.gong .pitem-header-btns-v2__full .button.is-primary:hover { background-color: #fff; }

.custom3d-btn { margin: 0 0 20px; height: 75px; color: #fff; font-size: 14px; background-color: #437bfa; border-radius: 8px; text-align: center; }

.custom3d-btn-desc { width: 100%; line-height: 1.8; }

.custom3d-btn strong { margin-right: 15px; font-size: 20px; }

.custom3d-btn i { padding: 10px; line-height: 1.2; }

.custom3d-btn:hover { color: #fff; border-color: transparent; }

.modal-custom3d { max-width: 1920px; margin: 0 auto; padding: 0; justify-content: flex-start; }

.modal-custom3d .modal-background { background-color: #fff; }

.modal-custom3d .modal-content { width: 100%; height: 100%; max-height: 100vh; background-color: #f5f5f5; }

.modal-custom3d .modal-close { background-color: #f5f5f5; position: absolute; top: 30px; right: 30px; }

.modal-custom3d .modal-close::before, .modal-custom3d .modal-close::after { background-color: #777; }

.modal-custom3d .modal-close::before { height: 1.5px; }

.modal-custom3d .modal-close::after { width: 1.5px; }

.modal-custom3d .custom3d-tutorial { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background: rgba(0, 0, 0, 0.85) url(https://static.hyundailivart.co.kr/assets/images/common/custom-tutorial.png) no-repeat center; background-size: cover; background-position: center; display: flex; align-items: center; justify-content: center; cursor: pointer; }

.modal-custom3d .custom3d-section { display: flex; }

.modal-custom3d .custom3d-section-left { width: calc(100% - 650px); height: 100%; overflow: hidden; position: relative; }

.modal-custom3d .custom3d-section-left__control { position: absolute; bottom: 40px; display: flex; align-items: center; justify-content: center; gap: 15px; width: 100%; }

.modal-custom3d .custom3d-section-left__control .control-wrap { display: flex; align-items: center; height: 52px; background: #fff; border-radius: 100px; padding: 12px 20px; box-shadow: 0px 3px 9.4px 0px #0000000d; }

.modal-custom3d .custom3d-section-left__control .control-wrap .control-title { color: #111; font-weight: 600; margin-right: 10px; min-width: 56px; }

.modal-custom3d .custom3d-section-left__control .control-wrap.control-camera { border-radius: 20px; cursor: pointer; }

.modal-custom3d .custom3d-section-left .buy-more-pop { display: none; position: absolute; top: 0; left: 0; width: 100%; padding: 1rem 15px; background-color: #437bfa; text-align: center; color: #fff; font-size: 14px; font-weight: 600; text-align: center; line-height: 1.5; z-index: 2; }

.modal-custom3d .custom3d-section-left__cancel { position: absolute; top: 40px; left: 50px; display: flex; align-items: center; gap: 4px; z-index: 2; }

.modal-custom3d .custom3d-section-left__cancel .cancel-btn { background: #ddd; border: 1px solid #eee; border-radius: 4px; padding: 8px 12px; cursor: auto; }

.modal-custom3d .custom3d-section-left__cancel .cancel-btn .svg { fill: #fff; width: 22px; height: 18px; }

.modal-custom3d .custom3d-section-left__cancel .cancel-btn.is-active { background: #fff; cursor: pointer; }

.modal-custom3d .custom3d-section-left__cancel .cancel-btn.is-active .svg { fill: #000; }

.modal-custom3d .custom3d-section-right { width: 650px; flex-shrink: 0; display: flex; flex-direction: column; background-color: #fff; }

.modal-custom3d .custom3d-section-right .scrollable { flex: 1; overflow-y: auto; box-sizing: border-box; }

.modal-custom3d .control-range { justify-content: center; }

.modal-custom3d .control-range .range-container { position: relative; width: 150px; margin: 0 10px; }

.modal-custom3d .control-range input[type='range'] { -webkit-appearance: none; height: 10px; box-sizing: border-box; width: 100%; background: 0; cursor: pointer; }

.modal-custom3d .control-range .range-slider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; background-color: #fff; width: 10px; height: 20px; border-radius: 2px; box-sizing: border-box; border: 1px solid #777; }

.modal-custom3d .control-range .range-slider::-moz-range-thumb { background-color: #fff; width: 10px; height: 20px; border-radius: 2px; box-sizing: border-box; border: 1px solid #777; }

.modal-custom3d .control-range .range-track { width: 100%; height: 7px; background: #ccc; position: absolute; pointer-events: none; top: -3px; left: 0; border-radius: 2px; }

.modal-custom3d .control-range .track-highlight { background: #437bfa; }

.modal-custom3d .control-range #range-slider { z-index: 500; position: absolute; left: 0; top: -5px; }

.modal-custom3d .control-range .range-btn i { font-size: 12px; font-weight: 600; color: #333; }

.modal-custom3d .control-size .onoff-switch .onoff-switch-inner:before { content: ''; background-color: #437bfa; }

.modal-custom3d .control-size .onoff-switch .onoff-switch-inner::after { content: ''; background-color: #e0e0e0; }

.modal-custom3d .control-size .onoff-switch .onoff-switch-switch { top: 5px; right: 32px; width: 18px; height: 18px; border: none; box-shadow: none; }

.modal-custom3d .control-size .onoff-switch-container input[type='checkbox'] { left: 13px; }

.modal-custom3d .control-size .onoff-switch-container input[type='checkbox']:checked ~ .onoff-switch .onoff-switch-label .onoff-switch-switch { right: 5px; box-shadow: none; }

.modal-custom3d .control-bg i { font-size: 20px; color: #999; }

.modal-custom3d .control-camera { position: relative; }

.modal-custom3d .control-camera .svg { display: block; }

.modal-custom3d .control-camera .svg.i-control { width: 20px; height: 14px; }

.modal-custom3d .control-camera .svg.i-reset { width: 14px; height: 14px; }

.modal-custom3d .control-camera .svg.i-camera { width: 18px; height: 15px; }

.modal-custom3d .control-camera-box { display: none; position: absolute; top: -100px; left: 0; padding: 10px 20px; width: 164px; border-radius: 10px; background-color: #fff; }

.modal-custom3d .control-camera-box button { display: flex; align-items: center; gap: 10px; padding: 5px 8px; width: 100%; font-size: 14px; border-radius: 5px; }

.modal-custom3d .control-camera-box button:hover { background: #eee; }

.modal-custom3d .choose-option-wrap { position: absolute; top: 134px; right: 4px; background-color: #fff; border-radius: 4px; }

.modal-custom3d .choose-option-show { position: relative; padding: 16px; }

.modal-custom3d .choose-option-show i { display: block; }

.modal-custom3d .choose-option-show .num { position: absolute; top: 9px; right: 8px; display: flex; justify-content: center; align-items: center; width: 16px; height: 16px; background-color: #ff424c; border-radius: 50%; font-size: 8px; color: #fff; }

.modal-custom3d .choose-option-hide { padding: 0px 0px 13px; width: 100%; display: flex; align-items: center; justify-content: space-between; color: #111; font-size: 14px; font-weight: 600; }

.modal-custom3d .choose-option-lists { display: none; width: 210px; padding: 17px; }

.modal-custom3d .choose-option-lists ul { padding-top: 10px; border-top: 1px solid #eee; }

.modal-custom3d .choose-option-lists ul li strong { color: #111; }

.modal-custom3d .choose-option-lists ul li + li { padding-top: 7px; }

.modal-custom3d .custom3d-header { padding: 30px 40px; border-bottom: 1px solid #eee; position: relative; }

.modal-custom3d .custom3d-header .item-name { width: calc(100% - 40px); font-size: 24px; color: #000; font-weight: 600; }

.modal-custom3d .custom3d-body { padding: 20px 50px; }

.modal-custom3d .custom3d-body .option-list { padding: 20px 25px; border: 1px solid #eee; border-radius: 14px; box-shadow: 0px 4px 13.4px 0px #0000001f; }

.modal-custom3d .custom3d-body .option-list-top { display: flex; align-items: center; justify-content: space-between; }

.modal-custom3d .custom3d-body .option-list-top button { transition: transform 0.3s ease; transform: rotate(90deg); color: #777; }

.modal-custom3d .custom3d-body .option-list-top button i { font-size: 14px; font-weight: 600; }

.modal-custom3d .custom3d-body .option-list-top button.is-active { transform: rotate(180deg); }

.modal-custom3d .custom3d-body .option-list-btm { padding-top: 10px; }

.modal-custom3d .custom3d-body .option-list + .option-list { margin-top: 16px; }

.modal-custom3d .custom3d-body .option-list__title { font-size: 20px; font-weight: 600; color: #111; }

.modal-custom3d .custom3d-body .option-list__name { margin-bottom: 10px; font-size: 16px; color: #111; }

.modal-custom3d .custom3d-body .option-list__img { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; }

.modal-custom3d .custom3d-body .option-list__img li { cursor: pointer; }

.modal-custom3d .custom3d-body .option-list__img li .img-thumb { position: relative; padding: 2px; width: 74px; height: 74px; border: 1.5px solid transparent; border-radius: 6px; }

.modal-custom3d .custom3d-body .option-list__img li .img-thumb img { display: block; border: 1px solid #eee; border-radius: 6px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; background-color: #f5f5f5; }

.modal-custom3d .custom3d-body .option-list__img li:hover .img-thumb { border-color: #111; }

.modal-custom3d .custom3d-body .option-list__img li.is-active .img-thumb { border-color: #111; }

.modal-custom3d .custom3d-body .option-list__img li.is-disabled { cursor: default; }

.modal-custom3d .custom3d-body .option-list__img li.is-disabled .img-thumb { border-color: transparent; opacity: 0.1; }

.modal-custom3d .custom3d-body .option-list__img li.is-disabled2 { cursor: default; }

.modal-custom3d .custom3d-body .option-list__img li.is-disabled2 .img-thumb { border-color: transparent; }

.modal-custom3d .custom3d-body .option-list__img li.is-disabled2 .img-thumb::before { display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; width: calc(100% - 4px); height: calc(100% - 4px); content: '선택불가'; color: #fff; font-size: 13px; font-weight: 600; background-color: #c2c2c2e6; border-radius: 6px; }

.modal-custom3d .custom3d-body .option-list__sub--group { margin-bottom: 14px; }

.modal-custom3d .custom3d-body .option-list__sub--title { font-size: 14px; color: #777; }

.modal-custom3d .custom3d-body .option-list.buy-more .option-list__title { display: flex; align-items: center; }

.modal-custom3d .custom3d-body .option-list.buy-more .option-list__title .buy-more__flag { margin-left: 10px; padding: 4px 6px; font-size: 11px; color: #437bfa; border: 1.5px solid #437bfa; border-radius: 4px; line-height: 1; }

.modal-custom3d .custom3d-body .option-list.buy-more .pitem-option-selected { min-height: auto; background-color: #fff; }

.modal-custom3d .custom3d-body .option-list.buy-more .pitem-option-selected__thumb { width: auto; margin-right: 15px; }

.modal-custom3d .custom3d-body .option-list.buy-more .pitem-option-selected__thumb span { width: 70px; height: 70px; background-color: #f5f5f5; border: 1px solid #eee; }

.modal-custom3d .custom3d-body .option-list.buy-more .pitem-option-selected__header { display: flex; align-items: center; justify-content: space-between; min-height: auto; margin-bottom: 0; }

.modal-custom3d .custom3d-body .option-list.buy-more .pitem-option-selected__header--itemWrap { width: 210px; flex-shrink: 0; min-height: auto; }

.modal-custom3d .custom3d-body .option-list.buy-more .pitem-option-selected__header--itemWrap .pitem-option-selected-item { display: -webkit-box; overflow: hidden; word-break: break-all; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.modal-custom3d .custom3d-body .option-list.buy-more .pitem-option-selected__header--itemWrap .pitem-option-selected-item__sub { margin-bottom: 0; }

.modal-custom3d .custom3d-body .option-list.buy-more .pitem-option-selected__footer { position: relative; }

.modal-custom3d .custom3d-body .option-list.buy-more .pitem-option-selected__footer .footer-tooltip { position: absolute; top: -75px; left: -25px; padding: 10px 15px; width: 140px; background-color: #437bfa; text-align: left; color: #fff; font-size: 13px; text-align: center; border-radius: 4px; line-height: 1.5; z-index: 10; }

.modal-custom3d .custom3d-body .option-list.buy-more .pitem-option-selected__footer .footer-tooltip::before { position: absolute; bottom: -5px; left: 66px; width: 12px; height: 12px; transform: rotate(55deg) skew(17deg); content: ''; background-color: #437bfa; border-left: none; border-top: none; }

.modal-custom3d .custom3d-body .option-list.buy-more .pitem-option-selected__del { position: relative; top: 0; right: 0; padding: 7px; background: #f5f5f5; border-radius: 100%; }

.modal-custom3d .custom3d-body .option-list.buy-more .pitem-option-selected__del i { display: block; font-size: 14px; }

.modal-custom3d .custom3d-body .option-list.buy-more .option-list__img { grid-template-columns: repeat(3, 1fr); padding-top: 10px; }

.modal-custom3d .custom3d-body .option-list.buy-more .option-list__img .img-thumb { width: 152px; height: 152px; }

.modal-custom3d .custom3d-body .option-list.buy-more .option-list__img .buy-more-content { padding: 10px 10px; font-size: 15px; color: #777; }

.modal-custom3d .custom3d-body .option-list.buy-more .option-list__img .buy-more-content .buy-more__brand { font-size: 13px; }

.modal-custom3d .custom3d-body .option-list.buy-more .option-list__img .buy-more-content .buy-more__name { color: #111; line-height: 1.2; display: -webkit-box; overflow: hidden; word-break: break-all; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.modal-custom3d .custom3d-body .option-list.buy-more .option-list__img .buy-more-content .buy-more__price { margin-top: 5px; }

.modal-custom3d .custom3d-body .option-list.buy-more .option-list__img .buy-more-content .buy-more__price .unit { font-size: 12px; }

.modal-custom3d .custom3d-body .option-list.buy-more .buy-more-depth2 { display: none; }

.modal-custom3d .custom3d-body .option-list.buy-more .buy-more-depth2 .depth-back { color: #111; font-size: 15px; font-weight: 600; }

.modal-custom3d .custom3d-body .option-list.buy-more .buy-more-depth2 .depth-back .img-thumb { display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #f5f5f5; }

.modal-custom3d .custom3d-body .option-list.buy-more .buy-more-depth2 .depth-back .back-icon { margin-top: 6px; background-color: #fff; border-radius: 100%; padding: 10px; box-shadow: 0px 3px 5.9px 0px #0000001a; }

.modal-custom3d .custom3d-body .option-list.buy-more .buy-more-depth2 .depth-back .back-icon i { display: block; font-weight: 600; }

.modal-custom3d .custom3d-footer { display: flex; justify-content: space-between; padding: 30px 50px; border-top: 1px solid #eee; }

.modal-custom3d .custom3d-footer .item-price { position: relative; min-width: 190px; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; font-size: 14px; color: #777; line-height: 1; }

.modal-custom3d .custom3d-footer .item-price .price-wrap { display: flex; align-items: center; margin-top: 10px; }

.modal-custom3d .custom3d-footer .item-price .price { font-size: 22px; color: #000; font-weight: 600; }

.modal-custom3d .custom3d-footer .item-price .unit { font-size: 14px; margin-left: 3px; }

.modal-custom3d .custom3d-footer .item-price .tooltip-wrap { position: relative; }

.modal-custom3d .custom3d-footer .item-price .tooltip-wrap i { padding: 5px 5px 0; font-size: 18px; }

.modal-custom3d .custom3d-footer .item-price .tooltip-wrap i:hover { cursor: pointer; }

.modal-custom3d .custom3d-footer .item-price .tooltip-wrap i:hover + .item-price__tooltip { display: block; }

.modal-custom3d .custom3d-footer .item-price .tooltip-wrap .item-price__tooltip { display: none; position: absolute; top: -75px; left: -56px; padding: 10px 15px; width: 230px; background-color: #404040; text-align: left; color: #fff; font-size: 13px; border-radius: 4px; line-height: 1.5; z-index: 10; }

.modal-custom3d .custom3d-footer .item-price .tooltip-wrap .item-price__tooltip::before { position: absolute; bottom: -5px; left: 63px; width: 12px; height: 12px; transform: rotate(55deg) skew(17deg); content: ''; background-color: #404040; border-left: none; border-top: none; }

.modal-custom3d .custom3d-footer .buttons { width: 100%; }

.modal-custom3d .custom3d-footer .buttons .button { height: 64px; font-size: 18px; font-weight: 600; border-radius: 4px; }

.modal-custom3d .custom3d-footer .buttons .button.is-active { width: 35%; margin-right: 15px; }

.modal-custom3d .custom3d-footer .buttons .button.is-active i { margin-right: 10px; }

.modal-custom3d .custom3d-footer .buttons .button.is-primary { flex: 1; }

.alert-custom3d .modal-close-this { position: relative; background-color: #f5f5f5; top: 0; right: 0; }

.alert-custom3d .modal-close-this::before, .alert-custom3d .modal-close-this::after { background-color: #777; }

.alert-custom3d .modal-card { max-width: 480px; box-shadow: 0px 4px 13.4px 0px #0000001f; }

.alert-custom3d .txt-top { font-size: 18px; }

#modal-bg.modal { justify-content: end; padding: 10px 10px 170px; }

#modal-bg .modal-close-this { position: relative; background-color: #f5f5f5; top: 0; right: 0; }

#modal-bg .modal-close-this::before, #modal-bg .modal-close-this::after { background-color: #777; }

#modal-bg .modal-background-this { background-color: transparent; }

#modal-bg .modal-card { width: 560px; border-radius: 10px; box-shadow: 0px 4px 14px 0px #0000001f; }

#modal-bg .tabs.tabs-pill ul { flex-grow: 0; }

#modal-bg .tabs.tabs-pill ul li button { padding: 8px 25px; background-color: #eee; border-radius: 50px; font-weight: 600; font-size: 14px; color: #999; height: 40px; border: none; }

#modal-bg .tabs.tabs-pill ul li.is-active button { background-color: #111 !important; color: #fff !important; }

#modal-bg .customBg-list { display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px; }

#modal-bg .customBg-list li { cursor: pointer; }

#modal-bg .customBg-list li .img-thumb { padding: 2px; width: 74px; height: 74px; border: 1.5px solid transparent; border-radius: 6px; }

#modal-bg .customBg-list li .img-thumb img { display: block; border: 1px solid #eee; border-radius: 6px; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; background-color: #f5f5f5; }

#modal-bg .customBg-list li:hover .img-thumb { border-color: #111; }

#modal-bg .customBg-list li.is-active .img-thumb { border-color: #111; }

#modal-bg .customBg-swiper { width: 100%; }

#modal-bg .customBg-swiper .swiper-slide { display: flex; flex-direction: column; justify-content: center; cursor: pointer; }

#modal-bg .customBg-swiper .swiper-slide .img-thumb { position: relative; border: 2px solid transparent; }

#modal-bg .customBg-swiper .swiper-slide .img-thumb img { display: block; }

#modal-bg .customBg-swiper .swiper-slide .txt-thumb { margin-top: 14px; font-size: 14px; color: #111; font-weight: 600; text-align: center; }

#modal-bg .customBg-swiper .swiper-slide.is-active .img-thumb { border-color: #437bfa; }

#modal-bg .customBg-swiper .swiper-slide.is-active .img-thumb::before { content: ''; position: absolute; z-index: 2; width: 100%; height: 100%; background: #437bfa33; }

#modal-bg .customBg-swiper .navigation-box { display: none; }

#modal-bg .customBg-swiper .navigation-box .swiper-button-prev, #modal-bg .customBg-swiper .navigation-box .swiper-button-next { width: 40px; height: 40px; color: #111; background: linear-gradient(0deg, #fff 0%, #fff 100%); border: 1px solid #ddd; border-radius: 50%; font-size: 14px; font-weight: 600; }

#modal-bg .customBg-swiper .navigation-box .swiper-button-prev { left: 0; }

#modal-bg .customBg-swiper .navigation-box .swiper-button-next { right: 0; }

.in-modal .modal-close-this { position: relative; background-color: #f5f5f5; top: 0; right: 0; }

.in-modal .modal-close-this::before, .in-modal .modal-close-this::after { background-color: #777; }

.in-modal .modal-card-head { border: none; padding-bottom: 10px; }

.in-modal .modal-card-head .modal-card-title { font-size: 22px; font-weight: 600; }

#modal-custom-selected .modal-card { padding: 0; }

#modal-custom-selected .modal-card-head { padding: 20px 24px 10px; }

#modal-custom-selected .custom-selected-wrap { padding: 0 24px; }

#modal-custom-selected .custom-selected-item { width: 100%; padding-bottom: 30px; }

#modal-custom-selected .custom-selected-price { display: flex; align-items: baseline; justify-content: right; padding: 14px 0 40px; gap: 4px; border-top: 1px solid #eee; }

#modal-custom-selected .custom-selected-price strong { color: #111; font-size: 28px; }

#modal-custom-selected .custom-selected-price .unit { font-size: 16px; color: #111; }

#modal-custom-selected .modal-card-foot button { height: 64px; border-radius: 4px; font-size: 18px; font-weight: 600; }

#modal-custom-selected .modal-card-foot .cart-btn { width: 194px; }

#modal-custom-selected .modal-card-foot .cart-btn i { margin-right: 10px; }

#modal-custom-selected .modal-card-foot .order-btn { width: 330px; }

.left-menu { width: 220px; }

.left-menu-section { margin-bottom: 26px; border-bottom: 1px solid #333; }

.left-menu-section a[data-action='collapse'] { display: block; }

.left-menu-section a[data-action='collapse'] i { display: block; margin-top: 5px; background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -491px -510px; width: 14px; height: 14px; }

.left-menu-section a[data-action='collapse']::after { content: '메뉴 펼치기'; position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); }

.left-menu-section a[data-action='collapse'].is-active i { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -467px -510px; }

.left-menu-section a[data-action='collapse'].is-active::after { content: '메뉴 접기'; position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); }

.left-menu-section .panel-heading { display: flex; justify-content: space-between; width: 100%; margin-bottom: 22px; font-size: 18px; font-weight: 600; color: #333; }

.left-menu-section .is-collapsible { padding-bottom: 28px; }

.left-menu-section .lnb-brand-button { width: 100%; height: 40px; border: 1px solid #ddd; font-size: 14px; font-weight: 400; color: #777; }

.lnb-list-item { border-bottom: 1px solid #ddd; }

.lnb-list-item__head { display: flex; position: relative; width: 100%; height: 40px; padding: 0 30px 0 0; color: #333; align-items: center; }

.lnb-list-item__head a { color: #333; font-size: 14px; }

.lnb-list-item__btn { position: absolute; top: 0; right: 0; width: 30px; height: 40px; padding: 0; text-align: right; outline: none; }

.lnb-list-item__btn.is-active i { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }

.lnb-list-item__btn i { display: inline-flex; justify-content: flex-end; width: 13px; height: 16px; margin-top: 3px; margin-left: auto; vertical-align: middle; transform: rotate(0); transform-origin: 50% 40%; transition: all 0.2s; }

.lnb-list-item:last-child { border-bottom: none; }

.lnb-list-item__content { margin-bottom: -1px; padding: 18px 14px 16px; background-color: #f9f9f9; }

.lnb-list-item__content li { padding-bottom: 12px; }

.lnb-list-item__content li a { display: inline-block; height: 18px; color: #999; transition: all 0.5s; }

.lnb-list-item__content li a.is-active, .lnb-list-item__content li a:hover, .lnb-list-item__content li a:focus { border-bottom: 1px solid #333; color: #333; }

.lnb-list-item__content li:last-child { padding-bottom: 0; }

.lnb-brand .lnb-brand-search { display: flex; justify-content: space-between; border-bottom: 1px solid #ddd; }

.lnb-brand .lnb-brand-search-input { width: 90%; height: 54px; border: none; font-size: 14px; }

.lnb-brand .lnb-brand-search .ico-search { padding-right: 0; line-height: 0; }

.lnb-brand .lnb-brand-search .ico-search:before { font-size: 22px; font-weight: 600; }

.lnb-brand-checkbox-list.maxheight .scrollbar-container { max-height: 131px; overflow-y: auto; }

.lnb-brand-checkbox-list .checkbox { width: 100%; margin: 2px 0 18px 0; padding-left: 2px; }

.lnb-brand-checkbox-list .checkbox input[type='checkbox'] + label { float: initial; }

.lnb-brand-checkbox-list .checkbox:last-child { margin-bottom: 0; }

.left-menu-section .scroll-wrapper { margin: 0; padding: 0; }

.lnb-price .ui-widget.ui-widget-content { border: none; width: calc(100% - 1.5rem); height: 15px; margin: 0; position: relative; }

.lnb-price .ui-slider { margin: 0; padding-top: 7px; }

.lnb-price .ui-slider::before { content: ''; display: block; height: 2px; margin-left: -15px; margin-right: -30px; background-color: #ddd; }

.lnb-price .ui-slider .ui-slider-range { height: 2px; margin-top: 7px; background: #333 !important; }

.lnb-price .ui-slider .ui-state-default { width: 15px; height: 15px; margin-top: 5px; margin-left: 0; margin-right: 0; border-radius: 15px; border: none; background: #333 !important; cursor: pointer; }

.lnb-price .ui-slider .ui-state-default:focus, .lnb-price .ui-slider .ui-state-default:active { outline: none; }

.lnb-price .ui-slider .ui-state-hover { background: #000 !important; }

.lnb-price .ui-slider .ui-state-active { box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }

.lnb-price-range { display: flex; height: auto; font-size: 0; line-height: 1; color: #333; text-align: center; border: none; }

.lnb-price-range span { display: inline-flex; flex-grow: 0; width: 20px; text-align: center; font-size: 16px; align-items: center; justify-content: center; }

.lnb-price-range input { display: block; flex-grow: 1; width: 100px; padding: 14px 8px; text-align: right; font-weight: 400; font-size: 16px; border: 1px solid #ddd; }

.left-menu-section:last-child { border-bottom: none; }

.search-result-top { margin: 38px 0 0px; padding-bottom: 40px; }

.search-result-top + .search-result-block { border-top: none; }

.search-result-top-title { font-size: 30px; text-align: center; color: #333; word-break: break-all; }

.search-result-top-count { text-align: right; font-size: 16px; }

.search-result-top .section-contents-tab-wrap { margin-top: 60px; }

.search-result-top .section-contents-tab-wrap .item-list.is-active { z-index: 1; border-color: #202020; background-color: #202020; color: #fff; }

.search-result-top .section-contents-tab-wrap .item-list.is-active .link { color: #fff; }

.search-result-box { padding: 20px 0; }

.search-result-box .search-result-resarch { display: flex; justify-content: space-between; }

.search-result-box .search-result-resarch select { min-width: 180px; border-color: #ccc; }

.search-result-box .search-result-resarch input[type='text'] { min-width: 300px; border-color: #ccc; box-shadow: none; }

.search-result-box .search-result-resarch-button { margin-left: -8px; }

.search-result-box .search-result-resarch .dropdown-trigger button { padding-left: 1.1em; border-color: #ccc; }

.search-result-box .search-result-resarch .dropdown-trigger button span:first-child { min-width: 110px; text-align: left; }

.search-result-none { width: 100%; margin: 55px 0 35px; text-align: center; }

.search-result-none-title { margin-bottom: 12px; font-size: 20px; color: #333; font-weight: 600; }

.search-result-none-info { font-size: 16px; color: #999; }

.search-result-block { display: flex; min-height: 150px; margin-bottom: 60px; padding: 16px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }

.search-result-block.bt0 { border-top: none; }

.search-result-block .search-result-title { width: 118px; padding-top: 10px; font-size: 20px; color: #333; }

.search-result-relate { display: flex; width: 950px; padding: 0 30px; }

.search-result-relate-list { padding: 4px 0; width: 768px; }

.search-result-relate-list ul { display: flex; flex-wrap: wrap; }

.search-result-relate-list ul li { margin: 0 7px 15px; }

.search-result-relate-list ul li a { display: inline-block; height: 40px; line-height: 3.95rem; padding: 0 28px; background-color: #eeeeee; font-size: 16px; color: #333; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }

.search-result-guide ul { width: 950px; padding: 9px 0 6px 30px; }

.search-result-guide ul li { display: block; padding-bottom: 6px; color: #999; }

.search-result-guide ul li::before { display: inline-block; padding-right: 6px; content: '·'; font-weight: 600; }

.search-result-guide ul li:last-child { padding-bottom: 0; }

.search-result-ranking { position: relative; display: flex; justify-content: space-between; width: 416px; margin: -5px 0; padding-left: 30px; background: url(../images/common/search_dot_line.png) repeat-y left 0; }

.search-result-ranking-list { position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; width: 270px; height: 128px; padding: 13px 22px 11px; border: 1px solid transparent; }

.search-result-ranking-list li { margin-bottom: 14px; list-style-type: none; }

.search-result-ranking-list li a { display: flex; justify-content: space-between; width: 100%; height: 24px; padding: 5px 0; color: #999; }

.search-result-ranking-tit { vertical-align: top; font-size: 0; line-height: 0; display: flex; width: calc(100% - 30px); }

.search-result-ranking-tit-order { display: inline-block; width: 18px; height: 14px; margin-right: 11px; background-color: #999; font-size: 11px; line-height: 1.5rem; color: #fff; text-align: center; font-style: normal; }

.search-result-ranking-tit-order-top { background-color: #ed2650; }

.search-result-ranking-tit-name { display: block; margin-top: 0; vertical-align: top; font-size: 14px; font-weight: 400; width: 100%; height: 15px; line-height: 15px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.search-result-ranking-tit:hover, .search-result-ranking-tit:focus { color: #333; }

.search-result-ranking-change { display: inline-block; margin-top: -4px; vertical-align: top; }

.search-result-ranking-change em { display: inline-block; margin-right: -10px; font-style: normal; color: #ed2650; }

.search-result-ranking-list li:last-child { margin-bottom: 0; }

.search-result-ranking-list.is-active { border: 1px solid #777; height: auto; background-color: #fff; }

.search-result-product { display: flex; justify-content: space-between; margin: -10px 0 15px; }

.search-result-product + .search-result-tabs { margin-top: 100px; }

.search-result-tabs { margin-top: 100px; }

.search-result-tabs .tabs { margin-bottom: 0; }

.search-result-tabs .tabs > ul .tab { height: 50px; }

.search-result-tabs .tabs > ul .tab span { font-size: 16px; }

.search-result-tabs .tabs .tab { height: 60px; font-size: 18px; }

.search-result-tabs-content { width: 1086px; }

.search-result-tabs-content.is-fullwidth { width: 100%; }

.search-result-tabs-content .section-category-item-search { margin-bottom: 30px; }

.search-result-tabs-content .border-none { padding-bottom: 0; border-bottom: none; }

.search-result-tabs-content .section-category-item__relation { background-color: #eee; border-bottom: none; }

.search-result-tabs-content .section-category-item__relation ul { max-width: 1260px; }

.search-result-tabs-content .section-category-item__relation ul li { border-radius: 4px; color: #202020; margin: 5px 8px 5px 0; padding: 6px 10px 6px 14px; }

.search-result-tabs-content .section-category-item__relation ul li .btn-del { padding: 1px 0 3px 10px; }

.search-result-choice { display: flex; justify-content: space-between; margin: 3px 0 30px 0; }

.search-result-choice .checkbox { margin-right: 20px; }

.search-result-choice .checkbox input[type='checkbox'] + label { font-size: 16px; line-height: 1.1; }

.search-result-choice-text { margin-top: -3px; font-size: 16px; }

.search-result-tabs-product { margin-bottom: 80px; }

.search-result-tabs-product-list { display: flex; flex-wrap: wrap; justify-content: flex-start; margin: -60px -14px 0; }

.search-result-tabs-product-list .product-item--small { margin: 60px 14px 0; }

.search-result-tabs-product-list .product-item--small > .product-item { margin: 0; }

.search-result-tabs-product .section-contents-item__search--not { margin: 0; }

.search-result-filter-content { display: flex; display: -webkit-flex; flex-flow: row wrap; gap: 12px 6px; }

.search-result-filter-wrap .prdFilterWrap { position: relative; display: inline-block; z-index: 5; }

.search-result-filter-wrap .prdFilterWrap.is-active .prdFilterBtn { color: #333; border-color: #333; }

.search-result-filter-wrap .prdFilterWrap.is-active .prdFilterBtn::before { transform: rotate(-180deg); }

.search-result-filter-wrap .prdFilterWrap.checked .prdFilterBtn { background-color: #202020; color: #fff; border-color: #202020; }

.search-result-filter-wrap .prdFilterWrap.checked .prdFilterBtn::before { color: #fff; }

.search-result-filter-wrap .prdFilterWrap.checked .prdFilterBtn:hover, .search-result-filter-wrap .prdFilterWrap.checked .prdFilterBtn:active, .search-result-filter-wrap .prdFilterWrap.checked .prdFilterBtn:focus { color: #fff; border-color: #202020; }

.search-result-filter-wrap .prdFilterWrap::after { content: ''; display: block; clear: both; }

.search-result-filter-wrap .prdFilterWrap .prdFilterBtn { position: relative; background-color: #fff; display: block; width: auto; height: 40px; font-size: 16px; color: #202020; font-weight: 300; padding: 0 36px 0 20px; border: 1px solid #e3e5e4; border-radius: 20px; z-index: -30; }

.search-result-filter-wrap .prdFilterWrap .prdFilterBtn::before { content: ""; font-family: 'iconset'; position: absolute; font-size: 13px; color: #999; top: 35%; right: 14px; transition: all ease-in-out 0.25s; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; }

.search-result-filter-wrap .prdFilterWrap .prdFilterBtn:hover, .search-result-filter-wrap .prdFilterWrap .prdFilterBtn:active, .search-result-filter-wrap .prdFilterWrap .prdFilterBtn:focus { color: #333; border-color: #333; }

.search-result-filter-wrap .filterDropWrap { display: none; position: absolute; top: 100%; left: 0; margin-top: 10px; background-color: #fff; border: 1px solid #e3e5e4; border-radius: 5px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); white-space: nowrap; overflow: hidden; outline: rgba(0, 0, 0, 0); z-index: 30; }

.search-result-filter-wrap .filterDropWrap .filterDropWrapflex { padding: 20px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 30px; flex-flow: row wrap; justify-content: space-between; }

.search-result-filter-wrap .filterDropWrap .filterDropWrapflex .radio, .search-result-filter-wrap .filterDropWrap .filterDropWrapflex .checkbox { margin: 0; }

.search-result-filter-wrap .filterDropWrap .filterDropWrapflex .radio label, .search-result-filter-wrap .filterDropWrap .filterDropWrapflex .checkbox label { font-size: 14px; line-height: 1.4; }

.search-result-filter-wrap .filterDropWrap .filterDropWrapflex .radio + .radio, .search-result-filter-wrap .filterDropWrap .filterDropWrapflex .checkbox + .checkbox { margin-left: 0; }

.search-result-filter-wrap .filterDropWrap .lnb-price { padding: 20px; }

.search-result-filter-wrap .filterDropWrap .tabs { display: inline-block; vertical-align: top; overflow: hidden; font-size: 14px; font-weight: 400; margin-bottom: -1px; }

.search-result-filter-wrap .filterDropWrap .tabs .radio, .search-result-filter-wrap .filterDropWrap .tabs .checkbox { margin: 0; width: 100%; }

.search-result-filter-wrap .filterDropWrap .tabs .checkbox input[type='checkbox'] + label, .search-result-filter-wrap .filterDropWrap .tabs .radio input[type='radio'] + label { font-size: 14px; line-height: 1.3; color: #888; padding: 0; transition: all 0.5s; border-bottom: 1px solid transparent; }

.search-result-filter-wrap .filterDropWrap .tabs .checkbox input[type='checkbox'] + label::before, .search-result-filter-wrap .filterDropWrap .tabs .radio input[type='radio'] + label::before { content: ''; display: none; float: none; overflow: auto; }

.search-result-filter-wrap .filterDropWrap .tabs .checkbox input[type='checkbox'] + label:hover, .search-result-filter-wrap .filterDropWrap .tabs .radio input[type='radio'] + label:hover { color: #202020; }

.search-result-filter-wrap .filterDropWrap .tabs .checkbox input[type='checkbox']:checked + label, .search-result-filter-wrap .filterDropWrap .tabs .radio input[type='radio']:checked + label { color: #202020; border-bottom: 1px solid #202020; }

.is-hidden-control .search-result-filter-wrap .filterDropWrap .tabs .checkbox input[type='checkbox'] + label, .is-hidden-control .search-result-filter-wrap .filterDropWrap .tabs .radio input[type='radio'] + label { padding: 0; }

.is-hidden-control .search-result-filter-wrap .filterDropWrap .tabs .checkbox input[type='checkbox'] + label:before, .is-hidden-control .search-result-filter-wrap .filterDropWrap .tabs .radio input[type='radio'] + label:before { display: none; }

.is-hidden-control .search-result-filter-wrap .filterDropWrap .tabs .checkbox input[type='checkbox'] + label:after, .is-hidden-control .search-result-filter-wrap .filterDropWrap .tabs .radio input[type='radio'] + label:after { display: none; }

.search-result-filter-wrap .filterDropWrap .tabs-wrap { display: flex; flex-direction: row; padding: 10px 0; }

.search-result-filter-wrap .filterDropWrap .tabs--1dep ul { display: inline-block; width: 100%; }

.search-result-filter-wrap .filterDropWrap .tabs--1dep ul span { display: block; font-size: 14px; }

.search-result-filter-wrap .filterDropWrap .tabs--2dep { width: 190px; }

.search-result-filter-wrap .filterDropWrap .tabs--2dep-title { display: none; }

.search-result-filter-wrap .filterDropWrap .tabs--2dep a, .search-result-filter-wrap .filterDropWrap .tabs--2dep .tab { align-items: center; height: 40px; padding: 0 25px; }

.search-result-filter-wrap .filterDropWrap .tabs--2dep ul { display: inline-block; width: 100%; border-bottom: none; }

.search-result-filter-wrap .filterDropWrap .tabs--2dep ul li span { white-space: pre-wrap; font-size: 14px; color: #888; }

.search-result-filter-wrap .filterDropWrap .tabs--2dep ul li span:hover, .search-result-filter-wrap .filterDropWrap .tabs--2dep ul li span .is-active { font-weight: 400; color: #202020; }

.search-result-filter-wrap .filterDropWrap .tabs--2dep ul li.is-active { background-color: #f6f6f6; }

.search-result-filter-wrap .filterDropWrap .tabs--2dep ul li.is-active span { color: #202020; font-weight: 400; }

.search-result-filter-wrap .filterDropWrap .tabs--3dep { width: 190px; }

.search-result-filter-wrap .filterDropWrap .tabs--3dep a, .search-result-filter-wrap .filterDropWrap .tabs--3dep .tab { align-items: center; height: 40px; width: 100%; padding: 0 25px; border-bottom: none; }

.search-result-filter-wrap .filterDropWrap .tabs--3dep ul { display: inline-block; border-bottom: none; width: 100%; }

.search-result-filter-wrap .filterDropWrap .tabs--3dep ul li span { white-space: pre-wrap; font-size: 14px; color: #888; }

.search-result-filter-wrap .filterDropWrap .tabs--3dep ul li span:hover { color: #202020; font-weight: 400; }

.search-result-filter-wrap .filterDropWrap .tabs--3dep ul li.is-active { background-color: #f6f6f6; }

.search-result-filter-wrap .filterDropWrap .tabs--3dep ul li.is-active span { color: #202020; font-weight: 400; }

.search-result-filter-wrap .filterDropWrap .tabs--4dep { width: 190px; }

.search-result-filter-wrap .filterDropWrap .tabs--4dep a, .search-result-filter-wrap .filterDropWrap .tabs--4dep .tab { align-items: center; height: 40px; width: 100%; padding: 0 25px; border-bottom: none; }

.search-result-filter-wrap .filterDropWrap .tabs--4dep ul { display: inline-block; border-bottom: none; width: 100%; }

.search-result-filter-wrap .filterDropWrap .tabs--4dep ul li span { white-space: pre-wrap; font-size: 14px; color: #888; }

.search-result-filter-wrap .filterDropWrap .tabs--4dep ul li span:hover { color: #202020; font-weight: 400; }

.search-result-filter-wrap .filterDropWrap .tabs--4dep ul li.is-active { background-color: #f6f6f6; }

.search-result-filter-wrap .filterDropWrap .tabs--4dep ul li.is-active span { color: #202020; font-weight: 400; }

.search-result-filter-wrap .filterDropWrap .tabs a, .search-result-filter-wrap .filterDropWrap .tabs .tab { display: flex; justify-content: flex-start; line-height: 1.3; outline: none; }

.search-result-filter-wrap .filterDropWrap .tabs a span, .search-result-filter-wrap .filterDropWrap .tabs .tab span { border-bottom: 1px solid transparent; transition: 0.3s; }

.search-result-filter-wrap .filterDropWrap .tabs a.is-active span, .search-result-filter-wrap .filterDropWrap .tabs .tab.is-active span { border-bottom: 1px solid #202020; }

.search-result-filter-wrap .filterDropWrap .tabs li { position: relative; background-color: #fff; transition: background-color 0.5s ease-in-out; }

.search-result-filter-wrap .filterDropWrap .tabs li a::before { content: ''; position: absolute; top: 50%; right: 20px; width: 10px; height: 10px; margin-top: -5px; border-right: 2px solid #202020; border-top: 2px solid #202020; transform: rotate(45deg); opacity: 0; transition: opacity 0.3s ease-in-out; }

.search-result-filter-wrap .filterDropWrap .tabs li.is-active a::before { opacity: 1; }

.search-result-filter-wrap .filterDropWrap .tabs.is-toggle a, .search-result-filter-wrap .filterDropWrap .tabs.is-toggle .tab { position: relative; width: 100%; height: auto; margin-bottom: 0; color: #888; border: none; font-size: 14px; font-weight: 400; z-index: 0; }

.search-result-filter-wrap .filterDropWrap .tabs.is-toggle a:hover, .search-result-filter-wrap .filterDropWrap .tabs.is-toggle .tab:hover { background-color: #fff; z-index: 1; color: #333; }

.search-result-filter-wrap .filterDropWrap .tabs.is-toggle li a, .search-result-filter-wrap .filterDropWrap .tabs.is-toggle li .tab { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; width: 160px; height: 40px; padding: 0 25px; }

.search-result-filter-wrap .filterDropWrap .tabs.is-toggle li a span, .search-result-filter-wrap .filterDropWrap .tabs.is-toggle li .tab span { display: block; }

.search-result-filter-wrap .filterDropWrap .tabs.is-toggle li + li { margin-left: 0px; }

.search-result-filter-wrap .filterDropWrap .tabs.is-toggle li:first-child a, .search-result-filter-wrap .filterDropWrap .tabs.is-toggle li:first-child .tab { border-radius: 0px 0 0 0px; }

.search-result-filter-wrap .filterDropWrap .tabs.is-toggle li:last-child a, .search-result-filter-wrap .filterDropWrap .tabs.is-toggle li:last-child .tab { border-radius: 0 0px 0px 0; }

.search-result-filter-wrap .filterDropWrap .tabs.is-toggle li.is-active a, .search-result-filter-wrap .filterDropWrap .tabs.is-toggle li.is-active .tab { background-color: #f9f9f9; color: #333; z-index: 1; outline: none; }

.search-result-filter-wrap .filterDropWrap .tabpanel { position: relative; display: flex; border-left: 1px solid #e6e6e6; vertical-align: top; font-size: 0; }

.search-result-filter-wrap .filterDropWrap .tabpanel[aria-hidden='true'], .search-result-filter-wrap .filterDropWrap .tabpanel[hidden] { display: none; }

.search-result-promition { margin-bottom: 35px; margin-bottom: 70px; }

.search-result-promition-list { display: flex; flex-wrap: wrap; justify-content: flex-start; margin: -60px -14px 0; }

.search-result-promition-list .product-item--small { margin: 60px 14px 0; }

.search-result-promition-list .product-item--small > .product-item { margin: 0; }

.search-result-promition + .search-result-promition { margin-top: 100px; }

.search-result-promition .search-result-title { margin-bottom: 40px; color: #333; font-size: 30px; line-height: 1; }

.search-result-promition .section-category-control-wrap .swiper-button-prev { /* 통합검색에 왼쪽에 선안나옴 */ }

.search-result-promition .container--fixed { width: inherit; }

.search-result-promition .product-item-list.__layout--item3 { margin: -60px -29px 0; }

.search-result-promition .product-item-list.__layout--item3 > li { display: inline-block; vertical-align: top; margin: 60px 29px 0; }

.search-result-promition .product-item-list.__layout--item4 { margin: -60px -12.5px 0; }

.search-result-promition .product-item-list.__layout--item4 > li { display: inline-block; vertical-align: top; margin: 60px 12.5px 0; }

.search-result-promition .product-item-header__name--fixed { min-height: 34px; max-height: 48px; margin-bottom: 0px; }

.search-result-promition .product-item-header--date { font-size: 16px; color: #777; }

.search-result-promition .product-item-body .product-review-stats-area .fl { width: 165px; }

.search-result-promition .section-category-control-wrap { position: absolute; top: -5px; right: 0; width: 130px; }

#search-result-lstore { margin-top: 100px; }

.search-result .review-link-list { position: relative; display: flex; justify-content: space-between; height: 120px; }

.search-result .review-link-list li:first-child .review-link-text { display: block; display: -webkit-box; }

.search-result .review-link-list li a { display: inline-block; width: 70px; height: 70px; box-sizing: border-box; background-color: #f7f7f7; text-align: center; border: 1px solid transparent; }

.search-result .review-link-list li a img { display: inline-block; vertical-align: middle; }

.search-result .review-link-list li a:hover, .search-result .review-link-list li a:focus { border: 1px solid #333333; }

.search-result .review-link-list li a.is-active { border: 1px solid #333333; }

.search-result .review-link-list li a.is-active .review-link-text { display: -webkit-box !important; }

.search-result .review-link-text { position: absolute; top: 79px; left: 0; overflow: hidden; display: none; height: 42px; color: #777; text-align: left; }

#search-result-openhouse a { color: #777; }

#search-result-openhouse a .product-item-header span { display: block; }

#search-result-openhouse a .product-item-header span.product-item-header__name { display: -webkit-box; margin-bottom: 15px; }

#search-result-openhouse a .product-item-header__name { min-height: 34px; margin-bottom: 0px; }

#search-result-openhouse a .product-item-header__link { color: #28a0e4; }

#search-result-openhouse a .product-item-header__description { line-height: 1.8; margin-bottom: 0.1em; max-height: 50px; }

#search-result-openhouse .product-item-header__hash { font-size: 0; }

#search-result-openhouse .product-item-header__hash em { display: inline-block; margin-right: 0.5em; font-size: 14px; font-style: normal; color: #28a0e4; }

.brand-popup { padding: 20px 0 0; }

.brand-popup-select { display: flex; justify-content: space-between; margin-bottom: 20px; }

.brand-popup-select button.is-primary { width: 100px; min-width: 100px; height: 40px; }

.brand-popup-select .checkbox input[type='checkbox'] + label { font-size: 16px; line-height: 1.1; color: #333; }

.brand-popup-button-list > div { font-size: 0; margin-bottom: 10px; }

.brand-popup-button-list > div button { width: 30px; min-width: 30px; height: 30px; margin: 0 10px 10px 0; padding: 0; font-weight: 600; font-size: 16px; }

.brand-popup-button-list > div button.is-active, .brand-popup-button-list > div button:hover, .brand-popup-button-list > div button:focus { background-color: #000; color: #fff; }

.brand-popup-button-list > div + div button { font-size: 14px; }

.brand-popup-search { position: relative; width: 300px; height: 40px; margin: 10px 0 0; }

.brand-popup-search__input { width: 100%; height: 40px; padding-right: 45px; }

.brand-popup-search .ico-search { position: absolute; right: 0; top: 0; font-size: 20px; width: 40px; height: 40px; }

.brand-popup-info { display: flex; justify-content: space-between; align-items: flex-end; height: auto; margin: 0 0 12px; }

.brand-popup-info-select { display: inline-block; margin-top: 25px; margin-left: -10px; font-size: 68px; font-weight: 600; color: #333; line-height: 0.6; }

.brand-popup-info-align { display: inline-block; font-size: 16px; }

.brand-popup-box { display: flex; flex-wrap: wrap; padding: 16px 20px 14px; background-color: #f9f9f9; }

.brand-popup-box .checkbox { width: 25%; margin: 10px 0; }

.brand-popup-box__nosearch { margin: 0 auto; padding: 2em 0; font-size: 16px; text-align: center; }

.modal-card-body.brand-modal-card-body { min-height: 60px; padding: 0; }

#search-result-event { position: relative; }

#search-result-event .section-category-control-wrap { margin: 0; }

.search-border-list { font-size: 0; margin: 0 -14px -28px; }

.search-border-list__item { display: inline-block; width: 250px; height: 250px; margin: 0 14px 28px; padding: 0; vertical-align: top; text-align: center; }

.search-border-list__item a { display: block; width: 100%; height: 100%; padding: 20px 15px; border: 1px solid #eee; }

.search-border-list__item a:hover, .search-border-list__item a:focus { border-color: #333; }

.search-border-list__image { display: flex; height: 85px; margin-bottom: 15px; align-items: center; justify-content: center; overflow: hidden; }

.search-border-list__image img { width: auto; max-width: 210px; height: auto; max-height: 82px; vertical-align: top; }

.search-border-list__title { margin-top: 5px; display: block; font-size: 16px; color: #333; font-weight: 400; }

.text-ellipsis-2 { display: block; transition: opacity 0.1s; display: -webkit-box; overflow: hidden; word-break: break-all; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.one-page-swiper .swiper-slide img { display: block; }

.one-page-swiper .swiper-button-next { display: inline-block; position: static; width: auto; margin: 0; }

.one-page-swiper .swiper-button-prev { display: inline-block; position: static; width: auto; margin: 0; }

.one-page-swiper .swiper-pagination { display: inline-block; position: static; }

.section-category-item .swiper-button-prev { display: inline-block; position: static; width: auto; margin: 0; }

.section-category-item .swiper-button-next { display: inline-block; position: static; width: auto; margin: 0; }

.section-category-item .swiper-pagination { display: inline-block; position: static; }

.section-category-control-wrap { display: flex; align-items: center; justify-content: space-between; position: absolute; right: 0; bottom: 0; z-index: 10; width: 166px; height: 40px; background-color: #fff; }

.section-category-control-wrap div { width: 40px; height: 40px; outline: none; }

.section-category-control-wrap div.swiper-button-next, .section-category-control-wrap div.swiper-button-prev, .section-category-control-wrap div.swiper-button-pause { display: flex; align-items: center; justify-content: center; font-size: 0; }

.section-category-control-wrap div.swiper-button-next:before, .section-category-control-wrap div.swiper-button-prev:before { display: inline-block; width: 40px; color: #000; font-size: 13px; text-align: center; }

.section-category-control-wrap div.swiper-button-next { margin: 0; }

.section-category-control-wrap div.swiper-button-prev { margin: 0; }

.section-category-control-wrap div.swiper-button-pause { margin: 0; cursor: pointer; }

.section-category-control-wrap div.swiper-pagination-fraction { display: flex; justify-content: center; position: static; height: auto; color: #999; font-size: 14px; }

.section-category-control-wrap div.swiper-pagination-fraction .swiper-pagination-current { color: #333; }

.section-category-item__recommend .section-category-control-wrap { width: 127px; height: 40px; margin-top: 55px; }

.section-category-item__recommend .section-category-control-wrap .swiper-button-next, .section-category-item__recommend .section-category-control-wrap .swiper-button-prev { position: static; border: 1px solid #ccc; }

.section-category-item__premium { margin-top: 80px; }

.section-category-item__premium .section-category-item-wrap { margin-top: 0; }

.section-category-item__premium .section-category-item-wrap + .section-category-item-wrap { margin-top: 0; }

.section-category-item__premium .category-item__stitle-area { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid #ccc; margin-bottom: 1.5rem; padding-bottom: 1rem; }

.section-category-item__premium .category-item__stitle-area h4 img { max-height: 3rem; }

.section-category-item__cate { position: relative; }

.section-category-item__cate01 .swiper-container { width: 1020px; margin: 0 auto; }

.section-category-item__cate01 .swiper-container.is-controlwrap { width: 100%; margin: 0; }

.section-category-item__cate01 .swiper-container.is-controlwrap .swiper-wrapper { margin: 0 -10px; justify-content: center; }

.section-category-item__cate01 .swiper-container.is-controlwrap .swiper-wrapper .swiper-slide { width: 126px; }

.section-category-item__cate01 .swiper-container .swiper-slide { position: relative; text-align: center; }

.section-category-item__cate01 .swiper-container .swiper-slide.is-active .pic { border: 3px solid #202020; }

.section-category-item__cate01 .swiper-container .swiper-slide .pic { overflow: hidden; display: flex; justify-content: center; align-items: center; width: 86px; height: 86px; margin: 0 auto; background-color: #f5f5f5; border: 3px solid transparent; border-radius: 20px; }

.section-category-item__cate01 .swiper-container .swiper-slide .name { display: block; padding: 7px 0 50px 0; font-size: 15px; font-weight: 600; color: #333; }

.section-category-item__cate01 .swiper-container .swiper-slide .flag { position: absolute; right: 3px; top: 6px; padding: 1px 6px 0 6px; background-color: #f34547; font-weight: 400; font-size: 8px; color: #fff; border-radius: 100px; }

.section-category-item__cate01 .section-category-control-wrap { left: 0; top: 50%; width: 100%; margin-top: -50px; background-color: transparent; z-index: 0; transform: translateY(-50%); }

.section-category-item__cate01 .section-category-control-wrap .swiper-button-prev { left: 0; width: 30px; height: 30px; background-color: rgba(0, 0, 0, 0.3); border-radius: 50%; }

.section-category-item__cate01 .section-category-control-wrap .swiper-button-prev::before { font-weight: 800; font-size: 14px; color: #fff; }

.section-category-item__cate01 .section-category-control-wrap .swiper-button-next { right: 0; width: 30px; height: 30px; background-color: rgba(0, 0, 0, 0.3); border-radius: 50%; }

.section-category-item__cate01 .section-category-control-wrap .swiper-button-next::before { font-weight: 800; font-size: 14px; color: #fff; }

.search-result-promition .swiper-button-next, .search-result-promition .swiper-button-prev { position: static; border: 1px solid #ccc; }

.section-contents--data { display: flex; justify-content: center; }

.section-contents-item-wrap { margin-bottom: 60px; }

.section-contents-item__title { padding-bottom: 40px; color: #333; font-size: 30px; line-height: 1; }

.section-contents-item__title.is-liner { border-bottom: 1px solid #333; }

.section-contents-item__subtitle { max-width: 170px; color: #777; font-size: 16px; word-break: keep-all; }

.section-contents-item__search--not { padding-top: 40px; text-align: center; }

.section-contents-item__search--not .icon-wrap { position: relative; width: 80px; height: 80px; margin-bottom: 40px; border-radius: 50%; border: 3px solid #ccc; background-color: #fff; }

.section-contents-item__search--not .icon-wrap i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.section-contents-item__search--not .info { color: #777; font-size: 16px; text-align: center; }

.section-contents-item__list { flex-wrap: wrap; }

.section-contents-item__list.series { margin: 0 -12.5px 0; }

.section-contents-item__list.series li { display: inline-block; width: 320px; margin: 36px 12.5px; vertical-align: top; }

.section-contents-item__list.series li .item-link { display: block; overflow: hidden; }

.section-contents-item__list.series li .item-link img { display: block; width: auto; height: 320px; }

.section-contents-item__list.series li .section-contents-item__list--name { font-weight: 400; line-height: 1.1; }

.section-contents-item__list--name { display: block; margin-top: 15px; color: #333; font-size: 20px; }

.section-contents-wrap.is-fixed .left-menu { position: fixed; top: 0; z-index: 5; padding-top: 10px; transition: all 0.5s; background-color: #fff; }

.section-contents-tab { margin-top: 10px; margin-bottom: 20px; }

.section-contents-tab__list { flex-wrap: wrap; z-index: 3; width: 100%; max-width: 1366px; padding-left: 2px; background-color: #fff; }

.section-contents-tab__list .item-list { position: relative; width: 218px; margin: -1px 0 0 -1px; border: 1px solid #ddd; box-sizing: border-box; }

.section-contents-tab__list .item-list.is-active { z-index: 1; border-color: #333; }

.section-contents-tab__list .item-list.is-active .link { color: #333; }

.section-contents-tab__list .item-list .link { display: block; height: 50px; color: #999; font-size: 16px; line-height: 50px; cursor: pointer; }

.section-contents-tab__list .item-list .link:after { content: none; }

.section-contents-tab__list.glg { background-color: #202020; }

.section-contents-tab__list.glg .item-list.is-active { z-index: 1; border-color: #fff; }

.section-contents-tab__list.glg .item-list.is-active .link { color: #fff; }

.section-contents-tab__filter { text-align: center; margin-top: 45px; }

.section-contents-tab__filter .button { width: 240px; }

.section-contents-tab__filter .button + .button { margin-left: 20px; }

.section-contents-tab__filter.is-flex { margin-top: 0; margin-bottom: 45px; justify-content: center; }

.section-category-contents { justify-content: space-between; padding: 60px 0 0; }

.section-category-left { float: left; width: 220px; }

.section-category-right { float: right; width: 1086px; padding-bottom: 50px; }

.section-category-item.is-interval { margin-bottom: 100px; }

.section-category-item .section-contents-tab { margin-top: 0; }

.section-category-item .tab-block .container, .section-category-item .tab-block .section-title-wrap { max-width: 765px; }

.section-category-item .swiper-slide img { display: block; }

.section-category-item .swiper-button-next { display: inline-block; position: static; width: auto; margin: 0; }

.section-category-item .swiper-button-prev { display: inline-block; position: static; width: auto; margin: 0; }

.section-category-item .swiper-pagination { display: inline-block; position: static; }

.section-category-item.depth4 { margin-bottom: 40px; }

.section-category-item--pagination { justify-content: center; margin-top: 55px; }

.section-category-item__search--info { margin-top: 20px; color: #777; font-size: 16px; line-height: 1.1; }

.section-category-item__recommend { justify-content: space-between; margin-bottom: 55px; }

.section-category-item__recommend--left { width: 220px; }

.section-category-item__recommend--right { width: 806px; margin: 0; }

.section-category-item__recommend.is-interval { margin-bottom: 100px; }

.section-category-item__recommend .section-category-control-wrap { position: static; width: 127px; height: 40px; margin-top: 55px; }

.section-category-item__recommend .section-category-control-wrap .swiper-button-next, .section-category-item__recommend .section-category-control-wrap .swiper-button-prev { border: 1px solid #eee; }

.section-category-item__md { justify-content: space-between; margin-bottom: 55px; }

.section-category-item__md.is-interval { margin-bottom: 100px; }

.section-category-item__md--left { width: 500px; }

.section-category-item__md--left .section-contents-item__title { padding-bottom: 40px; line-height: 1.2; }

.section-category-item__md--right { flex-wrap: wrap; justify-content: space-between; width: 528px; margin-top: 190px; }

.section-category-item__md--right li { margin-top: 60px; }

.section-category-item-filter { text-align: center; margin-bottom: 45px; }

.section-category-item-filter .button { width: 240px; }

.section-category-item-filter .button + .button { margin-left: 20px; }

.section-category-item-search { margin-bottom: 60px; }

.section-category-item-search__type1 { margin-top: 40px; margin-bottom: 60px; }

.section-category-item-search__type1 .search-wrap { padding: 20px; border-bottom: 1px solid #eee; background-color: #f9f9f9; }

.section-category-item-search__type1 .search-wrap .field { width: 390px; margin: 0 auto; }

.section-category-item-search__type1 .search-wrap .field .control:last-child .button { width: 80px; min-width: 80px; }

.section-category-item-search__type1 + .section-category-item__search { margin-bottom: 0; }

.section-category-item-search.is-fixed { padding-top: 65px; }

.section-category-item-search.is-fixed .section-category-item__relation { position: fixed; width: 1086px; z-index: 30; }

.section-category-item__relation { justify-content: space-between; align-items: center; width: 100%; min-height: 62px; padding: 9px 0; border-bottom: 1px solid #333; background-color: #f9f9f9; }

.section-category-item__relation ul { display: flex; align-items: center; flex-wrap: wrap; max-width: 960px; padding: 0 20px; }

.section-category-item__relation ul li { margin: 5px 20px 5px 0; padding: 6px 20px; border-radius: 25px; background-color: #fff; }

.section-category-item__relation ul li .btn-del { padding-right: 0; }

.section-category-item__relation .btn-reset-list { display: inline-flex; height: 46px; margin-right: 20px; align-items: center; }

.section-category-item__relation .btn-reset-list .ico-reset { margin-left: 10px; vertical-align: middle; }

.section-category-item__relation .btn-reset-list .ico-reset:before { font-size: 20px; }

.section-category-item__search { justify-content: space-between; margin: 0 0 20px; }

.section-category-item__search .left-contents { align-items: center; }

.section-category-item__search .left-contents a { margin: 0 0 0 20px; color: #777; font-size: 16px; font-weight: 400; }

.section-category-item__search .left-contents a:first-child { margin: 0 0 0 0; }

.section-category-item__search .left-contents a.is-active { color: #333; border-color: #333; font-weight: 600; }

.section-category-item__search .left-contents a.is-active:after { content: ''; }

.section-category-item__search .left-contents a:after { content: none; }

.section-category-item__search--list { margin: -60px -12.5px 0; }

.section-category-item__search--list li { float: none; display: inline-block; margin: 60px 12.5px 0; vertical-align: top; }

.dropdown-wrap .dropdown.is-active span.icon { transform: rotate(180deg); }

.dropdown-wrap .dropdown.is-active .dropdown-trigger .button { border-color: #333; }

.dropdown-wrap .dropdown span { align-content: center; }

.dropdown-wrap .dropdown em { margin-top: -2px; margin-right: 15px; vertical-align: middle; align-content: center; }

.dropdown-wrap .dropdown .dropdown-trigger .button { display: flex; justify-content: space-between; min-width: 180px; margin-left: 0; border-color: #ccc; text-align: left; }

.dropdown-wrap .dropdown-menu { min-width: 180px; padding-top: 0; top: 50px; left: 0; right: 0; }

.dropdown-wrap .dropdown-menu .dropdown-content { overflow-x: hidden; overflow-y: auto; max-height: 300px; padding: 0; border-color: #333; border-top: none; box-shadow: none; }

.dropdown-wrap .dropdown-menu .dropdown-content .dropdown-item { padding: 8px 20px; color: #999; }

.dropdown-wrap .dropdown-menu .dropdown-content .dropdown-item.is-active { background-color: #f9f9f9; color: #333; font-weight: 600; }

.page.gong .dropdown-wrap { margin-bottom: 20px; }

.page.gong .dropdown-wrap .dropdown .button { background-color: transparent; border: none; }

.page.gong .dropdown-wrap .dropdown.is-active span.icon { transform: rotate(180deg); }

.page.gong .dropdown-wrap .dropdown.is-active .dropdown-trigger .button { border-color: #333; border: none; color: #fff; }

.page.gong .dropdown-wrap .dropdown span { align-content: center; }

.page.gong .dropdown-wrap .dropdown em { margin-top: -2px; margin-right: 15px; vertical-align: middle; align-content: center; }

.page.gong .dropdown-wrap .dropdown .dropdown-trigger .button { color: #fff; display: flex; justify-content: flex-end; min-width: 130px; margin-left: 0; border-color: #ccc; text-align: left; }

.page.gong .dropdown-wrap .dropdown-menu { min-width: 130px; padding-top: 0; top: 50px; left: auto; right: 0; }

.page.gong .dropdown-wrap .dropdown-menu .dropdown-content { overflow-y: auto; max-height: 300px; padding: 0; border-color: #333; border-top: none; box-shadow: none; }

.page.gong .dropdown-wrap .dropdown-menu .dropdown-content .dropdown-item { padding: 8px 20px; color: #999; }

.page.gong .dropdown-wrap .dropdown-menu .dropdown-content .dropdown-item.is-active { background-color: #f9f9f9; color: #333; font-weight: 600; }

.page.gong .section-contents-item__search--not { margin: 100px 0; padding-top: 40px; text-align: center; }

.page.gong .section-contents-item__search--not .icon-wrap { position: relative; width: 80px; height: 80px; margin-bottom: 40px; border-radius: 50%; border: 3px solid #ccc; background-color: transparent; }

.page.gong .section-contents-item__search--not .icon-wrap i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.page.gong .section-contents-item__search--not .info { color: #999; font-size: 20px; text-align: center; }

.section-series-banner { position: relative; font-size: 0; }

.section-series-banner .button-wrap { position: absolute; display: flex; right: 100px; height: 220px; justify-content: center; flex-direction: column; }

.section-series-banner .button-wrap .button { min-width: 217px; height: 60px; line-height: 60px; display: inline-block; padding: 0 30px; color: #fff; background-color: #47b0a3; border-color: #47b0a3; }

.section-series-banner .button-wrap .button:nth-child(2) { margin-top: 10px; color: #333; background-color: #fff; border-color: #fff; }

.section-category-item .grid-item-lists .product-item-body .product-review-stats-area .fl { width: 165px; }

.section-contents-wrap { padding: 60px 0 0; }

.section-contents-table.is-interval { margin-top: 70px; }

.section-contents-table__button--wrap { padding-bottom: 20px; }

.section-contents-table__button--wrap .button { margin-left: 10px; }

.section-contents-table__button--wrap .button:first-child { margin-left: 0; }

.section-contents-table__button--wrap.is-liner { padding-bottom: 20px; border-bottom: 2px solid #333; }

.section-contents-table__table { width: 100%; border-top: 1px solid #eee; }

.section-contents-table__table.custom-layout-table thead th { font-size: 16px; font-weight: 400; border-left: 1px solid #eee; }

.section-contents-table__table.custom-layout-table thead th:first-child { border-left: none; }

.section-contents-table__table.custom-layout-table tbody th { padding: 20px; color: #333; font-size: 16px; font-weight: 400; vertical-align: middle; border-bottom: 1px solid #eee; word-break: keep-all; }

.section-contents-table__table.custom-layout-table tbody td { padding: 20px; border-left: 1px solid #eee; font-size: 16px; vertical-align: middle; text-align: left; word-break: keep-all; }

.section-contents-table__table--total { display: block; padding: 25px 0 10px; color: #333; font-size: 20px; font-weight: 600; }

.section-contents-table__table--total.is-liner { border-top: 1px solid #333; }

.section-contents-table__table thead { background-color: #f9f9f9; }

.section-contents-table__table thead th { padding: 20px 0; font-size: 16px; font-weight: 600; vertical-align: middle; }

.section-contents-table__table tbody .sold-out .section-contents-item-status { display: block; }

.section-contents-table__table tbody .sold-out .section-contents-item-status .sales-end { display: none; }

.section-contents-table__table tbody .sold-out .section-contents-item__brand { color: #999; border-color: #999; }

.section-contents-table__table tbody .sold-out .product-item-price__discount, .section-contents-table__table tbody .sold-out .section-contents-item__delivery { color: #999; }

.section-contents-table__table tbody .sold-out .spinner-box__minus, .section-contents-table__table tbody .sold-out .spinner-box__plus, .section-contents-table__table tbody .sold-out .modal-button:not([data-target='item-discount-history']) { pointer-events: none; }

.section-contents-table__table tbody .sold-out .section-contents-item__name, .section-contents-table__table tbody .sold-out .section-contents-item__options, .section-contents-table__table tbody .sold-out .dot-list, .section-contents-table__table tbody .sold-out .section-contents-item__info, .section-contents-table__table tbody .sold-out .spinner-box, .section-contents-table__table tbody .sold-out .item-price, .section-contents-table__table tbody .sold-out .no-data, .section-contents-table__table tbody .sold-out .final-price, .section-contents-table__table tbody .sold-out .delivery-type { opacity: 0.5; }

.section-contents-table__table tbody .sales-end .section-contents-item-status { display: block; }

.section-contents-table__table tbody .sales-end .section-contents-item-status .sold-out { display: none; }

.section-contents-table__table tbody .sales-end .section-contents-item__brand { color: #999; border-color: #999; }

.section-contents-table__table tbody .sales-end .product-item-price__discount, .section-contents-table__table tbody .sales-end .section-contents-item__delivery { color: #999; }

.section-contents-table__table tbody .sales-end .spinner-box__minus, .section-contents-table__table tbody .sales-end .spinner-box__plus { pointer-events: none; }

.section-contents-table__table tbody .sales-end .section-contents-item__name, .section-contents-table__table tbody .sales-end .section-contents-item__options, .section-contents-table__table tbody .sales-end .dot-list, .section-contents-table__table tbody .sales-end .section-contents-item__info, .section-contents-table__table tbody .sales-end .spinner-box, .section-contents-table__table tbody .sales-end .item-price, .section-contents-table__table tbody .sales-end .no-data, .section-contents-table__table tbody .sales-end .final-price, .section-contents-table__table tbody .sales-end .delivery-type { opacity: 0.5; }

.section-contents-table__table tbody .bundle-delivery td:first-child.bundle { border-left: none; }

.section-contents-table__table tbody .bundle-delivery td.bundle { border-left: 1px solid #eee; border-right: 1px solid #eee; }

.section-contents-table__table tbody td { padding: 30px 5px; border-bottom: 1px solid #eee; text-align: center; vertical-align: middle; }

.section-contents-table__table tbody td.item-image { vertical-align: top; }

.section-contents-table__table tbody td.item-option { padding-left: 15px; vertical-align: top; text-align: left; }

.section-contents-table__table tbody td.item-checkbox { vertical-align: top; }

.section-contents-table__table tbody td.item-checkbox .checkbox-wrap { display: flex; align-items: center; justify-content: center; height: 150px; }

.section-contents-table__table .item-price-discount { color: #999; font-size: 16px; }

.section-contents-table__table .item-price { color: #333; font-size: 16px; }

.section-contents-table__table .item-price .won { font-size: 14px; }

.section-contents-table__table .item-price + .ico-popup { margin-top: 10px; cursor: pointer; }

.section-contents-table__table .item-consult { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; text-align: left; }

.section-contents-table__table .final-price { color: #333; font-size: 20px; font-weight: 600; }

.section-contents-table__table .final-price .won { font-size: 16px; font-weight: 400; }

.section-contents-table__table .product-item-price__discount { font-size: 20px; }

.section-contents-table__table .product-item-price__discount .ico-tooltip { cursor: pointer; }

.section-contents-table__table .product-item-price__button--wrap { margin-top: 20px; }

.section-contents-table__table .product-item-price__button--wrap .button { margin-top: 5px; }

.section-contents-table__table .product-item-price__button--wrap .button:first-child { margin-top: 0; }

.section-contents-table__table.take-down-service thead th { font-weight: 400; }

.section-contents-table__table.take-down-service tbody td { padding: 20px 5px; color: #333; }

.section-contents-item.max-width { width: 474px; }

.section-contents-item.max-width .section-contents-item__options--titwrap { max-width: 100%; }

.section-contents-item.max-width .section-contents-item__options--title { width: 474px; }

.section-contents-item.max-width .section-contents-item__options--sub { width: 474px; }

.section-contents-item__image { overflow: hidden; position: relative; width: 150px; height: 150px; }

.items-info-wrap .section-contents-item__image { margin-right: 20px; flex-shrink: 0; }

.section-contents-item__image .img { display: block; width: auto; height: 100%; margin: 0 auto; }

.items-info-wrap .section-contents-item__image .img { width: auto; height: 100%; margin: 0 auto; }

.section-contents-item-status { display: none; position: absolute; left: 0; top: 0; z-index: 20; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); }

.section-contents-item-status__status { display: flex; align-items: center; justify-content: center; height: 100%; font-size: 18px; color: #fff; }

.section-contents-item-status__status:before { display: inline-block; content: ''; position: absolute; top: 0; left: 0; width: 50%; height: 1px; background-color: #fff; transform-origin: 0 0; transform: rotate(45deg); }

.section-contents-item-status__status:after { display: inline-block; content: ''; position: absolute; right: 0; bottom: 0; width: 50%; height: 1px; background-color: #fff; transform-origin: 100% 100%; transform: rotate(45deg); }

.section-contents-item__brand { display: inline-block; margin-bottom: 10px; padding: 4px 15px; color: #333; font-size: 14px; font-weight: 600; border: 1px solid #333; border-radius: 3px; }

.section-contents-item__name { color: #333; font-size: 14px; word-break: break-all; }

.section-contents-item__name a { display: block; color: #333; }

.section-contents-item__name a:hover, .section-contents-item__name a:focus { text-decoration: underline; }

.section-contents-item__name--event { display: block; font-weight: 400; }

.section-contents-item__name--text { max-height: 42px; }

.section-contents-item__name .order-number { display: inline-block; margin-top: 15px; color: #999; font-size: 14px; }

.section-contents-item__date--notice { color: #333; font-size: 14px; letter-spacing: -0.2px; }

.section-contents-item .section-contents-item__options--titwrap .link, .section-contents-item__options--titwrap .section-contents-item .link, .section-contents-item .section-contents-item__options--subwrap .link, .section-contents-item__options--subwrap .section-contents-item .link { width: 50px; height: 20px; padding-left: 0; padding-right: 0; text-align: center; word-break: keep-all; }

.section-contents-item .section-contents-item__options--title, .section-contents-item .section-contents-item__options--sub { width: 195px; font-size: 14px; word-break: keep-all; }

.section-contents-item__options { margin-top: 20px; }

.section-contents-item__options--titwrap { justify-content: space-between; align-items: center; flex-wrap: wrap; width: 100%; max-width: 261px; margin-bottom: 10px; }

.section-contents-item__options--titwrap.is-fullwidth { max-width: inherit; }

.section-contents-item__options--titwrap.is-fullwidth .section-contents-item__options--sub { flex: 1 0 auto; }

.section-contents-item__options--titwrap.is-fullwidth .section-contents-item__options--sub + .link { flex: 0 0 auto; }

.section-contents-item__options--titwrap ul { width: 100%; }

.section-contents-item__options--title { color: #333; }

.section-contents-item__options--subwrap { justify-content: space-between; align-items: center; }

.section-contents-item__options--sub { position: relative; padding-left: 12px; color: #999; }

.section-contents-item__options--sub + .link { float: right; }

.section-contents-item__options--sub::before { content: '⌞'; display: block; position: absolute; top: -8px; left: 0; font-size: 19px; color: #999; }

.section-contents-item__info { padding-left: 11px; color: #999; font-size: 14px; }

.section-contents-item__delivery { display: inline-block; position: relative; vertical-align: middle; }

.section-contents-item__delivery .delivery-type .tit, .section-contents-item__delivery .delivery-type .type, .section-contents-item__delivery .delivery-type .price { color: #333; font-size: 14px; vertical-align: middle; }

.section-contents-item__delivery .delivery-type .num { color: #333; font-size: 16px; }

.section-contents-item__delivery .delivery-type.free + .delivery-type.pay { margin-top: 10px; }

.section-contents-item__delivery .delivery-type.free + .btn-delivery-coupon { margin-top: 10px; }

.section-contents-item__delivery .delivery-type.pay + .btn-delivery-coupon { margin-top: 10px; }

.section-contents-item__delivery .ico-popup { display: inline-block; margin-left: 5px; vertical-align: middle; cursor: pointer; }

.section-contents-item__simple { min-width: 140px; }

.section-contents-item__simple--button .payment-text { display: inline-block; margin-bottom: 5px; padding: 20px; color: #333; font-size: 16px; font-weight: 600; }

.section-contents-item__simple--button .as-text { display: inline-block; margin-bottom: 5px; padding: 8px 20px; color: #3273dc; font-size: 14px; font-weight: 600; }

.section-contents-item__simple--button .as-text .tooltip-container { position: relative; display: flex; align-items: center; cursor: pointer; font-size: 14px; color: #0056b3; gap: 4px; }

.section-contents-item__simple--button .as-text .tooltip-container.active .tooltip-box { display: block; }

.section-contents-item__simple--button .as-text .tooltip-container i { margin-bottom: 1px; }

.section-contents-item__simple--button .as-text .tooltip-box { position: absolute; background-color: #fff; color: #333; border: 1px solid #ccc; padding: 8px 12px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); white-space: nowrap; z-index: 10; display: none; left: 50%; transform: translateX(-50%); }

.section-contents-item__simple--button .as-text .tooltip-box.top { bottom: 100%; margin-bottom: 5px; }

.section-contents-item__simple--button .as-text .tooltip-box.bottom { top: 100%; margin-top: 5px; }

.section-contents-item__simple--button .button { min-width: 125px; }

.section-contents-item__simple--button .button.is-interval { margin-bottom: 10px; }

.section-contents-item__simple--button + .simple-button { margin-top: 15px; }

.section-contents-item__simple .simple-button { align-items: center; justify-content: center; padding: 0 15px; }

.section-contents-item__simple .simple-button li { position: relative; width: 55px; }

.section-contents-item__simple .simple-button li:not(:nth-last-child(1)):after { display: inline-block; content: ''; position: absolute; right: 0; top: 50%; width: 1px; height: 14px; background-color: #ddd; transform: translateY(-50%); }

.section-contents-item__simple .simple-button li .btn-interest.is-active i { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -246px -570px; width: 22px; height: 18px; }

.content-title { display: block; margin: 60px 0 40px; color: #333; font-size: 30px; line-height: 1; }

.content-title.is-liner.top-line { font-size: 20px; margin-top: 70px; padding-top: 30px; border-top: 1px solid #333; }

.content-title.is-liner.bottom-line { padding-bottom: 40px; border-bottom: 1px solid #ccc; }

.no-item { padding: 58px 0 50px; text-align: center; }

.no-item-info__wrap { background-color: #f9f9f9; margin-top: 100px; padding: 30px 0 80px; }

.no-item-info__wrap .cart-item-button-wrap { margin-top: 10px; }

.no-item-info__wrap .cart-item-button-wrap .button.is-primary.is-outlined { background-color: #fff; }

.no-item-info__wrap .cart-item-button-wrap .button.is-primary.is-outlined:hover { background-color: #000; color: #fff; }

.no-item__info { display: block; margin-top: 25px; color: #333; font-size: 16px; }

.total-amount { position: relative; width: 100%; height: 80px; padding: 25px 0; background-color: #f9f9f9; }

.total-amount ul { position: absolute; left: 50%; transform: translateX(-50%); }

.total-amount ul .discount:before, .total-amount ul .delivery:before, .total-amount ul .pay:before, .total-amount ul .total-itam-pay .itam-pay-wrap dl.discount .number:before, .total-itam-pay .itam-pay-wrap dl.discount .total-amount ul .number:before, .total-amount ul .total-itam-pay .itam-pay-wrap dl.instant .number:before, .total-itam-pay .itam-pay-wrap dl.instant .total-amount ul .number:before, .total-amount ul .total-itam-pay .itam-pay-wrap dl.delivery .number:before, .total-itam-pay .itam-pay-wrap dl.delivery .total-amount ul .number:before, .total-amount ul .total-itam-pay .itam-pay-wrap dl.pay .number:before, .total-itam-pay .itam-pay-wrap dl.pay .total-amount ul .number:before { display: inline-block; margin: 0 10px 0 15px; color: #333; font-size: 20px; }

.total-amount ul .discount:before { content: '-'; }

.total-amount ul .delivery:before { content: '+'; }

.total-amount ul .pay:before { content: '='; }

.total-amount ul .number { color: #333; font-size: 20px; font-style: normal; font-weight: 600; }

.total-amount ul .number .num { font-style: normal; font-weight: 600; }

.total-amount ul .delivery-info { color: #333; font-size: 16px; margin-left: 5px; }

.total-itam-pay { margin-top: 70px; border-top: 1px solid #333; }

.total-itam-pay .itam-pay-wrap { justify-content: space-between; border-bottom: 1px solid #eee; }

.total-itam-pay .itam-pay-wrap dl { width: 100%; text-align: center; }

.total-itam-pay .itam-pay-wrap dl .tit { padding: 20px 0; border-bottom: 1px solid #eee; color: #333; font-size: 20px; font-weight: 400; }

.total-itam-pay .itam-pay-wrap dl .number { position: relative; padding: 45px 0; font-size: 20px; }

.total-itam-pay .itam-pay-wrap dl .number .num { position: relative; top: 3px; margin-right: 8px; color: #333; font-size: 30px; font-weight: 600; font-style: normal; }

.total-itam-pay .itam-pay-wrap dl .total-amount ul .discount:before, .total-amount ul .total-itam-pay .itam-pay-wrap dl .discount:before, .total-itam-pay .itam-pay-wrap dl .total-amount ul .delivery:before, .total-amount ul .total-itam-pay .itam-pay-wrap dl .delivery:before, .total-itam-pay .itam-pay-wrap dl .total-amount ul .pay:before, .total-amount ul .total-itam-pay .itam-pay-wrap dl .pay:before, .total-itam-pay .itam-pay-wrap dl.discount .number:before, .total-itam-pay .itam-pay-wrap dl.instant .number:before, .total-itam-pay .itam-pay-wrap dl.delivery .number:before, .total-itam-pay .itam-pay-wrap dl.pay .number:before { display: inline-block; position: absolute; top: 50%; left: -20px; margin: 0 10px; color: #333; font-size: 36px; font-weight: 600; transform: translateY(-50%); }

.total-itam-pay .itam-pay-wrap dl.discount .number:before { content: ''; width: 16px; height: 5px; background-color: #333; }

.total-itam-pay .itam-pay-wrap dl.instant .number:before { content: ''; width: 16px; height: 5px; background-color: #333; }

.total-itam-pay .itam-pay-wrap dl.delivery .number:before { content: '+'; }

.total-itam-pay .itam-pay-wrap dl.pay .number:before { content: '='; }

.cart-item-button-wrap { justify-content: center; margin-top: 60px; }

.cart-item-button-wrap .button { min-width: 284px; margin-left: 20px; }

.cart-item-button-wrap .button:first-child { margin-left: 0; }

.contents-info-wrap { padding: 40px; background-color: #f9f9f9; }

.contents-info-wrap.no-title ul { margin-top: 0; }

.contents-info-wrap .title { color: #333; font-size: 16px; font-weight: 400; }

.contents-info-wrap ul { margin-top: 15px; }

.contents-info-wrap ul li { margin-top: 0.5em; color: #888; font-size: 14px; line-height: 1.5; }

.contents-info-wrap ul .is-danger { color: #ed2650; }

.contents-info-wrap2 { padding: 30px; border: 1px solid #ccc; }

.contents-info-wrap2 .title { color: #333; font-size: 16px; font-weight: 400; }

.dot-list--blue { margin-top: 15px; }

.dot-list--blue li { margin: 0; color: #28a0e4; font-size: 14px; }

.popup-contents-options__title { margin-top: 20px; margin-bottom: 20px; font-weight: 400; }

.popup-contents-options .modal-card .pitem-option { margin-top: 20px; }

.popup-contents-options .modal-card .pitem-option ul { margin-left: 0; }

.popup-contents-options .modal-card .modal-card-foot { padding-top: 20px; }

.popup-contents-discount .modal-card { max-width: 600px; }

.popup-contents-discount .modal-card .modal-card-body { padding: 0 0 40px; }

.popup-contents-discount .modal-card .modal-card-body table { border-bottom: 1px solid #eee; }

.popup-contents-discount .modal-card .modal-card-body table td { padding: 20px 0.75em; color: #333; }

.popup-contents-discount .modal-card .modal-card-body table td.is-bold { font-weight: 600; }

.popup-contents-discount-history .modal-card { max-width: 600px; }

.popup-contents-discount-history .modal-card ul { list-style: none; margin: 40px 0 20px 10px; }

.popup-contents-discount-history .modal-card dl:not(:last-child) { margin-bottom: 0; }

.popup-contents-discount-history__box { border-top: 1px solid #eee; border-bottom: 1px solid #eee; }

.popup-contents-discount-history__box--wrap { display: table; table-layout: fixed; width: 100%; border-top: 1px solid #eee; }

.popup-contents-discount-history__box--wrap:first-child { border-top: none; }

.popup-contents-discount-history__box--wrap .tit { display: table-cell; width: 165px; padding: 15px 20px; color: #333; font-size: 16px; background-color: #f9f9f9; }

.popup-contents-discount-history__box--wrap .tit.is-bold { font-weight: 600; }

.popup-contents-discount-history__box--wrap .tit.is-danger { color: #ed2650; }

.popup-contents-discount-history__box--wrap .price { display: table-cell; padding: 15px 20px; color: #333; font-size: 14px; text-align: right; }

.popup-contents-discount-history__box--wrap .price.is-danger { color: #ed2650; }

.popup-contents-discount-history__box--wrap .price.first-price { font-size: 16px; }

.popup-contents-discount-history__box--wrap .price.final-price { font-size: 14px; }

.popup-contents-discount-history__box--wrap .price.final-price .final-price__price { font-size: 16px; }

.popup-contents-discount-history__box--wrap .price .number { font-size: 16px; }

.popup-contents-discount-history__box--wrap .price .is-bold { font-weight: 600; }

.popup-contents-discount-history__box--wrap .price .is-bold.number { font-size: 20px; }

.popup-contents-discount-history__box--wrap .price .is-bold .number { font-size: 20px; }

.popup-contents-discount-history__box--wrap .price.is-bold { font-weight: 600; }

.popup-contents-discount-history__box--wrap .price.is-bold .number { font-size: 20px; }

.popup-contents-discount-history__coupon--info { justify-content: left; align-items: center; margin-top: 20px; }

.popup-contents-discount-history__coupon--info .tag { display: inline-block; margin-right: 15px; padding: 5px 25px; color: #777; font-size: 13px; border: 1px solid #eee; }

.popup-contents-discount-history__coupon--info .info { display: inline-block; color: #888; font-size: 14px; }

.popup-contents-discount-history__info li { color: #888; font-size: 14px; }

.swiper-control-wrap { position: relative; }

.swiper-control-wrap.bundle-order-items { margin-top: 100px; padding-bottom: 40px; }

.swiper-control-wrap.bundle-order-items .section-category-control-wrap { top: 0; }

.swiper-control-wrap .top-line + .section-category-control-wrap { top: 20px; }

.swiper-control-wrap .bottom-line + .section-category-control-wrap { top: 0; }

.swiper-control-wrap .section-category-control-wrap { position: absolute; top: 20px; right: 0; }

.swiper-control-wrap .section-category-control-wrap.is-liner .swiper-button-prev, .swiper-control-wrap .section-category-control-wrap.is-liner .swiper-button-next { border: 1px solid #ccc; position: static; }

.swiper-control-wrap .section-category-control-wrap.is-liner .swiper-button-prev { border-right-color: transparent; }

.swiper-control-wrap .section-category-control-wrap.only-arrow { width: 80px; }

.items-horizontal-layout { justify-content: space-between; align-items: flex-start; }

.items-horizontal-layout.__single-item { justify-content: flex-start; }

.items-horizontal-layout.__single-item .items-horizontal-layout__info { width: auto; margin-left: 20px; }

.items-horizontal-layout.__single-item .items-horizontal-layout__info .title-wrap { justify-content: normal; }

.items-horizontal-layout.__single-item .items-horizontal-layout__info .title-wrap .item-name { width: auto; max-width: 1100px; margin-right: 10px; }

.items-horizontal-layout.__single-item .items-horizontal-layout__info .name-wrap { width: auto; max-width: 1000px; }

.items-horizontal-layout__info { width: 499px; }

.items-horizontal-layout__info .title-wrap { justify-content: space-between; align-items: center; margin-bottom: 15px; }

.items-horizontal-layout__info .title-wrap .item-name { overflow: hidden; width: 435px; color: #333; font-size: 16px; font-weight: 600; letter-spacing: -0.2px; text-overflow: ellipsis; white-space: nowrap; }

.items-horizontal-layout__info .title-wrap .btn-detail { color: #333; font-size: 14px; line-height: 24px; }

.items-horizontal-layout__info .title-wrap .btn-detail i { margin-left: 5px; }

.items-horizontal-layout__info .title-wrap .btn-detail i:before { color: #333; }

.items-horizontal-layout__info .item-info { height: 48px; color: #777; font-size: 16px; display: -webkit-box; overflow: hidden; word-break: break-all; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.button-area.gifts-wrap { justify-content: left; align-items: flex-start; flex-wrap: wrap; margin-top: 30px; }

.button-area.gifts-wrap .btn-gifts.is-light { color: #333; }

.button-area.gifts-wrap .name-wrap { width: 380px; margin-left: 10px; padding-top: 4px; }

.button-area.gifts-wrap .name-wrap .name { overflow: hidden; color: #999; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }

.section-contents-table__table tbody tr td .section-contents-item__brand.custom3d-badge { color: #fff; border-color: #437BFA; background-color: #437BFA; }

.section-contents-table__table tbody tr.custom3d-group td { border-top: 0 !important; border-bottom: 0; }

.section-contents-table__table tbody tr.custom3d-group td.item-checkbox.custom3d { vertical-align: middle; }

.section-contents-table__table tbody tr.custom3d-group + tr td { border-top: 1px solid #eee; }

/* S:쿠폰 팝업 */
.modal-coupon-title { color: #333; font-size: 16px; font-weight: 600; }

.modal-coupon-line { border-bottom: 1px solid #ddd !important; }

.modal-coupon-info { padding: 15px 0 20px 0; font-size: 16px; color: #888; }

.modal-coupon-list-link span { display: block; }

.modal-coupon-list-link span .link { display: inline-block; margin: 2px 0; padding: 3px 0; color: #444; line-height: 0.98; font-size: 14px; }

.modal-coupon-list-link span .link i { margin-left: 5px; }

.tabs.tabs-coupon-modal .tab { font-size: 18px; line-height: 1.8; }

.coupon-card:nth-last-child(1) .coupon-card-section { border-bottom: 1px solid #eee; }

.coupon-card-section { display: flex; align-items: stretch; position: relative; padding: 30px 18px 30px 0; border: 1px solid #eee; border-right: none; border-bottom: none; border-left: none; }

.coupon-card .coupon-card-left { display: flex; justify-content: center; align-items: center; width: 160px; }

.coupon-card .coupon-card-left__flag { display: inline-block; position: absolute; top: -1px; left: 0px; width: 150px; height: 30px; text-align: center; background-color: #333; color: #fff; font-size: 14px; line-height: 31px; }

.coupon-card .coupon-card-left__flag:before { display: inline-block; content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 10px; height: 10px; border-left: 10px solid #fff; border-bottom: 10px solid transparent; }

.coupon-card .coupon-card-left__discount { display: block; color: #ed2650; font-size: 32px; font-weight: 600; text-align: center; }

.coupon-card .coupon-card-center { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; width: calc(100% - 260px); padding: 0 30px; }

.coupon-card .coupon-card-center .coupon-card-contents { display: flex; flex-wrap: wrap; margin-top: 6px; font-size: 14px; }

.coupon-card .coupon-card-center .coupon-card-contents__title { display: inline-block; width: 76px; padding: 2px 0; color: #333; }

.coupon-card .coupon-card-center .coupon-card-contents__list { display: inline-block; width: calc(100% - 76px); padding: 2px 0; color: #777; }

.coupon-card .coupon-card-center .coupon-card-contents-info { margin-top: 4px; }

.coupon-card-button { width: 90px; height: 90px; padding: 0; background-color: #2a384d; color: #fff; font-size: 14px; }

.coupon-card-button__wrap { display: flex; align-items: center; }

.coupon-card-button i { margin-top: 5px; }

.coupon-card-button span { display: block; width: 75px; margin: 0 auto; word-break: keep-all; }

.coupon-card-button span em { font-style: normal; }

.coupon-card-button:disabled { color: #777; background-color: #ddd; }

.coupon-card-button:disabled span { margin-top: 0; }

.coupon-card .card.card-coupon-card { margin-bottom: 20px; border: 1px solid #ccc; box-shadow: none; background-color: #f9f9f9; }

.coupon-card .card.card-coupon-card .card-header { box-shadow: none; background-color: #fff; }

.coupon-card .card.card-coupon-card .card-header a { display: inline-block; width: 100%; text-align: center; height: 50px; line-height: 34px; }

.coupon-card .card.card-coupon-card .card-header a strong { font-size: 16px; color: #333; font-weight: 400; }

.coupon-card .card.card-coupon-card .card-header a .icon { float: right; margin: 14px 10px 0 0; }

.coupon-card .card.card-coupon-card .card-content { margin: 0px 20px; padding: 0; color: #333; }

.coupon-card .card.card-coupon-card .card-content-coupon-card { padding: 17px 0 12px; display: flex; border-bottom: 1px solid #ccc; }

.coupon-card .card.card-coupon-card .card-content-coupon-card__title { width: 136px; text-align: center; font-size: 16px; }

.coupon-card .card.card-coupon-card .card-content-coupon-card .modal-coupon-list-link { width: calc(100% - 136px); padding: 0px 10px 4px; font-size: 14px; }

.coupon-card .card.card-coupon-card .card-content-coupon-card:last-child { border-bottom: none; }

.no-coupon { padding: 80px 0; text-align: center; }

.no-coupon p { margin-top: 35px; font-size: 16px; }

.has-coupon { padding-bottom: 15px; }

.has-coupon-top-area { display: flex; justify-content: space-between; }

.has-coupon-top-area .checkbox { margin: 7px 0 0; }

.has-coupon-list { margin-top: 15px; border-bottom: 1px solid #eee; }

.has-coupon-list-box { display: block; overflow: hidden; position: relative; width: 100%; height: 82px; border-top: 1px solid #eee; cursor: pointer; }

.has-coupon-list-box span.has-coupon-list-box-info { cursor: default; }

.has-coupon-list-box span.has-coupon-list-box-info.is-danger { cursor: pointer; width: 100%; }

.has-coupon-list-box .radio { height: inherit; width: 83%; margin-bottom: 0; }

.has-coupon-list-box .radio input[type='radio'] + label { display: flex; justify-content: left; align-items: center; height: inherit; font-size: 16px; color: #333; line-height: 50px; }

.has-coupon-list-box .radio input[type='radio'] + label::after { top: 50%; transform: translateY(-50%) scale(0); }

.has-coupon-list-box .radio input[type='radio'] + label .has-coupon-list__title { display: inline-block; width: 135px; margin-left: 10px; font-weight: 400; color: inherit; }

.has-coupon-list-box .radio input[type='radio'] + label .has-coupon-list__text { display: block; width: 100%; max-width: 425px; line-height: 1; }

.has-coupon-list-box .radio input[type='radio']:checked + label::after { transform: translateY(-50%) scale(1); }

.has-coupon-list-box-info { overflow: hidden; float: right; position: absolute; top: 0; right: 0; z-index: 1; height: inherit; padding: 0 20px 0 20px; text-align: right; line-height: 82px; font-size: 12px; color: #777; }

.has-coupon-list-box-info i { vertical-align: middle; }

.has-coupon-list-box-info span { display: inline-block; margin: 0 0 0 5px; line-height: 17px; vertical-align: text-top; }

.has-coupon-list__text { display: inline-block; max-width: 320px; overflow: hidden; vertical-align: middle; white-space: nowrap; word-wrap: normal; word-break: break-all; text-overflow: ellipsis; }

.has-coupon-list__text--list { margin-top: 10px; line-height: 1; }

.has-coupon-list__text--list:after { display: block; content: ''; clear: both; }

.has-coupon-list__text--list li { position: relative; float: left; margin-left: 10px; padding-left: 11px; }

.has-coupon-list__text--list li:first-child { margin-left: 0; padding-left: 0; }

.has-coupon-list__text--list li:first-child:before { content: none; }

.has-coupon-list__text--list li:before { display: inline-block; content: ''; position: absolute; top: 50%; left: 0; z-index: 1; width: 1px; height: 14px; background-color: #ccc; transform: translateY(-50%); }

.has-coupon-list__text--list li span { color: #777; font-size: 16px; }

.has-coupon-list__text--list li span em { font-style: normal; }

.has-coupon-list__date { display: inline-block; margin-left: 3px; vertical-align: middle; font-size: 14px; }

.has-coupon-list-box.disabled { border: 1px solid #eee; background-color: #f9f9f9; }

.has-coupon-list-box.disabled .radio input[type='radio'] + label { color: #777; }

.coupon-calculate { padding: 30px 20px; background-color: #f9f9f9; }

.coupon-calculate-div { display: flex; justify-content: flex-end; margin: 2px 0; }

.coupon-calculate-div.discount .coupon-calculate-div__title { color: #ed2650; }

.coupon-calculate-div__title { color: #333; font-size: 14px; }

.coupon-calculate-div__title-tatal { color: #333; font-size: 20px; }

.coupon-calculate-div__title-tatal strong { display: inline-block; margin-right: 4px; }

.coupon-calculate-div__text { line-height: 1.3; }

.coupon-calculate-div__text strong { display: inline-block; width: 82px; margin-right: 4px; font-weight: 400; font-size: 18px; text-align: right; }

.coupon-calculate-div__text span { color: #333; font-size: 16px; }

.coupon-calculate-div__text-tatal { line-height: 0.8; }

.coupon-calculate-div__text-tatal strong { margin: 0 2px 0 20px; font-size: 30px; font-weight: 600; }

.coupon-calculate-div__text-tatal span { color: #333; font-size: 20px; }

#modal-ter div.modal-card-body { margin: 0 -20px; }

.coupon-guide { display: flex; flex-wrap: wrap; padding-bottom: 15px; font-size: 16px; }

.coupon-guide-wrap { margin: 0 0 0 20px; padding: 20px 20px 20px 0; }

.coupon-guide__title { width: 88px; padding: 6px 0; color: #333; }

.coupon-guide__text { width: calc(100% - 88px); padding: 6px 0; word-break: keep-all; }

.coupon-guide-list { width: calc(100% - 88px); }

.coupon-guide-list__title { display: block; padding: 5px 0; font-weight: 400; }

.coupon-guide-list__title::before { display: inline-block; padding-right: 5px; content: '·'; font-weight: 600; }

.modal-coupon-list-link { margin: 0 0 8px 10px; }

.modal-coupon-list-link .link { color: #777; }

.modal-coupon-list-link .link:after { border-color: inherit; opacity: 0; transform: scale(0, 1); }

.modal-coupon-list-link .link:hover:after { opacity: 1; transform: scale(1, 1); }

.modal-coupon-list-link .link i { opacity: 0.8; }

/* E:쿠폰 팝업 */
.section-item-contents__usercheck { position: relative; padding: 10px; background-color: #f9f9f9; }

.section-item-contents__notlogin { min-height: 190px; }

.section-item-contents__notlogin--info { display: block; padding-top: 50px; color: #333; font-size: 20px; text-align: center; }

.section-item-contents__notlogin--button { justify-content: center; align-items: center; margin-top: 25px; }

.section-item-contents__notlogin--button .button { min-width: 128px; margin-left: 10px; }

.section-item-contents__notlogin--button .button:first-child { margin-left: 0; }

.section-item-contents__userinfo { min-height: 190px; }

.section-item-contents__userinfo--rating { display: table; table-layout: fixed; padding: 25px 100px 40px; }

.section-item-contents__userinfo--mark { display: table-cell; position: relative; width: 125px; vertical-align: middle; }

.section-item-contents__userinfo--mark i { display: block; margin: 0 auto; }

.section-item-contents__userinfo--mark .tooltip-info { margin-top: 15px; text-align: center; }

.section-item-contents__userinfo--mark .tooltip-info .tooltip-tit { margin-top: 15px; color: #333; font-size: 16px; vertical-align: middle; }

.section-item-contents__userinfo--mark .tooltip-info .icon-tooltip { display: inline-block; vertical-align: text-top; margin-left: 3px; cursor: pointer; }

.section-item-contents__userinfo--mark .tooltip-info .icon-tooltip:hover { background: url(../images/common/tooltip_arrow_on.png) no-repeat center; }

.section-item-contents__userinfo--mark .tooltip-info .icon-tooltip:hover + .tooltip { display: block; }

.section-item-contents__userinfo--mark .tooltip-info__desc { display: block; margin-top: 5px; margin-bottom: 10px; font-size: 13px; font-weight: 600; line-height: 1.2; text-align: left; }

.section-item-contents__userinfo--mark .tooltip-info .tooltip { display: none; position: absolute; top: 140px; left: -100px; z-index: 5; width: 220px; padding: 10px 20px; border: 1px solid #333; background-color: #fff; }

.section-item-contents__userinfo--mark .tooltip-info .tooltip dl { justify-content: space-between; align-items: center; padding: 10px 0; border-top: 1px solid #eee; }

.section-item-contents__userinfo--mark .tooltip-info .tooltip dl:first-child { border-top: none; }

.section-item-contents__userinfo--mark .tooltip-info .tooltip dl dt, .section-item-contents__userinfo--mark .tooltip-info .tooltip dl dd { color: #333; font-size: 13px; line-height: 1; }

.section-item-contents__userinfo .coupon-info { display: flex; position: absolute; top: 20px; right: 20px; z-index: 1; align-items: center; }

.section-item-contents__userinfo .coupon-info .icon-info-red { display: inline-block; vertical-align: text-top; margin-right: 5px; }

.section-item-contents__userinfo .coupon-info .icon-caution { margin-right: 5px; }

.section-item-contents__userinfo--info { display: table-cell; width: 380px; padding-left: 35px; padding-right: 20px; vertical-align: middle; word-break: keep-all; }

.section-item-contents__userinfo--info .btn-coupon-view { padding: 0; color: #333; font-size: 14px; }

.section-item-contents__userinfo--info .btn-coupon-view i { margin-left: 5px; }

.section-item-contents__userinfo--info .level + .btn-coupon-view { margin-top: 10px; }

.section-item-contents__userinfo--info .wedding + .btn-coupon-view { margin-top: 20px; }

.section-item-contents__userinfo--tag { display: block; width: 100%; margin-bottom: 5px; color: #333; font-size: 16px; font-style: normal; }

.section-item-contents__userinfo--level { color: #333; font-size: 20px; }

.section-item-contents__userinfo--wedding { margin-top: 8px; }

.section-item-contents__userinfo--wedding .icon-wedding { margin-right: 5px; }

.section-item-contents__userinfo--wedding .date { color: #777; font-size: 14px; }

.section-item-contents__userinfo--wedding .date .is-bold { color: #333; }

.section-item-contents__userinfo--friends { margin-top: 8px; }

.section-item-contents__userinfo--friends .icon-friends { margin-right: 5px; }

.section-item-contents__userinfo--friends .date { color: #777; font-size: 14px; }

.section-item-contents__userinfo--friends .date .is-bold { color: #333; }

.section-item-contents__userinfo--zip { margin-top: 8px; }

.section-item-contents__userinfo--zip .icon-zip { margin-right: 5px; }

.section-item-contents__userinfo--zip .date { color: #777; font-size: 14px; }

.section-item-contents__userinfo--zip .date .is-bold { color: #333; }

.section-item-contents__userinfo--mstore { margin-top: 8px; }

.section-item-contents__userinfo--mstore .icon-mstore { margin-right: 5px; }

.section-item-contents__userinfo--mstore .date { color: #777; font-size: 14px; }

.section-item-contents__userinfo--mstore .date .is-bold { color: #333; }

.section-item-contents__userinfo--livartM { margin-top: 8px; }

.section-item-contents__userinfo--livartM .icon-livart-m { margin-right: 5px; }

.section-item-contents__userinfo--livartM .date { color: #777; font-size: 14px; }

.section-item-contents__userinfo--livartM .date .is-bold { color: #333; }

.section-item-contents__userinfo--couponnumber { display: table-cell; vertical-align: middle; width: 230px; }

.section-item-contents__userinfo--couponnumber:before { display: block; content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 120px; background-color: #ddd; transform: translateY(-50%); }

.section-item-contents__userinfo--couponnumber:after { display: block; content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 120px; background-color: #ddd; transform: translateY(-50%); }

.section-item-contents__userinfo--couponnumber dl dt { text-align: center; }

.section-item-contents__userinfo--couponnumber dl dd { text-align: right; margin-right: 70px; }

.section-item-contents__userinfo--rightline { display: table-cell; vertical-align: middle; }

.section-item-contents__userinfo--rightline:before { display: block; content: ''; position: absolute; top: 50%; left: 0; width: 1px; height: 156px; background-color: #ddd; transform: translateY(-50%); }

.section-item-contents__userinfo--discount { display: table-cell; vertical-align: middle; width: 137px; text-align: right; }

.section-item-contents__userinfo--discount dl dt { text-align: center; }

.section-item-contents__userinfo--discount dl dd { text-align: right; }

.section-item-contents__userinfo--discount.discount-01 dl dd { margin-right: 38px; }

.section-item-contents__userinfo--discount.discount-02 dl dd { margin-right: 27px; }

.section-item-contents__userinfo--discount.discount-03 dl dd { margin-right: 33px; }

.section-item-contents__userinfo .check-user-info { position: relative; }

.section-item-contents__userinfo .check-user-info dl { margin-top: 10px; }

.section-item-contents__userinfo .check-user-info dl dt { color: #333; font-size: 16px; }

.section-item-contents__userinfo .check-user-info dl dd { color: #333; font-size: 50px; letter-spacing: -0.2px; }

.section-item-contents__coupon--input { justify-content: left; align-items: center; padding: 30px 100px; background-color: #fff; }

.section-item-contents__coupon--input .input { width: 435px; }

.section-item-contents__coupon--input .button { min-width: 128px; margin-left: 10px; }

.section-item-contents__coupon--input .dot-list { margin-left: 40px; }

.section-item-contents__coupon--input .dot-list li { margin: 0; color: #8d8d8d; font-size: 14px; }

.section-item-contents__coupon--input .dot-list li .is-point { color: #333; font-style: normal; }

.section-item-contents__coupon--tabs.coupon-zone-tab { margin-top: 100px; }

.section-item-contents__coupon--tabs.coupon-zone-tab .tabs .tab { height: 50px; }

.section-item-contents__coupon--tabs.coupon-zone-tab .section-item-contents__tab--title { padding-bottom: 0; border-bottom: none; }

.section-item-contents__coupon--tabs .tabs li { width: 50%; }

.section-item-contents__coupon--tabs .tabs li .tab { width: 100%; }

.section-item-contents__coupon--tabs .tabs li .tab span { font-size: 16px; }

.section-item-contents__dwcoupon--info { padding: 25px 30px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }

.section-item-contents__dwcoupon--info .dot-list li { color: #999; font-size: 14px; }

.section-item-contents__tabs--top { justify-content: space-between; align-items: center; margin: 30px 0 60px; }

.section-item-contents__tabs--selectwrap .dropdown { margin-left: 3px; }

.section-item-contents__tabs--selectwrap .dropdown:first-child { margin-left: 0; }

.section-item-contents__tabs--selectwrap .dropdown .dropdown-trigger .button { min-width: 185px; }

.section-item-contents__coupons--list { margin: 50px 0; padding-bottom: 50px; }

.section-item-contents__coupons--list .coupon-list { margin: -20px -14.5px 0; }

.section-item-contents__coupons--list .coupon-list > li { display: inline-block; margin: 50px 14.5px 0; vertical-align: top; }

.section-item-contents__tab--title { padding-bottom: 30px; border-bottom: 1px solid #ccc; }

.section-item-contents__level { margin-top: 60px; }

.section-item-contents__level .table { width: 100%; max-width: 1086px; margin: 40px auto 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; border-collapse: inherit; }

.section-item-contents__level .table.info thead th { padding: 20px 18px 20px; color: #777; font-weight: 600; text-align: left; }

.section-item-contents__level .table.info thead th:first-child { color: #333; font-weight: 400; }

.section-item-contents__level .table.info tbody td { text-align: left; }

.section-item-contents__level .table th, .section-item-contents__level .table td { border-left: 1px solid #eee; vertical-align: middle; font-size: 16px; font-weight: 400; }

.section-item-contents__level .table th:first-child, .section-item-contents__level .table td:first-child { border-left: none; }

.section-item-contents__level .table thead th { padding: 15px 18px 20px; background-color: #f9f9f9; border-bottom: none; }

.section-item-contents__level .table tbody td { padding: 20px; color: #777; font-size: 16px; vertical-align: middle; text-align: center; }

.section-item-contents__level .table tbody td.coupon-wrap { position: relative; vertical-align: top; }

.section-item-contents__level .table tbody td.coupon-wrap .button { display: none; position: absolute; bottom: 20px; left: 50%; z-index: 1; min-width: 100px; transform: translateX(-50%); }

.section-item-contents__level .dl-table-style.coupon-table { width: 100%; max-width: 1086px; margin: 60px auto 0; }

.section-item-contents__level.individual .table tbody .end-line th { border-left: 1px solid #eee; }

.section-item-contents__level.individual .table.forest thead th:nth-child(2) { position: relative; border-top: 2px solid #333; border-left: 2px solid #333; border-right: 2px solid #333; }

.section-item-contents__level.individual .table.forest tbody tr:nth-child(1) td:nth-child(2) { border-left: 2px solid #333; border-right: 2px solid #333; }

.section-item-contents__level.individual .table.forest tbody tr:nth-child(1) td:nth-child(2).coupon-wrap { padding-bottom: 60px; }

.section-item-contents__level.individual .table.forest tbody tr:nth-child(1) td:nth-child(2).coupon-wrap .button { display: block; }

.section-item-contents__level.individual .table.forest tbody tr:nth-child(2) td:nth-child(2) { border-left: 2px solid #333; border-right: 2px solid #333; }

.section-item-contents__level.individual .table.forest tbody tr:nth-child(3) td:nth-child(2) { border-left: 2px solid #333; border-right: 2px solid #333; }

.section-item-contents__level.individual .table.forest tbody tr:nth-child(4) td:nth-child(3) { border-left: 2px solid #333; border-right: 2px solid #333; }

.section-item-contents__level.individual .table.forest tbody tr:nth-child(5) td:nth-child(2) { position: relative; border-left: 2px solid #333; border-right: 2px solid #333; border-bottom: 2px solid #333; }

.section-item-contents__level.individual .table.tree thead th:nth-child(3) { position: relative; border-top: 2px solid #333; border-left: 2px solid #333; border-right: 2px solid #333; }

.section-item-contents__level.individual .table.tree tbody tr:nth-child(1) td:nth-child(3) { border-left: 2px solid #333; border-right: 2px solid #333; }

.section-item-contents__level.individual .table.tree tbody tr:nth-child(1) td:nth-child(3).coupon-wrap { padding-bottom: 60px; }

.section-item-contents__level.individual .table.tree tbody tr:nth-child(1) td:nth-child(3).coupon-wrap .button { display: block; }

.section-item-contents__level.individual .table.tree tbody tr:nth-child(2) td:nth-child(3) { border-left: 2px solid #333; border-right: 2px solid #333; }

.section-item-contents__level.individual .table.tree tbody tr:nth-child(3) td:nth-child(3) { border-left: 2px solid #333; border-right: 2px solid #333; }

.section-item-contents__level.individual .table.tree tbody tr:nth-child(4) td:nth-child(4) { border-left: 2px solid #333; border-right: 2px solid #333; }

.section-item-contents__level.individual .table.tree tbody tr:nth-child(5) td:nth-child(3) { position: relative; border-left: 2px solid #333; border-right: 2px solid #333; border-bottom: 2px solid #333; }

.section-item-contents__level.individual .table.flower thead th:nth-child(4) { position: relative; border-top: 2px solid #333 !important; border-left: 2px solid #333 !important; border-right: 2px solid #333 !important; }

.section-item-contents__level.individual .table.flower tbody tr:nth-child(1) td:nth-child(4) { border-left: 2px solid #333; border-right: 2px solid #333; }

.section-item-contents__level.individual .table.flower tbody tr:nth-child(1) td:nth-child(4).coupon-wrap { padding-bottom: 60px; }

.section-item-contents__level.individual .table.flower tbody tr:nth-child(1) td:nth-child(4).coupon-wrap .button { display: block; }

.section-item-contents__level.individual .table.flower tbody tr:nth-child(2) td:nth-child(4) { border-left: 2px solid #333; border-right: 2px solid #333; }

.section-item-contents__level.individual .table.flower tbody tr:nth-child(3) td:nth-child(4) { border-left: 2px solid #333; border-right: 2px solid #333; }

.section-item-contents__level.individual .table.flower tbody tr:nth-child(4) td:nth-child(5) { border-left: 2px solid #333; border-right: 2px solid #333; }

.section-item-contents__level.individual .table.flower tbody tr:nth-child(5) td:nth-child(4) { position: relative; border-left: 2px solid #333; border-right: 2px solid #333; border-bottom: 2px solid #333; }

.section-item-contents__level.buisness .table.forest thead th:nth-child(2) { position: relative; border-top: 2px solid #333; border-left: 2px solid #333; border-right: 2px solid #333; }

.section-item-contents__level.buisness .table.forest tbody tr:nth-child(1) td:nth-child(2) { border-left: 2px solid #333; border-right: 2px solid #333; }

.section-item-contents__level.buisness .table.forest tbody tr:nth-child(1) td:nth-child(2).coupon-wrap { padding-bottom: 60px; }

.section-item-contents__level.buisness .table.forest tbody tr:nth-child(1) td:nth-child(2).coupon-wrap .button { display: block; }

.section-item-contents__level.buisness .table.forest tbody tr:nth-child(2) td:nth-child(2) { position: relative; border-left: 2px solid #333; border-right: 2px solid #333; border-bottom: 2px solid #333; }

.section-item-contents__level.buisness .table.tree thead th:nth-child(3) { position: relative; border-top: 2px solid #333; border-left: 2px solid #333; border-right: 2px solid #333; }

.section-item-contents__level.buisness .table.tree tbody tr:nth-child(1) td:nth-child(3) { border-left: 2px solid #333; border-right: 2px solid #333; }

.section-item-contents__level.buisness .table.tree tbody tr:nth-child(1) td:nth-child(3).coupon-wrap { padding-bottom: 60px; }

.section-item-contents__level.buisness .table.tree tbody tr:nth-child(1) td:nth-child(3).coupon-wrap .button { display: block; }

.section-item-contents__level.buisness .table.tree tbody tr:nth-child(2) td:nth-child(3) { position: relative; border-left: 2px solid #333; border-right: 2px solid #333; border-bottom: 2px solid #333; }

.section-contents-item__search--not { margin: 100px 0; }

.button.btn-down { display: inline-block; vertical-align: middle; }

.button.btn-down i { display: inline-block; margin-left: 8px; }

.button.btn-down:hover i { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -742px -619px; width: 17px; height: 16px; }

.button.btn-down:focus i { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -742px -619px; width: 17px; height: 16px; }

.only-wrap { position: relative; }

.only-wrap .only { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; width: 70px; height: 70px; background-color: #333; }

.only-wrap .only .txt-wrap .txt { display: inline-block; color: #fff; font-size: 14px; text-align: center; line-height: 1.4; word-break: keep-all; margin: 0 1px; }

.only-wrap .only .txt-wrap:before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 0px; height: 0px; border-left: 10px solid #fff; border-bottom: 10px solid transparent; }

.item-coupon__wrap { width: 317px; }

.item-coupon__wrap .btn { display: block; position: relative; width: 100%; padding: 18px 0; background-color: #ddd; color: #777; font-size: 16px; text-align: center; }

.item-coupon__wrap .btn.btn-coupon { background-color: #2a384d; color: #fff; }

.item-coupon__wrap .btn.btn-coupon i { margin-left: 10px; }

.item-coupon__wrap .btn:before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 0px; height: 0px; border-left: 12px solid #fff; border-bottom: 12px solid transparent; }

.item-coupon__wrap .btn:after { display: block; content: ''; position: absolute; top: 0; right: 0; width: 0px; height: 0px; border-right: 12px solid #fff; border-bottom: 12px solid transparent; }

.item-coupon__contents { position: relative; width: 100%; padding: 30px 20px 50px; border: 1px solid #ccc; }

.item-coupon__contents:after { display: block; content: ''; position: absolute; bottom: -1px; left: -1px; z-index: 1; width: 317px; height: 12px; background: url(../images/common/bg_coupon.jpg) no-repeat center; }

.item-coupon__contents--bottom { width: 100%; padding: 0 20px; position: absolute; bottom: 20px; left: 0; }

.item-coupon__contents--bottom .items-number { float: left; color: #333; font-size: 14px; }

.item-coupon__contents--bottom .btn-info { display: inline-block; padding-right: 0; float: right; vertical-align: middle; }

.item-coupon__contents--bottom .btn-info i { display: inline-block; margin-left: 5px; vertical-align: text-top; }

.item-coupon__price--title { display: inline-block; margin-bottom: 8px; color: #333; font-size: 14px; font-weight: 400; }

.item-coupon__price--price { line-height: 1; }

.item-coupon__price--price .number { font-size: 50px; font-weight: 600; }

.item-coupon__price--price .won { font-size: 20px; font-weight: 600; }

.item-coupon__price--price .persent { font-size: 50px; font-weight: 600; }

.item-coupon__name { margin-top: 35px; }

.item-coupon__name--title { display: block; overflow: hidden; width: 100%; color: #333; font-size: 14px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; }

.item-coupon__name ul { margin-top: 5px; }

.item-coupon__name ul li { margin-top: 3px; padding-left: 11px; color: #777; font-size: 14px; line-height: 1.3; letter-spacing: -0.2px; }

.item-coupon__name ul li:first-child { margin-top: 0; }

.item-coupon__name ul li:before { display: block; float: left; content: '-'; width: 11px; margin-left: -11px; }

.item-level-box i { display: block; margin: 0 auto; }

.item-level-box .txt { display: block; margin-top: 10px; font-weight: 600; text-align: center; }

.item-coupon { display: inline-block; position: relative; }

.item-coupon-box__discount { position: absolute; top: 0; left: calc(50% - 5px); z-index: 1; color: #9d8474; font-size: 20px; font-weight: 600; transform: translateX(-50%); }

.item-coupon-box__number { position: relative; top: -5px; color: #777; font-size: 16px; }

.ellipsis { text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; }

.no-data-info { padding: 100px 0; color: #777; font-size: 16px; text-align: center; }

.no-data-info.is-top-liner { border-top: 1px solid #eee; }

.no-data-info.is-top-liner.is-small.is-liner { padding: 25px 0; margin-bottom: 20px; }

.no-data-info.is-liner { margin-bottom: 60px; border-bottom: 1px solid #eee; }

.item-button-wrap.button-area.is-small { margin-top: 20px; }

.section-contents-mypage.is-interval { margin-bottom: 80px; }

.section-contents-mypage__title { color: #333; font-weight: 400; }

.section-contents-mypage__point { margin-top: -41px; }

.section-contents-mypage__point--info { margin: 60px 0 30px; color: #333; font-size: 16px; text-align: center; }

.section-contents-mypage__point .pitem-review-header { display: flex; align-items: center; justify-content: space-between; }

.section-contents-mypage__point .pitem-review-header .fl { flex: 0 0 465px; }

.section-contents-mypage__point .pitem-review-header .fr dl { margin-right: 15px; }

.section-contents-mypage__coupon--wrap { padding: 10px; background-color: #f9f9f9; }

.section-contents-mypage.section-item-contents__coupon--tabs { margin-top: 40px; }

.section-contents-mypage.section-item-contents__coupon--tabs .pitem-table-dropdown-wrap.tab1 { margin-top: 30px; text-align: right; }

.section-contents-mypage.section-item-contents__coupon--tabs .pitem-table-dropdown-wrap.tab1 > span { vertical-align: bottom; }

.section-contents-mypage.section-item-contents__coupon--tabs .pitem-table-dropdown-wrap.tab1 .dropdown-wrap { display: inline-block; }

.section-contents-mypage.section-item-contents__coupon--tabs .pitem-table-dropdown-wrap.tab2 { margin-top: 59px; }

.section-contents-mypage.section-item-contents__coupon--tabs .pitem-table-dropdown-wrap .dropdown-trigger .button { min-width: 190px; }

.section-contents-mypage__question--list .column { margin-bottom: 0; padding: 0; }

.section-contents-mypage__question--item { margin-top: -41px; }

.section-contents-mypage.mypage-user-level { padding-bottom: 60px; }

.section-contents-mypage.mypage-user-level .section-item-contents__userinfo--rating { padding: 37px 40px 38px; }

.section-contents-mypage.mypage-user-level .section-item-contents__userinfo--info { width: 455px; padding-left: 40px; }

.section-contents-mypage.mypage-user-level .section-item-contents__userinfo--info .level-info { display: block; margin-top: 5px; color: #777; font-size: 14px; }

.section-contents-mypage.mypage-user-level .section-item-contents__userinfo--info .level-info .date { color: #333; }

.section-contents-mypage.mypage-user-level .section-item-contents__userinfo--info .level-info2 { margin-top: 25px; color: #777; font-size: 14px; word-break: keep-all; }

.section-contents-mypage.mypage-user-level .section-item-contents__userinfo--info .level-info2 span { display: block; }

.section-contents-mypage.mypage-user-level .section-item-contents__userinfo--info .level-info2 span em { font-style: normal; }

.section-contents-mypage.mypage-user-level .section-item-contents__userinfo--rightline dl { display: flex; justify-content: left; align-items: center; padding-left: 60px; }

.section-contents-mypage.mypage-user-level .section-item-contents__userinfo--rightline dl dt { width: 105px; color: #777; font-size: 16px; }

.section-contents-mypage.mypage-user-level .section-item-contents__userinfo--rightline dl dd { color: #333; font-size: 16px; }

.section-contents-mypage.mypage-user-level .section-item-contents__userinfo--rightline dl dd em { color: #333; font-size: 16px; font-style: normal; }

.section-contents-mypage.mypage-user-level .section-item-contents__level { padding-bottom: 0; }

.section-contents-mypage.mypage-user-level .section-item-contents__level .table { margin-top: 0; }

.section-contents-mypage.mypage-user-level .dl-table-style.coupon-table { width: 100%; max-width: 1086px; margin: 60px auto 0; }

.section-contents-mypage.mypage-user-level .dl-table-style.coupon-table .dl-table-style__dd li { line-height: 1.5; }

.section-contents-mypage .pitem-table-container { margin-top: 10px; }

.section-contents-mypage .pitem-table-container .title { color: #373737; font-size: 16px; }

.section-contents-mypage .pitem-table-container .dot-list li { color: #777; font-size: 14px; }

.section-contents-mypage .button-area .button { min-width: 150px; }

a.section-contents-item__name:hover, a.section-contents-item__name:focus { color: #333; text-decoration: underline; }

.section-item-contents__coupon--tabs { margin-top: 60px; }

.section-item-contents__coupon--tabs .pitem-table-dropdown-wrap.tab1 { margin-top: 40px; text-align: right; }

.section-item-contents__coupon--tabs .pitem-table-dropdown-wrap.tab1 > span { vertical-align: bottom; }

.section-item-contents__coupon--tabs .pitem-table-dropdown-wrap.tab1 .dropdown-wrap { display: inline-block; }

.section-item-contents__coupon--tabs .pitem-table-dropdown-wrap.tab2 { margin-top: 40px; }

.section-item-contents__coupon--tabs .pitem-table-dropdown-wrap .dropdown-trigger .button { min-width: 190px; }

.pitem-table-container { margin-top: 10px; }

.pitem-table-container.inner-contents { margin-top: 10px; }

.pitem-table-container.no-item-top { margin-top: -41px; }

.pitem-table-container .table { border-bottom: 1px solid #eee; }

.pitem-table-container .table .is-link { color: #888; font-size: 16px; }

.pitem-table-container .table .is-link i { display: inline-block; margin-right: 5px; vertical-align: text-top; }

.pitem-table-container .table .contents-items__wrap { display: flex; justify-content: left; align-items: flex-start; text-align: left; }

.pitem-table-container .table .contents-items__wrap .img { width: 96px; height: auto; margin-right: 10px; }

.pitem-table-container .table .contents-items__wrap .item-detail .product-review-list-div { border-top: none; border-bottom: 1px solid #eee; }

.pitem-table-container .table .contents-items__wrap .item-detail .section-contents-item__name--event { color: #888; }

.pitem-table-container .table .contents-items__wrap .item-detail .section-contents-item__name--text { color: #888; }

.pitem-table-container .table .contents-items__wrap .item-detail .section-contents-item__name--text.review-item { width: 474px; }

.pitem-table-container .table .contents-items__wrap .item-detail .section-contents-item__options .section-contents-item__options--titwrap { width: 474px; max-width: 100%; }

.pitem-table-container .table .contents-items__wrap .item-detail .section-contents-item__options .section-contents-item__options--titwrap .section-contents-item__options--title { width: 474px; }

.pitem-table-container .table .contents-items__wrap .item-detail .section-contents-item__options .section-contents-item__options--titwrap .section-contents-item__options--subwrap .section-contents-item__options--sub { width: 474px; }

.date-order-number-wrap { text-decoration: underline; color: #333; }

.date-order-number-wrap .date { color: #333; font-size: 14px; }

.date-order-number-wrap .order-number { color: #333; font-size: 14px; }

.section-contents-events__dateselect.is-non-margin .date-select-wrap { margin-top: 0; background-color: #fff; }

.item-detail + .product-review-list-div { border-top: none; border-bottom: 1px solid #eee; }

.manager-text { display: block; margin-top: 10px; }

.section-contents-item__options.is-fullwidth .section-contents-item__options--titwrap { width: 100%; max-width: 100%; flex-flow: row wrap; }

.section-contents-item__options.is-fullwidth .section-contents-item__options--titwrap .section-contents-item__options--title { width: auto; }

.section-contents-item__options.is-fullwidth .section-contents-item__options--titwrap .section-contents-item__options--subwrap .section-contents-item__options--sub { width: 100%; }

.arrow-text-list li { display: inline-block; vertical-align: middle; margin-left: 5px; color: #888; font-size: 16px; line-height: 1.5; }

.arrow-text-list li:first-child { margin-left: 0; }

.arrow-text-list li:first-child:before { content: none; }

.point-info-list--blue { justify-content: center; align-items: center; padding: 30px 0; background-color: #f3f9ff; }

.point-info-list--blue .span-blue { color: #385ea3; }

.point-info-list--blue li { justify-content: center; align-items: center; position: relative; padding: 0 30px; }

.point-info-list--blue li:before { display: block; content: ''; position: absolute; top: 50%; left: 0; z-index: 1; width: 1px; height: 12px; background-color: #ccc; transform: translateY(-50%); }

.point-info-list--blue li:first-child:before { content: none; }

.point-info-list--blue li span { color: #385ea3; font-size: 16px; }

.point-info-list--blue li span.point { margin-left: 10px; font-weight: 600; }

.edit-layout .left-cont { width: 150px; }

.edit-layout .left-cont .review-tit { display: inline-block; margin-top: 18px; color: #333; font-size: 16px; font-weight: 400; }

.edit-layout .right-cont { display: block; width: 100%; margin-left: 20px; }

.edit-layout .required:before { display: inline-block; content: '*'; margin-right: 0.5rem; color: #ff2c2c; }

.item-detail { padding: 40px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }

.item-detail .left-cont img { display: block; width: 100%; }

.item-detail--brand { display: inline-block; margin-bottom: 10px; padding: 5px 30px; border: 1px solid #333; border-radius: 3px; color: #333; font-size: 14px; }

.item-detail--name { color: #333; font-size: 14px; }

.item-detail--option li { color: #999; font-size: 14px; }

.modal-review .item-detail { padding: 0 0 10px; border-top: none; }

.confirm-purchas { padding: 20px; color: #333; }

.star-grade__desc { display: inline-block; color: #999; font-size: 16px; }

.star-grade__total { display: flex; align-items: center; }

.star-grade__total span { margin-right: 15px; color: #888; }

.star-grade__rate { justify-content: center; align-items: center; }

.star-grade__rate li { padding: 0 2px; }

.star-grade__rate .on .icon-star { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -589px -329px; width: 38px; height: 36px; }

.star-grade__detail { display: flex; flex-wrap: wrap; }

.star-grade__detail-list { display: flex; flex: 1 1 40%; align-items: center; }

.star-grade__detail-list span { margin-right: 10px; font-size: 14px; color: #888; }

.star-grade__detail-list-rate { justify-content: center; align-items: center; }

.star-grade__detail-list-rate li { padding: 0 1px; }

.star-grade__detail-list-rate .on .icon-star_s { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -608px -634px; width: 21px; height: 20px; }

.item-input-title .right-cont { padding: 0 0 20px; }

.item-review-contents .right-cont { padding: 0 0 20px; }

.item-review-contents .right-cont .textarea { height: 200px; resize: none; }

.item-photo-regist { justify-content: left; }

.item-photo-regist__regist .review-images-list { justify-content: left; align-items: center; }

.item-photo-regist__regist .review-images-list li { position: relative; width: 100px; height: 100px; background-color: #f1f1f1; overflow: hidden; margin-right: 10px; }

.item-photo-regist__regist .review-images-list li img { display: block; max-width: 100%; width: auto; height: 100%; overflow: hidden; }

.item-photo-regist__regist .review-images-list li .file-pdf { text-align: center; line-height: 100px; }

.item-photo-regist__regist .review-images-list li .file-pdf .ico-pdf { display: inline-block; vertical-align: middle; background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -380px -287px; width: 45px; height: 61px; }

.item-photo-regist__regist .review-images-list li .btn-del { display: inline-block; position: absolute; top: 0; right: 0; z-index: 2; width: 24px; height: 24px; background-color: #333; }

.item-photo-regist__regist .review-images-list li .btn-del:before { display: inline-block; content: ''; position: absolute; top: 50%; left: 50%; width: 1px; height: 10px; background-color: #fff; transform: translate(-50%, -50%) rotate(45deg); transform-origin: 50% 50%; }

.item-photo-regist__regist .review-images-list li .btn-del:after { display: inline-block; content: ''; position: absolute; top: 50%; left: 50%; width: 1px; height: 10px; background-color: #fff; transform: translate(-50%, -50%) rotate(-45deg); transform-origin: 50% 50%; }

.item-photo-regist__regist .review-images-list .modal-button { padding: 0; }

.item-photo-regist--label { display: inline-block; position: relative; width: 100px; height: 100px; border: 1px solid #333; cursor: pointer; transition: all 0.3s; }

.item-photo-regist--label:hover, .item-photo-regist--label:focus { background-color: rgba(26, 158, 236, 0.05); }

.item-photo-regist--label:before { display: inline-block; content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; width: 2px; height: 14px; background-color: #333; transform: translate(-50%, -50%); }

.item-photo-regist--label:after { display: inline-block; content: ''; position: absolute; top: 50%; left: 50%; z-index: 1; width: 14px; height: 2px; background-color: #333; transform: translate(-50%, -50%); }

.item-photo-regist--button { display: none; }

.item-photo-regist .dot-list { margin-top: 20px; }

.item-photo-regist .dot-list li { margin: 0; }

.modal-button .thumb-video { display: block; position: relative; }

.modal-button .thumb-video:before { content: ''; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.25); }

.modal-button .thumb-video:after { content: ''; display: inline-block; position: absolute; top: 50%; left: 50%; z-index: 10; width: 0; height: 13px; margin: -8px 0 0 -3px; border-width: 8px 0 8px 13px; border-color: transparent transparent transparent #fff; border-style: solid; }

.modal-button .thumb-video.img-size-1000:after { display: none; }

.point-info-dllist { display: flex; margin-top: 10px; align-items: center; justify-content: center; font-size: 16px; }

.point-info-dllist__dt:after { content: '|'; display: inline-block; height: 18px; line-height: 1; margin: 0 10px; color: #ccc; vertical-align: middle; font-size: 13px; font-weight: 400; }

.point-info-dllist__dd { font-weight: 600; }

.as-request-item li { display: inline-block; }

.as-request-item li:not(:first-child):before { margin: 0 10px; font-family: 'iconset' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: ''; }

.as-button-wrap { margin-top: 60px; }

.as-button-wrap .button { min-width: 180px; }

/* [팝업] 주문내역 (마이페이지용으로 재정의) */
.modal-order-history__fixed .modal-card { width: 1100px !important; }

.section-title__button { position: relative; }

.section-title__button .button { position: absolute; right: 0; bottom: 25px; }

.section-contents-table__table.prev-order-table .date-time-wrap span { display: block; color: #333; font-size: 14px; }

.section-contents-table__table.prev-order-table .item-number-name-wrap { text-align: left; }

.section-contents-table__table.prev-order-table .item-number-name-wrap span { display: block; color: #333; font-size: 14px; }

.section-contents-table__table.prev-order-table .item-number-name-wrap span em { font-style: normal; }

.section-contents-table__table.prev-order-table .brand-name, .section-contents-table__table.prev-order-table .item-quantity, .section-contents-table__table.prev-order-table .item-payment, .section-contents-table__table.prev-order-table .item-order-status { color: #333; font-size: 14px; }

.section-contents-table__table.store__group .section-contents-item__image, .section-contents-table__table.detail__group .section-contents-item__image { width: 74px; height: 74px; }

.section-contents-table__table.store__group .date, .section-contents-table__table.detail__group .date { font-size: 16px; color: #333; }

.section-contents-table__table.store__group .item-warranty .warranty-box, .section-contents-table__table.detail__group .item-warranty .warranty-box { margin: 0 auto 8px; width: 105px; font-size: 13px; padding: 5px 8px; }

.section-contents-table__table.store__group .item-warranty .warranty-box.one, .section-contents-table__table.detail__group .item-warranty .warranty-box.one { background-color: #eee; color: #333; }

.section-contents-table__table.store__group .item-warranty .warranty-box.three, .section-contents-table__table.detail__group .item-warranty .warranty-box.three { background-color: #776b63; color: #fff; }

.section-contents-table__table.store__group .item-warranty .warranty-end, .section-contents-table__table.detail__group .item-warranty .warranty-end { font-size: 16px; font-weight: 600; }

.section-contents-table__table.store__group .item-warranty .warranty-end__not, .section-contents-table__table.detail__group .item-warranty .warranty-end__not { color: #999; font-size: 14px; }

.section-contents-table__table.store__group .item-warranty .button, .section-contents-table__table.detail__group .item-warranty .button { font-size: 13px; border: none; }

.section-contents-table__table.store__group .item-warranty .button i, .section-contents-table__table.detail__group .item-warranty .button i { margin-left: 3px; }

.section-contents-table__table.store__group .item-prdoc i, .section-contents-table__table.detail__group .item-prdoc i { margin-left: 4px; margin-bottom: 3px; }

.section-contents-table__table.store__group .section-contents-item__simple, .section-contents-table__table.detail__group .section-contents-item__simple { min-width: auto; }

.section-contents-table__table.store__group .section-contents-item__simple .as-text, .section-contents-table__table.detail__group .section-contents-item__simple .as-text { display: inline-block; margin-bottom: 5px; padding: 8px; color: #3273dc; font-size: 14px; font-weight: 600; }

.section-contents-table__table.store__group .section-contents-item__simple .as-text .tooltip-container, .section-contents-table__table.detail__group .section-contents-item__simple .as-text .tooltip-container { position: relative; display: flex; align-items: center; cursor: pointer; font-size: 14px; color: #0056b3; gap: 4px; }

.section-contents-table__table.store__group .section-contents-item__simple .as-text .tooltip-container.active .tooltip-box, .section-contents-table__table.detail__group .section-contents-item__simple .as-text .tooltip-container.active .tooltip-box { display: block; }

.section-contents-table__table.store__group .section-contents-item__simple .as-text .tooltip-container i, .section-contents-table__table.detail__group .section-contents-item__simple .as-text .tooltip-container i { margin-bottom: 1px; }

.section-contents-table__table.store__group .section-contents-item__simple .as-text .tooltip-box, .section-contents-table__table.detail__group .section-contents-item__simple .as-text .tooltip-box { position: absolute; background-color: #fff; color: #333; border: 1px solid #ccc; padding: 8px 12px; border-radius: 8px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); white-space: nowrap; z-index: 10; display: none; left: 50%; transform: translateX(-50%); }

.section-contents-table__table.store__group .section-contents-item__simple .as-text .tooltip-box.top, .section-contents-table__table.detail__group .section-contents-item__simple .as-text .tooltip-box.top { bottom: 100%; margin-bottom: 5px; }

.section-contents-table__table.store__group .section-contents-item__simple .as-text .tooltip-box.bottom, .section-contents-table__table.detail__group .section-contents-item__simple .as-text .tooltip-box.bottom { top: 100%; margin-top: 5px; }

.section-contents-table__table.store__group .section-contents-item__simple .button, .section-contents-table__table.detail__group .section-contents-item__simple .button { min-width: 105px; }

.section-contents-table__table.store__group .section-contents-item__simple .button.is-small, .section-contents-table__table.detail__group .section-contents-item__simple .button.is-small { padding: 0 8px; }

.section-contents-table__table.store__group { border-collapse: separate; border-spacing: 0 8px; }

.section-contents-table__table tbody.store-tab { color: #333; font-size: 16px; cursor: pointer; }

.section-contents-table__table tbody.store-tab tr { border-radius: 8px; transition: 0.3s; }

.section-contents-table__table tbody.store-tab td { border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 20px 16px; }

.section-contents-table__table tbody.store-tab td:first-child { border-top-left-radius: 8px; border-bottom-left-radius: 8px; border-left: 1px solid #eee; }

.section-contents-table__table tbody.store-tab td:last-child { border-right: 1px solid #eee; }

.section-contents-table__table tbody.store-tab td .ico-down_arrow { display: block; transition: 0.3s; }

.section-contents-table__table tbody.store-tab .item-option { vertical-align: middle; }

.section-contents-table__table tbody.store-tab .item-option .section-contents-item__name { font-size: 16px; text-align: center; }

.section-contents-table__table tbody.store-tab .item-warranty .warranty-end { font-weight: 400; }

.section-contents-table__table tbody.store-tab.is-active tr { box-shadow: 0 7px 11px rgba(0, 0, 0, 0.1); }

.section-contents-table__table tbody.store-tab.is-active .ico-down_arrow { transform: rotate(-180deg); }

.section-contents-table__table tbody.store-tab:hover tr { box-shadow: 0 7px 11px rgba(0, 0, 0, 0.1); }

.section-contents-table__table tbody.store-detail { display: none; }

.section-contents-table__table tbody.store-detail > tr > td { border-bottom: none; padding: 18px 0; }

.section-contents-table__table tbody.store-detail.is-active { display: table-row-group; }

.arrow-step-box { display: flex; justify-content: left; align-items: center; width: 100%; }

.arrow-step-box.step5 .arrow-step { width: 20%; }

.arrow-step-box.step5 .arrow-step:first-child { width: calc(20% + 4px); margin-left: 0; }

.arrow-step-box.step6 .arrow-step { width: 16.667%; }

.arrow-step-box.step6 .arrow-step:first-child { width: calc(16.667% + 5px); margin-left: 0; }

.arrow-step-box.step6 .arrow-step.is-active { color: #333; }

.arrow-step-box.step6__fixed .step-contents-wrap { display: inline-block; }

.arrow-step-box .arrow-step { display: flex; justify-content: space-between; align-items: center; position: relative; background-color: #fff; height: 100px; margin: 0 0 0 -1px; padding: 0 20px; border: 1px solid #ccc; }

.arrow-step-box .arrow-step:after { display: inline-block; content: ''; position: absolute; top: 50%; right: -7px; z-index: 1; background-color: #fff; width: 12px; height: 12px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; transform: translateY(-50%) rotate(-45deg); transform-origin: 50% 50%; }

.arrow-step-box .arrow-step:nth-last-child(1):after { content: none; }

.arrow-step-box .arrow-step.is-active { z-index: 1; border-color: #333; }

.arrow-step-box .arrow-step.is-active:after { border-color: #333; }

.arrow-step-box .arrow-step.is-active:before { display: inline-block; content: ''; position: absolute; top: 50%; left: -6px; z-index: 1; background-color: #fff; width: 12px; height: 12px; border-right: 1px solid #333; border-bottom: 1px solid #333; transform: translateY(-50%) rotate(-45deg); transform-origin: 50% 50%; }

.arrow-step-box .arrow-step.is-active:first-child:before { content: none; }

.arrow-step-box .step-contents-wrap { display: flex; justify-content: space-between; align-items: center; width: 100%; }

.arrow-step-box .step-contents-wrap .text-wrap .step-text { display: block; margin-bottom: 10px; color: #333; font-size: 14px; line-height: 1; }

.arrow-step-box .step-contents-wrap .text-wrap .step-title { display: block; color: #333; font-size: 16px; line-height: 1; }

.section-contents__horizontal--wrap { display: flex; gap: 12px; flex-direction: column; }

.section-contents__horizontal--layout { display: flex; justify-content: space-between; align-items: center; min-height: 50px; padding: 10px 10px 10px 20px; border: 1px solid #eee; }

.section-contents__horizontal--layout__consult { border: 1px solid #eee; padding: 14px 20px; display: flex; justify-content: space-between; }

.section-contents__horizontal--layout__consult .section-contents__horizontal--dlwrap { display: flex; gap: 20px; }

.section-contents__horizontal--layout__consult .section-contents__horizontal--dl { margin-right: 30px; }

.section-contents__horizontal--layout__consult .section-contents__horizontal--dl dd { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; max-width: 280px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.section-contents__horizontal--layout__consult .section-contents__horizontal--dl:first-child { margin-right: 0; }

.section-contents__horizontal--layout__consult .section-contents__horizontal--dl:first-child dd:first-child { margin-left: 0; }

.section-contents__horizontal--dlwrap { display: flex; justify-content: left; align-items: center; min-width: 620px; }

.section-contents__horizontal--dl { display: flex; justify-content: left; align-items: center; }

.section-contents__horizontal--dl:first-child { margin-right: 50px; }

.section-contents__horizontal--dt { color: #333; font-size: 14px; }

.section-contents__horizontal--dd { margin-left: 20px; color: #333; font-size: 14px; font-weight: 600; }

.title-position-layout { position: relative; }

.title-position-layout .position-item { position: absolute; right: 0; bottom: -30px; }

.title-position-layout .position-item.section-contents-table__button--wrap { bottom: -50px; }

.delivery-direct-wrap .input-delivery-direct { display: none; margin-top: 10px; }

.order-list-detail .total-itam-pay { margin-top: 0; }

.table-box-default.price-info__detail .table { border-bottom: none; }

.table-box-default.th-left-border tbody td { border-left: 1px solid #eee; }

.table-box-default.th-left-border tbody td:first-child { border-left: none; }

.th__title .title-text { display: block; }

.th__title .title-text i { display: inline-block; margin-left: 5px; vertical-align: text-top; }

.th__title .price { display: block; }

.th__title .price .number { margin-right: 3px; font-style: normal; }

.price-dl__layout .tit { color: #333; font-size: 16px; }

.price-dl__layout .price { color: #333; font-size: 14px; }

.price-dl__layout .price .number { margin-right: 3px; font-size: 16px; font-style: normal; }

/* SNS 연동 설정 */
.sns-login-list a { width: auto; min-width: 197px; height: 80px; margin-right: 10px; text-align: left; line-height: 22px; }

.sns-login-list a i { margin-right: 16px; }

.sns-login-list a.button.is-light:hover, .sns-login-list a.button.is-light:focus { background-color: #f9f9f9; border: 1px solid #777; }

.sns-login-list a.button.is-active { border-color: transparent; color: #fff; }

.sns-login-list a:last-child { margin-right: 0; }

.sns-login-list a.sns-naver i { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -696px -120px; width: 32px; height: 32px; }

.sns-login-list a.sns-naver.is-active { background-color: #1ec800; }

.sns-login-list a.sns-naver.is-active i { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -696px -162px; width: 32px; height: 32px; }

.sns-login-list a.sns-kakao i { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -696px -324px; width: 32px; height: 30px; }

.sns-login-list a.sns-kakao.is-active { background-color: #f6c644; color: #333 !important; }

.sns-login-list a.sns-facebook i { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -528px -342px; width: 34px; height: 34px; }

.sns-login-list a.sns-facebook.is-active { background-color: #3a5ca9; }

.sns-login-list a.sns-payco i { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -404px -470px; width: 91px; height: 20px; }

.sns-login-list a.sns-payco.is-active { background-color: #e72a2d; }

.sns-login-list a.sns-payco.is-active i { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -164px -536px; width: 82px; height: 19px; }

.sns-login-list a.sns-apple i { font-size: 32px; color: #888; }

.sns-login-list a.sns-apple.is-active { background-color: #101010; }

.sns-login-list a.sns-apple.is-active i { color: #cfcfcf; }

.mypage-info-wrap { display: flex; justify-content: space-between; align-items: flex-end; margin: 0 0 -6px; }

.mypage-info-wrap .required__info { display: inline-block; text-align: right; }

.button-pw-search { color: #333; }

.mypage-checkbox input[type='checkbox'] + label { font-size: 16px; line-height: 1.1; vertical-align: middle; }

/* [팝업] 증빙서류 */
#modal-docu-evi .modal-card { width: 600px; }

/* [팝업] 배송지 정보 */
#modal-delivery-place .modal-card { width: 1000px; }

#modal-delivery-place .modal-card-body.scrollbar-container { max-height: 720px; }

#modal-delivery-place .modal-card-title--tooltip { left: 146px; }

#modal-delivery-place .order-payment { padding-bottom: 0; }

/* [팝업] 사용 쿠폰 안내 */
#modal-couponGuide .modal-card-body.scrollbar-container { max-height: 500px; }

/* [팝업] 구매확정  */
#modal-buyDecide .modal-card { width: 600px; }

/* [팝업] 배송비 쿠폰 안내  */
#item-shipCoupon .modal-card { width: 600px; }

/* [팝업] 배송안내  */
#modal-shipGuide .modal-card { width: 600px; }

/* [팝업] 배송 조회 */
#modal-trackPackage .modal-card { width: 960px; }

/* [팝업] 현금 영수증 출력 */
#modal-receiptPrint .modal-card { width: 600px; }

/* [팝업] 부분 취소 불가 안내 */
#modal-partCancel .modal-card { width: 600px; }

/* [팝업] 사은품 반납 안내 */
#modal-giftReturn .modal-card { width: 600px; }

/* [팝업] 교환/반품 신청안내 */
#modal-swapReturn .modal-card { width: 600px; }

/* [팝업] 교환/반품 불가 안내 */
#modal-swapReturnDont .modal-card { width: 600px; }

/* [팝업] 마케팅을 위한 개인정보 수집 &middot; 이용 동의(선택) */
#modal-markRecAgree .modal-card { width: 750px; }

/* [팝업] 우편번호 팝업 */
.modal-postcode .modal-content { overflow: hidden; height: 520px; }

/* 200624 dl-table-style__dd 상속 스타일 변경 */
.dot-list.dot-list-at { color: #777; }

.dot-list.dot-list-at li { font-size: 1.4rem line-height 1.3; }

.mypage-form-row { padding: 20px 0; margin-bottom: 20px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }

.section-item-contents__userinfo.section-item-contents__myinfo { min-height: 180px; }

.section-item-contents__userinfo.section-item-contents__myinfo .section-item-contents__myinfo--rating { padding: 10px; padding-right: 0; }

.section-item-contents__userinfo.section-item-contents__myinfo .section-item-contents__myinfo--rating .section-item-contents__userinfo--mark { width: 144px; }

.section-item-contents__userinfo.section-item-contents__myinfo .section-item-contents__myinfo--rating .section-item-contents__userinfo--mark > i { margin: 15px 0 0 40px; }

.section-item-contents__userinfo.section-item-contents__myinfo .section-item-contents__myinfo--rating .section-item-contents__userinfo--mark .tooltip-info { margin: 17px 0 0 30px; }

.section-item-contents__userinfo.section-item-contents__myinfo .section-item-contents__myinfo--rating .section-item-contents__userinfo--mark .tooltip-info .tooltip-tit { font-size: 16px; }

.section-item-contents__userinfo.section-item-contents__myinfo .section-item-contents__myinfo--rating .section-item-contents__userinfo--mark .tooltip-info .tooltip { top: 160px; left: -20px; }

.section-item-contents__userinfo.section-item-contents__myinfo .section-item-contents__myinfo--rating .section-item-contents__userinfo--mark .tooltip-info .tooltip .text-left { display: inline-block; padding-bottom: 10px; }

.section-item-contents__userinfo.section-item-contents__myinfo .section-item-contents__myinfo--rating .btn-level-view { display: inline-block; color: #333; }

.section-item-contents__userinfo.section-item-contents__myinfo .section-item-contents__myinfo--rating .btn-level-view i { display: inline-block; margin-left: 10px; }

.section-item-contents__userinfo.section-item-contents__myinfo .section-item-contents__userinfo--discount { text-align: center; flex: 0 1 auto; }

.section-item-contents__userinfo.section-item-contents__myinfo .section-item-contents__userinfo--discount-wrap { display: table-cell; position: relative; vertical-align: middle; width: calc(100% / 2); max-width: 524px; }

.section-item-contents__userinfo.section-item-contents__myinfo .section-item-contents__userinfo--discount-wrap::before { content: ''; display: block; position: absolute; top: 20px; left: 0; width: 1px; height: 120px; background: #ddd; }

.section-item-contents__userinfo.section-item-contents__myinfo .section-item-contents__userinfo--discount.border-left { position: relative; }

.section-item-contents__userinfo.section-item-contents__myinfo .section-item-contents__userinfo--discount.border-left::before { content: ''; display: block; position: absolute; top: 20px; left: 0; width: 1px; height: 120px; background: #ddd; }

.section-item-contents__userinfo.section-item-contents__myinfo .section-item-contents__userinfo--discount dl { margin-top: 0; }

.section-item-contents__userinfo.section-item-contents__myinfo .section-item-contents__userinfo--discount dl dd { margin-top: 20px; text-align: center; font-size: 30px; }

.section-item-contents__userinfo.section-item-contents__myinfo .verify-info { margin: 8px 0 16px; }

.content-flow-box { width: 100%; height: 170px; padding: 25px 0; border: 1px solid #eee; }

.content-flow-box .content-flow--now li { width: 20%; text-align: center; border-left: 1px solid #eee; }

.content-flow-box .content-flow--now li:first-child { border: 0; }

.content-flow-box .content-flow--now li.flow-step-1 { padding-top: 6px; }

.content-flow-box .content-flow--now li.flow-step-2 { padding-top: 10px; }

.content-flow-box .content-flow--now li.flow-step-3 { padding-top: 7px; }

.content-flow-box .content-flow--now li.flow-step-4 { padding-top: 8px; }

.content-flow-box .content-flow--now li.flow-step-5 { padding-top: 7px; }

.content-flow-box .content-flow--now li .icon-text { display: block; padding: 5px 0; font-size: 1.6rem; color: #333; }

.content-flow-box .content-flow--now li .icon-text + span { font-size: 3rem; }

.content-flow-box .content-flow--now li .icon-text + span .unit { font-size: 2rem; color: #333; }

.section-item-contents .content-box-coupon > div { position: relative; width: 710px; height: 200px; background: #f9f9f9; }

.section-item-contents .content-box-coupon > div .text-info { position: absolute; top: 20px; right: 20px; left: auto; }

.section-item-contents .content-box-coupon > div .text-info i { margin-right: 5px; }

.section-item-contents .content-box-coupon .discount-box { width: 510px; padding-top: 64px; }

.section-item-contents .content-box-coupon .discount-box li { width: 33.33%; color: #333; text-align: center; }

.section-item-contents .content-box-coupon .discount-box li span { display: block; margin-top: 30px; font-size: 30px; }

.link-box-white { width: 200px; height: 200px; padding-top: 60px; border: 4px solid #eee; background: #fff; text-align: center; }

.link-box-white a { color: #333; font-size-adjust: 1.6rem; }

.link-box-white a span { display: block; padding-top: 30px; font-weight: 600; font-size: 4rem; line-height: 1; }

.content-box-wish { margin-left: 20px; }

.content-box-wish > div .link-box-white { position: relative; width: 355px; }

.content-box-wish > div .link-box-white::before { content: ''; position: absolute; top: 40px; left: 50%; width: 1px; height: 120px; background: #eee; }

.content-box-wish > div .link-box-white a { display: block; float: left; width: 50%; }

.section-item-contents .community-box { width: 100%; }

.section-item-contents .community-box > div { display: flex; width: 50%; height: 200px; background: #f9f9f9; }

.section-item-contents .community-box > div:first-child { margin-right: 10px; }

.section-item-contents .community-box > div:last-child { margin-left: 10px; }

.section-item-contents .community-box > div > div { width: 146px; height: 120px; margin: 40px 0 auto; text-align: center; border-right: 1px solid #ddd; }

.section-item-contents .community-box > div > div a { display: inline-block; height: 120px; padding-top: 24px; color: #333; font-size: 1.6rem; }

.section-item-contents .community-box > div > div a span { display: block; margin-top: 10px; font-size: 4rem; font-weight: 600; }

.section-item-contents .community-box > div > ul { display: flex; width: 387px; }

.section-item-contents .community-box > div > ul li { width: 33.55%; padding-top: 63px; font-size: 1.6rem; color: #333; text-align: center; }

.section-item-contents .community-box > div > ul li span { display: block; padding-top: 20px; font-size: 3rem; }

.section-contents-table__table--wrap.position-wrap { position: relative; }

.section-contents-table__table--wrap.position-wrap .button-more { position: absolute; top: 0; right: 0; color: #777; }

.section-contents-table__table--wrap.position-wrap .button-more i { margin-left: 10px; }

.section-contents-table__table--wrap .section-contents-table__table .color-red + .button { margin-top: 10px; }

.section-contents-table__table--wrap .section-contents-table__table .color-red + .button.is-small { width: 90px; }

.section-contents-table__table--wrap .section-contents-table__table .color-red + .button:hover { background-color: #f9f9f9; border-color: #ccc; color: rgba(0, 0, 0, 0.7); }

.pitem-table-container.community-table-container { margin-top: 0; }

.pitem-table-container.community-table-container .table td { font-size: 14px; color: #777; }

.pitem-table-container.community-table-container .table td.cell-ckeck { font-size: 16px; color: #333; }

.pitem-table-container.community-table-container .table td.cell-ckeck.cell-ckeck-ok { color: #1e69a8; }

.pitem-table-container.community-table-container .table td.cell-ckeck.cell-ckeck-yet { color: #ed2650; }

.pitem-table-container.community-table-container .table td.cell-ckeck.cell-ckeck-yet a { display: block; color: #777; font-size: 1.4rem; }

.pitem-table-container.community-table-container .table td.cell-ckeck.cell-ckeck-yet a i { display: inline-block; margin-left: 9px; }

.pitem-table-container.class-table-container { padding-top: 20px; margin-top: 0; }

.pitem-table-container.class-table-container .table td { word-break: keep-all; font-size: 14px; color: #202020; }

.pitem-table-container.class-table-container .table td .time { display: block; }

.section-contents-item__search--not.data-none { margin: 30px 0 110px; }

.grid-item-lists__320.comm-list-magazine .product-item { height: 450px; margin-left: 62px; margin-bottom: 60px; }

.grid-item-lists__320.comm-list-magazine .product-item:nth-child(3n + 1) { margin-left: 0; }

.grid-item-lists__320.comm-list-magazine .product-item:hover .product-item-tag span { color: #3273dc; }

.grid-item-lists__320.comm-list-magazine .product-item-image { width: 320px; height: 320px; }

.grid-item-lists__320.comm-list-magazine .product-item-content { padding-top: 20px; }

.grid-item-lists__320.comm-list-magazine .product-item-header__name { height: 44px; font-size: 16px; font-weight: normal; }

.grid-item-lists__320.comm-list-magazine .product-item-body .product-review-stats-area { position: absolute; bottom: 0; left: 0; width: 320px; }

.grid-item-lists__320 .product-item-tag { overflow: hidden; position: static; width: 320px; height: 21px; }

.grid-item-lists__320 .product-item-tag span { white-space: nowrap; }

.tabs.tabs-small { margin-bottom: 40px; }

.tabs.tabs-small.is-toggle a { height: 50px; font-size: 16px; }

.agreement-checked-list-wrap { padding: 2.5rem 0 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }

.agreement-checked-list-wrap.is-inner { border-top: none; }

.agreement-checked-list-wrap.is-inner li { padding: 0; }

.agreement-checked-list-wrap.is-inner li.first-list .field.on { margin-bottom: 2rem; }

.agreement-checked-list-wrap.is-inner li .checked-list-wrap__sub { margin-bottom: 1.5rem; }

.agreement-checked-list-wrap li { margin: 2rem 0 2rem; }

.agreement-checked-list-wrap li:first-child { margin-top: 0; }

.agreement-checked-list-wrap li .field { margin-bottom: 0; }

.agreement-checked-list-wrap li .checked-list-wrap__sub .field { margin-bottom: 1rem; }

.agreement-checked-list-wrap li .checked-list-wrap__sub button { height: 23px; padding: 0; font-weight: 400; line-height: 0; }

.agreement-checked-list-wrap li .checked-list-wrap__sub-fixed { display: block; padding-left: 0; }

.agreement-checkbox--sub { margin-left: 20px; }

#modal-payment-method .modal-card { width: 550px; }

#modal-payment-method .modal-card-body { padding-bottom: 0; }

#modal-payment-method .radio-list { width: 300px; margin: 0 auto; }

#modal-payment-method .radio-list li { margin-top: 10px; display: block; }

#modal-payment-method .radio-list li .button { width: 100%; }

#modal-payment-method .radio-list li input[type='radio']:checked + label { border-color: #333; background-color: #333; color: #fff; }

.hpay-top { margin-top: 50px; }

.hpay-top .fl { font-size: 16px; color: #333; }

.hpay-top .fr { font-size: 13px; }

.hpay-top .fr a { display: inline-flex; align-items: center; color: #777; }

.hpay-top .fr a i { margin-left: 10px; }

.hpay-content { margin-top: 25px; }

.hpay-content-list li { display: flex; justify-content: space-between; align-items: center; padding: 30px 40px; margin-bottom: 12px; border: 1px solid #d2d2d2; }

.hpay-content-list li > div { display: flex; align-items: center; font-size: 16px; color: #333; }

.hpay-content-list li .nickname input { width: 140px; height: 25px; padding: 5px 1px; font-size: 14px; color: #999; border-bottom: 1px solid #d2d2d2 !important; border-color: transparent; border-radius: 0; outline: none; }

.hpay-content-list li .nickname .button { min-width: 44px !important; height: 22px; padding: 2px 10px 0; margin-left: 12px; font-size: 14px; border-radius: 4px; }

.hpay-content-list li .button.is-small { height: 37px; padding: 0 33px; }

.hpay-content-list .card-info-img { position: relative; width: 62px; height: 98px; margin-left: 40px; background: #fff; border: 1px solid #d2d2d2; border-radius: 10px; }

.hpay-content-list .card-info-detail { margin-left: 60px; }

.hpay-content-list .card-info-detail .card-name { color: #333; font-weight: 600; }

.hpay-content-list .card-info-detail .card-number .divide::before { display: inline-block; margin: 0 15px; content: '|'; color: #999; font-weight: 600; vertical-align: top; }

.account-info-img { width: 42px; height: 42px; margin-left: 40px; background: #fff; border: 1px solid #d2d2d2; border-radius: 41px; overflow: hidden; }

.account-info-img img { padding: 5px; max-height: 100%; }

.account-info-detail { display: flex; align-items: center; margin-left: 40px; }

.account-info-detail .account-name { color: #333; font-weight: 600; }

.account-info-detail .account-number { margin-left: 15px; }

.account-info-detail .nickname::before { display: inline-block; margin: 0 30px; content: '|'; color: #999; font-weight: 600; vertical-align: top; }

.hpay-add { background-color: #f5f5f5; text-align: center; }

.hpay-add a { display: block; padding: 50px; font-size: 16px; font-weight: 600; color: #777; }

.hpay-add a span { margin-right: 15px; font-size: 20px; font-weight: 500; }

.modal-alert.w360 .modal-card { max-width: 420px; }

#modal-hapy-use .section-responsive-text__info { font-size: 16px; word-break: keep-all; }

#modal-hapy-use .complete-confirm { padding: 2rem 0; border-top: 1px solid #333; border-bottom: 1px solid #eee; line-height: 2.2rem; font-size: 16px; }

#modal-hapy-use .complete-confirm--fixed { padding: 1rem; font-size: 1.4rem; }

.section-mystore-contents__nostore { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 75px; padding: 0 50px; border: 1px solid #458d4f; background-color: #fff; color: #458d4f; }

.section-mystore-contents__nostore__left { color: #458d4f; font-size: 15px; }

.section-mystore-contents__nostore__middle { font-weight: 600; font-size: 18px; }

.section-mystore-contents__nostore__middle a { color: #458d4f; }

.section-mystore-contents__nostore .button { background-color: transparent; font-size: 13px; color: #fff; }

.section-mystore-contents__nostore .button.is-outlined { border: 1px solid rgba(255, 255, 255, 0.3); color: #fff; }

.section-mystore-contents__nostore .button.link { background: none; color: #458d4f; }

.section-mystore-contents__storeview { display: flex; flex-direction: row; justify-content: space-between; align-items: center; height: 75px; padding: 0 50px; background-color: #458d4f; color: #fff; }

.section-mystore-contents__storeview__left { color: rgba(255, 255, 255, 0.7); font-size: 15px; }

.section-mystore-contents__storeview__middle { font-weight: 600; font-size: 18px; }

.section-mystore-contents__storeview .button { background-color: transparent; font-size: 13px; color: #fff; }

.section-mystore-contents__storeview .button.is-outlined { border: 1px solid rgba(255, 255, 255, 0.3); color: #fff; }

.old-order { font-size: 13px; color: #333; padding: 0; min-width: auto; border: none; height: auto; margin-top: 8px; }

.old-order.off { display: none; }

.old-order .i-arrR { width: 12px; height: 12px; fill: #333; }

.item-list-wrap .item-list-header { display: table; width: 100%; table-layout: fixed; }

.item-list-wrap .item-list-header__th { display: table-cell; padding: 20px 0; width: 150px; font-size: 16px; font-weight: 600; vertical-align: middle; text-align: center; color: #333; background-color: #f9f9f9; }

.item-list-wrap .item-list-header__th.item-image { width: auto; }

.item-list-wrap .item-list-header__th .small-txt { font-size: 11px; color: #9c9c9c; }

.item-list-wrap .item-list-body__order { border-top: 1px solid #333; }

.item-list-wrap .item-list-body__order .date-order-number-wrap { padding: 20px 5px; text-decoration: none; border-bottom: 1px solid #e9e9e9; }

.item-list-wrap .item-list-body__order .date-order-number-wrap .date, .item-list-wrap .item-list-body__order .date-order-number-wrap .order-number { text-decoration: underline; font-weight: 600; }

.item-list-wrap .item-list-body__order .date-order-number-wrap .more-btn { color: #999; }

.item-list-wrap .item-list-body__order--table { width: 100%; }

.item-list-wrap .item-list-body__order--table tr.bundle-delivery { border-bottom: 1px solid #e9e9e9; }

.item-list-wrap .item-list-body__order--table tr.bundle-delivery td { border: 1px solid #e9e9e9; }

.item-list-wrap .item-list-body__order--table tr.bundle-delivery td.item-image { border-left: none; border-right: none; }

.item-list-wrap .item-list-body__order--table tr.bundle-delivery td.item-option { border-left: none; }

.item-list-wrap .item-list-body__order--table tr.bundle-delivery td:last-child { border-right: none; }

.item-list-wrap .item-list-body__order--table tr.bundle-delivery:last-child { border-bottom: none; }

.item-list-wrap .item-list-body__order--table td { width: 150px; padding: 30px 5px; color: #333; font-size: 16px; vertical-align: middle; text-align: center; }

.item-list-wrap .item-list-body__order--table td.item-image { width: 100px; vertical-align: top; }

.item-list-wrap .item-list-body__order--table td.item-image .section-contents-item__image { width: 100px; height: 100px; }

.item-list-wrap .item-list-body__order--table td.item-option { width: auto; vertical-align: top; padding-left: 30px; text-align: left; }

.item-list-wrap .item-list-body__order--table td .item-price .won { font-size: 14px; }

.item-list-wrap .item-list-body__order--table td .item-warranty .warranty-box { margin: 0 auto 8px; width: 105px; font-size: 13px; padding: 5px 8px; }

.item-list-wrap .item-list-body__order--table td .item-warranty .warranty-box.one { background-color: #eee; color: #333; }

.item-list-wrap .item-list-body__order--table td .item-warranty .warranty-box.three { background-color: #776b63; color: #fff; }

.item-list-wrap .item-list-body__order--table td .item-warranty .warranty-end { font-weight: 600; }

.item-list-wrap .item-list-body__order--table td .item-warranty .warranty-end__not { color: #999; font-size: 14px; }

.item-list-wrap .item-list-body__order--table td .item-warranty .button { font-size: 13px; border: none; }

.item-list-wrap .item-list-body__order--table td .item-warranty .button i { margin-left: 3px; }

.item-list-wrap .item-list-body__order--table td .item-prdoc .button { height: 35px; }

.item-list-wrap .item-list-body__order--table td .item-prdoc .button i { margin-left: 3px; }

.item-list-wrap.check__group .item-list-body__order--table tr.bundle-delivery td { border: none; }

.item-list-wrap.__detail .item-list-header { border-bottom: 1px solid #333; }

.item-list-wrap.__detail .item-list-header__th.item-checkbox { width: 50px; }

.item-list-wrap.__detail .item-list-body__order { border-top: none; border-bottom: 1px solid #e9e9e9; }

.item-list-wrap.__detail .item-list-body__order--table .item-checkbox { width: 50px; vertical-align: top; }

.item-list-wrap.__detail .item-list-body__order--table .delivery-quantity-info { display: flex; flex-direction: column; }

.item-list-wrap.__detail .item-list-body__order--table .item-delivery { display: flex; align-items: baseline; margin-top: 15px; }

.item-list-wrap.__detail .item-list-body__order--table .item-delivery .delivery-tit { padding: 5px 13px; font-size: 12px; color: #777; background-color: #f3f3f3; border-radius: 50px; flex-shrink: 0; }

.item-list-wrap.__detail .item-list-body__order--table .item-delivery .section-contents-item__delivery { margin-left: 10px; display: flex; flex-direction: column; font-size: 14px; color: #333; }

.item-list-wrap.__detail .item-list-body__order--table .item-delivery .section-contents-item__delivery .delivery-type .tit { flex-shrink: 0; }

.item-list-wrap.__detail .item-list-body__order--table .item-delivery .section-contents-item__delivery .delivery-type .num { font-size: 14px; }

.item-list-wrap.__detail .item-list-body__order--table .item-delivery .section-contents-item__delivery .delivery-type.free { display: flex; }

.item-list-wrap.__detail .item-list-body__order--table .item-delivery .section-contents-item__delivery .delivery-type.free .type { margin-left: 5px; word-break: keep-all; }

.item-list-wrap.__detail .item-list-body__order--table .item-delivery .section-contents-item__delivery .delivery-type.free .type + .type { flex-shrink: 0; }

.item-list-wrap.__detail .item-list-body__order--table .item-delivery .section-contents-item__delivery .delivery-type.free + .delivery-type.pay { margin-top: 0; }

.item-list-wrap.__detail .item-list-body__order--table .item-quantity-wrap { display: flex; align-items: baseline; margin-top: 12px; }

.item-list-wrap.__detail .item-list-body__order--table .item-quantity-wrap .quantity-tit { padding: 5px 23px; font-size: 12px; color: #777; background-color: #f3f3f3; border-radius: 50px; }

.item-list-wrap.__detail .item-list-body__order--table .item-quantity-wrap .item-quantity { margin-left: 10px; font-size: 14px; }

.warranty-wrap { width: 80%; margin: 0 auto; }

.content-title--subtitle-wrap { display: inline-flex; align-items: baseline; }

.content-title--subtitle-wrap span { margin-left: 10px; color: #999; }

.section-contents-table__table.outside-order-table td { padding: 20px 5px; color: #333; font-size: 14px; }

.section-contents-table__table.outside-order-table .cnt-number { font-size: 16px; }

.section-contents-table__table.outside-order-table .item-name { text-align: left; width: 395px; padding: 0 20px; word-break: keep-all !important; display: -webkit-box; overflow: hidden; word-break: break-all; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.section-contents-table__table.outside-order-table .store-name { word-break: keep-all; }

.section-contents-table__table.outside-order-table .item-prdoc a.button { color: #333; border: 1px solid #a5a5a5; height: 34px; }

.section-contents-table__table.outside-order-table .item-prdoc a.button i { margin-left: 3px; }

.section-contents-table__table.outside-order-table .item-warranty .warranty-box { margin: 0 auto 8px; width: 105px; font-size: 13px; padding: 5px 8px; }

.section-contents-table__table.outside-order-table .item-warranty .warranty-box.one { background-color: #eee; color: #333; }

.section-contents-table__table.outside-order-table .item-warranty .warranty-box.three { background-color: #776b63; color: #fff; }

.section-contents-table__table.outside-order-table .item-warranty .warranty-end { font-size: 16px; font-weight: 600; }

.section-contents-table__table.outside-order-table .item-warranty .warranty-end__not { color: #999; font-size: 14px; }

.section-contents-table__table.outside-order-table .item-warranty .button { font-size: 13px; border: none; }

.section-contents-table__table.outside-order-table .item-warranty .button i { margin-left: 3px; }

.section-contents-table__table.outside-order-table .date { font-weight: bold; font-size: 16px; }

.section-contents-table__table.outside-order-table .section-contents-item__simple { min-width: auto; }

.section-contents-table__table.outside-order-table .section-contents-item__simple .button { min-width: 105px; }

.section-contents-table__table.outside-order-table .section-contents-item__simple .button.is-small { padding: 0 8px; }

.delivery-indicator { width: 100%; margin: 20px 0; }

.delivery-indicator .steps li { list-style-type: none; float: left; font-size: 16px; position: relative; text-align: center; text-transform: uppercase; color: #ddd; font-weight: 600; }

.delivery-indicator .steps li::before { width: 86%; height: 4px; content: ''; position: absolute; background-color: #ddd; top: 41px; left: -43%; }

.delivery-indicator .steps li span { display: flex; align-items: center; justify-content: center; position: relative; width: 25px; height: 25px; margin: 7px auto 10px; border-radius: 50%; background-color: #ddd; }

.delivery-indicator .steps li span i { display: none; }

.delivery-indicator .steps li:first-child::before { display: none; }

.delivery-indicator .steps li.complete { color: #ed2650; }

.delivery-indicator .steps li.complete span { background-color: #ed2650; }

.delivery-indicator .steps li.complete span i { display: block; font-size: 11px; color: #fff; }

.delivery-indicator .steps li.complete + li::before { background-color: #ed2650; }

.delivery-indicator .steps li.active { color: #ed2650; }

.delivery-indicator .steps li.active span { width: 20px; height: 20px; background-color: #fff; outline: 3px solid #ed2650; box-shadow: 0px 1px 10.3px 0px #ed2650; }

.delivery-indicator .steps.steps--3 li { width: 33.333%; }

.delivery-list__header { display: flex; font-size: 16px; font-weight: 600; color: #333; text-align: center; background: #f9f9f9; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }

.delivery-list__header-left { padding: 18px 0; flex: 1 1 0; border-right: 1px solid #eee; }

.delivery-list__header-right { padding: 18px 0; flex: 2 1 0; }

.delivery-list__body { display: flex; border-bottom: 1px solid #eee; }

.delivery-list__body-left { flex: 1 1 0; border-right: 1px solid #eee; padding: 20px 0; }

.delivery-list__body-right { flex: 2 1 0; padding: 20px 0; }

.delivery-list .delivery-info { display: table-row; }

.delivery-list .delivery-info dt, .delivery-list .delivery-info dd { display: table-cell; padding: 5px 0; }

.delivery-list .delivery-info dt { width: 110px; font-size: 15px; color: #777; }

.delivery-list .delivery-info dd { color: #333; font-size: 16px; }

.delivery-list .profile-img { width: 150px; height: 150px; display: flex; justify-content: center; align-items: center; overflow: hidden; margin: 25px auto; }

.delivery-list .profile-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; border-radius: 50%; }

.delivery-list .timeline-list { padding-left: 20px; }

.delivery-list .timeline-list .step { display: flex; align-items: flex-start; gap: 15px; }

.delivery-list .timeline-list .step-date { display: flex; flex-direction: column; align-items: center; font-size: 14px; color: #777; width: 56px; }

.delivery-list .timeline-list .step-bar { display: flex; align-items: flex-start; justify-content: center; position: relative; min-width: 25px; height: 76px; }

.delivery-list .timeline-list .step-bar span { position: relative; display: inline-block; width: 11px; height: 11px; background: #ddd; border-radius: 50%; }

.delivery-list .timeline-list .step-bar span i { display: none; }

.delivery-list .timeline-list .step-bar span::after { content: ''; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); display: block; width: 2px; height: calc(76px - 11px); background: #ddd; }

.delivery-list .timeline-list .step-status { display: flex; flex-direction: column; font-size: 14px; color: #ccc; }

.delivery-list .timeline-list .step-status .status { font-size: 16px; font-weight: 600; }

.delivery-list .timeline-list .step:last-child .step-bar { height: auto; min-height: 50px; }

.delivery-list .timeline-list .step:last-child .step-bar span::after { display: none; }

.delivery-list .timeline-list .step.complete .step-bar span { background: #ed2650; }

.delivery-list .timeline-list .step.complete .step-bar span::after { background: #ed2650; }

.delivery-list .timeline-list .step.complete .step-status { color: #333; }

.delivery-list .timeline-list .step.active .step-bar span { width: 25px; height: 25px; background: #ed2650; display: flex; align-items: center; justify-content: center; }

.delivery-list .timeline-list .step.active .step-bar span i { display: block; font-size: 11px; color: #fff; }

.delivery-list .timeline-list .step.active .step-bar span::after { height: calc(76px - 25px); }

.delivery-list .timeline-list .step.active .step-status { color: #333; }

.verify-info { color: #111; background-color: #fff; padding: 6px 12px; font-size: 14px; border: 1px solid #ddd; border-radius: 2px; display: block; text-align: center; width: 180px; }

.custom_calendar { margin: 0; padding: 0; }

.custom_calendar .table { width: 350px; margin: 0; padding: 0; border: none; }

.custom_calendar .table th, .custom_calendar .table td { padding: 0; border: none; text-align: center; color: #333; font-size: 16px; font-weight: 400; vertical-align: middle; }

.custom_calendar .table tr th, .custom_calendar .table tr td { background-color: #fff; }

.custom_calendar .table tr.calendar-month-header td { padding-top: 15px; padding-bottom: 15px; background-color: #fff; }

.custom_calendar .table tr.calendar-month-header td span { cursor: pointer; display: inline-block; padding: 0px; color: #333; }

.custom_calendar .table div.calendar-month-navigation { cursor: pointer; margin: 0; padding: 0; }

.custom_calendar .table tr.calendar-dow-header th { background-color: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #333; }

.custom_calendar .table tr.calendar-dow-header th, .custom_calendar .table tr.calendar-dow td { width: 50px; height: 40px; }

.custom_calendar .table td div.day { display: inline-flex; width: 50px; height: 40px; margin: 0; padding: 0; color: #777; align-items: center; justify-content: center; cursor: pointer; }

.custom_calendar .table td div.day.clickable { background-color: #ecf7ff; cursor: pointer; color: #333; font-weight: 600; }

.custom_calendar .table td div.day.disabled { background-color: #eee; font-weight: 400; color: #aaa; }

.custom_calendar .table td div.day.is-active { color: #fff; background-color: #00587c; }

.custom_calendar .table td div.day.today { color: #ed2650; }

.custom_calendar .table-bordered tr.calendar-month-header td { border-left: 0; border-right: 0; }

.custom_calendar .table-bordered tr.calendar-month-header td:first-child { border-left: 1px solid #ddd; }

.custom_calendar .table tr td.event div.day, .custom_calendar ul.legend li.event { background-color: #fff0c3; }

.custom_calendar .badge-event, .custom_calendar div.legend span.badge-event { text-shadow: none; }

.custom_calendar .badge-event { display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; }

.custom_calendar div.legend { margin-top: 5px; text-align: right; }

.custom_calendar div.legend span { color: #999; font-size: 10px; font-weight: normal; }

.custom_calendar div.legend span.legend-text:after, .custom_calendar div.legend span.legend-block:after, .custom_calendar div.legend span.legend-list:after, .custom_calendar div.legend span.legend-spacer:after { content: ' '; }

.custom_calendar div.legend span.legend-spacer { padding-left: 25px; }

.custom_calendar div.legend span.badge { font-size: 0.9em; border-radius: 5px 5px 5px 5px; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 3px; }

.custom_calendar ul.legend { display: inline-block; list-style: none outside none; margin: 0; padding: 0; margin-left: 7px; }

.custom_calendar ul.legend > span { padding-left: 2px; }

.custom_calendar ul.legend li { display: inline-block; height: 11px; width: 11px; margin-left: 5px; }

.custom_calendar ul.legend li:first-child { margin-left: 7px; }

.custom_calendar ul.legend li:last-child { margin-right: 5px; }

.page.gong .custom_calendar .day { margin: 0 auto; color: #d3d3d3; }

.page.gong .custom_calendar .day.clickable { background: none; cursor: pointer; color: #202020; font-weight: 600; }

.page.gong .custom_calendar .day.disabled { background: none; font-weight: 400; color: #d3d3d3 !important; }

.page.gong .custom_calendar .day.is-active { width: 40px; background-color: #202020 !important; border-radius: 50%; color: #fff !important; }

.page.gong .custom_calendar .day.is-active::after { color: #fff; }

.page.gong .custom_calendar .day.today { display: flex; flex-direction: column; justify-content: center; align-items: center; font-weight: 400; color: #d3d3d3; }

.page.gong .custom_calendar .day.today.clickable { background: none; cursor: pointer; color: #202020; font-weight: 600; }

.page.gong .custom_calendar .day.today.disabled { background: none; font-weight: 400; color: #d3d3d3 !important; }

.page.gong .custom_calendar .day.today::after { content: '오늘'; font-weight: 600; transform: translateY(-4px); font-size: 12px; color: #ff4b4b; }

.page.gong .custom_calendar .day .is-active { font-weight: 600; color: #202020; }

.page.gong .custom_calendar .day .is-active::after { color: #ff4b4b !important; }

@media (max-width: 979px) { .custom_calendar .table th, .custom_calendar .table td { padding: 0; } }

.section-contents-cscenter.is-interval { margin-bottom: 80px; }

.section-contents-cscenter_quick--info { justify-content: space-between; align-items: center; margin-top: -1px; }

.section-contents-cscenter_quick--info.mt0 { margin-top: -41px !important; }

.section-contents-cscenter_quick--info.blue { padding: 28px 80px 28px 90px; background-color: #f3f9ff; }

.section-contents-cscenter_quick--info.blue .info-text { margin-left: 40px; }

.section-contents-cscenter_quick--info.blue .info-text .first-txt { display: block; color: #385ea3; font-size: 20px; }

.section-contents-cscenter_quick--info.blue .info-text .sub-txt { display: block; color: #385ea3; font-size: 14px; }

.section-contents-cscenter_quick--info.blue .btn-simple { width: 180px; padding: 12px 30px; border-radius: 25px; background-color: #fff; color: #385ea3; font-size: 16px; font-weight: 600; }

.section-contents-cscenter_quick--info.blue .btn-simple i { position: relative; top: 1px; font-size: 20px; margin-left: 15px; }

.section-contents-cscenter_quick--info.gray { padding: 30px 60px; background-color: #f9f9f9; }

.section-contents-cscenter_quick--info.gray .section-contents-cscenter_quick--text { align-items: start; }

.section-contents-cscenter_quick--info.gray .section-contents-cscenter_quick--text .tit { margin: 0; color: #333; font-size: 16px; font-weight: 600; }

.section-contents-cscenter_quick--info.gray .section-contents-cscenter_quick--text .dot-list { margin-left: 30px; }

.section-contents-cscenter_quick--info.gray .section-contents-cscenter_quick--text .dot-list li { margin: 0; color: #333; }

.section-contents-cscenter_quick--text { justify-content: left; align-items: center; }

.section-contents-cscenter_quick--title { margin-bottom: 0.2em; padding-right: 4em; font-size: 18px; color: #333; line-height: 1.5; }

.section-contents-cscenter_quick--link { font-size: 16px; color: #333; }

.section-contents-cscenter_quick--link:hover, .section-contents-cscenter_quick--link:focus { text-decoration: underline; }

.section-contents-cscenter_quick--link i { margin: 0 1em; }

.section-contents-cscenter_quick--list a { max-width: 480px; color: #333; display: block; word-wrap: normal; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.section-contents-cscenter_quick--list a:hover, .section-contents-cscenter_quick--list a:focus { text-decoration: underline; }

.section-contents-cscenter__edit.date-select .datepickier-select-info { position: relative; top: 10px; text-align: right; }

.section-contents-cscenter__edit.date-select .datepickier-select-info span { display: inline-block; color: #333; font-size: 14px; }

.section-contents-cscenter__edit.date-select .datepickier-select-info span::before { display: inline-block; content: ''; width: 12px; height: 12px; margin-right: 10px; vertical-align: middle; }

.section-contents-cscenter__edit.date-select .datepickier-select-info .gray:before { background-color: #f9f9f9; }

.section-contents-cscenter__edit.date-select .datepickier-select-info .blue { margin-left: 10px; }

.section-contents-cscenter__edit.date-select .datepickier-select-info .blue:before { background-color: #28a0e4; }

.section-contents-cscenter__edit .select-radio-wrap.control { text-align: left; }

.section-contents-cscenter__edit .select-radio-wrap .radio { margin: 0; }

.section-contents-cscenter__edit .select-radio-wrap .radio label { font-size: 16px; }

.section-contents-cscenter__edit .btn-address-list { background-color: #f5f5f5; padding: 10px 18px; margin-left: 24px; }

.section-contents-cscenter__edit .btn-address-list i.ico-angle-right { margin-left: 6px; }

.section-contents-cscenter__kids.collapsible-wrap .card { box-shadow: none; }

.section-contents-cscenter__kids.collapsible-wrap .card .card-header-icon { width: 34px; padding: 8px 0 8px 10px; }

.section-contents-cscenter__kids.collapsible-wrap .card .card-header-icon .ico-down_arrow { margin: 0; color: #333; }

.section-contents-cscenter__kids.collapsible-wrap .card .is-collapsible .dl-table-style__dl .dl-table-style__dt { width: 180px; }

.section-contents-cscenter__kids.collapsible-wrap .card .is-collapsible .half-layout .dl-table-style__dd { color: #333; }

.section-contents-cscenter__kids .img-banner { margin-top: 15px; }

.section-contents-cscenter__kids .is-interval { margin-top: 60px; }

.section-contents-cscenter__kids .img { display: block; }

.section-contents-cscenter__kids .lists-icon-wrap li ol { list-style: none; }

.section-contents-cscenter .tit-wrap { margin-top: 60px; }

.section-contents-cscenter .tit-wrap.is-margin-reset { margin-top: 0; }

.section-contents-cscenter .tit-wrap .tit { color: #333; font-size: 22px; font-weight: 600; line-height: 1; }

.section-contents-cscenter .tit-wrap .tit .sub-tit { font-size: 20px; font-weight: 400; vertical-align: middle; }

.section-contents-cscenter .tit-wrap .tit .sub-tit em { display: inline-block; margin-top: 4px; font-size: 16px; font-style: normal; vertical-align: top; }

.section-contents-cscenter .tit-wrap .select-search-wrap { display: inline-block; margin-left: 30px; }

.section-contents-cscenter .info-wrap { margin-top: 20px; }

.section-contents-cscenter .info-wrap-scroll { overflow-y: auto; height: auto; padding: 30px; border: 1px solid #ccc; }

.section-contents-cscenter .info-wrap-scroll .info-wrap-list li { margin-bottom: 20px; padding-left: 14px; text-indent: -14px; }

.section-contents-cscenter .info-wrap-scroll .info-wrap-list li:last-child { margin-bottom: 0; }

.section-contents-cscenter .info-wrap-scroll .info-wrap-list li .table-box { margin-left: -14px; }

.section-contents-cscenter .info-wrap-scroll span, .section-contents-cscenter .info-wrap-scroll li, .section-contents-cscenter .info-wrap-scroll th, .section-contents-cscenter .info-wrap-scroll td { color: #777; font-size: 14px; word-break: keep-all; }

.section-contents-cscenter .info-wrap-scroll .table-box { border-top: 1px solid #777; border-bottom: 1px solid #eee; }

.section-contents-cscenter .info-wrap-scroll .table-box th { text-align: center; background-color: #eee; }

.section-contents-cscenter .info-wrap-scroll .table-box td { border-left: 1px solid #eee; }

.section-contents-cscenter .info-wrap-scroll .table-box td:first-child { border-left: none; }

.section-contents-cscenter .info-wrap .select-radio-wrap { margin-top: 20px; }

.section-contents-cscenter .info-wrap .select-radio-wrap.control { text-align: left; }

.section-contents-cscenter .info-wrap .select-radio-wrap.control label { font-size: 16px; }

.section-contents-cscenter .info-wrap .select-radio-wrap .radio { margin: 0; }

.section-contents-cscenter .info-wrap.__pop { margin-top: 0; }

.section-contents-cscenter .info-wrap.__pop .info-wrap-scroll { padding: 0 0 30px 0; border: none; }

.section-contents-cscenter .required-info { display: block; position: relative; top: 12px; font-size: 14px; text-align: right; }

.section-contents-cscenter .select-search-wrap, .section-contents-cscenter .select-radio-search { align-items: center; }

.section-contents-cscenter .select-search-wrap .select-radio-wrap, .section-contents-cscenter .select-radio-search .select-radio-wrap { margin-right: 20px; }

.section-contents-cscenter .select-search-wrap .select-radio-wrap .radio + .radio, .section-contents-cscenter .select-radio-search .select-radio-wrap .radio + .radio { margin-left: 24px; }

.section-contents-cscenter #div-mid-radio, .section-contents-cscenter .reserForm-vis { display: none; }

.section-contents-cscenter .select-checkbox-search { margin-right: 20px; }

.section-contents-cscenter .select-checkbox-search .checkbox + .checkbox { margin-left: 40px; }

.section-contents-cscenter .select-checkbox-search.multibox-checkbox-middle { margin-top: 16px; }

.section-contents-cscenter .search-group { display: flex; align-items: center; }

.section-contents-cscenter .search-group .input { width: 300px; margin-right: 10px; }

.section-contents-cscenter .search-group .button { margin-right: 20px; }

.section-contents-cscenter .search-group .control { min-width: 150px; }

.section-contents-cscenter .search-group .control .checkbox { margin: 0; }

.section-contents-cscenter .search-group.no-store-confirm { display: none; }

.section-contents-cscenter .search-group.no-store-confirm .checkbox label { font-size: 16px; }

.section-contents-cscenter .search-group .order-search-box .model-input-box { display: none; border: none; background: transparent; text-overflow: ellipsis; }

.section-contents-cscenter .search-group .order-search-box .order-search-wrap { display: flex; align-items: center; }

.section-contents-cscenter .search-group .item-search-box { display: none; }

.section-contents-cscenter .search-group .item-search-box .item-search-wrap { display: none; align-items: center; }

.section-contents-cscenter .search-group .order-search-wrap .button .ico-search, .section-contents-cscenter .search-group .item-search-wrap .button .ico-search { margin-left: 6px; }

.section-contents-cscenter .model-number-info { display: inline-block; margin-top: 10px; }

.section-contents-cscenter .radio-list-detail ul { display: flex; justify-content: left; align-items: center; margin-top: 30px; }

.section-contents-cscenter .radio-list-detail ul.tab-items { display: none; }

.section-contents-cscenter .radio-list-detail ul li { margin-left: 10px; }

.section-contents-cscenter .radio-list-detail ul li:first-child { margin-left: 0; }

.section-contents-cscenter .radio-list-detail ul li .radio { display: none; }

.section-contents-cscenter .radio-list-detail ul li .radio:checked + .radio-label { background-color: #28a0e4; }

.section-contents-cscenter .radio-list-detail ul li .radio:checked + .radio-label i { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -416px -600px; width: 24px; height: 22px; }

.section-contents-cscenter .radio-list-detail ul li .radio:checked + .radio-label .name { color: #fff; }

.section-contents-cscenter .radio-list-detail ul li .radio-label { display: flex; justify-content: space-between; align-items: center; min-width: 150px; padding: 20px; background-color: #f9f9f9; cursor: pointer; }

.section-contents-cscenter .radio-list-detail ul li .radio-label .name { color: #777; font-size: 16px; }

.section-contents-mystore__nostore { display: flex; justify-content: center; align-items: center; height: 80px; margin: 18px 0; background-color: #edf4ee; font-size: 17px; text-align: center; }

.section-contents-mystore__nostore a { font-weight: 600; color: #000; }

.section-contents-mystore__nostore a i { position: relative; top: 0.1rem; margin: 0 0.8rem 0 0.3rem; }

.section-contents-mystore__storeview { position: relative; display: flex; justify-content: center; align-items: center; height: 80px; margin: 18px 0; background-color: #458d4f; color: #fff; font-size: 17px; }

.section-contents-mystore__storeview strong { color: #fff; }

.section-contents-mystore__storeview a { position: absolute; right: 25px; display: block; background-color: #fff; color: #202020; border-radius: 3px; padding: 10px; font-size: 12px; }

.item-button-wrap { position: relative; justify-content: center; align-items: center; margin: 60px 0; }

.item-button-wrap.button-area { margin: 40px 0; }

.item-button-wrap .button { min-width: 155px; margin-left: 10px; }

.item-button-wrap .button:first-child { margin-left: 0; }

.item-button-wrap .member-dropout { position: absolute; top: 40px; right: 0; color: #333; }

.review-contents { height: 200px; resize: none; }

.review-contents + .count-txt { display: block; margin-top: 5px; color: #999; font-size: 14px; text-align: right; }

.multibox-wrap { align-items: center; }

.multibox-wrap .txt-tit { display: inline-block; margin-right: 28px; color: #333; font-size: 16px; }

.multibox-wrap .control .select { margin-left: 10px; }

.multibox-wrap .control .select:first-child { margin-left: 0; }

.multibox-wrap .control.is-flex { align-items: center; }

.multibox-wrap .control .input { margin-left: 10px; }

.multibox-wrap .control .input:first-child { margin-left: 0; }

.address-wrap .control .input { margin: 0 10px 0 0; }

.address-wrap .input { margin-top: 10px; }

.time-select { display: none; }

.time-select:checked + .label { border: 1px solid #28a0e4; background-color: #28a0e4; }

.time-select:checked + .label .txt { color: #fff; }

.time-select:disabled + .label { opacity: 0.5; cursor: default; }

.time-select-wrap { justify-content: center; align-items: center; margin-top: 70px; }

.time-select-wrap li { margin-left: 8px; }

.time-select-wrap li:first-child { margin-left: 0; }

.time-select-wrap li .label { justify-content: center; align-items: center; width: 130px; height: 130px; cursor: pointer; }

.time-select-wrap__box { justify-content: left; flex-wrap: wrap; max-width: 435px; margin-left: 70px; }

.time-select-am { border: 1px solid #333; background-color: #fff; }

.time-select-am .txt { color: #333; font-size: 16px; font-weight: 400; }

.time-select-pm { border: 1px solid #333; background-color: #fff; }

.time-select-pm .txt { color: #333; font-size: 16px; font-weight: 400; }

.time-select-none { border: 1px solid #888; background-color: #888; }

.time-select-none .txt { color: #fff; font-size: 16px; font-weight: 400; }

.required:before { display: inline-block; content: '*'; margin-right: 0.5rem; color: #ff2c2c; }

.control .width-symptom { min-width: 370px; }

.control .width-symptom select { width: 100%; }

.min-max-txt { margin-top: 5px; }

.min-max-txt span { color: 777; font-size: 14px; }

.min-max-txt .count-txt { display: inline-block; width: auto; margin: 0; }

.date-select .table-box-form .table th { padding: 30px 20px 30px; background-color: #fff; }

.date-select .table-box-form .table th:nth-last-child(1) { border-left: 1px solid #eee; }

.date-select .table-box-form .table th:first-child { border-left: none; }

.date-select .table-box-form .table tbody > tr > td { height: 500px; }

.date-select .table-box-form .table td:nth-last-child(1) { border-left: 1px solid #eee; }

.date-select .table-box-form .table td.bk-img { background-image: url(../images/common/sample_as.jpg); background-repeat: no-repeat; background-size: cover; }

.custom-table-title { display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 1; width: 100%; margin-top: 40px; background-color: #f9f9f9; }

.custom-table-title li { position: relative; width: 50%; padding: 15px 20px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }

.custom-table-title li .tit { display: inline-block; color: #333; font-size: 16px; }

.custom-table-title li .tit::before { display: inline-block; content: '*'; height: 17px; margin-right: 5px; color: #ed2650; vertical-align: text-top; }

.table-box-form { margin-top: 20px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }

.table-box-form.radio-list { padding-top: 20px; padding-bottom: 10px; margin-bottom: 17px; }

.table-box-form.custom-table { position: relative; margin-top: -1px; }

.table-box-form.custom-table:before { display: block; content: ''; width: 12px; height: 12px; position: absolute; top: 50%; left: calc(50%); z-index: 5; border-top: 1px solid #999; border-right: 1px solid #999; background-color: #fff; transform: translate(-50%, -50%) rotate(45deg); }

.table-box-form.custom-table:after { display: block; content: ''; width: 1px; height: 197px; position: absolute; top: 50%; left: 50%; z-index: 1; background-color: #999; transform: translate(-50%, -50%); }

.table-box-form.custom-table .table { width: 520px; margin-bottom: 0; }

.table-box-form.custom-table .table tbody th { background-color: transparent; }

.table-box-form .table th { padding: 33px 20px; background-color: #f9f9f9; vertical-align: top; }

.table-box-form .table th .label { color: #333; font-size: 16px; font-weight: 400; }

.table-box-form .table th .label.db-line-text { padding-left: 14px; margin: -12px 0; }

.table-box-form .table th .label.db-line-text:before { width: 8px; margin-left: -14px; }

.table-box-form .table th:first-child { border-left: none; }

.table-box-form .table th.is-small { padding: 20px; }

.table-box-form .table td { padding: 20px; font-size: 16px; color: #333; }

.table-box-form .table td:first-child { border-left: none; }

.table-box-form .table td .custom-datepicker { justify-content: left; align-items: center; flex-wrap: wrap; max-width: 350px; margin-left: 70px; }

.table-box-form .table td .custom-datepicker .custom_calendar .table th { padding: 0; border-left: none; vertical-align: middle; }

.table-box-form .table td .custom-datepicker .custom_calendar .table td { padding: 0; border-left: none; vertical-align: middle; }

.table-box-form .table td .custom-datepicker .custom_calendar .table tr.calendar-month-header td { padding-top: 25px; padding-bottom: 25px; background-color: #fff; }

.table-box-form .table td .custom-datepicker .dot-list li { color: #ed2650; }

.table-box-form .table td .checkbox-mt { margin-top: 17px; }

.table-box-form .table td .table-box-email { display: flex; justify-content: space-between; width: 560px; }

.table-box-form .table td .table-box-email.is-multibox-email { width: 670px; align-items: center; justify-content: flex-start; }

.table-box-form .table td .table-box-email.is-multibox-email .select.is-fullwidth { width: 157px; }

.table-box-form .table td .table-box-email-at { display: inline-block; min-width: 26px; width: 5%; line-height: 50px; vertical-align: middle; text-align: center; }

.table-box-form .table td .table-box-email .width-small { margin-left: 0; }

.width-80 { width: 80px; min-width: 80px; }

.width-ssmall { width: 140px; }

.width-small { width: 180px; }

.width-small select { width: 180px; }

.width-middle { width: 300px; }

.width-middle select { width: 300px; }

.width-large { width: 560px; }

.width-large select { width: 560px; }

.table-box-form .table-box-txt-middle { display: inline-block; margin-top: 13px; }

.table-box-form .input-enter-guide { font-size: 14px; line-height: 50px; }

.table-box-form .text-limit-info { margin-top: 5px; }

.table-box-form .count-txt { display: block; margin-top: 5px; color: #999; font-size: 14px; text-align: right; }

.table-box-form .limit-count { position: absolute; z-index: 10; top: 1.4rem; left: 242px; cursor: default; }

.table-box-form .button-pw-search { margin-top: -5px; font-size: 14px; color: #333; }

.table-box-form .verifi-code, .table-box-form #marriageDateWrap, .table-box-form .age-wrap { display: none; }

.input.width-small { display: inline-block; }

.member-total-join { padding-bottom: 40px; border-bottom: 1px solid #eee; }

.member-total-join-desc { font-size: 18px; }

.as-select-wrap { display: flex; justify-content: left; align-items: center; }

.as-select-wrap .dropdown-wrap { margin-right: 10px; }

.as-select-wrap .dropdown-wrap.header-search__dropdown { width: auto; min-width: 180px; }

.as-select-wrap .dropdown-wrap.header-search__dropdown .dropdown .dropdown-trigger { min-width: 180px; }

.as-select-wrap .dropdown-wrap.header-search__dropdown .dropdown .dropdown-trigger .button { height: 50px; padding-right: 20px; padding-left: 20px; border: 1px solid #ccc; }

.as-select-wrap .dropdown-wrap.header-search__dropdown .dropdown .dropdown-menu { top: 50px; left: 0; }

.as-select-wrap .dropdown-wrap.header-search__dropdown .dropdown .dropdown-menu .dropdown-item { padding: 8px 20px; }

.as-select-wrap .dropdown-wrap.header-search__dropdown .dropdown .dropdown-menu .dropdown-item.is-active { background-color: #f9f9f9; color: #333; font-weight: 600; }

.as-select-wrap .dropdown-wrap.header-search__dropdown .dropdown.is-active .dropdown-trigger .button { border-color: #333; border-bottom: 1px solid transparent; }

.item-photo-regist__regist + .dot-list { margin-top: 20px; }

/* [팝업] 매장검색 */
#modal-branch-search .modal-card { width: 700px; }

.pop-branch-search { margin: 0 auto; }

.pop-branch-search-word .button.is-primary { min-width: 80px; }

.pop-branch-search-result__link { display: inline-block; }

.pop-branch-search-result__link p { display: inline-block; padding-top: 3px; height: 22px; }

.pop-branch-search-result__link:hover p { border-bottom: 1px solid #333; }

.pop-branch-search-result__name { display: block !important; color: #333; }

.pop-branch-search-result__addr { display: block !important; color: #777; }

/* [팝업] 상품검색 */
#modal-product-search .modal-card { width: 940px; }

.pop-product-search-word .label { font-weight: 400; line-height: 50px; }

.pop-product-search-word .field.has-addons { justify-content: center; }

.pop-product-search-word .field.has-addons input[type='text'] { min-width: 300px; }

.pop-product-search-word .field.has-addons .button.is-primary { min-width: 80px; }

/* [팝업] 주문내역 */
@media screen and (min-width: 769px), print { #modal-order-history .modal-card { width: 1000px; } }

#modal-order-history .pop-branch-search.date-search { margin: 20px 0; }

#modal-order-history .item-button-wrap { margin: 30px 0 10px; }

#modal-order-history .final-price, #modal-order-history .date-order-number-wrap, #modal-order-history .order-state { display: block; text-align: center; }

#modal-order-history .order-history-table { table-layout: fixed; width: 100%; margin-bottom: 0; }

#modal-order-history .order-history-table .radio-wrap { text-align: center; }

#modal-order-history .order-history-table .radio-wrap .radio { margin: 0; }

#modal-order-history .order-history-table .radio-wrap .radio label { margin-left: 12px; }

#modal-order-history #pre-order-history-table { display: none; }

#modal-order-history .modal-card-foot { margin-top: -1px; border-top: 1px solid #eee; }

@media screen and (min-width: 769px), print { #modal-order-history-20 .modal-card { width: 1000px; } }

.items-info-wrap { display: flex; justify-content: left; align-items: flex-start; }

.items-info-wrap .img { width: 96px; height: auto; margin-right: 10px; }

/* [팝업] 상담 및 방문 예약 */
#modal-reserForm .modal-card, #modal-shopForm .modal-card { width: 1160px; }

#modal-reserForm .modal-card-body, #modal-shopForm .modal-card-body { max-height: 700px; }

#modal-reserForm .store-search-siderbar-body .scrollbar-container, #modal-shopForm .store-search-siderbar-body .scrollbar-container { overflow: hidden; }

.banner-mt0 { display: block; margin-top: -41px; }

.table-member-dropout.table.is-bordered { font-size: 16px; }

.table-member-dropout.table.is-bordered thead th { padding: 1.05em 1em; }

.cscenter-row { display: block; margin-bottom: 60px; }

.cscenter-main-box { overflow: hidden; width: 800px; height: 160px; padding: 40px 0; background-color: #f9f9f9; }

.cscenter-main-box > ul { font-size: 0; }

.cscenter-main-box > ul > li { position: relative; width: 33.33%; display: inline-block; vertical-align: top; text-align: center; }

.cscenter-main-box > ul > li:before { content: ''; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background-color: #eee; }

.cscenter-main-box > ul > li a { color: #777; }

.cscenter-main-box > ul > li a:hover, .cscenter-main-box > ul > li a:focus { color: #333; text-decoration: underline; }

.cscenter-main-box > ul > li > ul { width: 90px; display: block; margin: 0 auto; }

.cscenter-main-box > ul > li > ul > li { width: 100%; display: block; text-align: left; }

.cscenter-main-box > ul > li:nth-child(1) > ul { width: 125px; }

.cscenter-main-box > ul > li:nth-child(1):before { display: none; }

.cscenter-main-box__title { display: block; font-size: 18px; font-weight: 400; margin-bottom: 10px; }

.cscenter-main-links { position: relative; display: table; width: 100%; height: 120px; border-left: 1px solid #eee; border-right: 1px solid #eee; }

.cscenter-main-links li { display: table-cell; width: 181px; height: 100%; vertical-align: middle; text-align: center; }

.cscenter-main-links li:before { position: absolute; top: 0; left: 0; content: ''; width: 100%; height: 1px; background-color: #eee; }

.cscenter-main-links li:after { position: absolute; bottom: 0; left: 0; content: ''; width: 100%; height: 1px; background-color: #eee; }

.cscenter-main-links li a { display: inline-flex; align-items: center; position: relative; width: 100%; height: 100%; margin: -1px; z-index: 1; }

.cscenter-main-links li a:hover, .cscenter-main-links li a:focus { border: 1px solid #333; }

.cscenter-main-links li a .inner { width: 100%; }

.cscenter-main-links li i { display: block; margin: 0 auto 10px; }

.cscenter-main-links li strong { display: block; margin: 0 auto; color: #333; font-size: 16px; font-weight: 400; }

.cscenter-main-latest { width: 518px; }

.cscenter-main-latest .latest-title { font-size: 20px; padding-bottom: 20px; }

.cscenter-main-latest .latest-title-wrap { height: auto; margin: 0; padding: 0; line-height: 1; border-top: none; }

.cscenter-main-latest .latest-title-more { top: 0px; right: 0; padding: 0; }

.cscenter-main-latest ol.latest-list { list-style: none; counter-reset: my-counter; }

.cscenter-main-latest ol.latest-list li { counter-increment: my-counter; clear: both; }

.cscenter-main-latest ol.latest-list li::before { line-height: 20px; float: left; margin-right: 5px; content: counter(my-counter) ". "; color: #333; font-size: 16px; font-weight: 600; }

.cscenter-main-latest li a .latest-list__title { color: #777; }

.cscenter-main-latest li a:hover .latest-list__title, .cscenter-main-latest li a:focus .latest-list__title { color: #333; text-decoration: underline; }

.cscenter-main-latest .latest-list.dot-list > li, .cscenter-main-latest li { line-height: 20px; margin: 7px 0; }

.cscenter-main-latest .latest-list.dot-list > li:before { content: '•'; }

.cscenter-main-kakaocs { width: 518px; font-size: 0; }

/* 게시판 상세보기 */
.board-view { border-top: 1px solid #333; }

.board-view article { border-bottom: 1px solid #ccc; }

.board-view-title { padding: 18px 24px; background: #f9f9f9; font-size: 16px; font-weight: 600; color: #333; }

.board-view-top { padding: 18px 24px; border-top: 1px solid #eee; }

.board-view-top dt { margin-right: 22px; }

.board-view-top .board-view-writer dt::after { display: inline-block; height: 10px; padding-right: 20px; border-right: 1px solid #ccc; content: ''; vertical-align: middle; }

.board-view-top .board-view-date::after { display: inline-block; height: 10px; margin: 5px 20px 0 0; padding-right: 20px; border-right: 1px solid #ccc; content: ''; vertical-align: middle; }

.board-view-body { padding: 40px 85px; border-top: 1px solid #eee; color: #333; }

.board-view-foot { margin: 40px 0 20px 20px; }

.board-view-foot .board-view-attach i { margin: -4px 8px 0 0; vertical-align: middle; }

.board-view-foot .board-view-attach dt::after { display: inline-block; height: 10px; margin: -2px 12px 0 0; padding-right: 20px; border-right: 1px solid #ccc; content: ''; vertical-align: middle; }

.board-view-foot .board-view-attach dd button { margin: -3px 20px 0 0; color: #777; }

.board-view-foot .board-view-attach dd button:hover { color: #333; }

.board-view-foot__title { display: block; margin-bottom: 15px; line-height: 1.2; font-weight: 400; font-size: 18px; }

.board-view-otherpage dl { border-bottom: 1px solid #eee; }

.board-view-otherpage__border dl { border-top: 1px solid #eee; }

.board-view-otherpage__border dl:first-child { border-bottom: none; }

.board-view-otherpage dd a, .board-view-otherpage dd > span.is-disabled { display: inline-block; padding: 20px 40px; color: #777; font-size: 16px; }

.board-view-otherpage dd a i, .board-view-otherpage dd > span.is-disabled i { margin: -4px 74px 0 0; vertical-align: middle; }

.board-view-otherpage dd a:hover, .board-view-otherpage dd > span.is-disabled:hover { color: #333; }

.board-view-otherpage-notxt { color: #999; }

/* 검색 박스 */
.search-box { padding: 28px 0 22px; border: 1px solid #333; justify-content: center; }

.search-box-title { font-size: 20px; font-weight: 600; color: #333; line-height: 28px; }

.search-box-keyword-area { width: 480px; }

.search-box.custom-style .search-box-title { margin-right: 60px; }

.search-box.custom-style .button { min-width: 150px; }

.search-box__fixed { padding: 40px 0; }

.search-box__fixed .button { margin-top: 2px; }

/* sticky 버튼 리스트  */
.planning-tabs-6row.planning-tabs-wrap .section-contents-tab__list { width: 1086px; }

.planning-tabs-6row.planning-tabs-wrap li { width: 182px !important; }

.planning-tabs-6row.planning-tabs-wrap li:nth-child(6n + 1) { width: 181px !important; }

.contents-info--dl.is-interval { margin-bottom: 60px; }

.contents-info--dt { color: #333; font-size: 20px; }

.contents-info--dd { margin-top: 15px; color: #777; font-size: 16px; }

.number-list > li { line-height: 1.8; }

.form-box.is-liner { border-bottom: 1px solid #eee; }

.service-item-layout { display: flex; justify-content: left; align-items: center; flex-wrap: wrap; }

.service-item-layout li { width: 360px; padding: 20px 0; border-top: 1px solid #eee; }

.service-item-layout li select { width: 310px; }

.service-item-layout li .input-set-wrap .checkbox { margin-bottom: 14px; }

.service-item-layout li .control { margin-bottom: 0; }

.service-item-layout li .control label { color: #333; font-size: 16px; }

.service-item-layout li .custom-input-wrap .custom-input-txt { right: 20px; }

.service-item-layout li .one-input { width: calc(100% - 70px); }

.contents-info-lists__list { margin-top: 40px; }

.contents-info-lists__list .title { display: block; margin-bottom: 15px; font-weight: 400; }

.contents-info-lists__list .dot-list li { line-height: 1.5; }

.contents-info-lists__list .dot-list li .sub-list { margin-top: 10px; }

.contents-info-lists__list .dot-list li .sub-list p { padding-left: 10px; text-indent: -7px; line-height: 1.5; }

.contents-info-lists__list .btn-link { display: block; color: #333; font-size: 14px; }

.contents-info-lists__list .btn-link i { margin-left: 10px; }

.catalog-contents__down--lists { margin: -60px -12.5px 0; padding-bottom: 40px; }

.catalog-contents__down--lists li { display: inline-block; margin: 60px 12.5px 0; vertical-align: top; }

.catalog-contents-wrap { position: relative; width: 250px; }

.catalog-contents-wrap .btn-down { display: block; }

.catalog-contents-wrap .btn-down:hover .image-wrap .down-item { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; margin: auto; background-color: rgba(0, 0, 0, 0.6); }

.catalog-contents-wrap .btn-down:hover .image-wrap .down-item .button { width: 80%; border-radius: 4px; font-weight: 600; }

.catalog-contents-wrap .btn-down:hover .image-wrap .down-item .button.is-primary { background-color: #139d9e; color: #fff; }

.catalog-contents-wrap .btn-down:hover .image-wrap .down-item .button.is-gray-dark { color: #333; border: none; }

.catalog-contents-wrap .btn-down:hover .image-wrap .down-item .button.is-gray-dark:hover { border: none; }

.catalog-contents-wrap .btn-down .image-wrap { width: 250px; overflow: hidden; }

.catalog-contents-wrap .btn-down .image-wrap .img { display: block; width: 100%; height: 250px; }

.catalog-contents-wrap .btn-down .image-wrap .btn-down-wrap { display: flex; justify-content: center; align-items: center; position: relative; padding: 28px 0 26px; }

.catalog-contents-wrap .btn-down .image-wrap .btn-down-wrap span { color: #333; font-size: 16px; line-height: 1; }

.catalog-contents-wrap .btn-down .image-wrap .btn-down-wrap span i { margin-left: 25px; }

.catalog-contents-wrap .btn-down .image-wrap .down-item { display: none; }

.catalog-name { position: absolute; top: calc(50% - 36px); left: 50%; width: 80%; color: #fff; font-size: 16px; text-align: center; letter-spacing: -0.2px; transform: translate(-50%, -50%); z-index: 10; }

.order-history { display: none; }

.order-history .img-txt-wrap { display: flex; justify-content: left; align-items: flex-start; }

.order-history .img-txt-wrap .img { display: block; width: 150px; height: auto; margin-right: 20px; }

.order-history .img-txt-wrap .txt-wrap .order-number { margin-bottom: 15px; color: #999; font-size: 14px; line-height: 1; }

.order-history .img-txt-wrap .txt-wrap .order-name { color: #333; font-size: 14px; line-height: 1; }

.store-search-map { position: relative; width: 100%; height: 754px; overflow: hidden; border: 1px solid #ccc; }

.store-search-map__button { position: absolute; top: 12px; right: 10px; z-index: 1; width: 35px; height: 35px; border-radius: 5px; background-color: #fff; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); }

.store-search-map__button.map-button__1 { right: 336px; width: 43px; color: #fff; background-color: #3194fc; }

.store-search-map__button.map-button__2 { right: 271px; width: 63px; }

.store-search-map__button.map-button__3 { top: 149px; right: 10px; }

.store-search-map__button.map-button__4 { top: 191px; right: 10px; }

.store-search-map__button.map-button__5 { top: 227px; right: 10px; }

.store-search-map .store-search-siderbar { position: absolute; top: 0; left: 0; width: 400px; background-color: white; height: 100%; transition: all 0.1s; z-index: 1; line-height: 1; }

.store-search-map .store-search-siderbar-head { display: flex; justify-content: space-between; padding: 27px 20px 20px; align-items: center; }

.store-search-map .store-search-siderbar-head .checkbox { margin: 0; }

.store-search-map .store-search-siderbar-head .checkbox label { font-size: 16px; line-height: 1.1; }

.store-search-map .store-search-siderbar-body { border-top: 1px solid #333; }

.store-search-map .store-search-siderbar-body .scroll-wrapper { margin: 0; padding: 0; }

.store-search-map .store-search-siderbar-body ol { padding: 0 20px; list-style: none; counter-reset: todolist; }

.store-search-map .store-search-siderbar-body li { padding: 30px 0 26px; border-bottom: 1px solid #eee; }

.store-search-map .store-search-siderbar-body li:last-child { border-bottom: none; }

.store-search-map .store-search-siderbar-body li:hover { margin: -1px -20px 0; padding: 30px 20px 26px; background-color: #f9f9f9; border-top: 1px solid #f9f9f9; border-bottom: 1px solid #f9f9f9; }

.store-search-map .store-search-siderbar-body li:hover .desc-wrap .icon-wrap i { opacity: 1; }

.store-search-map .store-search-siderbar-body li:hover .desc-wrap .icon-wrap .is-outlined { border: 1px solid #333; color: #333; }

.store-search-map .store-search-siderbar-body li .desc-wrap { width: 100%; display: flex; justify-content: space-between; }

.store-search-map .store-search-siderbar-body li .desc-wrap .desc { max-width: 256px; color: #777; font-size: 13px; }

.store-search-map .store-search-siderbar-body li .desc-wrap .desc .ttl { display: flex; }

.store-search-map .store-search-siderbar-body li .desc-wrap .desc .ttl i { position: relative; bottom: 0.2rem; }

.store-search-map .store-search-siderbar-body li .desc-wrap .desc h5 { max-width: 90%; font-size: 16px; font-weight: 600; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.store-search-map .store-search-siderbar-body li .desc-wrap .desc h5::before { display: none; counter-increment: todolist; content: counter(todolist) ". "; }

.store-search-map .store-search-siderbar-body li .desc-wrap .desc h5 + i { margin-left: 5px; }

.store-search-map .store-search-siderbar-body li .desc-wrap .desc address { margin-top: 10px; font-style: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.store-search-map .store-search-siderbar-body li .desc-wrap .desc span { display: block; margin-top: 10px; }

.store-search-map .store-search-siderbar-body li .desc-wrap .desc p { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 16px; color: #999; }

.store-search-map .store-search-siderbar-body li .desc-wrap .icon-wrap { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; flex-wrap: wrap; max-width: 88px; margin-left: 15px; gap: 5px; }

.store-search-map .store-search-siderbar-body li .desc-wrap .link { position: absolute; right: 0; top: 0; padding: 0; min-width: 7rem; font-size: 12px; color: #777; text-align: right; }

.store-search-map .store-search-siderbar-body li .desc-wrap .link::after { display: none; }

.store-search-map .store-search-siderbar-body li .desc-wrap .button.is-small { width: 100%; font-size: 11px; }

.store-search-map .store-search-siderbar-body li .desc-wrap .button.is-green { background-color: #458d4f; color: #fff; }

.store-search-map .store-search-siderbar-body .scrollbar-container { max-height: 588px; }

.store-search-map .store-search-siderbar-foot { position: absolute; bottom: 0; padding: 0 20px; width: 100%; height: 100px; }

.store-search-map .store-search-siderbar-foot__bordertop { border-top: 1px solid #eee; display: flex; justify-content: center; align-items: center; height: 100%; }

.store-search-map .store-search-siderbar .store-search-siderbar-btn { width: 40px; height: 100px; background-color: #333; position: absolute; right: -40px; top: 50%; margin-top: -50px; color: white; }

.store-search-map .store-search-siderbar.hide { left: -400px; }

.store-search-map .store-search-siderbar.hide .store-search-siderbar-btn { transform: rotate(180deg); }

.tooltip--normal { display: inline-block; position: relative; margin-left: 5px; }

.tooltip--normal-box { display: none; position: absolute; top: 25px; right: calc(100% - 25px); width: 260px; padding: 20px; border: 1px solid #333; box-sizing: border-box; background-color: white; z-index: 10; font-size: 13px; line-height: 20px; }

.tooltip--normal dl dt { font-weight: 600; color: #333; }

.tooltip--normal dl dd { color: #777; }

.tooltip--normal:hover .tooltip--normal-box { display: block; }

.tooltip--normal .ico-tooltip { display: inline-block; width: 15px; height: 15px; background: url(../images/common/tooltip_arrow_off.png) no-repeat center; background-size: contain; }

.tooltip--normal .ico-tooltip:hover { background: url(../images/common/tooltip_arrow_on.png); }

.section-contents-cscenter .select-search-wrap.select-checkbox-search { margin: -5px -10px; }

.section-contents-cscenter .select-search-wrap.select-checkbox-search .checkbox { margin: 10px; }

.section-contents-cscenter .select-search-wrap.select-checkbox-search .checkbox label { line-height: 1; }

.section-contents-cscenter .select-search-wrap.select-radio-search { margin: -5px -10px; }

.section-contents-cscenter .select-search-wrap.select-radio-search .radio { margin: 10px; }

.section-contents-cscenter .select-search-wrap.select-radio-search .radio label { line-height: 1; }

.tabs.is-toggle.small-fixed .tab-box { z-index: 4; }

.tabs.is-toggle.small-fixed .tab-box .tab { min-width: 156px; height: 50px; font-size: 16px; background-color: #fff; }

.item-button-wrap--pdtb { padding-top: 0; padding-bottom: 0; }

.item-button-wrap--pdtb + .item-button-wrap--pdtb { margin-top: 10px; }

.item-button-wrap--pdtb .button + button { margin-left: 10px; }

.info-list-contens { display: flex; justify-content: left; align-items: center; }

.info-list-contens + .info-list-contens { margin-top: 60px; }

.info-list-contens .title-wrap { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-self: stretch; width: 150px; height: auto; background-color: #f9f9f9; }

.info-list-contens .title-wrap .wrap-inner { text-align: center; }

.info-list-contens .title-wrap .wrap-inner .title { margin-top: 10px; letter-spacing: -0.2px; }

.info-list-contens.single-list .dl-table-style__dd { padding: 35px 18px; }

.info-list-contens .dl-table-style .dl-table-style__dt { background-color: #fff; }

.info-list-contens .dl-table-style .dl-table-style__dd { border-left: 1px solid #eee; color: #777; line-height: 1.5; }

.info-list-contens .dl-table-style .dl-table-style__dd li { margin-bottom: 10px; line-height: 1.5; }

.store-info .float-left { width: 500px; position: relative; }

.store-info .float-right { width: 566px; }

.store-info__lineheigth { line-height: 1; }

.store-info-photo { position: relative; overflow: hidden; }

.store-info-photo .gallery-photo { position: relative; margin-bottom: 20px; background-image: url(../images/common/500x500.gif); height: 500px; }

.store-info-photo .gallery-photo > img { position: absolute; top: 50%; left: 50%; width: auto; height: 100%; transform: translate(-50%, -50%); transition: none; }

.store-info-photo .gallery-photo .swiper-slide { background-image: url(../images/common/500x500.gif); background-size: cover; height: auto; max-height: 500px; }

.store-info-photo .gallery-photo .swiper-slide > img { width: auto; height: 500px; }

.store-info-photo .gallery-thumbs { padding: 0 55px; }

.store-info-photo .gallery-thumbs .swiper-slide { min-width: 90px; height: 90px; }

.store-info-photo .gallery-thumbs .swiper-button-prev { top: 50%; left: 0; margin-top: -25px; }

.store-info-photo .gallery-thumbs .swiper-button-next { top: 50%; right: 0; margin-top: -25px; }

.store-info-photo .gallery-thumbs--media { width: 100%; max-width: 90px; height: 100%; max-height: 90px; padding: 0; }

.store-info__map { border: 1px solid #ccc; height: 380px; }

.store-info .button-area--bordertop { border-top: 1px solid #ccc; padding-top: 20px; }

.store-info .section-category-control-wrap { width: auto; }

.store-info h4 { font-weight: 600; }

.store-info__address { display: flex; align-items: flex-start; }

.store-info__address .flex-left { flex: 1 1 auto; line-height: 1.2; }

.store-info__address .flex-right { flex: 0 0 80px; }

.store-info__address .flex-right .button { margin: 0; padding: 0 15px; }

.half-layout .content-l, .half-layout .content-r { width: 50%; }

.alliance-info-wrap { height: 230px; }

.alliance-info-wrap .txt { color: #333; font-size: 40px; font-weight: 600; }

.alliance-info-wrap .txt i { margin-right: 10px; }

.alliance-info-wrap .info-dot-wrap { justify-content: center; height: inherit; border-left: 1px solid #eee; }

.alliance-info-wrap .info-dot-wrap .dot-list li { color: #333; font-size: 16px; margin-top: 16px; }

.horizontal-centerd-layout { display: flex; justify-content: center; padding: 20px 0; }

.horizontal-centerd-layout.is-interval { margin-top: 60px; }

.horizontal-centerd-layout.bg-light-gray { background-color: #f9f9f9; }

.horizontal-centerd-layout span { position: relative; margin-left: 20px; padding-left: 20px; color: #333; font-size: 16px; }

.horizontal-centerd-layout span:before { display: block; content: ''; position: absolute; top: 50%; left: 0; z-index: 1; width: 1px; height: 14px; background-color: #ccc; transform: translateY(-50%); }

.horizontal-centerd-layout span:first-child:before { content: none; }

.product-item--small2 { min-width: 160px; }

.product-item--small2:hover .product-item-image img { transform: scale(1) translate(-50%, -50%); }

.product-item--small2 .product-item-image { position: relative; width: 160px; height: 200px; }

.product-item--small2 .product-item-image img { position: absolute; top: 50%; left: 50%; width: auto; max-width: initial; height: 100%; transform: translate(-50%, -50%); transition: none; }

.btn-groub--between a + a { margin-left: 10px; }

.product-item-status--commingsoon::after { display: none; }

.product-item-status--commingsoon::before { display: none; }

.contents-info-wrap3 { padding: 17px 20px; border: 1px solid #ccc; height: 100px; margin: 20px 0 0; line-height: 1.5; }

.contents-info-wrap3 .scrollbar-container { height: 100%; }

.title-icon-bar { width: 100%; padding: 14px 30px; background-color: #f9f9f9; border-top: 1px solid #eee; }

.title-icon-bar i { display: inline-block; margin-right: 20px; }

.title-icon-bar .txt { color: #333; font-size: 16px; letter-spacing: -0.2px; }

.box-red { display: inline-block; padding: 5px 10px; color: #fff; font-style: normal; background-color: #fb8c83; }

.lists-icon-wrap { border-bottom: 1px solid #eee; }

.lists-icon-wrap > li { position: relative; width: 100%; padding: 50px 0 70px; }

.lists-icon-wrap > li:before { display: block; content: ''; position: absolute; top: 50%; left: 0; z-index: 1; width: 1px; height: 405px; background-color: #eee; transform: translateY(-50%); }

.lists-icon-wrap > li:first-child:before { content: none; }

.lists-icon-wrap > li i { display: block; margin: 0 auto; }

.lists-icon-wrap > li i.icon-graph { margin: 0 auto 19px; }

.lists-icon-wrap > li i:not(.icon-won) { margin: 0 auto 21px; }

.lists-dl { padding-top: 40px; }

.lists-dl .tit { color: #777; font-size: 18px; }

.lists-dl .text { margin-top: 25px; color: #777; font-size: 14px; }

.lists-dl .text li { margin-top: 5px; }

.lists-dl .text li:first-child { margin-top: 0; }

/* 버튼 링크 박스 */
.link-box { padding: 19px 80px; border: 1px solid #ccc; }

.link-box-title { padding-top: 3px; color: #333; font-size: 16px; vertical-align: middle; }

.link-box-button-list a.button { width: 114px; margin-left: 6px; padding: 0; }

/* 매장 찾기 툴팁 */
.store-search-map--point-layer { position: absolute; }

.store-search-map--point-layer .store-search-map-image-layer { display: inline-block; }

.store-search-map--point-layer .store-search-map-image-layer > div { background: url(../images/cscenter/location_icon.png) 50% no-repeat; width: 30px; height: 39px; margin-left: 0; margin-top: 0; text-align: center; }

.store-search-map--point-layer .store-search-map-image-layer > div > span { color: #fff; line-height: 35px; font-size: 16px; }

.store-search-map--point-layer--center { position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -15px; }

.store-search-map--point-layer--center .store-search-map-image-layer { display: inline-block; }

.store-search-map--point-layer--center .store-search-map-image-layer > div { background: url(../images/cscenter/location_icon.png) 50% no-repeat; width: 30px; height: 39px; margin-left: 0; margin-top: 0; text-align: center; }

.store-search-map--point-layer--center .store-search-map-image-layer > div > span { color: #fff; line-height: 35px; font-size: 16px; }

.store-search-map--point-layer .store-search-map--point-wrap { position: relative; top: -210px; left: -155px; width: 280px; text-align: left; box-shadow: 2px 2px 4px rgba(204, 204, 204, 0.8); border: 1px solid #ccc; font-size: 14px; }

.store-search-map--point-layer .store-search-map--point-wrap::before { content: ''; position: absolute; bottom: -8px; left: 50%; width: 16px; height: 16px; margin-left: -8px; background-color: #fff; box-shadow: 2px 2px 4px rgba(204, 204, 204, 0.8); border: 1px solid #ccc; transform: rotate(50deg); }

.store-search-map--point-layer .store-search-map--point-wrap .store-search-map--point { position: relative; padding: 20px 40px 20px 20px; background: #fff; }

.store-search-map--point-layer .store-search-map--point-wrap .store-search-map--point .delete { position: absolute; top: 5px; right: 5px; }

.store-search-map--point-layer .store-search-map--point-wrap .store-search-map--point .delete::before { background-color: #000; }

.store-search-map--point-layer .store-search-map--point-wrap .store-search-map--point .delete::after { background-color: #000; }

.store-search-map--point-layer .store-search-map--point-wrap .store-search-map--point h5 { overflow: hidden; width: auto; max-width: 75%; color: #333; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; }

.store-search-map--point-layer .store-search-map--point-wrap .store-search-map--point__title { display: flex; justify-content: flex-start; }

.store-search-map--point-layer .store-search-map--point-wrap .store-search-map--point__title i { font-weight: bold; }

.store-search-map--point-layer .store-search-map--point-wrap .store-search-map--point__title a { margin-left: 0.8rem; }

.store-search-map--point-layer .store-search-map--point-wrap .store-search-map--point address { overflow: hidden; width: 100%; margin-bottom: 10px; font-style: normal; color: #777; white-space: nowrap; text-overflow: ellipsis; }

.section-category-item__search--list--zerofont { font-size: 0; }

.control.is-vcentered { display: inline-flex; align-items: center; }

.control.is-vcentered .checkbox { margin-bottom: 0; }

.fullwidth-tabs-wrap .fullwidth-tabs { max-width: 1086px; width: 100%; background-color: #fff; z-index: 2; }

.sns-share-wrap { border-top: 1px solid #eee; }

.board-view-body-nobt { border-top: none; }

.bulk-buying-wrap .container, .bulk-buying-wrap .section-title-wrap { width: 1086px; }

.bulk-buying-wrap .container img, .bulk-buying-wrap .section-title-wrap img { display: block; }

.bulk-buying-wrap .box2 { overflow: hidden; width: 1086px; }

.bulk-buying-wrap .box2 li { float: left; width: 543px; }

.bulk-buying-wrap .box2:after { content: ''; display: block; clear: both; }

.section-mystore-bene { display: flex; justify-content: space-between; align-items: flex-end; padding-top: 50px; border-top: 1px solid #eaeaea; }

.section-mystore-bene__text { flex: 1; }

.section-mystore-bene__button { flex-basis: 211px; }

.cmnt-export-wrap { padding: 25px; margin: 15px 0 40px; background-color: #f9f9f9; }

.cmnt-export-list { color: #202020; font-weight: 600; }

.cmnt-export-title { margin-left: 30px; width: 834px; color: #777; display: block; word-wrap: normal; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.cmnt-export-link { padding-left: 40px; color: #777; font-weight: 600; }

.cmnt-export-quantity { color: #202020; font-size: 18px; margin-bottom: 10px; }

.cmnt-export-quantity__cate { display: inline-block; padding: 3px 12px; background-color: #eee; border-radius: 100px; color: #202020; }

.cmnt-export-quantity__cate:not(:first-child) { margin-left: 20px; }

.office-export-wrap { padding: 25px; margin: 15px 0 40px; background-color: #1f8160; }

.office-export-list { color: #fff; font-weight: 600; }

.office-export-title { margin-left: 30px; width: 778px; color: #fff; display: block; word-wrap: normal; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.office-export-link { padding-left: 40px; color: #fff; font-weight: 600; display: flex; align-items: center; }

.office-export-link:hover { color: #fff; }

.office-export-link .i-arrR { width: 12px; height: 16px; fill: #fff; margin: 0 0 0 2px; }

.office-export-quantity { color: #202020; font-size: 18px; margin-bottom: 10px; }

.office-export-quantity__cate { display: inline-block; padding: 3px 12px; background-color: #fff; border-radius: 100px; color: #202020; }

.office-export-quantity__cate:not(:first-child) { margin-left: 20px; }

.tabs.guarantee-tabs { margin-top: 70px; }

.tabs.guarantee-tabs ul { border-bottom-color: #333; }

.tabs.guarantee-tabs ul li .tab { justify-content: flex-start; min-width: 285px; padding: 15px 20px; }

.guarantee-info-lists { margin-top: 50px; }

.guarantee-info-lists .dot-list { margin-top: 20px; }

.guarantee-info-lists .dot-list li { color: #333; font-size: 15px; line-height: 1.5; }

.guarantee-info-lists .dot-list li .color-livart { color: #00587c; }

.guarantee-info-lists .comment { margin-top: 7px; color: #999; font-size: 13px; }

.guarantee-info-lists .comment + .comment { margin-top: 5px; }

.guarantee-info-lists .members-title { background: #00587c; padding: 21px 25px; color: #fff; font-size: 16px; }

.guarantee-info-lists .members-title strong { margin-right: 20px; color: #fff; }

.guarantee-info-lists .members-content { display: flex; justify-content: space-between; align-items: center; padding: 23px 30px; margin-bottom: 20px; color: #00587c; border-bottom: 1px solid #00587c; }

.guarantee-info-lists .members-content__left { font-size: 18px; }

.guarantee-info-lists .members-content__left strong { margin: 0 7px 0 20px; padding-left: 20px; color: #00587c; }

.guarantee-info-lists .members-content__left strong::before { content: '|'; display: inline-block; width: 20px; margin-left: -20px; }

.guarantee-info-lists .members-content__left span { color: #9f9f9f; font-size: 14px; }

.guarantee-info-lists .members-content__right { font-size: 14px; }

.guarantee-info-lists .members-content__right--btn { margin-left: 15px; color: #00587c; font-size: 14px; border: 1px solid #00587c; border-radius: 3px; }

.guarantee-info-lists .members-content__right--btn span { flex-grow: 1; }

.guarantee-info-lists .members-content__right--btn i { flex-shrink: 0; width: 20px; text-align: right; }

.guarantee-info-lists__table.table { margin-top: 25px; }

.guarantee-info-lists__table.table thead th { padding: 15px; font-size: 16px; vertical-align: middle; border-color: #ebebeb; }

.guarantee-info-lists__table.table tbody td { padding: 25px 0; color: #333; font-size: 15px; border-top: none; border-width: 0 1px 1px 0; border-color: #ebebeb; text-align: center; vertical-align: middle; }

.guarantee-info-lists__table.table tbody td.highlight { border-width: 0 2px 1px; border-color: #00587c; border-bottom-color: #ebebeb; background: rgba(31, 162, 216, 0.1); font-weight: 600; }

.guarantee-info-lists__table.table tbody td.highlight.__start { border-top: 2px solid #00587c; background: rgba(31, 162, 216, 0.1); }

.guarantee-info-lists__table.table tbody td.highlight.__end { border-bottom: 2px solid #00587c; background: rgba(31, 162, 216, 0.1); }

.guarantee-info-lists__table.table tbody td:last-child { padding-left: 30px; }

.guarantee-info-lists__dl { width: 70%; margin: 0 auto; }

.guarantee-info-lists__dl .dl-table-style__dt { width: 235px; }

.guarantee-info-lists__dl .dl-table-style__dt, .guarantee-info-lists__dl .dl-table-style__dd { padding: 15px 25px; font-size: 15px; }

.guarantee-info-lists .desc-1 { font-size: 15px; }

.guarantee-info-lists .cscenter-info { margin-top: 70px; font-size: 22px; font-weight: 600; }

.guarantee-info-lists .cscenter-info .number { font-size: 60px; }

.guarantee-detail-btn { display: inline-flex; justify-content: center; align-items: center; margin-left: 15px; color: #9f9f9f; font-size: 13px; }

.guarantee-detail-btn span { flex-grow: 1; }

.guarantee-detail-btn i { flex-shrink: 0; width: 13px; text-align: right; }

#modal-guarantee-detail .modal-card { width: 1024px; }

#modal-guarantee-detail .modal-card .table.is-bordered tbody td { text-align: center; vertical-align: middle; }

#modal-guarantee-detail .modal-card .table.is-bordered tbody td ul { list-style: none; margin: 0; }

.as-reserv-btn { margin-top: 35px; padding-left: 47px; padding-right: 47px; height: 60px; color: #333; border: 1px solid #333; border-radius: 50px; }

.as-reserv-btn i { margin-left: 10px; transform: rotate(0deg); transition: all 0.3s; }

.as-reserv-btn.is-active i { transform: rotate(180deg); }

.as-reserv-btn.button:focus, .as-reserv-btn.button.is-focused { border-color: #333; }

.as-reserv-cont { display: none; }

.as-reserv-cont.is-active { display: block; }

.select-search-wrap.select-radio-search.reserForm-radio .radio { display: inline-flex; align-items: center; flex-direction: column; }

.select-search-wrap.select-radio-search.reserForm-radio .radio .label-image { display: block; cursor: pointer; }

.select-search-wrap.select-radio-search.reserForm-radio .radio .label-name { margin-top: 25px; }

.section-privacy-policy { width: 700px; margin: 0 auto; }

.section-privacy-policy .checkbox input[type='checkbox'] + label { color: #202020; }

.section-privacy-policy .field.space-between { align-items: center; padding-bottom: 20px; border-bottom: 1px solid #eee; }

.section-privacy-policy .info-chk-all { padding-bottom: 10px; border-bottom: 1px solid #202020; }

.section-privacy-policy .info-chk-all .checkbox input[type='checkbox'] + label { font-weight: 600; }

.align-items-center { display: flex; align-items: center; justify-content: center; }

.content-title-select-wrap { display: flex; justify-content: space-between; }

.content-title-select-wrap .select-wrap { margin-top: -25px; }

.content-title-wrap { display: flex; align-items: baseline; margin-bottom: 10px; }

.content-title-wrap.space-between { border-bottom: 1px solid #202020; }

.content-title-wrap a { color: #777; }

.toktok-list-header { color: #202020; }

.toktok-list-header.__detail { padding: 23px; margin-top: 23px; background: #f9f9f9; font-size: 16px; }

.toktok-list-header.__detail .order-num { margin-left: 10px; font-size: 18px; font-weight: 600; }

.toktok-progress-wrap { display: flex; }

.toktok-progress-wrap button { padding: 0; }

.toktok-progress-wrap .view-all { flex-shrink: 0; margin-right: 17px; width: 155px; border: 1px solid #ccc; height: 60px; display: flex; align-items: center; justify-content: center; font-size: 18px; cursor: pointer; }

.toktok-progress-wrap .view-all.is-active { background-color: #202020; border-color: transparent; color: #fff; }

.toktok-progress-wrap .toktok-progress { width: 25%; display: flex; flex-direction: column; align-items: center; }

.toktok-progress-wrap .toktok-progress .progress-btn { position: relative; width: 100%; border: 1px solid #ccc; border-right: none; text-align: center; height: 60px; cursor: pointer; display: flex; align-items: center; justify-content: center; padding-left: 20px; font-size: 18px; }

.toktok-progress-wrap .toktok-progress .progress-btn::before { position: absolute; top: 8px; left: -21px; width: 42px; height: 42px; transform: rotate(-45deg); content: ''; background: #fff; border: 1px solid transparent; border-left: none; border-top: none; z-index: 1; }

.toktok-progress-wrap .toktok-progress .progress-btn::after { position: absolute; top: 8px; right: -21px; width: 42px; height: 42px; transform: rotate(-45deg); content: ''; background: #fff; border: 1px solid #ccc; border-left: none; border-top: none; z-index: 2; }

.toktok-progress-wrap .toktok-progress .progress-btn:first-child::before { display: none; }

.toktok-progress-wrap .toktok-progress .progress-num { padding: 20px 0 0 20px; font-size: 15px; text-align: center; }

.toktok-progress-wrap .toktok-progress .progress-num .num { font-size: 30px; }

.toktok-progress-wrap .toktok-progress.is-active .progress-btn { background-color: #202020; border-color: transparent; color: #fff; }

.toktok-progress-wrap .toktok-progress.is-active .progress-btn::after { background-color: #202020; border-color: transparent; }

.toktok-progress-wrap .toktok-progress:disabled .progress-btn { background-color: #f9f9f9; color: #ccc; cursor: auto; }

.toktok-progress-wrap .toktok-progress:disabled .progress-btn::after { background-color: #f9f9f9; }

.toktok-progress-wrap .toktok-progress:disabled .progress-num { color: #ccc; }

.toktok-list-body { margin-top: 35px; color: #202020; }

.toktok-list-body.__detail .title.pdbd-bottom { padding-bottom: 20px; border-bottom: 1px solid #202020; }

.toktok-list-body.__detail .tabs ul li.is-active button { border-color: #ccc; border-bottom: 3px solid #000; z-index: 0; }

.toktok-list-body.__detail .tabs ul li.is-disabled { background: #f9f9f9; color: #d7d7d7; cursor: auto; pointer-events: none; }

.toktok-update .update-alarm a { color: #202020; }

.toktok-update .update-alarm a:hover { color: #3273dc; }

.toktok-update .update-alarm a::before { display: block; float: left; content: '•'; width: 10px; margin-top: 1px; }

.toktok-item { margin-bottom: 54px; }

.toktok-item-top { padding: 25px; background: #f9f9f9; border-bottom: 1px solid #202020; }

.toktok-item-top .order-number-wrap { display: flex; align-items: center; justify-content: center; font-size: 16px; }

.toktok-item-top .order-number-wrap a { display: flex; align-items: center; justify-content: center; margin-left: 20px; }

.toktok-item-top .order-number-wrap a .order-number { font-size: 18px; color: #202020; font-weight: 600; }

.toktok-item-top .order-number-wrap a .more-btn { font-size: 13px; color: #999; }

.toktok-item-top .order-number-wrap a:hover .order-number { text-decoration: underline; }

.toktok-item-top .order-number-wrap a:hover .more-btn { color: #3273dc; }

.toktok-item-top button.is-disabled { cursor: auto; pointer-events: none; }

.toktok-item-cont__txt { display: flex; flex-direction: column; align-items: flex-start; width: 50%; }

.toktok-item-cont__txt dl { display: inline-flex; align-items: flex-start; justify-content: center; margin: 20px 0; font-size: 16px; }

.toktok-item-cont__txt dl + dl { margin: 0 0 20px; }

.toktok-item-cont__txt dt { flex-shrink: 0; padding: 0 15px; color: #777; }

.toktok-item-cont__txt dd { padding: 0 15px; display: -webkit-box; overflow: hidden; word-break: break-all; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.toktok-item-cont__progress { width: 50%; }

.alarm-list { margin: 0 !important; }

.alarm-list li { display: flex; align-items: flex-start; padding: 20px; font-size: 16px; color: #202020; border-bottom: 1px solid #eee; }

.alarm-list li p { margin-bottom: 0 !important; }

.alarm-list li p:first-child { padding-right: 30px; font-weight: 600; }

.alarm-list li:last-child { border-bottom: none; }

.table-box-default.toktok-detail-table .table { border-width: 0; }

.table-box-default.toktok-detail-table .table tbody th { background: #f9f9f9; }

.table-box-default.toktok-detail-table .table tbody td span { display: inline-block; word-break: keep-all; }

.table-box-default.toktok-detail-table .table tbody td.gift-wrap { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid transparent; border-left: 1px solid transparent; }

.table-box-default.toktok-detail-table .table tbody td.gift-wrap a { width: 90px; flex-shrink: 0; }

.table-box-default.toktok-detail-table .table tbody th, .table-box-default.toktok-detail-table .table tbody td { min-height: 85px; color: #202020; text-align: left; }

.toktok-detail-price { margin-top: 75px; }

.toktok-detail-price__total { padding: 25px 0; font-size: 22px; color: #ed2650; text-align: center; }

.toktok-detail-price__total span { font-size: 15px; }

.toktok-detail-price__total span.num { font-size: 30px; font-weight: 600; }

.toktok-detail-accordion__top { display: flex; align-items: center; padding: 10px; margin-top: 20px; height: 68px; background-color: #f9f9f9; font-size: 16px; font-weight: 600; text-align: center; }

.toktok-detail-accordion__top span { width: 148px; }

.toktok-detail-accordion__top .address { width: 424px; }

.toktok-detail-accordion__top .number { width: 40px; }

.toktok-detail-accordion__top .date { width: 100px; }

.toktok-detail-accordion .accordion { font-size: 16px; }

.toktok-detail-accordion .accordion-header { display: flex; align-items: center; justify-content: flex-start; padding: 10px; margin-top: 20px; height: 68px; border: 1px solid #eee; border-radius: 5px; text-align: center; }

.toktok-detail-accordion .accordion-header span { padding: 0 5px; }

.toktok-detail-accordion .accordion-header .category, .toktok-detail-accordion .accordion-header .engineer, .toktok-detail-accordion .accordion-header .lift { width: 148px; }

.toktok-detail-accordion .accordion-header .address { width: 424px; display: block; word-wrap: normal; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.toktok-detail-accordion .accordion-header .number { width: 40px; }

.toktok-detail-accordion .accordion-header .date { width: 100px; }

.toktok-detail-accordion .accordion-header a { padding: 10px 10px 10px 20px; color: #999; }

.toktok-detail-accordion .accordion-header a.is-disabled { color: #fff; cursor: auto; pointer-events: none; }

.toktok-detail-accordion .accordion-body { padding: 0 30px; }

.toktok-detail-accordion .accordion-body .content-wrap { display: flex; padding: 50px 0; border-top: 1px solid #eee; }

.toktok-detail-accordion .accordion-body .content-wrap:first-child { border-width: 0; }

.toktok-detail-accordion .accordion-body .content-left { width: 110px; margin-right: 30px; font-size: 18px; font-weight: 600; word-break: keep-all; }

.toktok-detail-accordion .accordion-body .content-right { flex: 2 1 0; }

.toktok-detail-accordion .accordion-body .content-right .icon-info-gray { margin: 4px 5px 0 0; }

.toktok-detail-accordion .accordion-body .content-right .message-wrap .field.has-addons { height: 108px; }

.toktok-detail-accordion .accordion-body .content-right .message-wrap .messgae-txt { display: inline-flex; align-items: center; justify-content: center; width: 230px; height: 100%; background: #f9f9f9; border: 1px solid #eee; }

.toktok-detail-accordion .accordion-body .content-right .message-wrap .messgae-txt span { margin-left: 5px; font-size: 13px; color: #999; }

.toktok-detail-accordion .accordion-body .content-right .message-wrap .textarea { height: 100%; border: 1px solid #eee; overflow-y: auto; resize: none; }

.toktok-detail-accordion .accordion-body .content-right .message-wrap .textarea:focus { outline: none; box-shadow: none; }

.toktok-detail-accordion .accordion-body .content-right .message-wrap .button { height: 100%; }

.toktok-detail-accordion .accordion-body .content-right .message-wrap.is-disabled .textarea { background: #f9f9f9; cursor: auto; pointer-events: none; }

.toktok-detail-accordion .accordion-body .content-right .message-wrap.is-disabled .textarea::-moz-placeholder { color: #e7e7e7; }

.toktok-detail-accordion .accordion-body .content-right .message-wrap.is-disabled .textarea::placeholder { color: #e7e7e7; }

.toktok-detail-accordion .accordion-body .content-right .message-wrap.is-disabled .button { background: #f9f9f9; color: #d7d7d7; border-left: 1px solid #eee; cursor: auto; pointer-events: none; }

.toktok-footer.__detail .footer-cont-wrap { display: flex; align-items: flex-start; margin: 2rem 0; gap: 40px; }

.toktok-footer.__detail .footer-cont-wrap li { flex: 1 1 0; text-align: left; }

.toktok-footer.__detail .footer-cont-wrap li p { word-break: keep-all; }

.toktok-footer.__detail .footer-cont { display: flex; align-items: center; justify-content: space-between; padding: 23px 18px 23px 30px; height: 135px; border-radius: 10px; }

.toktok-footer.__detail .footer-cont-txt { display: flex; flex-direction: column; flex: 2 1 0; font-size: 15px; }

.toktok-footer.__detail .footer-cont-txt__tit { margin-bottom: 12px; font-size: 18px; font-weight: 600; color: #202020; }

.toktok-footer.__detail .footer-cont-txt__tit.white { color: #fff; }

.toktok-footer.__detail .footer-cont-txt.white { color: #fff; }

.toktok-footer.__detail .footer-cont-btn { display: inline-flex; align-items: center; justify-content: center; height: 30px; padding: 0 20px; font-size: 1.2rem; border: 1px solid transparent; border-radius: 20px; }

.toktok-footer.__detail .footer-cont-btn.black { color: #202020; border-color: #20202080; }

.toktok-footer.__detail .footer-cont-btn.white { color: #fff; border-color: #ffffff70; }

.toktok-footer.__detail .footer-cont.__evt { padding: 23px 30px; height: 95px; background: #f2f2f2; border-radius: 0; }

.toktok-footer.__detail .footer-cont.__evt .footer-cont-txt { font-size: 14px; }

.toktok-footer.__detail .footer-cont.__evt .footer-cont-txt__tit { margin-bottom: 5px; font-size: 16px; }

.toktok-footer.__detail .footer-cont.__evt .ico-angle-right { font-size: 24px; }

.toktok-footer.__detail .guide-btn { display: flex; margin-top: 40px; padding: 20px; font-size: 16px; text-align: center; line-height: 2; border: 1px solid #ccc; }

.toktok-footer.__detail .guide-btn__txt { flex: 3 1 0; }

.toktok-detail-site__top { display: flex; margin-top: 30px; font-size: 16px; color: #202020; }

.toktok-detail-site__top div:not(:first-child) { margin-left: 40px; }

.toktok-detail-site__top .site-tit { padding: 8px 12px; background-color: #f5f5f5; border-radius: 50px; }

.toktok-detail-site__header { display: flex; }

.toktok-detail-site__header span { text-align: center; padding: 25px 10px; margin-top: 30px; background-color: #f9f9f9; font-size: 16px; font-weight: 600; }

.toktok-detail-site__header span:first-child { width: 260px; flex-shrink: 0; }

.toktok-detail-site__header span:last-child { width: 100%; }

.toktok-detail-site__body { padding: 30px 20px; }

.toktok-detail-site__list { display: flex; border-left: 1px solid #999; position: relative; padding-bottom: 30px; min-height: 180px; }

.toktok-detail-site__list::before { display: inline-block; content: ''; position: absolute; top: 5px; left: 0; z-index: 2; width: 15px; height: 15px; background-color: #999; border-radius: 50%; transform: translate(-50%, -50%); }

.toktok-detail-site__list .list-left { width: 260px; flex-shrink: 0; display: flex; flex-direction: column; padding: 0 25px; font-size: 16px; }

.toktok-detail-site__list .list-left-content { margin-bottom: 10px; color: #999; }

.toktok-detail-site__list .list-left-content__lf { display: inline-block; width: 70px; }

.toktok-detail-site__list .list-left-content__rg { color: #999; }

.toktok-detail-site__list .list-right { width: 805px; }

.toktok-detail-site__list:last-child { min-height: 70px; border-left: none; }

.toktok-detail-site__list:last-child .list-left-content__lf { color: #ed2650; }

.toktok-detail-site__list:last-child .list-left-content__rg { color: #ed2650; }

.toktok-detail-site__list.complete { border-color: #ed2650; }

.toktok-detail-site__list.complete::before { background-color: #ed2650; }

.toktok-detail-site__list.complete .list-left-content__rg { color: #202020; }

.toktok-detail-site__list.active::before { width: 18px; height: 18px; background-color: #ed2650; border: 3px solid #fff; outline: 1px solid #ed2650; }

.toktok-detail-site__list.active .list-left-content__rg { color: #202020; }

.toktok-photo-swiper { position: relative; }

.toktok-photo-swiper .swiper-container .swiper-slide { position: relative; text-align: center; }

.toktok-photo-swiper .swiper-container .swiper-slide .slideWrap { display: block; width: 100%; height: 150px; display: flex; justify-content: center; align-items: center; overflow: hidden; }

.toktok-photo-swiper .swiper-container .swiper-slide .slideWrap img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; }

.toktok-photo-swiper .swiper-container::after { display: block; content: ''; width: 140px; height: 150px; position: absolute; top: 50%; right: -70px; z-index: 1; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%); transform: translate(-50%, -50%); }

.toktok-photo-swiper.__flex-photo .swiper-container .swiper-wrapper { display: flex; align-items: center; justify-content: flex-start; }

.toktok-photo-swiper.__flex-photo .swiper-container .swiper-wrapper .swiper-slide { flex-shrink: 1; width: auto; }

.toktok-photo-swiper.__flex-photo .swiper-container .swiper-wrapper .swiper-slide:not(:last-child) { margin-right: 10px; }

.toktok-photo-swiper.__flex-photo .swiper-container .swiper-wrapper .swiper-slide .slideWrap { width: 222px; }

.toktok-photo-swiper.__flex-photo .swiper-container::after { display: none; }

.toktok-photo-swiper .swiper-button-prev { left: -30px; background: #0c0c0c7a; border-radius: 50%; color: #fff; }

.toktok-photo-swiper .swiper-button-next { right: -30px; background: #0c0c0c7a; border-radius: 50%; color: #fff; }

.modal-toktok-gallery .modal-card-body { max-height: 780px; overflow: hidden; }

.modal-toktok-gallery .swiper { height: 100%; }

.modal-toktok-gallery .swiper .pop-toktok-container { height: 100%; }

.modal-toktok-gallery .swiper .pop-toktok-container .swiper-wrapper { align-items: center; }

.modal-toktok-gallery .swiper .pop-toktok-container .swiper-button-next { right: 0; }

.modal-toktok-gallery .swiper .pop-toktok-container .swiper-button-prev { left: 0; }

.toktok-coupon-pack { position: relative; }

.toktok-coupon-pack .swiper-container .swiper-slide { position: relative; text-align: center; }

.toktok-coupon-pack .swiper-container .swiper-slide .swiper-img { display: block; width: 100%; height: 170px; border-radius: 5px; overflow: hidden; }

.toktok-coupon-pack .swiper-container .swiper-slide .swiper-img img { position: relative; left: 50%; top: 50%; width: auto; max-width: 100%; transform: translate(-50%, -50%); }

.toktok-coupon-pack .swiper-container .swiper-slide .swiper-txt { position: absolute; top: 0; padding: 23px 33px; font-size: 18px; text-align: left; font-weight: 600; }

.toktok-coupon-pack .swiper-container .swiper-slide .coupon-btn { height: 44px; font-size: 14px; }

.toktok-coupon-pack .swiper-container .swiper-slide.white a { color: #fff; }

.toktok-coupon-pack .swiper-container .swiper-slide.black a { color: #333; }

.toktok-coupon-pack .swiper-container::after { display: block; content: ''; width: 140px; height: 247px; position: absolute; top: 50%; right: -70px; z-index: 1; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%); transform: translate(-50%, -50%); }

.toktok-coupon-pack.__flex-coupon .swiper-container .swiper-wrapper { display: flex; align-items: center; justify-content: space-around; }

.toktok-coupon-pack.__flex-coupon .swiper-container .swiper-wrapper .swiper-slide { max-width: 256px; flex-shrink: 1; }

.toktok-coupon-pack.__flex-coupon .swiper-container .swiper-wrapper .swiper-slide:not(:last-child) { margin-right: 20px; }

.toktok-coupon-pack.__flex-coupon .swiper-container::after { display: none; }

.toktok-coupon-pack .swiper-button-prev { left: -30px; background: #0c0c0c7a; border-radius: 50%; color: #fff; }

.toktok-coupon-pack .swiper-button-next { right: -30px; background: #0c0c0c7a; border-radius: 50%; color: #fff; }

.section-contents-table__table .as-number { color: #202020; }

.section-contents-table__table .as-number:hover { text-decoration: underline; }

.cscenter-editor { margin: 50px 0 !important; }

.cscenter-editor img { display: block; margin: 0 auto; width: auto; max-width: 100%; height: auto; }

.load-data-box { position: relative; display: flex; flex-direction: column; gap: 10px; }

.load-data-box__info { display: flex; gap: 20px; }

.load-data-box__info .name::after { content: ''; width: 1px; height: 12px; background-color: #ddd; display: inline-block; margin-left: 20px; }

.load-data-box .verify-info { position: absolute; top: 50%; right: 0; transform: translateY(-50%); padding: 10px 32px; width: 220px; }

.section-contents-planning.is-interval { margin-top: 100px; }

.section-contents-planning .title { list-style: 1; }

.section-contents-planning.planning-tabs-wrap { margin-top: 100px; }

.section-contents-planning.planning-tabs-wrap.is-fixed { padding: 0; }

.section-contents-planning.planning-tabs-wrap ul { padding-left: 1px; }

.section-contents-planning.planning-tabs-wrap ul li { width: 20%; }

.section-contents-planning.planning-tabs-wrap ul li:nth-child(5n + 1) { width: calc(20% + 3px); }

.section-contents-planning__dropdown { margin-top: 60px; }

.section-contents-planning__dropdown.is-flex { justify-content: flex-end; gap: 24px; }

.section-contents-planning__dropdown .dropdown-wrap { margin-right: 2px; }

.section-contents-planning__dropdown .search-wrap { width: 250px; }

.section-contents-planning__dropdown .search-wrap .series-search { position: relative; display: table; width: 100%; }

.section-contents-planning__dropdown .search-wrap .series-search-wrap { position: relative; left: 0; width: 100%; height: 46px; }

.section-contents-planning__dropdown .search-wrap .series-search__input-wrap { vertical-align: middle; display: table-cell; }

.section-contents-planning__dropdown .search-wrap .series-search__submit { position: absolute; right: 0; top: 0; width: 54px; height: 46px; padding: 0; background-color: transparent; color: #333; font-size: 22px; }

.section-contents-planning__dropdown .search-wrap .series-search__input { width: 100%; height: 46px; padding: 0 50px 0 20px; background-color: #f0f0f0; border-radius: 50px; border: none; color: #202020; font-size: 15px; outline: none; }

.section-contents-planning__dropdown .search-wrap .series-search__input::-moz-placeholder { color: #202020; }

.section-contents-planning__dropdown .search-wrap .series-search__input::placeholder { color: #202020; }

.section-contents-planning__lists { margin: 40px -12.5px 0; }

.section-contents-planning__lists li { display: inline-block; width: 320px; margin: 0 12.5px; vertical-align: top; }

.section-contents-planning__lists li a { display: block; }

.section-contents-planning__lists .product-item { width: 320px; padding-bottom: 50px; }

.section-contents-planning__lists .product-item-header__name { max-height: 44px; }

.section-contents-planning__lists .product-item-header--brandname { display: inline-block; position: relative; margin-right: 10px; padding-right: 10px; color: #777; font-size: 16px; }

.section-contents-planning__lists .product-item-header--brandname:after { display: block; content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 14px; background-color: #ccc; transform: translateY(-50%); }

.section-contents-planning__lists .product-item-header--date { display: inline-block; color: #777; font-size: 16px; }

.section-contents-planning__lists .product-item-image { width: 320px; height: 320px; overflow: hidden; }

.section-contents-planning__coupons { margin: 80px 0; }

.section-contents-planning__coupons > li { margin-top: 20px; }

.section-contents-planning__coupons > li:first-child { margin-top: 0; }

.section-contents-planning__coupons > li .only { right: 0; }

.section-contents-planning__coupons > li .only .txt-wrap:before { border-left-color: #f7f7f7; }

.section-contents-planning.planning-dropdown-lists { padding-bottom: 60px; }

.section-contents-planning .section-contents__pagination { margin-top: 50px; }

.section-contents-planning .main-custom-slider { margin-top: 45px; }

.section-contents-planning .main-custom-slider .swiper-slide { display: inline-block; width: auto; vertical-align: top; margin-left: 28px; }

.section-contents-planning .main-custom-slider .swiper-slide:first-child { margin-left: 0; }

.section-contents-planning .main-custom-slider .swiper-container-initialized .swiper-slide { margin-left: 0; }

.section-contents-planning .is-title-background { position: relative; width: 100%; height: 120px; }

.section-contents-planning .is-title-background-color { position: relative; width: 100%; }

.section-contents-planning .is-title-background-color .title { display: flex; align-items: center; height: 120px; padding-left: 60px; }

.section-contents-planning .is-title-background-color .title.white { color: #fff; }

.section-contents-planning .is-title-background-color .title.black { color: #000; }

.section-contents-tab__list .item-list { width: 20%; }

.planning-items-list { margin-top: -100px; padding-top: 100px; }

.planning-items-list .title { margin: 0; }

.planning-items-list ul { margin: -20px -12.5px 0; padding-bottom: 20px; }

.planning-items-list ul li { display: inline-block; margin: 60px 12.5px 0; vertical-align: top; }

.planning-items-list ul.planning-items-list__col3 { margin-right: -26.5px; margin-left: -26.5px; font-size: 0; }

.planning-items-list ul.planning-items-list__col3 li { margin-right: 26.5px; margin-left: 26.5px; }

.planning-items-list ul.planning-items-list__col13 { position: relative; padding-left: 695px; margin-top: 40px; margin-left: 0; margin-right: 0; }

.planning-items-list ul.planning-items-list__col13 .planning-items-list__col13__item1 { position: absolute; top: 0; left: 0; margin-top: 0; margin-left: 0; }

.planning-items-list ul.planning-items-list__col13 .planning-items-list__col13__item3 { margin-top: 0px; margin-bottom: 35px; margin-left: 0; margin-right: 0; }

.planning-items-list ul.planning-items-list__col13 .planning-items-list__col13__item3 .product-item { display: flex; width: 670px; }

.planning-items-list ul.planning-items-list__col13 .planning-items-list__col13__item3 .product-item-header { margin-top: 50px; }

.planning-items-list ul.planning-items-list__col13 .planning-items-list__col13__item3 .product-item-image { width: 250px; margin-right: 40px; flex-shrink: 0; }

.planning-items-list ul.planning-items-list__col13 .planning-items-list__col13__item3 .product-item-category { border-top: none; }

.planning-items-list ul.planning-items-list__col13 .planning-items-list__col13__item3 .product-item-price { justify-content: flex-start; }

.planning-items-list ul.planning-items-list__col13 .planning-items-list__col13__item3 .product-item-price__discount { margin-right: 20px; }

.planning-items-list ul.planning-items-list__col13 .planning-items-list__col13__item3 .product-item-price__price--del { margin-top: 2px; margin-left: 10px; float: right; }

.planning-items-list ul.planning-items-list__col13 .planning-items-list__col13__item3 .product-item-category { float: left; }

.planning-items-list ul.planning-items-list__col2 { display: flex; flex-flow: row wrap; }

.planning-items-list ul.planning-items-list__col2 li { flex: 0 0 670px; }

.planning-items-list ul.planning-items-list__col2 li .product-item { display: flex; flex-flow: row wrap; align-items: flex-start; }

.planning-items-list ul.planning-items-list__col2 li .product-item--medium { width: auto; }

.planning-items-list ul.planning-items-list__col2 li .product-item-image { flex: 0 0 320px; margin-right: 15px; }

.planning-items-list ul.planning-items-list__col2 li .product-item-content { margin-left: 15px; padding-top: 30px; flex: 0 0 320px; }

.planning-items-list ul.planning-items-list__col2 li .product-item-price { justify-content: flex-start; }

.planning-items-list__bg { padding: 20px 0 60px; }

.swiper-button-next:focus, .swiper-button-prev:focus { outline: none; }

.contents-item-wrap { overflow: hidden; position: relative; width: 320px; height: 320px; }

.contents-item-wrap .img { display: block; width: auto; height: 100%; }

.contents-item-wrap:hover .contents-item-info__detail { display: table; }

.contents-item-flag { justify-content: left; align-items: center; position: absolute; top: 0; left: 0; z-index: 1; }

.contents-item-flag .dday { justify-content: center; align-items: center; min-width: 75px; padding: 7px 13px; background-color: #f85039; }

.contents-item-flag .dday span { color: #fff; font-size: 16px; font-weight: 600; line-height: 1; }

.contents-item-flag .name { padding: 8px 20px; color: #fff; font-size: 14px; font-weight: 600; line-height: 1; letter-spacing: -0.5px; background-color: #333; }

.contents-item-info__detail { display: none; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; background-color: rgba(0, 0, 0, 0.7); }

.contents-item-info__detail--inner { display: table-cell; text-align: center; vertical-align: middle; }

.contents-item-info__detail--inner .brand { display: inline-block; padding: 5px 30px; border: 1px solid #fff; border-radius: 3px; color: #fff; font-size: 14px; font-weight: 600; letter-spacing: -0.5px; margin-bottom: 20px; }

.contents-item-info__detail--inner .event-info { max-width: 280px; min-height: 72px; margin: 0 auto; color: #fff; font-size: 30px; line-height: 1.2; letter-spacing: -0.5px; display: -webkit-box; overflow: hidden; word-break: break-all; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.contents-item-info__detail--inner .date { display: inline-block; margin-top: 20px; color: #fff; font-size: 16px; }

.section-contents__pagination { justify-content: center; align-items: center; }

.events-horizontal { align-items: flex-start; padding: 30px 0; }

.events-horizontal__info--title { justify-content: left; align-items: flex-start; }

.events-horizontal__info--title .brand { display: inline-block; margin-right: 20px; padding: 4px 15px; border: 1px solid #333; border-radius: 3px; color: #333; font-size: 14px; font-weight: 600; letter-spacing: -0.5px; }

.events-horizontal__info--title .event-name { display: inline-block; max-width: 960px; color: #333; font-size: 20px; letter-spacing: -0.2px; word-break: keep-all; }

.events-horizontal__info--title .date { position: relative; margin-left: 20px; padding-left: 20px; line-height: 30px; }

.events-horizontal__info--title .date:after { display: block; content: ''; position: absolute; top: 50%; left: 0; z-index: 1; width: 1px; height: 14px; background-color: #ccc; transform: translateY(-50%); }

.events-horizontal__info--title .date span { color: #777; font-size: 16px; letter-spacing: -0.2px; }

.events-horizontal__info .hash-list { margin-top: 20px; }

.hash-list { justify-content: left; flex-wrap: wrap; }

.hash-list li { margin-right: 10px; }

.hash-list li:nth-last-child(1) { margin-right: 0; }

.hash-list li a { display: block; color: #333; font-size: 16px; letter-spacing: -0.2px; }

.contents__banner--image { width: 100%; margin-bottom: 50px; }

.contents__banner--inner { position: relative; width: 1366px; margin: 0 auto; }

.contents__banner--inner img { display: block; }

.contents__banner--txt { position: absolute; top: 50%; left: 80px; z-index: 1; transform: translateY(-50%); }

.contents__banner--txt.white { color: #fff; }

.contents__banner--txt.black { color: #000; }

.contents__banner--txt .date { display: block; margin-bottom: 10px; font-size: 16px; letter-spacing: -0.2px; }

.contents__banner--txt .event-name { display: block; margin-top: 30px; max-width: 880px; max-height: 147px; font-size: 38px; line-height: 1.3; word-break: keep-all; letter-spacing: -0.5px; display: -webkit-box; overflow: hidden; word-break: break-all; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.contents__banner--txt .coment { display: block; margin-top: 30px; font-size: 16px; letter-spacing: -0.2px; }

.coupon-horizontal { justify-content: flex-start; align-items: center; overflow: hidden; height: 220px; padding: 0 120px 0 80px; background-color: #f7f7f7; }

.coupon-horizontal-contents { align-items: center; margin-right: 70px; }

.coupon-horizontal__image { position: relative; top: 16px; }

.coupon-horizontal__image .number { position: absolute; left: 50%; top: calc(50% - 18px); z-index: 1; width: 291px; padding-right: 81px; color: #333; font-size: 50px; letter-spacing: -3px; font-weight: 600; text-align: center; transform: translate(-50%, -50%); }

.coupon-horizontal__image .unit { font-size: 30px; font-weight: 400; margin-left: 4px; }

.coupon-horizontal__name { display: inline-block; display: -webkit-box; max-height: 52px; color: #333; font-size: 20px; margin-bottom: 25px; line-height: 1.3; }

.coupon-horizontal__info { display: flex; justify-content: space-between; align-items: stretch; width: 100%; }

.coupon-horizontal__info--datail { width: 570px; margin-left: 50px; }

.coupon-horizontal__info li { position: relative; width: 50%; margin-left: 20px; padding-left: 20px; }

.coupon-horizontal__info li:before { display: block; content: ''; position: absolute; left: 0; top: 50%; z-index: 1; width: 1px; height: 66px; background-color: #ddd; transform: translateY(-50%); }

.coupon-horizontal__info li:first-child { margin-left: 0; padding-left: 0; }

.coupon-horizontal__info li:first-child:before { content: none; }

.coupon-horizontal__info li dl { margin-top: 15px; }

.coupon-horizontal__info li dl:first-child { margin-top: 0; }

.coupon-horizontal__info li dl dt { width: 70px; margin-bottom: 8px; color: #333; font-size: 14px; font-weight: 600; letter-spacing: -0.2px; }

.coupon-horizontal__info li dl dd { width: 335px; }

.coupon-horizontal__info li dl dd span { display: inline-block; color: #777; font-size: 14px; }

.coupon-horizontal__info li dl dd span .bold { color: #777; font-weight: 600; }

.banner-module-wide02 .swiper-slide { width: 50%; height: 360px; overflow: hidden; }

.glg-main-container .section-contents-planning.planning-tabs-wrap { margin-top: 0; padding-top: 100px; }

.glg-main-container .section-contents-planning.planning-tabs-wrap ul { background-color: #111; }

.glg-main-container .section-contents-planning.planning-tabs-wrap ul li.item-list { border-color: #434343; }

.glg-main-container .section-contents-planning.planning-tabs-wrap ul li.item-list.is-active { border-color: #fff; }

.glg-main-container .section-contents-planning.planning-tabs-wrap ul li.item-list.is-active .link { color: #fff; }

.glg-main-container .section-contents-planning .title { color: #fff; }

.glg-main-container .section-contents-planning .product-item-header__brand { color: #fff; border-color: #999; }

.glg-main-container .section-contents-planning .product-item-header__name { color: #fff; }

.glg-main-container .section-contents-planning .product-item-header--brandname { color: #999; }

.glg-main-container .section-contents-planning .product-item-header--brandname::after { background-color: #777; }

.glg-main-container .section-contents-planning .product-item-header--date { color: #999; }

.glg-main-container .section-contents-planning .product-item-price__price { color: #fff; }

.glg-main-container .section-contents-planning .product-review-stats-area .vreview-review-summary #vreview-rating { color: #fff; }

.glg-main-container .section-contents-planning .product-review-stats-area .vreview-rating svg path { fill: #fff; }

.glg-main-container .events-horizontal__info--title .brand { border: 1px solid #999; color: #fff; }

.glg-main-container .events-horizontal__info--title .event-name { color: #fff; }

.glg-main-container .events-horizontal__info--title .date { position: relative; margin-left: 20px; padding-left: 20px; line-height: 30px; }

.glg-main-container .events-horizontal__info--title .date:after { background-color: #777; }

.glg-main-container .events-horizontal__info--title .date span { color: #999; }

.glg-main-container .hash-list li a { color: #999; }

.glg-main-container .content-share__button { background-color: transparent; color: #ccc; }

.order-payment { padding-bottom: 100px; }

.order-payment .section-contents-table__table .button-area.gifts-wrap .name-wrap { width: 340px; }

.order-payment .section-contents-table__table tbody .bundle-delivery .bundle { border-right: none; }

.order-payment .section-contents-table__table tbody .spinner-number { color: #333; font-size: 14px; }

.order-payment .section-contents-item__options--titwrap { max-width: initial; }

.order-payment .section-contents-item__options--title, .order-payment .section-contents-item__options--sub { width: 100%; }

.order-payment .section-contents-item .gifts-wrap { margin-top: 20px; }

.order-payment .section-contents-item .items-horizontal-layout .gifts-wrap { margin-top: 30px; }

.order-payment .is-block { display: block; }

.order-payment .content-title { display: flex; justify-content: left; align-items: center; margin: 60px 0 30px; }

.order-payment .width-small { display: inline-block; margin-left: 8px; }

.order-payment .width-small:first-child { margin-left: 0; }

.order-payment .btn-address-list { color: #333; font-size: 14px; margin-left: 50px; border: 1px solid #ccc; border-radius: 4px; padding: 10px 36px; }

.order-payment .btn-address-add { color: #111; }

.order-payment .btn-address-add i.ico-plus-thin { margin-right: 5px; font-size: 13px; }

.order-payment .phone-verify-btn { color: #fff; font-size: 14px; margin-left: 24px; border: 1px solid #ccc; border-radius: 4px; padding: 10px 36px; background-color: #333; }

.order-payment .phone-verify-btn i { margin-left: 10px; cursor: pointer; }

.order-payment .content-title-wrap { position: relative; display: block; }

.order-payment .content-title-wrap i { margin-left: 10px; cursor: pointer; }

.order-payment .content-title-wrap .right-position { position: absolute; top: 32px; right: 0; z-index: 1; }

.order-payment .content-title-wrap .direct-delivery-info { color: #777; font-size: 14px; }

.order-payment .delivery-direct select { min-width: 560px; }

.order-payment .input-delivery-direct { display: none; margin-top: 10px; }

.order-payment .date-select-box .button { display: block; }

.order-payment .date-select-box .dot-list { margin-top: 35px; }

.order-payment .date-select-box .selected-date-time { display: inline-block; margin-top: 20px; font-size: 16px; }

.order-payment .date-select-box .selected-date-time.blue { color: #28a0e4; }

.order-payment .date-select-box .selected-date-time .date { margin-right: 20px; }

.order-payment .date-select-box .selected-date-time i { margin-right: 5px; }

.order-payment .date-select-info { display: block; margin-bottom: 20px; color: #333; font-size: 16px; }

.order-payment .cost-consent { width: 100%; margin: 0; }

.order-payment .cost-consent.non-member-check-wrap { border-top: 1px solid #eee; }

.order-payment .cost-consent.non-member-check-wrap .card .card-header .card-header-title { flex-grow: 1; }

.order-payment .cost-consent.non-member-check-wrap .card .card-content { padding: 0; font-size: 14px; }

.order-payment .cost-consent.non-member-check-wrap .card .card-content .text-area { overflow-y: auto; max-height: 160px; padding: 30px; border: 1px solid #eee; border-top: none; font-size: 14px; }

.order-payment .cost-consent .card { box-shadow: none; }

.order-payment .cost-consent .card .card-header { display: flex; justify-content: left; align-items: center; padding: 23px 0; border-bottom: 1px solid #eee; box-shadow: none; }

.order-payment .cost-consent .card .card-header .card-header-title { flex-grow: 0; font-size: 16px; font-weight: 400; }

.order-payment .cost-consent .card .card-header i { color: #333; font-size: 14px; }

.order-payment .cost-consent .card .card-content { padding: 30px 0 0; }

.order-payment .cost-consent .card .card-content .dot-list li { line-height: 1.7; }

.order-payment .cost-consent .card .card-content span { color: #777; font-size: 14px; }

.order-payment .non-all-wrap { padding: 20px 0; }

.order-payment .non-all-wrap .non-all { font-size: 16px; }

.order-payment .payment-amount-wrap .cost-consent .card .card-header { padding: 25px 20px 0 20px; border-bottom: none; }

.order-payment .payment-amount-wrap .cost-consent .card .card-content { padding: 0; }

.order-payment .payment-amount-wrap .cost-consent .card .card-content div, .order-payment .payment-amount-wrap .cost-consent .card .card-content span { display: block; padding: 0 20px 30px 20px; color: #777; font-size: 14px; line-height: 1.5; }

.order-payment .payment-amount-wrap .cost-consent .card .card-content div dl, .order-payment .payment-amount-wrap .cost-consent .card .card-content span dl { margin-top: 20px; }

.order-payment .payment-amount-wrap .cost-consent .card .card-content div dl dt, .order-payment .payment-amount-wrap .cost-consent .card .card-content span dl dt { font-weight: 600; }

.order-payment .th-icon { margin-left: 3px; vertical-align: text-top; cursor: pointer; }

.order-payment .payment-contents-wrap { margin-top: 70px; }

.order-payment .payment-contents-wrap .left-contents section .content-title { margin-top: 0; }

.order-payment .payment-contents-wrap .left-contents section + section { margin-top: 70px; }

.order-payment .gift-table-wrap .user-info { color: #333; font-size: 16px; }

.order-payment .gift-info-wrap { margin-top: 40px; padding: 40px; background-color: #f9f9f9; }

.order-payment.order-complete .msg-box { width: 1086px; margin: 60px auto 0; }

.order-payment.order-complete .msg-box-title { color: #385ea3; font-size: 20px; }

.order-payment.order-complete .msg-box-dl { display: flex; justify-content: center; align-items: center; margin-top: 10px; }

.order-payment.order-complete .msg-box-dl dt { position: relative; margin-right: 10px; padding-right: 11px; color: #333; font-size: 16px; }

.order-payment.order-complete .msg-box-dl dt:after { display: block; content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 12px; background-color: #ccc; transform: translateY(-50%); }

.order-payment.order-complete .msg-box-dl dd { color: #333; font-size: 16px; }

.order-payment.order-complete .table-box-form { width: 1086px; margin: 60px auto; }

.order-payment.order-complete .item-button-wrap { margin-bottom: 0; }

.order-payment.order-complete .item-button-wrap .button { min-width: 280px; }

.order-payment .take-down-service-btn { display: inline-flex; }

.order-payment .take-down-service-btn__modal { display: none; padding: 0; margin-left: 10px; }

.order-payment .take-down-service__title .checkbox { margin-bottom: 0; }

.order-payment .take-down-service__title .checkbox span { display: flex; align-items: center; font-size: 16px; color: #333; }

.order-payment .take-down-service__title .checkbox span i { margin-left: 0.4rem; color: #333; }

.order-payment .take-down-service__list { display: none; margin-top: 10px; }

.order-payment .take-down-service__list .take-down-item { position: relative; margin: 5px 0 0 20px; padding-left: 20px; color: #777; display: flex; }

.order-payment .take-down-service__list .take-down-item::before { position: absolute; top: 0; left: 0; content: '└'; }

.order-payment .take-down-service__list .take-down-item span:not(:first-child)::before { content: '/'; padding: 0 3px; }

.order-payment .take-down-service__list .take-down-item span.item-name { max-width: 340px; display: block; word-wrap: normal; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.payment-contents-wrap .left-contents { width: 1004px; }

.payment-contents-wrap .right-contents { width: 322px; }

.custom-input { padding-right: 43px; text-align: right; }

.custom-input-layout { justify-content: left; align-items: center; }

.custom-input-layout .button { margin-left: 10px; }

.custom-input-layout .info { margin-left: 20px; color: #777; font-size: 14px; }

.custom-input-layout .checkbox { margin: 0 0 0 20px; }

.custom-input-layout .checkbox input + label { font-size: 16px; }

.custom-input-layout .checkbox label .point { margin-left: 10px; font-size: 14px; }

.custom-input-wrap { display: inline-block; position: relative; }

.custom-input-txt { position: absolute; top: 50%; right: 28px; z-index: 1; color: #999; font-size: 14px; transform: translateY(-50%); }

.mullti-card-horizontal { margin-bottom: 35px; }

.mullti-card-horizontal .card { border-top: 1px solid #eee; box-shadow: none; }

.mullti-card-horizontal .card .card-header { background-color: #f9f9f9; box-shadow: none; }

.mullti-card-horizontal .card .card-header .card-header-title { padding: 22px 20px; color: #333; font-size: 16px; }

.mullti-card-horizontal .card .card-header .card-header-icon { padding: 8px 20px 8px 10px; color: #333; font-size: 16px; }

.mullti-card-horizontal .card .card-content { padding: 0; }

.payment-type-list { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; }

.payment-type-list li { flex: 1; min-width: 193px; }

.payment-type-list li:last-of-type .payment-type-btn .label { margin-right: 0; }

.payment-type-list:first-child .payment-type-btn .label { background-color: #f9f9f9; }

.payment-type-btn { position: relative; }

.payment-type-btn.__flag::before { position: absolute; top: -10px; left: 10px; padding: 2px 9px; background-color: #ed2650; color: #fff; font-size: 12px; border-radius: 20px; content: '혜택'; }

.payment-type-btn .radio { display: none; }

.payment-type-btn .radio:checked + .label { background-color: #333; }

.payment-type-btn .radio:checked + .label .txt { color: #fff; }

.payment-type-btn .radio.n-pay:checked + .label { background-color: #333; }

.payment-type-btn .radio.n-pay:checked + .label i { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: 0px -536px; width: 72px; height: 24px; }

.payment-type-btn .radio.payco:checked + .label { background-color: #333; }

.payment-type-btn .radio.payco:checked + .label i { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -303px -470px; width: 91px; height: 20px; }

.payment-type-btn .radio.smile-pay:checked + .label { background-color: #333; }

.payment-type-btn .radio.smile-pay:checked + .label i { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -87px -470px; width: 98px; height: 21px; }

.payment-type-btn .radio.kakao-pay:checked + .label { background-color: #333; }

.payment-type-btn .radio.kakao-pay:checked + .label i { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -505px -470px; width: 65px; height: 20px; }

.payment-type-btn .radio.samsung-pay:checked + .label { background-color: #333; }

.payment-type-btn .radio.samsung-pay:checked + .label i { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -256px -387px; width: 138px; height: 20px; }

.payment-type-btn .radio.toss-pay:checked + .label { background-color: #333; }

.payment-type-btn .radio.toss-pay:checked + .label i { background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -404px -387px; width: 106px; height: 20px; }

.payment-type-btn .label { display: flex; justify-content: center; align-items: center; height: 70px; border: 1px solid #ccc; background-color: #fff; cursor: pointer; margin-right: 7px; }

.payment-type-btn .label.txt-label .txt { position: relative; color: #333; font-size: 16px; }

.payment-info-wrap { display: none; margin-top: 40px; padding: 32px 36px; background-color: #f9f9f9; }

.payment-info-wrap#credit-intrstfree { border-bottom: 1px solid #eee; margin-bottom: 25px; padding: 20px 0 0 !important; background-color: transparent !important; }

.payment-info-wrap--title { margin-bottom: 15px; color: #333; font-size: 13px; }

.payment-info-wrap--info { width: 804px; }

.payment-info-wrap--info .dot-list { width: 100%; }

.payment-info-wrap--info .dot-list li { color: #999; font-size: 13px; word-break: keep-all; }

.payment-info-wrap--info .button-area { width: 100%; margin-top: 35px; }

.payment-info-wrap--info .button-area button + button { margin-left: 7px; }

.payment-amount-wrap { border: 1px solid #eee; }

.payment-amount-wrap .item-title { display: inline-block; width: 100%; padding: 25px 18px; color: #333; font-size: 20px; font-weight: 400; border-bottom: 1px solid #eee; }

.payment-amount-wrap .button { margin: 25px 20px 20px 20px; width: calc(100% - 40px); }

.item-dl-layout { padding: 13px 20px; }

.item-dl-layout .total { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; }

.item-dl-layout .total .title { margin: 0; color: #333; font-size: 16px; font-weight: 400; }

.item-dl-layout .total .price { color: #333; font-size: 14px; }

.item-dl-layout .total .price .num { margin-right: 3px; font-size: 16px; font-weight: 600; }

.item-dl-layout .dl-group { border-top: 1px solid #333; }

.item-dl-layout .dl-group dl { display: flex; justify-content: space-between; align-items: center; padding: 3px 0; }

.item-dl-layout .dl-group dl .title { margin: 0; color: #777; font-size: 14px; font-weight: 400; }

.item-dl-layout .dl-group dl .price { color: #333; font-size: 14px; }

.item-dl-layout .dl-group dl .price .num { margin-right: 3px; font-size: 16px; }

.total-price-wrap { padding: 10px 20px; background-color: #f9f9f9; }

.total-price-wrap .total { padding: 20px 0; }

.total-price-wrap .total .title { margin: 0; color: #333; font-size: 16px; font-weight: 400; }

.total-price-wrap .total .price { margin-top: 15px; color: #ed2650; font-size: 16px; font-weight: 600; text-align: right; }

.total-price-wrap .total .price .num { margin-right: 3px; font-size: 30px; }

.total-price-wrap .dl-group { padding: 20px 0; border-top: 1px solid #eee; }

.total-price-wrap .dl-group dl { display: flex; justify-content: space-between; align-items: center; }

.total-price-wrap .dl-group dl .title { margin: 0; color: #777; font-size: 14px; font-weight: 400; }

.total-price-wrap .dl-group dl .price { color: #333; font-size: 14px; }

.total-price-wrap .dl-group dl .price .num { margin-right: 3px; font-size: 16px; }

/* [팝업] 공통 */
.border-top-line { border-top: 1px solid #eee; }

.popup-tab.tabs.is-toggle .tab { height: 50px; font-size: 16px; }

/* 팝업 툴팁 공통 */
.modal-tooptip-wrap { position: relative; }

.modal-tooptip-wrap .modal-card-title .icon-tooltip { margin: -3px 0 0 5px; vertical-align: middle; }

.modal-tooptip-wrap .modal-card-title .icon-tooltip:hover { background: url(../images/common/tooltip_arrow_on.png) no-repeat center; }

.modal-tooptip-wrap .modal-card-title .icon-tooltip:hover + .modal-card-title--tooltip { display: block; }

.modal-tooptip-wrap .modal-card-title--tooltip { display: none; position: absolute; top: 65px; left: 212px; z-index: 10; width: 460px; padding: 20px; border: 1px solid #ccc; background-color: #fff; }

.modal-tooptip-wrap .modal-card-title--tooltip .modal-tooltip-title { vertical-align: top; }

/* [팝업] 희망 배송일 선택 */
#modal-delivery-date .modal-card { overflow: auto; width: 940px; }

#modal-delivery-date .modal-card-body { overflow: initial; }

.pop-delivery-date .custom-datepicker { padding: 0 40px; border-right: 1px solid #eee; }

.pop-delivery-date .fr { width: 400px; height: inherit; text-align: center; }

.pop-delivery-time-list { display: grid; grid-template-columns: repeat(2, 1fr); margin-top: 4px; }

.pop-delivery-time-list li { padding: 0 5px; }

.pop-delivery-time-list .label { display: block; margin-bottom: 10px; border: 1px solid #ccc; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; color: #333; font-size: 16px; line-height: 49px; text-align: center; font-weight: 400; cursor: pointer; }

.pop-delivery-time-list .label i { display: none; }

.pop-delivery-time-list .time-select:checked + .label { position: relative; border-color: #28a0e4; color: #28a0e4; background-color: #fff; }

.pop-delivery-time-list .time-select:checked + .label i { display: block; position: absolute; top: 20px; left: 22px; }

.pop-delivery-time-list .time-select:disabled + .label { border: none; background-color: #f9f9f9; color: #999; }

.pop-delivery-time-list .time-select-ampm { display: inline-block; margin-right: 2px; }

.pop-delivery-time__timer { width: 100%; color: #28a0e4; }

.pop-delivery-time__timer strong { display: inline-block; color: inherit; font-size: 16px; }

.pop-delivery-time__info i { margin: -4px 2px 0 0; vertical-align: middle; }

/* [팝업] 희망배송일 유의사항 */
#modal-delivery-date-guide .modal-card { width: 600px; }

/* [팝업] 구매상품배송 안내 */
#modal-items_delivery .modal-card { width: 600px; }

/* [팝업] 배송지 정보안내 */
#modal-delivery-destination .modal-card { width: 600px; }

/* [팝업] 배송지 목록 */
#modal-delivery-destination-list .modal-card { width: 1000px; }

#modal-delivery-destination-list .modal-card-body.scrollbar-container { max-height: 600px; }

.pop-address-list__tit { display: block; margin: 0 0 16px 10px; color: #28a0e4; font-weight: 400; }

.pop-address-list .radio { width: 100%; margin: 0; padding: 22px 0 18px; border-bottom: 1px solid #eee; }

.pop-address-list .radio label { width: inherit; }

.pop-address-list .radio:last-child { border-bottom: none; }

.pop-address-list-cont { margin-left: 10px; }

.pop-address-list-cont__user { font-size: 16px; color: #333; }

.pop-address-list-cont__user--tel::before { display: inline-block; height: 14px; margin: 2px 0 0 12px; padding-left: 12px; border-left: 1px solid #eee; vertical-align: top; content: ''; }

.pop-address-list-cont__addr { margin-top: 10px; line-height: 24px; word-wrap: break-word; word-break: keep-all; }

.pop-address-list-cont__rest-addr { display: block; }

.pop-address-list-button { width: 90px; text-align: right; }

.pop-address-list-button .button { width: inherit; margin: 3px 0; }

.pop-address-list-button__edit .button { padding: 0 8px; }

.pop-address-list-button__edit .button:first-child { margin-right: 6px; }

/* [팝업] 배송비 조건안내 */
#modal-delivery-cost .modal-card { width: 600px; }

.pop-delivery-cost { border-top: 1px solid #eee; }

.pop-delivery-cost ul li { padding: 15px 0; border-bottom: 1px solid #eee; font-size: 16px; line-height: 30px; }

.pop-delivery-cost ul li dt.is-primary { color: #333; }

.pop-delivery-cost ul li dd { color: #333; }

.pop-delivery-cost ul li dd .unit { font-size: 14px; vertical-align: top; }

/* [팝업] 판매가 */
.modal-freegift .modal-card { width: 600px; }

/* [팝업] 사은품 선택 */
.modal-freegift .modal-card { width: 581px; }

.modal-freegift .modal-card-body { height: 530px; }

.pop-freegift { margin: -15px 0; }

.pop-freegift .checkbox, .pop-freegift .radio { margin: 15px 0 15px 0; vertical-align: top; }

.pop-freegift .checkbox input + label, .pop-freegift .radio input + label { width: 150px; padding: 27px 0 0 0; }

.pop-freegift .checkbox input + label:before, .pop-freegift .radio input + label:before { margin: -27px 0 0 0px; }

.pop-freegift .checkbox:nth-child(3n + 2), .pop-freegift .radio:nth-child(3n + 2) { margin: 15px 22px; }

.pop-freegift__name { margin-top: 10px; line-height: 20px; color: #333; word-wrap: break-word; word-break: keep-all; }

/* [팝업] H.Point 본인인증 */
#modal-hpoint-confirm .modal-card { width: 600px; }

.pop-hpoint-confirm { text-align: center; }

.pop-hpoint-confirm .field.is-grouped { justify-content: center; }

.pop-hpoint-confirm .field.is-grouped .control { position: relative; }

.pop-hpoint-confirm .field.is-grouped .limit-count { position: absolute; z-index: 10; top: 1.3rem; right: 1.15rem; cursor: default; }

/* [팝업] H.Point 사용안내 */
#modal-hpoint-use .modal-card { width: 600px; }

/* [팝업] 청구할인 확인 안내  */
#modal-discount-benefit-guide .modal-card { width: 600px; }

#modal-discount-benefit-guide .modal-card-body { max-height: 420px; }

.pop-modal-discount-benefit-guide .card { box-shadow: none; border-bottom: 1px solid #eee; }

.pop-modal-discount-benefit-guide .card-header { background-color: #f9f9f9; box-shadow: none; }

.pop-modal-discount-benefit-guide .card-header-title { height: 52px; font-size: 16px; font-weight: 400; padding: 8px 20px; }

.pop-modal-discount-benefit-guide .card-header .card-header-icon { padding: 8px 20px; }

.pop-modal-discount-benefit-guide .card-content { width: 450px; margin: 0 auto 10px; padding: 0; }

.pop-modal-discount-benefit-guide .card-content:last-child { margin-bottom: 0; }

.pop-modal-discount-benefit-guide .card .pop-product-item { border-top: 1px solid #eee; }

.pop-modal-discount-benefit-guide .card .pop-product-item:first-child { border: none; }

.pop-modal-discount-benefit-guide .card .pop-product-item-fr { margin-top: 16px; }

.pop-modal-discount-benefit-guide .card .pop-product-item-fr .pop-product-item__txt { display: block; margin-top: 10px; }

.pop-modal-discount-benefit-guide .card:first-child { border-top: 1px solid #eee; }

.pop-modal-discount-benefit-guide .card:last-child { padding-bottom: 0; border: none; }

/* [팝업] 구매제한 안내 */
#modal-purchase-limit .modal-card { width: 600px; }

/* [팝업] 전도위험 동의 */
#modal-hazard-consent .modal-card { width: 600px; }

#modal-hazard-consent .modal-card-body { max-height: 350px; }

/* [팝업] 내림서비스 신청 안내 */
#modal-take-down .modal-card { width: 1000px; }

/* [팝업] 마이스토어 안내 팝업 */
#modal-items_mystore .modal-card { width: 1000px; }

/*** H.Point Pay ***/
.radio.chk-red input[type='radio'] + label, .radio.chk-red input[type='radio']:checked + label { color: #333; font-weight: 600; }

.radio.chk-red input[type='radio']:checked + label:before { border-color: #eb284e; }

.radio.chk-red input[type='radio']:checked + label:after { background: #eb284e; }

.checkbox.chk-red input[type='checkbox']:checked + label:before { background: #eb284e; border-color: #eb284e; }

.payment-header { padding: 25px 0 15px; }

.payment-header a { color: #333; font-weight: 600; }

.payment-body .payment-content { position: relative; width: 1014px; padding: 43px 0; background-color: #f9f9f9; }

.payment-body .payment-content-swiper { width: 100%; overflow: hidden; }

.payment-body .payment-content-swiper .swiper-wrapper .swiper-slide { width: 294px; height: auto; cursor: pointer; }

.payment-body .payment-content-swiper .swiper-wrapper .swiper-slide .hpay-card, .payment-body .payment-content-swiper .swiper-wrapper .swiper-slide .hpay-account { display: flex; flex-direction: column; justify-content: space-between; width: 294px; height: 186px; background-color: #00587c; border-radius: 4px; font-size: 15px; color: #fff; }

.payment-body .payment-content-swiper .swiper-wrapper .swiper-slide .hpay-card .card-img, .payment-body .payment-content-swiper .swiper-wrapper .swiper-slide .hpay-account .card-img { max-width: 95px; max-height: 50px; overflow: hidden; }

.payment-body .payment-content-swiper .swiper-wrapper .swiper-slide .hpay-card .card-img img, .payment-body .payment-content-swiper .swiper-wrapper .swiper-slide .hpay-account .card-img img { max-height: 100%; }

.payment-body .payment-content-swiper .swiper-wrapper .swiper-slide .hpay-card .card-detail, .payment-body .payment-content-swiper .swiper-wrapper .swiper-slide .hpay-account .card-detail { display: flex; flex-direction: column; text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); }

.payment-body .payment-content-swiper .swiper-wrapper .swiper-slide .hpay-card .account-top, .payment-body .payment-content-swiper .swiper-wrapper .swiper-slide .hpay-account .account-top { display: flex; justify-content: space-between; }

.payment-body .payment-content-swiper .swiper-wrapper .swiper-slide .hpay-card .account-top-img, .payment-body .payment-content-swiper .swiper-wrapper .swiper-slide .hpay-account .account-top-img { width: 48px; height: 48px; background: #fff; border: 1px solid #fff; border-radius: 25px; overflow: hidden; }

.payment-body .payment-content-swiper .swiper-wrapper .swiper-slide .hpay-card .account-top-img img, .payment-body .payment-content-swiper .swiper-wrapper .swiper-slide .hpay-account .account-top-img img { padding: 3px; max-height: 100%; }

.payment-body .payment-content-swiper .swiper-wrapper .swiper-slide .hpay-card .account-top-name, .payment-body .payment-content-swiper .swiper-wrapper .swiper-slide .hpay-account .account-top-name { font-size: 13px; font-weight: 500; text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); }

.payment-body .payment-content-swiper .swiper-wrapper .swiper-slide .hpay-card .account-detail, .payment-body .payment-content-swiper .swiper-wrapper .swiper-slide .hpay-account .account-detail { display: flex; flex-direction: column; text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); }

.payment-body .payment-content-swiper .swiper-wrapper .swiper-slide .hpay-card-name, .payment-body .payment-content-swiper .swiper-wrapper .swiper-slide .hpay-account-name { margin-top: 10px; font-size: 14px; color: #333; text-align: center; }

.payment-body .payment-content-swiper .swiper-wrapper .swiper-slide .hpay-card-type::before, .payment-body .payment-content-swiper .swiper-wrapper .swiper-slide .hpay-account-type::before { display: inline-block; margin: 0 14px; content: '|'; color: #999; font-weight: 600; vertical-align: top; }

.payment-body .payment-content-swiper .swiper-wrapper .swiper-slide .hpay-card { padding: 15px 25px 22px; }

.payment-body .payment-content-swiper .swiper-wrapper .swiper-slide .hpay-account { padding: 22px 25px; }

.payment-body .payment-content-swiper .swiper-wrapper .swiper-slide .add { display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: #f9f9f9; border: 2px dashed #cdcdcd; }

.payment-body .payment-content-swiper .swiper-wrapper .swiper-slide .add .plus { display: inline-flex; justify-content: center; align-items: center; width: 36px; height: 36px; border-radius: 40px; background-color: #eb284e; }

.payment-body .payment-content-swiper .swiper-wrapper .swiper-slide .add .plus span { margin: -2px 0 0 2px; font-size: 28px; color: #fff; }

.payment-body .payment-content-swiper .swiper-wrapper .swiper-slide .add strong { margin-top: 10px; color: #777; }

.payment-body .payment-content-swiper .swiper-wrapper .swiper-slide.__no-pay-item { margin: 0 auto; }

.payment-body .payment-content .instalment { display: flex; flex-direction: column; align-items: center; }

.payment-body .payment-content .instalment--month { margin: 35px 0 25px; }

.payment-body .payment-content .instalment--month select { width: 208px; font-size: 14px; }

.payment-body .payment-content .instalment--refer { font-size: 13px; color: #999; }

.payment-body .payment-content .cashreceipt { display: flex; flex-direction: column; align-items: center; margin-top: 35px; }

.payment-body .payment-content .cashreceipt.checkbox label { line-height: 1.6; }

.payment-body .payment-content .cashreceipt.checkbox label::before { width: 21px; height: 21px; margin-right: 8px; line-height: 18px; border-radius: 21px; }

.payment-body .payment-promotion-wrap { display: none; width: 95%; margin: 30px auto; }

.payment-body .payment-promotion-wrap .promotion-head { display: block; margin-bottom: 15px; color: #333; }

.payment-body .payment-promotion-wrap .tabs.is-toggle li.is-active .tab { background-color: #333; color: #fff; }

.payment-body .payment-promotion-wrap .tabs.tabs-normal.is-toggle .tab { height: 40px; font-size: 14px; }

.payment-body .payment-promotion-wrap .tabpanel { margin-top: 30px; }

.payment-body .payment-promotion-wrap .promotion-title { display: block; margin-bottom: 15px; font-size: 14px; }

.payment-body .payment-promotion-wrap .promotion-list li { color: #999; font-size: 13px; }

.payment-body .only-credit { display: none; }

.payment-body .only-credit.card-intrstfree { position: relative; right: 0; bottom: 0; padding-bottom: 10px; text-align: right; border-bottom: 1px solid #eee; }

.payment-body .cashreceipt-info-wrap { display: none; margin-left: 70px; margin-bottom: 40px; }

.payment-body .cashreceipt-info-wrap .radio { display: inline-flex; align-items: center; width: 100%; height: 36px; margin: 35px 0 0; }

.payment-body .cashreceipt-info-wrap .radio label { width: 180px; }

.payment-body .cashreceipt-info-wrap .info-personal { display: flex; }

.payment-body .cashreceipt-info-wrap .info-personal .select { height: 36px; }

.payment-body .cashreceipt-info-wrap .info-personal .select select { height: 36px; font-size: 14px; }

.payment-body .cashreceipt-info-wrap .info-personal input { height: 36px; }

.payment-body .cashreceipt-info-wrap .info-personal .cashreceipt-type--phone { margin-left: 8px; }

.payment-body .cashreceipt-info-wrap .info-personal .cashreceipt-type--phone select { width: 85px; }

.payment-body .cashreceipt-info-wrap .info-personal .cashreceipt-type--cardnum { margin-left: 8px; }

.payment-body .cashreceipt-info-wrap .info-business { display: inline-flex; align-items: center; font-size: 14px; color: #333; }

.payment-body .cashreceipt-info-wrap .info-business input { width: 80px; height: 36px; margin: 0 8px; }

.payment-body .card-intrstfree { position: absolute; right: 37px; bottom: 43px; }

.payment-body .card-intrstfree button { display: inline-flex; font-size: 13px; color: #999; line-height: 1; }

.payment-body .card-intrstfree button i { margin-left: 2px; }

.payment-body .hpay-info-wrap { padding: 25px 30px; font-size: 13px; border-bottom: 1px solid #eee; }

.payment-body .hpay-info-wrap .hpay-info-title { margin-bottom: 15px; color: #333; }

.payment-body .hpay-info-wrap ul li { font-size: 13px; color: #999; }

.payment-body .hpay-info-wrap.bg { background-color: #f9f9f9; border-bottom: none; }

#modal-service-article .modal-card-body { padding: 20px; }

#modal-service-article .modal-card-body .check-all-status { padding-bottom: 10px; border-bottom: 1px solid #d2d2d2; }

#modal-service-article .modal-card-body .button.is-text { min-width: auto; height: auto; padding: 0; }

#modal-service-article .modal-card-body .button.is-text .check-all-status { padding-bottom: 10px; border-bottom: 1px solid #d2d2d2; }

#modal-service-article .modal-card-body .button.is-text .button.is-text { min-width: auto; height: auto; padding: 0; }

#modal-service-article .modal-card-body .button.is-text .button.is-text:hover { background-color: transparent; }

#modal-service-article .modal-card-body .button.is-text:hover { background-color: transparent; }

.article-iframe { display: block; width: 100%; height: calc(100vh - 200px); }

.article-iframe-wrap .modal-card-body { margin-bottom: 20px; overflow-y: hidden; }

#modal-privacy-collect .modal-card, #modal-privacy-certify .modal-card { width: 600px; }

#modal-privacy-collect .modal-card li, #modal-privacy-certify .modal-card li { font-size: 16px; word-break: keep-all; line-height: 1.4; }

.pop-privacy-content ol { font-size: 16px; padding: 15px 0; border-top: 1px solid #eee; line-height: 1.4; }

.pop-privacy-content ol p { color: #202020; }

#bank-02 { background-color: #003d7e; }

#bank-03 { background-color: #004c9d; }

#bank-06 { background-color: #f7b500; }

#bank-07 { background-color: #0271b9; }

#bank-11 { background-color: #fdb813; }

#bank-20 { background-color: #0067ac; }

#bank-23 { background-color: #38d200; }

#bank-27 { background-color: #003b70; }

#bank-31 { background-color: #007dc6; }

#bank-32 { background-color: #d71920; }

#bank-34 { background-color: #d71920; }

#bank-35 { background-color: #0045ff; }

#bank-37 { background-color: #0e1d49; }

#bank-39 { background-color: #d81921; }

#bank-45 { background-color: #52c3f1; }

#bank-48 { background-color: #d8a100; }

#bank-50 { background-color: #97c93d; }

#bank-64 { background-color: #34ab8f; }

#bank-71 { background-color: #ff0d01; }

#bank-81 { background-color: #008375; }

#bank-88 { background-color: #0045ff; }

#bank-89 { background-color: #0f0060; }

#bank-90 { background-color: #1e1e1e; }

#bank-92 { background-color: #0065ff; }

.service-item-count { padding-left: 20px; }

.service-item-count .spinner-box__minus, .service-item-count .spinner-box__plus { background-color: #fff; }

.service-item-notice { margin-top: 20px; padding-right: 10px; }

.service-item-notice .notice-title { padding-left: 10px; font-size: 16px; color: #333; }

#modal-paymentAgree ol.payment-take-down-list { counter-reset: circle 0; }

#modal-paymentAgree ol.payment-take-down-list li { padding-inline-start: 20px; position: relative; list-style: none; margin-top: 5px; }

#modal-paymentAgree ol.payment-take-down-list li::before { position: absolute; top: 50%; left: 4px; transform: translateY(-50%); counter-increment: circle 1; content: counter(circle); font-size: 10px; }

#modal-paymentAgree ol.payment-take-down-list li::after { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); display: inline-block; border: 1px solid #333; border-radius: 50%; width: 13px; height: 13px; }

.section-contents-events.none-events { min-height: 700px; text-align: center; }

.section-contents-events.none-events .info-text { display: inline-block; margin: 100px 0; color: #777; font-size: 16px; }

.section-contents-events__dropdown { margin-top: 40px; }

.section-contents-events__dateselect .date-select-wrap { justify-content: space-between; margin: 40px 0 0; }

.section-contents-events__event--search .event-search-wrap { display: flex; justify-content: flex-end; align-items: center; margin: 40px 0 0; }

.section-contents-events__event--search .event-search-wrap .label { margin: 0 20px 0 0; }

.section-contents-events__event--search .event-search-wrap .input { min-width: 300px; }

.section-contents-events__event--search .event-search-wrap .button { max-width: 80px; }

.section-contents-events__event--search.search-table .table-box { margin-top: 40px; }

.section-contents-events.events-lists-wrap { padding-bottom: 60px; }

.section-contents-events.events-lists-wrap .swiper-slide { width: 319px; margin-right: 30px; }

.section-contents-events.events-lists-wrap .section-contents__pagination { margin-top: 40px; }

.section-contents-events.events-comment-wrap { margin-top: 60px; margin-bottom: 60px; }

.section-contents-events.events-comment-wrap .textarea-comment-wrap .txt-number-info { margin-bottom: 15px; }

.section-contents-events.events-comment-wrap .textarea-comment-wrap .txt-number-info span { color: #333; font-size: 16px; }

.section-contents-events.events-comment-wrap .textarea-comment-wrap .txt-number-info span.num { color: #ed2650; }

.section-contents-events.events-comment-wrap .textarea-comment-wrap .textarea { overflow-y: auto; height: 100px; resize: none; }

.section-contents-events.events-comment-wrap .textarea-comment-wrap .button { min-width: 140px; height: 100px; }

.section-contents-events.events-comment-wrap .textarea-comment-wrap .max-contents-txt { margin-top: 5px; color: #777; font-size: 14px; text-align: left; }

.section-contents-events.events-comment-wrap .comment-lists { margin-top: 30px; }

.section-contents-events.events-comment-wrap .section-contents__pagination { margin-top: 40px; }

.section-contents-events.events-comment-wrap + .button-area { margin: 100px 0; }

.section-contents-events .section-contents__pagination { margin-top: 50px; }

.events-prizewinner-top.share-wrap { position: relative; border-bottom: none; }

.events-prizewinner-top.share-wrap .content-share-wrap { position: absolute; top: 30px; right: 0; z-index: 1; }

.button-area.is-centered { text-align: center; }

.status-info-bar { width: 100%; background-color: #f9f9f9; text-align: center; line-height: 80px; }

.status-info-bar .info-text { color: #777; font-size: 20px; }

.status-info-bar .info-text i { margin-right: 10px; }

.comment-lists .comm-origin-wrap { padding: 25px 0; border-bottom: 1px solid #ccc; }

.comment-lists .comm-origin-wrap .reply-area-left { min-width: 1226px; max-width: 1226px; }

.comment-lists .comm-origin-wrap .reply-area .btn-reply { min-width: 90px; }

.comment-lists .comm-origin-wrap .reply-area.is-active { display: block; }

.comment-lists .reply-comment-wrap { background-color: #f9f9f9; padding: 25px 50px; border-bottom: 1px solid #ccc; }

.comment-lists .reply-comment-wrap .reply-tab { background: #ccc; position: absolute; height: 14px; width: 1px; margin: -2px -30px; }

.comment-lists .reply-comment-wrap .reply-tab:after { background: #ccc; position: absolute; content: ''; height: 1px; top: 14px; width: 14px; }

.comment-lists .reply-comment-wrap .comment-writer { color: #000; font-size: 12px; border: #000 1px solid; border-radius: 12px; margin-left: 10px; padding: 2px 10px; }

.comment-lists .reply-form-wrap { display: none; }

.comment-lists .reply-form-wrap .reply-form { position: relative; }

.comment-lists .reply-form-wrap .reply-form .field.has-addons { margin-bottom: 10px; }

.comment-lists .reply-form-wrap .reply-form .field.has-addons .textarea { height: 100px; }

.comment-lists .reply-form-wrap .reply-form .button-area { text-align: left; }

.comment-lists .reply-form-wrap .reply-form .max-contents-txt { position: absolute; bottom: 15px; right: 0; text-align: right; }

.comment-lists .reply-lists .reply-area { max-width: 1266px; min-width: 1266px; }

.comment-lists .reply-lists .reply-area .btn-reply { min-width: 90px; }

.comment-lists li .vertical-bar-list { display: flex; justify-content: left; align-items: center; margin-bottom: 15px; }

.comment-lists li .vertical-bar-list span { position: relative; margin-left: 10px; padding-left: 11px; color: #777; font-size: 14px; }

.comment-lists li .vertical-bar-list span:after { display: block; content: ''; position: absolute; top: 50%; left: 0; z-index: 1; width: 1px; height: 8px; background-color: #888; transform: translateY(-50%); }

.comment-lists li .vertical-bar-list span:first-child { margin-left: 0; padding-left: 0; }

.comment-lists li .vertical-bar-list span:first-child:after { content: none; }

.comment-lists li .user-comment-wrap { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; }

.comment-lists li .user-comment-wrap .button-area { margin-top: 15px; }

.comment-lists li .user-comment-wrap .button-area .button { margin-left: 7px; }

.comment-lists li .user-comment-wrap .button-area .button:first-child { margin-left: 0; }

.comment-lists li .user-comment-wrap.is-active { display: none; }

.comment-lists li .user-comment-wrap .reply-area-wrap { max-width: 1226px; word-break: keep-all; }

.comment-lists li .user-comment-wrap .reply-area-wrap .text { display: inline; color: #333; font-size: 16px; }

.comment-lists li .user-comment-wrap .reply-area-wrap .reply-id { font-size: 14px; color: #00ade3; font-weight: 600; display: inline; margin-right: 5px; }

.comment-lists li .user-comment-wrap .reply-area-wrap .reply-area { display: flex; justify-content: space-between; }

.comment-lists li .reply-more-button { cursor: pointer; display: none; }

.comment-lists li .reply-more-button.is-active { display: block; }

.comment-lists li .reply-report-button { cursor: pointer; }

.comment-lists li .reply-report__text { height: 90px; line-height: 90px; background-color: #f1f1f1; text-align: center; color: #777; font-size: 15px; }

.comment-lists li .reply-report__text-none { display: none; }

.comment-lists li .reply-report__text.is-active { display: block; }

.comment-lists li .user-commment-edit-wrap { display: none; position: relative; }

.comment-lists li .user-commment-edit-wrap .field.has-addons { margin-bottom: 10px; }

.comment-lists li .user-commment-edit-wrap .field.has-addons .textarea { height: 100px; }

.comment-lists li .user-commment-edit-wrap .button-area { text-align: left; }

.comment-lists li .user-commment-edit-wrap .max-contents-txt { position: absolute; bottom: 15px; right: 0; text-align: right; }

.events-tabs-wrap { margin-top: 100px; }

.events-tabs-wrap .events-tabs { padding-left: 1px; }

.events-tabs-wrap .events-tabs .item-list { width: 33.3%; }

.events-tabs-wrap .events-tabs .item-list:nth-child(3n + 1) { width: calc(33.3% + 4px); }

.table-box-default .table { border-top: 1px solid #333; border-bottom: 1px solid #eee; }

.table-box-default .table thead th { padding: 20px; color: #333; font-size: 16px; }

.table-box-default .table tbody td { padding: 20px; text-align: center; border-bottom: 1px solid #eee; }

.table-box-default .table tbody td.is-left { text-align: left; }

.table-box-default .table tbody td .event-link, .table-box-default .table tbody td .text { color: #777; font-size: 16px; }

.table-box-default .table tbody td.vertical-top { vertical-align: top; }

.table-box-default .table.privacy tbody td { border-left: 1px solid #eee; }

.table-box-default .table.privacy tbody td.no-border { border-left: none; }

/* 당첨자 발표 상세 */
.events-prizewinner-top { padding: 30px 0 20px; border-bottom: 1px solid #eee; }

.events-tit { display: inline-block; width: 1160px; margin-left: 20px; font-size: 20px; color: #333; vertical-align: top; }

.events-date dl { display: flex; padding: 3px 0; font-size: 16px; }

.events-date dl dt { color: #333; margin-right: 20px; }

.events-prizewinner-result { width: 1090px; margin: 0 auto; border-top: 1px solid #eee; border-bottom: 1px solid #eee; font-size: 16px; }

.events-prizewinner-result thead th { padding: 1em 1em; border: none; background-color: #f9f9f9; text-align: center; font-weight: 400; }

.events-prizewinner-result tbody td { padding: 1em 1em; border-bottom: 1px solid #eee; text-align: center; font-weight: 400; color: #777; }

.events-prizewinner-button { margin-bottom: 100px; padding-top: 60px; border-top: 1px solid #eee; }

.events-horizontal__info { width: calc(100% - 50px); }

.accordion-pop-wrap { margin-top: 50px; border-top: 1px solid #eee; }

.accordion-pop-wrap .section-contents-item__options--titwrap { max-width: initial; }

.accordion-pop-wrap .section-contents-item__options--title, .accordion-pop-wrap .section-contents-item__options--sub { width: 100%; }

.accordion-pop-wrap .consent { width: 100%; margin: 0; }

.accordion-pop-wrap .consent.check-wrap:first-child label { font-weight: 600; }

.accordion-pop-wrap .consent.check-wrap .card .all-notice { padding-bottom: 30px; border-bottom: 1px solid #eee; }

.accordion-pop-wrap .consent.check-wrap .card .card-header .card-header-title { flex-grow: 1; }

.accordion-pop-wrap .consent.check-wrap .card .card-header .card-header-title.-only { padding: 8px 0; }

.accordion-pop-wrap .consent.check-wrap .card .card-header .card-header-title span { padding-left: 5px; }

.accordion-pop-wrap .consent.check-wrap .card .border-none { border: none; }

.accordion-pop-wrap .consent.check-wrap .card .card-content { padding: 0; }

.accordion-pop-wrap .consent.check-wrap .card .card-content .text-area { overflow-y: auto; max-height: 160px; padding: 30px; border: 1px solid #eee; border-top: none; font-size: 14px; }

.accordion-pop-wrap .consent .card { box-shadow: none; }

.accordion-pop-wrap .consent .card .card-header { display: flex; justify-content: left; align-items: center; padding: 23px 0; border-bottom: 1px solid #eee; box-shadow: none; }

.accordion-pop-wrap .consent .card .card-header .card-header-title { flex-grow: 0; font-size: 16px; font-weight: 400; }

.accordion-pop-wrap .consent .card .card-header i { color: #333; font-size: 14px; }

.accordion-pop-wrap .consent .card .card-content { padding: 30px 0 0; }

.accordion-pop-wrap .consent .card .card-content .dot-list li { line-height: 1.7; }

.accordion-pop-wrap .consent .card .card-content span { color: #777; font-size: 14px; }

.section-event-module { width: 80%; padding: 30px 0; margin: 0 auto 60px; }

.section-event-module .row img { width: auto; max-width: 100%; }

.section-event-module .row .label-text { display: block; }

.section-event-module .row:not(:last-child) { margin-bottom: 30px; }

.section-event-module .field:not(:last-child) { margin-bottom: 10px; }

.section-event-module .control .radio, .section-event-module .control .checkbox { margin-bottom: 0; }

.event-detail-wrap .section-item-contents__coupons--list { text-align: center; }

.event-detail-wrap .section-item-contents__coupons--list .item-coupon__wrap { text-align: left; }

.event-detail-wrap .section-item-contents__coupons--list li { position: relative; }

.event-detail-wrap .is-disabled { cursor: default; pointer-events: none; }

.event-detail-wrap .is-disabled:after { content: '모든 쿠폰 소진'; display: flex; overflow: hidden; position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); font-size: 30px; line-height: 1.1; color: #fff; font-weight: 400; align-items: center; justify-content: center; }

.event-giveaway-list { display: block; margin-bottom: 30px; }

.event-giveaway-list__title { display: block; margin-bottom: 10px; text-align: center; font-weight: 600; font-size: 20px; color: #333; }

.event-giveaway-list__img { display: block; font-size: 0; text-align: center; }

.event-giveaway-list__img img { max-width: 100%; }

.event-giveaway-list li { width: 300px; overflow: hidden; margin: 20px; display: inline-block; vertical-align: top; }

.event-password-list { text-align: center; margin-bottom: 20px; }

.event-password-list .input { width: 50px; display: inline-block; vertical-align: top; text-align: center; font-size: 20px; }

.event-password__img { display: block; text-align: center; margin: 0 auto; }

.event-password__img img { width: auto; max-width: 100%; }

.event-password__numbers { margin-top: 30px; font-size: 30px; letter-spacing: 10px; color: #333; text-align: center; }

.button-event-password { display: block; margin: 0 auto 40px; padding: 0; font-size: 16px; color: #333; }

.section-event-attend-check { overflow: hidden; }

.section-event-attend-check .calendar-month-header { display: none; }

.section-event-attend-check .calendar-month-header th, .section-event-attend-check .calendar-month-header td { font-size: 20px; }

.section-event-attend-check .custom_calendar { width: 100%; padding-top: 88px; padding-bottom: 50px; background-color: #fff; }

.section-event-attend-check .custom_calendar .table { width: 865px; margin: 0 auto; }

.section-event-attend-check .custom_calendar .table th, .section-event-attend-check .custom_calendar .table td { font-size: 22px; }

.section-event-attend-check .custom_calendar .table tr.calendar-dow-header th { border-top: none; }

.section-event-attend-check .custom_calendar .table td { padding: 30px 0 0; }

.section-event-attend-check .custom_calendar .table td div.day { width: 100px; height: 100px; border-radius: 100%; background-color: #f9f9f9; }

.section-event-attend-check .custom_calendar .table td div.day.today { background-color: #ff6200 !important; color: #fff !important; font-weight: 600 !important; }

.section-event-attend-check .custom_calendar .table td div.day.is-unchecked { background-color: #ccc; color: #fff; }

.section-event-attend-check .custom_calendar .table td div.day.is-checked { background-color: #777; color: #fff; }

.section-event-attend-check .custom_calendar .table td div.day.is-checked .badge { font-size: 0; }

.section-event-attend-check .custom_calendar .table td div.day.is-checked .badge:before { font-size: 34px; content: '\e999'; font-family: 'iconset' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.section-event-attend-check .custom_calendar .table td div.day.is-checked-end { background-color: #777; color: #fff; }

.section-event-attend-check .custom_calendar .table td div.day.is-specific { border: 2px solid #ed2650; color: #ed2650; }

.section-event-attend-check .custom_calendar .table td div.day.is-coupon { background-color: #2a6df5; color: #fff; }

.section-event-attend-check .custom_calendar .table td div.day.is-coupon .badge { line-height: 1.1; flex-direction: column; word-break: keep-all; word-wrap: break-word; }

.section-event-attend-check .custom_calendar .table td div.day.is-coupon .badge strong { display: block; color: #fff; font-size: 28px; font-weight: 600; }

.section-event-attend-check .custom_calendar .table td div.day.is-coupon .badge img { border: 1px solid #ed2650; border-radius: 50%; }

.event-attend-check__img { display: block; margin: 0 auto; text-align: center; }

.event-attend-check__img img { width: auto; }

.event-attend-check__calendar { position: relative; width: 1065px; margin: 0 auto; padding-top: 80px; }

.event-attend-check__result-circle { display: flex; position: absolute; right: 40px; top: 0; width: 160px; height: 160px; border-radius: 100%; background-color: #333; color: #fff; font-size: 24px; font-weight: 600; text-align: center; align-items: center; justify-content: center; }

.event-attend-check__result-circle p { margin: 6px 0; line-height: 1.1; }

.section-event-roulette { overflow: hidden; }

.event-roulette-chance { padding: 30px 0; background: #fff; }

.event-roulette { display: flex; position: relative; width: 825px; height: 825px; margin: 0 auto; border-radius: 100%; align-items: center; justify-content: center; flex-direction: column; background-color: rgba(255, 255, 255, 0.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); }

.event-roulette__img { display: block; margin: 0 auto; text-align: center; }

.event-roulette__img img { width: auto; }

.event-roulette__image { width: 760px; height: 760px; max-width: 100%; margin: 0; z-index: 0; }

.event-roulette__niddle { width: 83px; height: 102px; position: absolute; left: 50%; margin: 0 0 0 -42px; top: -36px; z-index: 2; }

#button-roulette-start { display: flex; overflow: hidden; position: absolute; z-index: 2; left: 50%; top: 50%; margin: -100px 0 0 -100px; width: 200px; height: 200px; border-radius: 100%; background-color: #2a6df5; color: #fff; align-items: center; justify-content: center; }

#button-roulette-start img { width: auto; }

.event-detail-wrap .coupon-card { position: relative; margin: 20px auto 0; width: 300px; height: 400px; text-align: center; color: #fff; background-size: 100%; }

.event-detail-wrap .coupon-card .bg-coupon-img { position: absolute; top: 0; left: 0; }

.event-detail-wrap .coupon-card .contents-coupon { position: absolute; top: 0; left: 0; width: 300px; height: 400px; }

.event-detail-wrap .coupon-card .coupon-card-button-wrap button { color: #333; }

.event-detail-wrap .coupon-card:first-of-type { margin-top: 0; }

.event-detail-wrap .coupon-card .coupon-card-top { height: 280px; }

.event-detail-wrap .coupon-card .coupon-card-top .ico-popup { color: #fff; font-size: 16px; }

.event-detail-wrap .coupon-card .coupon-card-top .coupon-card--title { padding-top: 15px; font-size: 1.6rem; }

.event-detail-wrap .coupon-card .coupon-card-top .num-off { padding-top: 30px; }

.event-detail-wrap .coupon-card .coupon-card-top .num-off.type-2 { padding-top: 30px; }

.event-detail-wrap .coupon-card .coupon-card-top .num-off.type-2 .text-small { font-size: 1.5rem; padding-bottom: 10px; }

.event-detail-wrap .coupon-card .coupon-card-top .num-off.type-2 ul { padding: 15px; font-size: 14px; text-align: left; }

.event-detail-wrap .coupon-card .coupon-card-top .num-off span { display: block; line-height: 1; font-weight: 600; }

.event-detail-wrap .coupon-card .coupon-card-top .num-off span.font-80 { font-size: 7rem; font-weight: 400; }

.event-detail-wrap .coupon-card .coupon-card-top .num-off span.font-120 { font-size: 12rem; }

.event-detail-wrap .coupon-card .coupon-card-top .num-off span.font-80 + .off { padding-top: 48px; }

.event-detail-wrap .coupon-card .coupon-card-top .num-off span.off { padding-top: 20px; font-size: 3.6rem; }

.event-detail-wrap .coupon-card .coupon-card-info { padding: 30px; }

.event-detail-wrap .coupon-card .coupon-card-info dl { display: flex; font-size: 1.2rem; }

.event-detail-wrap .coupon-card .coupon-card-info dl dt { word-break: keep-all; letter-spacing: 3px; }

.event-detail-wrap .coupon-card .coupon-card-info dl dd { padding-left: 10px; }

.event-detail-wrap .coupon-card .coupon-card-button-wrap { padding: 15px; font-size: 14px; }

.event-detail-wrap .coupon-card .coupon-card-button-wrap button { margin-top: 5px; padding: 15px; width: 200px; background: #fff; font-size: 1.6rem; border-radius: 5px; box-shadow: 0 5px 1rem rgba(0, 0, 0, 0.1); }

.event-detail-wrap .coupon-card.soldout { position: relative; }

.event-detail-wrap .coupon-card.soldout::after { display: flex; content: '모든 쿠폰 소진'; position: absolute; top: 0; left: 0; width: 300px; height: 400px; justify-content: center; align-items: center; font-size: 30px; background: #000; opacity: 0.8; border-radius: 17px; }

.event-detail-wrap .event-cate-guide-wrap { margin-top: 30px; padding: 50px 0; border-top: 1px solid #ccc; }

.event-detail-wrap .event-cate-guide-wrap p { text-align: center; font-size: 16px; color: #333; }

.event-detail-wrap .event-cate-guide-wrap ol { margin-top: 55px; text-align: center; }

.event-detail-wrap .event-cate-guide-wrap ol li { display: inline-block; position: relative; padding: 0 20px 0 30px; color: #777; font-size: 16px; }

.event-detail-wrap .event-cate-guide-wrap ol li::before { position: absolute; top: 0; left: 0; content: '\eb5f'; font-family: 'iconset' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #777; font-size: 20px; }

.event-detail-wrap .event-cate-guide-wrap ol li:first-child::before { content: none; }

.event-detail-wrap .event-cate-guide-wrap ol li:last-child { color: #e51d68; }

.button-go-cate { display: flex; justify-content: center; align-items: center; margin: 50px auto 0; width: 220px; height: 60px; color: #fff; font-weight: 600; font-size: 18px; background: #e51d68; border-radius: 28px; word-break: keep-all; word-wrap: break-word; }

.button-go-cate:hover { background: #c51656; color: #fff; }

.button-go-cate.is-small { display: block; width: auto; height: auto; margin: 0 auto; padding: 10px 20px; border-radius: 30px; font-size: 14px; font-weight: 400; }

.samXzip-wrap { padding: 100px 0; }

.samXzip-header { width: 450px; margin: 30px auto 50px; }

.section-contents-product__lists { margin: 38px 0 0; }

.section-contents-product__lists .product-item-large-lists { margin-bottom: 60px; }

.section-contents-product__lists.bottom-margin .product-item-medium-lists { margin: 0 -14px -60px; }

.section-contents-product__lists.bottom-margin .product-item-medium-lists > li { margin: 0 14.2px 60px; }

.product-item-large-lists { margin: -20px -27px 0 -26px; font-size: 0; }

.product-item-large-lists .product-item--large { display: inline-block; margin: 60px 26.5px 0 26.5px; vertical-align: top; }

.product-item-large-lists .product-item--large > .product-item { margin: 0; }

.product-item-large-lists .best-rank { display: block; width: 31px; margin-bottom: 5px; font-size: 32px; font-weight: 700; line-height: 1.2; text-align: center; }

.product-item-large-lists .best-rank i { display: block; }

.section-contents-tab__list.flex-grow .item-list { width: auto; flex-grow: 1; }

.section-contents-tab__list.flex-grow .item-list:hover, .section-contents-tab__list.flex-grow .item-list:focus { border-color: #333; z-index: 1; }

.section-contents-tab__list.flex-grow .item-list .link.is-fullwidth { width: 100%; }

.section-contents-tab__list.flex-grow .item-list--width { width: 20%; }

.section-contents-tab__list.glg.flex-grow .item-list { width: auto; flex-grow: 1; border: 1px solid rgba(255, 255, 255, 0.4); }

.section-contents-tab__list.glg.flex-grow .item-list.is-active { z-index: 1; border-color: #fff; }

.section-contents-tab__list.glg.flex-grow .item-list.is-active .link { color: #fff; }

.section-contents-tab__list.glg.flex-grow .item-list:hover, .section-contents-tab__list.glg.flex-grow .item-list:focus { border-color: #fff; z-index: 1; }

#section-new-arrival > h3.title { margin-top: 48px; margin-bottom: 51px; }

#section-new-arrival .swiper-custom-control__box { margin-top: 170px; }

#section-new-arrival .product-item { margin: 0 auto 40px; }

.contents-items-wrap { padding-bottom: 60px; }

.contents-items-wrap p.banner { text-align: center; }

.contents-items-wrap img { width: auto; max-width: 100%; }

.section-contents-wrap.pt0 { padding-top: 0; }

.section-contents-tab-wrap.is-interval { margin-top: 100px; }

.item-icon-tag { width: 265px; height: 265px; padding: 60px 0; background-color: #333; }

.item-icon-tag .tit { display: block; color: #adadad; font-size: 40px; font-weight: 400; line-height: 1; text-align: center; }

.item-icon-tag .sub-tit { display: block; margin-bottom: 20px; color: #adadad; font-size: 18px; line-height: 1; text-align: center; }

.item-icon-tag i { display: block; margin: 30px auto 0; }

.items-list-box { margin: 0 -12.5px; }

.items-list-box > li { display: inline-block; margin: 0 12.5px 60px; vertical-align: top; }

.items-list-box + .button-area .button { min-width: 220px; }

.contents-bargain .swiper-slide { position: relative; min-height: 1380px; padding: 120px 0 0 110px; }

.contents-bargain .swiper-slide .product-items-box { position: absolute; right: 0; bottom: 60px; z-index: 20; }

.contents-bargain .swiper-slide .product-items-box ul { margin: 0 -12.6px; }

.contents-bargain .swiper-slide .product-items-box ul > li { display: inline-block; margin: 0 12.6px; vertical-align: top; }

#middle-banner.section-lstore { margin-top: 100px; }

#main-exhibition.swiper-control-wrap .section-category-control-wrap { top: 0; }

.dday-wrap.is-liner { padding-top: 40px; border-top: 1px solid #8d8d8d; }

.dday-wrap .dday { color: #000; font-size: 50px; font-weight: 600; line-height: 1; }

.dday-wrap .dday .day { font-weight: 400; font-style: normal; }

.item-discount-box { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; right: 0; z-index: 1; }

.item-discount-box.black { color: #fff; background-color: #000; }

.item-discount-box.small { width: 70px; height: 70px; }

.item-discount-box.small .discount { font-size: 22px; }

.item-discount-box.medium { width: 100px; height: 100px; }

.item-discount-box.medium .discount { font-size: 26px; }

.item-discount-box em { font-style: normal; }

.number-box { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; z-index: 2; }

.number-box.black { color: #fff; background-color: #000; }

.number-box.small { width: 50px; height: 50px; }

.number-box.small .number { display: block; font-size: 22px; }

.number-box.medium { width: 60px; height: 60px; }

.number-box.medium .number { display: block; font-size: 26px; }

/* 그레이 박스 */
.lstore-box { padding: 22px 40px 22px; background-color: #f9f9f9; font-size: 14px; align-items: center; }

.lstore-box-logo { display: inline-flex; align-items: center; width: 60px; min-height: 60px; flex: 1 0; }

.lstore-box-logo a { display: block; }

.lstore-box-logo a img { display: block; width: 100%; }

.lstore-box-logo::after { display: inline-block; height: 40px; margin-right: 40px; padding-right: 40px; border-right: 1px solid #ccc; vertical-align: top; content: ''; }

.lstore-box-logo + div { width: calc(100% - 141px); word-break: keep-all; word-wrap: break-word; }

.lstore-box-title { display: block; font-size: 18px; }

.lstore-box.is-black { color: #333; }

.lstore-box.is-black .lstore-box-title { color: #333; }

.lstore-box.is-white { color: #fff; }

.lstore-box.is-white .lstore-box-title { color: #fff; }

/* 배너 */
.lstore-banner { margin: 40px -11px 0 -10.5px; }

.lstore-banner span { display: inline-block; margin: 20px 9px 0; vertical-align: top; }

.lstore-banner span:first-child { margin-top: 0; }

.groupbuy-section { padding-bottom: 40px; background-color: #f9f9f9; }

.groupbuy-section .section-category-item__search { padding-top: 60px; margin-bottom: 40px; }

.groupbuy-section .groupbuy-section-product { position: relative; margin-bottom: 110px; background-color: #fff; }

.groupbuy-section .groupbuy-section-product .section-wrap { padding: 100px 60px 60px; }

.groupbuy-section .groupbuy-section-product .section-wrap .badge { height: 100%; max-height: 30px; margin-top: -30px; }

.groupbuy-section .groupbuy-section-product .section-wrap .badge > span { display: inline-flex; justify-content: center; width: 80px; height: 100%; background: #333; color: #fff; }

.groupbuy-section .groupbuy-section-product .section-wrap .product-item-status .product-item-status--soldout { font-size: 38px; }

.groupbuy-section .groupbuy-section-product .section-category { width: 100%; max-width: 660px; padding: 60px; }

.groupbuy-section .groupbuy-section-product .section-category .pitem-group-purchase-price span { font-size: 30px; font-weight: 600; }

.groupbuy-section .groupbuy-section-product .section-category .pitem-group-purchase-price span:first-child { font-size: 20px; margin-right: 20px; }

.groupbuy-section .groupbuy-section-product .countdown-timer-wrap { align-items: flex-end; margin-top: 20px; margin-bottom: 40px; }

.groupbuy-section .groupbuy-section-product .countdown-timer-wrap .countdown-timer-wrap { line-height: 1; }

.groupbuy-section .groupbuy-section-product .countdown-timer-wrap .countdown-timer-wrap > span { font-size: 50px; color: #5bcec2; }

.groupbuy-section .groupbuy-section-product .countdown-timer-wrap .countdown-timer-wrap > span:first-child { color: #000; }

.groupbuy-section .groupbuy-section-product .countdown-timer-wrap .countdown-timer-wrap > span.__gray { color: #999; }

.groupbuy-section .groupbuy-section-product .pitem-header-info__title .title { font-size: 30px; }

.groupbuy-section .groupbuy-section-product .pitem-header-section .pitem-header-section__goal { font-size: 20px; }

.groupbuy-section .groupbuy-section-product .button-area { position: absolute; right: 0; bottom: 0; width: 100%; max-width: 500px; height: 100%; max-height: 100px; margin-bottom: -50px; background-color: #333; }

.groupbuy-section .groupbuy-section-product .button-area .button { min-width: 100px; height: 100%; justify-content: center; background-color: #000; color: #fff; border: 0; }

.groupbuy-section .groupbuy-section-product .button-area .button-main-detail { position: relative; z-index: 1; }

.groupbuy-section .groupbuy-section-product .button-area .button-main-detail__btn { width: 100%; max-width: 400px; height: 100%; background-color: #333; position: static; margin: 0; }

.groupbuy-section .groupbuy-section-product .button-area .button-main-detail__btn__gray { width: 100%; max-width: 400px; height: 100%; position: static; margin: 0; background-color: #ddd; }

.groupbuy-section .groupbuy-section-product .button-area .button-main-detail__btn__gray em { color: #777; }

.section--nomargin + #footer { margin-top: 0; }

.title-wrap--pdtb60 { padding: 60px 0; }

.img-size-560 { overflow: hidden; display: inline-block; width: 560px; height: 560px; background-color: #f2f2f2; text-align: center; }

.img-size-560 img { width: auto; height: 100%; transition: transform 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94); }

.img-size-560:hover img { transform: scale(1.2); }

.brandstory { padding-bottom: 120px; }

.brandstory-ws { width: 1280px; margin: 0 auto; }

.brandstory-ws .section-contents-wrap { position: relative; margin-top: 120px; padding: 0; }

.brandstory-ws .section-contents-wrap:first-child { margin-top: 60px; }

.brandstory-ws .section-contents-wrap .text-wrap { display: inline-block; position: absolute; top: 0; left: 0; z-index: 0; }

.brandstory-ws .section-contents-wrap .text-wrap dl { margin-top: 25px; }

.brandstory-ws .section-contents-wrap .text-wrap dl:first-child { margin-top: 0; }

.brandstory-ws .section-contents-wrap .text-wrap dl dt { font-size: 30px; color: #000; font-family: 'Arial'; line-height: 40px; letter-spacing: -0.5px; }

.brandstory-ws .section-contents-wrap .text-wrap dl dd { font-size: 16px; color: #666; letter-spacing: -0.5px; }

.brandstory-ws .section-contents-wrap + .ws-wrap-2 .text-wrap { top: 235px; left: 150px; }

.brandstory-ws .section-contents-wrap + .ws-wrap-2 .button-video { display: inline-block; position: absolute; left: 150px; top: 609px; background: transparent; border: 0; width: 250px; height: 35px; font-size: 0; }

.brandstory-ws .section-contents-wrap + .ws-wrap-3 .text-wrap { left: 787px; top: 213px; font-size: 16px; color: #000; text-align: center; font-family: 'Arial'; letter-spacing: -0.05em; }

.brandstory-ws .section-contents-wrap + .ws-wrap-3 .btn-find-store { margin-top: 25px; }

.brandstory-ws .section-contents-wrap + .ws-wrap-3 .btn-find-store a { font-size: 16px; color: #000; font-family: 'Arial'; }

.brandstory-ws .section-contents-wrap + .ws-wrap-4 .text-wrap { width: 100%; padding-top: 90px; font-size: 16px; color: #000; font-family: 'Arial'; text-align: center; }

.brandstory-ws .section-contents-wrap + .ws-wrap-4 .text-wrap p { margin-top: 25px; }

.brandstory-ws .section-contents-wrap + .ws-wrap-4 .text-wrap p:first-child { margin-top: 0; }

#modal-brandstory-video .modal-content { width: auto; padding: 20px; background: #fff; }

#modal-brandstory-video .modal-content .brandstory-video { height: 388px; }

#modal-brandstory-video .modal-content .brandstory-video iframe { width: 642px; height: 388px; }

.brandstory-pk .section-contents-wrap:first-child .text-wrap { margin-top: 40px; }

.brandstory-pk .section-contents-wrap:not(:first-child) { position: relative; }

.brandstory-pk .section-contents-wrap:not(:first-child) .text-wrap { position: absolute; top: 330px; left: 440px; width: 400px; font-size: 14px; color: #000; line-height: 26px; }

.brandstory-pk .section-contents-wrap .text-wrap { font-size: 16px; color: #666; text-align: center; }

.brandstory-we .tit-wrap { position: relative; margin-bottom: 25px; padding-bottom: 25px; }

.brandstory-we .tit-wrap:after { content: ''; display: inline-block; position: absolute; bottom: 0; left: 0; z-index: 0; width: 75px; height: 4px; background: #000; }

.brandstory-we .text-wrap { font-size: 16px; color: #666; line-height: 26px; }

.brandstory-visual .image { width: 100%; }

.select2-results__option--selectable { font-size: 16px; }

.photo-before-after { position: relative; text-align: center; }

.photo-before-after.item-photo-regist--label { margin-right: 10px; text-align: center; }

.photo-before-after.item-photo-regist--label .photo-before-after__span { background-color: transparent; color: #333; }

.photo-before-after.item-photo-regist--label:before, .photo-before-after.item-photo-regist--label:after { top: 40%; }

.photo-before-after__span { position: absolute; display: flex; height: 40px; bottom: 0; background-color: rgba(0, 0, 0, 0.8); color: #fff; width: 100%; align-items: center; justify-content: center; font-size: 20px; font-weight: 400; line-height: 1.1; }

.embed-container { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; }

.embed-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.sortable-wrap { margin-left: -3px; margin-right: -3px; }

.sortable-item { display: block; position: relative; overflow: hidden; border-radius: 10px; border: 3px solid transparent; font-size: 0; }

.sortable-item textarea { width: 100%; border: none; outline: none; resize: unset; min-height: 450px; }

.sortable-item .button-delete { display: none; top: 5px; right: 5px; }

.sortable-item .line + .button-delete { top: 2px; }

.sortable-item:hover { border-color: #f9f9f9; }

.sortable-item:hover .button-delete { display: block; }

.sortable-item__youtube { display: flex; border: 1px solid #ccc; }

.sortable-item__youtube .input { border: none; }

.sortable-item__youtube:hover, .sortable-item__youtube:focus { border-color: #333; }

.sortable-chosen .sortable-item { border-color: #ed2650; }

.sortable-chosen .sortable-item:hover { border-color: #ed2650; }

.comm-edt-wrap { position: relative; margin: 40px 0; }

.comm-edt-wrap .button-delete { top: 0; right: -40px; width: 38px; height: 38px; opacity: 0.2; background-color: transparent; }

.comm-edt-wrap .button-delete:before, .comm-edt-wrap .button-delete:after { width: 2px; height: 20px; background-color: #333; }

.comm-edt-wrap .button-delete:hover { opacity: 1; background-color: rgba(0, 0, 0, 0.8); }

.comm-edt-wrap .button-delete:hover:before, .comm-edt-wrap .button-delete:hover:after { width: 2px; height: 20px; background-color: #fff; }

.comm-edt-wrap .button-comm-edt-handle { display: flex; position: absolute; top: 0; right: -38px; width: 38px; height: 38px; padding: 0; color: #333; border-radius: 38px; text-align: center; opacity: 0.2; align-items: center; justify-content: center; }

.comm-edt-wrap .button-comm-edt-handle .ico-move-handle { font-size: 24px; }

.comm-edt-wrap .button-comm-edt-handle:hover { border: 2px solid #333; opacity: 1; }

.comm-edt-wrap .button-comm-edt-handle:active { opacity: 1; border-color: #ed2650; background-color: #ed2650; color: #fff; }

#comm-editor .placeholder { display: block; padding: 0.3em 0; color: #777; font-size: 16px; }

#comm-editor .button-delete { right: -40px; }

#comm-editor .button-comm-edt-handle { left: -40px; }

.comm-editor-header { position: fixed; display: flex; top: 0; z-index: 5; width: 100%; min-width: 1366px; height: 120px; padding: 0 40px; border-bottom: 1px solid #e5e5e5; background-color: #fff; align-items: center; }

.comm-editor-header__l { width: 40%; flex-shrink: 0; flex-grow: 1; justify-content: flex-start; }

.comm-editor-header__r { width: 40%; flex-shrink: 0; flex-grow: 1; font-size: 0; text-align: right; justify-content: flex-end; }

.comm-editor-header__r .button { width: 145px; height: 60px; margin-left: 10px; border-radius: 10px; font-size: 18px; }

.comm-editor-header__logo--main { display: inline-block; vertical-align: middle; }

.comm-editor-header__logo--title { display: inline-block; margin-top: -18px; margin-left: 9px; font-size: 18px; font-weight: 400; letter-spacing: -1px; color: #333; vertical-align: middle; }

.comm-editor-header__title { display: inline-block; position: absolute; top: 50%; left: 50%; width: 150px; height: 50px; margin-left: -50px; margin-top: -25px; font-size: 30px; font-weight: 600; line-height: 50px; text-align: center; color: #333; }

.comm-editor__title { display: block; margin-bottom: 13px; font-size: 18px; font-weight: 600; line-height: 1.1; color: #333; }

.comm-editor__desc { display: block; font-size: 16px; line-height: 1.1; color: #777; }

.comm-editor-footer { position: fixed; display: flex; bottom: 0; z-index: 5; width: 100%; min-width: 1366px; height: 110px; border-top: 1px solid #eee; background-color: #fff; align-items: center; justify-content: center; box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.02); }

.comm-editor-footer .button { min-width: 40px; width: 40px; height: 34px; margin: 0 10px; padding: 0; border: none; }

.comm-editor-body { padding: 120px 0 110px; }

.comm-editor-body__image { display: block; overflow: hidden; min-height: 400px; text-align: center; border-radius: 10px; background: #f9f9f9; font-size: 0; transition: all 0.3s; }

.comm-editor-body__image:hover, .comm-editor-body__image:focus { background-color: rgba(26, 158, 236, 0.05); }

.comm-editor-body__image__label { border-radius: 7px; cursor: pointer; }

.comm-editor-body__image .inner { display: inline-block; position: absolute; width: 460px; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.comm-editor-body__image img { width: 100%; height: auto; }

.comm-editor-body__image-area { display: block; width: 90px; height: 118px; margin: 0 auto 50px; background: url(../images/community/editor_image.png) 50% 50% no-repeat; }

.comm-editor-body__title { position: relative; margin: 55px 0 40px; }

.comm-editor-body__title .input { height: auto; padding-top: 0; padding-right: 50px; padding-bottom: 10px; padding-left: 0; border: none; border-bottom: 2px solid #ccc; font-size: 30px; }

.comm-editor-body__title .input:focus { box-shadow: none; border-color: #333; }

.comm-editor-body__title .input::-moz-placeholder { color: #ccc; }

.comm-editor-body__title .input::placeholder { color: #ccc; }

.comm-editor-body__title .count-txt { position: absolute; right: 0; top: 50%; margin-top: -15px; color: #ccc; font-size: 14px; }

.comm-editor-container { max-width: 820px; width: 100%; margin: 35px auto; padding: 0 50px; }

.comm-editor-card { position: relative; margin-bottom: 20px; padding: 20px; border: 1px solid #ccc; border-radius: 10px; }

.comm-editor-card__header { height: 50px; }

.comm-editor-card__header-icon { position: absolute; right: 20px; top: 33px; width: 25px; height: 25px; font-size: 25px; color: #333; }

.comm-editor-card__content { margin-top: 30px; }

.comm-editor-card__content .dot-list.is-size-5 li { font-size: 16px; line-height: 1.5; }

.comm-editor-card__content .row:not(:last-child) { margin-bottom: 30px; }

.comm-editor-card__content .row:not(:last-child).is-line { overflow: hidden; border-top: 1px solid #ccc; }

.comm-editor-card__content .field-label { width: 95px; height: 50px; padding: 0; font-size: 16px; text-align: left; }

.comm-editor-card__content .field-label .label { display: inline-flex; height: 50px; align-items: center; }

.comm-editor-card__content .field-body { flex-grow: 6; }

.comm-editor-card__content .field .control.is-expanded .select { width: 100%; }

.comm-editor-card__content .field .control.is-expanded .select select { width: 100%; }

.comm-editor-card__content .field .control .select { width: 400px; }

.comm-editor-card__content .field .control .select select { width: 400px; }

.comm-editor-card__content .item-photo-regist--label, .comm-editor-card__content .item-photo-regist__regist .review-images-list li { width: 120px; height: 120px; }

.comm-editor-card__content .item-photo-regist__regist .review-images-list li .btn-del { width: 50px; height: 50px; background-color: rgba(0, 0, 0, 0.7); }

.comm-editor-card__content .item-photo-regist__regist .review-images-list li .btn-del:hover, .comm-editor-card__content .item-photo-regist__regist .review-images-list li .btn-del:focus { background-color: #000; }

.comm-editor-card__content .item-photo-regist__regist .review-images-list li .btn-del:after { height: 20px; }

.comm-editor-card__content .item-photo-regist__regist .review-images-list li .btn-del:before { height: 20px; }

.comm-editor-card__content .item-photo-regist--label:after { width: 30px; }

.comm-editor-card__content .item-photo-regist--label:before { height: 30px; }

.comm-editor-card__content .select2-container--default { width: 100% !important; }

.comm-editor-card__content .select2-container--default .select2-selection--multiple { padding-bottom: 7px; min-height: 50px; border-color: #ccc; border-radius: 0; font-size: 0; }

.comm-editor-card__content .select2-container--default .select2-selection--multiple .select2-selection__choice__display { font-size: 16px; }

.comm-editor-card__content .select2-container--default .select2-selection--multiple:hover { border-color: #333; }

.comm-editor-card__content .select2-container--default .select2-selection--multiple .select2-selection__choice { position: relative; display: inline-flex; height: 34px; line-height: 34px; margin-left: 7px; margin-top: 7px; padding: 0 26px 0 10px; align-items: center; border-radius: 34px; border-color: #ccc; background-color: #fff; }

.comm-editor-card__content .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { position: absolute; top: 50%; right: 5px; width: 24px; height: 24px; margin-top: -12px; padding: 0; border: none; }

.comm-editor-card__content .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .comm-editor-card__content .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus { background-color: transparent; }

.comm-editor-card__content .select2-container--default .select2-selection--multiple .select2-selection__choice__remove span { font-size: 0; }

.comm-editor-card__content .select2-container--default .select2-selection--multiple .select2-selection__choice__remove span:before, .comm-editor-card__content .select2-container--default .select2-selection--multiple .select2-selection__choice__remove span:after { background-color: #888; content: ''; display: block; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); transform-origin: center center; }

.comm-editor-card__content .select2-container--default .select2-selection--multiple .select2-selection__choice__remove span:before { height: 1px; width: 50%; }

.comm-editor-card__content .select2-container--default .select2-selection--multiple .select2-selection__choice__remove span:after { height: 50%; width: 1px; }

.comm-editor-card__content .select2-container--default .select2-search--inline .select2-search__field { margin-top: 15px; margin-left: 7px; }

.comm-editor-card__points { margin-bottom: 36px; display: flex; align-items: center; justify-content: space-between; }

.comm-editor-card__points dl + dl { margin-left: 20px; }

.comm-editor-card__points .editor-guide { background-color: #101d3d; }

.comm-editor-card__points .editor-guide dt, .comm-editor-card__points .editor-guide dd { color: #fff; }

.comm-editor-card__points .editor-guide span:nth-child(1) { opacity: 0.8; }

.comm-editor-card__points .editor-guide b { font-weight: 300; }

.comm-editor-card__dl { flex: 1; display: inline-block; height: 115px; padding: 20px; border-radius: 6px; background-color: #f1f1f1; text-align: center; }

.comm-editor-card__dt { display: block; margin-bottom: 18px; font-size: 18px; line-height: 1.1; color: #333; }

.comm-editor-card__dd { display: block; font-size: 20px; font-weight: 600; line-height: 1.1; color: #ec1a47; }

.comm-editor-card__dd_desc { display: block; font-size: 16px; font-weight: 600; line-height: 1.1; }

.comm-editor-card__dd_btn { display: block; padding: 6px 0; font-size: 18px; }

.comm-editor-card__dd a { color: inherit; }

.comm-edt__head { font-size: 30px; line-height: 1.2; color: #333; }

.comm-edt__text { font-size: 16px; line-height: 1.5; color: #777; }

.comm-edt__item { margin: 40px 0; }

.comm-edt__item .button-add-youtube { width: 120px; min-width: 120px; padding-left: 0; padding-right: 0; }

.comm-edt__item .line { height: 1px; background-color: #eee; }

.comm-edt__item .image-wrap { overflow: hidden; font-size: 0; border-radius: 10px; }

.comm-edt__item .image-wrap.thumb-video { width: 150px; height: 150px; overflow: hidden; }

.comm-edt__item .image-wrap.thumb-video img { width: auto; height: 100%; }

.comm-edt__item .image-wrap.thumb-video:before { content: ''; position: absolute; z-index: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); }

.comm-edt__item .image-wrap.thumb-video:after { content: ''; display: inline-block; position: absolute; top: 50%; left: 50%; z-index: 10; width: 0; height: 13px; margin: -8px 0 0 -3px; border-width: 8px 0 8px 13px; border-color: transparent transparent transparent #fff; border-style: solid; }

.comm-edt__alt { margin-top: 18px; font-size: 18px; line-height: 1.2; color: #333; }

/* img-spot */
#click-img { display: block; margin: 0 auto; text-align: center; vertical-align: middle; }

.image-wrap { display: inline-block; position: relative; }

.image-wrap-desc { display: inline-block; position: absolute; left: 50%; bottom: 40px; width: 300px; margin-left: -150px; text-align: center; padding: 15px; line-height: 1.1; font-size: 16px; color: #fff; background-color: rgba(0, 0, 0, 0.8); }

.layer-search-top { display: flex; justify-content: space-between; }

.layer_position, .comm-imgtag { position: absolute; width: 40px; height: 40px; background-color: rgba(0, 0, 0, 0.6); cursor: pointer; }

.layer_position i, .comm-imgtag i { display: flex; width: 40px; height: 40px; color: #fff; font-size: 20px; line-height: 1.1; align-items: center; justify-content: center; }

.comm-imgtag .ico-plus { transform: rotate(0); }

.comm-imgtag.is-active .ico-plus { transform: rotate(-45deg); }

.comm-imgtag-popup { display: none; overflow: hidden; position: absolute; z-index: 10; width: 220px; max-height: 148px; padding: 18px; background-color: rgba(255, 255, 255, 0.9); text-align: left; }

.comm-imgtag-popup a { display: inline-block; max-height: 116px; font-size: 16px; color: #333; line-height: 1.4; word-break: break-all; display: -webkit-box; overflow: hidden; word-break: break-all; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

.comm-imgtag-popup__brand { font-size: 14px; color: #777; line-height: 1.1; margin-bottom: 10px; display: block; word-wrap: normal; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.comm-imgtag-popup__brand .similar { font-size: 14px; color: #005d85; font-weight: 600; line-height: 1.1; margin-right: 7px; }

.comm-imgtag-popup__title { display: block; max-height: 42px; font-size: 16px; color: #333; font-weight: 400; line-height: 1.3; display: -webkit-box; overflow: hidden; word-break: break-all; word-wrap: break-word; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.comm-imgtag-popup__more { display: block; margin-top: 15px; line-height: 2.2; }

.section-contents-table__table { margin-top: 10px; border-top: none; }

.section-contents-table__table.comm-modal__style tbody td { padding: 30px 0; border-bottom: none; }

.section-contents-table__table.comm-modal__style tbody td.item-option { padding-left: 20px; padding-right: 20px; }

.section-contents-table__table.comm-modal__style tbody tr:not(:last-child) td { border-bottom: 1px solid #eee; }

#layer-search { display: none; position: absolute; z-index: 10; width: 190px; margin: 15px 0 0 15px; padding: 10px; border: 1px solid #c8c8c8; background: #fff; }

.layer-search-close { text-align: right; margin-bottom: 5px; }

.layer-search-close button { margin: -8px -4px 0 0; padding: 2px 4px; }

.layer-search-list { height: 100px; margin-top: 7px; overflow-y: auto; background-color: #fff; display: none; }

.layer-search-list ul { width: 100%; }

.layer-search-list ul a { display: block; }

#layer-search-read { display: none; position: absolute; z-index: 10; width: 190px; margin: 15px 0 0 15px; padding: 10px; border: 1px solid #c8c8c8; background: #fff; }

.footer-responsive .button { width: 40px; height: 34px; }

#modal-comm-edt-info .modal-card { width: 500px; }

#modal-comm-edt-tag .items-info-wrap { padding-top: 20px; padding-bottom: 20px; }

#modal-comm-edt-tag .items-info-wrap:not(:last-child) { border-bottom: 1px solid #eee; }

#modal-comm-edt-tag .items-info-wrap .button.is-danger { align-items: center; }

#modal-comm-edt-tag .items-info-wrap .section-contents-item__button { height: 150px; display: flex; align-items: center; }

#modal-comm-edt-tag .items-info-wrap.sold-out .section-contents-item-status { display: block; }

#modal-comm-edt-tag .items-info-wrap.sold-out .section-contents-item-status__status.sold-out { display: flex; }

#modal-comm-edt-tag .items-info-wrap.sold-out .section-contents-item-status__status.sales-end { display: none; }

#modal-comm-edt-tag .items-info-wrap.sales-end .section-contents-item-status { display: block; }

#modal-comm-edt-tag .items-info-wrap.sales-end .section-contents-item-status__status.sold-out { display: none; }

#modal-comm-edt-tag .items-info-wrap.sales-end .section-contents-item-status__status.sales-end { display: flex; }

#modal-comm-edt-tag .items-info-wrap .section-contents-item.__w390 { width: 390px; }

.modal-url-form { border: 2px solid #ccc; padding: 40px; margin-bottom: 40px; }

.modal-url-form p.text-center { color: #333; font-size: 16px; margin-bottom: 40px; }

.comm-list-openhouse { overflow: hidden; }

.comm-list-openhouse .product-item { overflow: hidden; margin-bottom: 40px; font-size: 0; }

.comm-list-openhouse .product-item-image { overflow: hidden; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-bottom: none; }

.comm-list-openhouse .product-item-content { background-color: #fff; border: 1px solid #ccc; border-top: none; }

.comm-list-openhouse .product-item-header__name { font-size: 18px; height: 48px; }

.comm-list-magazine { overflow: hidden; }

.comm-list-magazine .product-item { margin-bottom: 40px; }

.comm-list-magazine .product-item-content { padding: 30px 0 0; background-color: #fff; border: none; }

.comm-list-magazine .product-item-header__name { height: 48px; font-size: 18px; font-weight: 600; }

.comm-list-magazine .product-item-image { overflow: hidden; width: 420px; height: 420px; }

.comm-list-magazine .product-item-body .product-review-stats-area { margin-top: 0; padding-top: 0; border-top: none; }

.comm-list-filter-wrap { margin: 50px 0; display: flex; justify-content: center; align-items: center; }

.comm-list-filter-wrap .button-comm-filter-all { min-width: 50px; padding: 0; margin-right: 15px; border-color: #333; }

.comm-list-filter-wrap .button-comm-filter-all:hover, .comm-list-filter-wrap .button-comm-filter-all:focus { background-color: #f9f9f9; }

.comm-list-filter-wrap .button:not(:first-child) { margin: 0 5px; padding-right: 60px; text-align: left; justify-content: flex-start; color: #333; }

.comm-list-filter-wrap .button:not(:first-child) i { position: absolute; right: 20px; }

.related-megazine .pitem-section-header { margin-bottom: 50px; }

.related-megazine .swiper-controls--black { margin-top: -100px; }

.related-megazine .section-main { margin-bottom: 0; }

.section-category-item-search.is-fixed .section-category-item__relation.__comm-list-filters { width: 1366px; }

.comm-user__writer { display: inline-flex; height: 22px; margin-top: 0; font-size: 14px; line-height: 1.1; align-items: center; vertical-align: middle; }

.comm-user__writer--level:before { content: ''; display: inline-block; width: 21px; height: 21px; margin-right: 5px; vertical-align: top; }

.comm-user__writer--level.blog:before { width: 20px; height: 20px; background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: 0px -719px; }

.comm-user__writer--level.forest:before { width: 20px; height: 20px; background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -90px -719px; }

.comm-user__writer--level.tree:before { width: 20px; height: 20px; background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -390px -719px; }

.comm-user__writer--level.flower:before { width: 20px; height: 20px; background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -60px -719px; }

.comm-contents-filters__wrap { margin-top: 20px; padding-top: 20px; border-top: 1px solid #eee; }

.comm-contents-filters__inner { margin-left: -18px; margin-right: -18px; }

.comm-contents-filters__dl { display: inline-block; margin: 10px 18px; font-size: 16px; line-height: 1.1; }

.comm-contents-filters__dt { display: inline-block; margin-right: 17px; color: #333; font-weight: 600; }

.comm-contents-filters__dd { display: inline-block; color: #777; font-weight: 400; }

.comm-contents-header__img { display: block; width: 100%; margin-bottom: 40px; background-repeat: no-repeat; background-size: cover; background-position: 50% 0; text-align: center; font-size: 0; }

.comm-contents-header__img img { width: auto; height: auto; }

.comm-contents-header__img .twentytwenty-handle { width: 80px; height: 80px; margin-left: -40px; margin-top: -40px; background: #fff; border: 0; }

.comm-contents-header__img .twentytwenty-left-arrow, .comm-contents-header__img .twentytwenty-right-arrow { display: inline-block; margin-top: -5px; border: 0; }

.comm-contents-header__img .twentytwenty-left-arrow { margin-left: -20px; width: 5px; height: 9px; background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -637px -394px; }

.comm-contents-header__img .twentytwenty-right-arrow { margin-right: -20px; width: 5px; height: 9px; background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -574px -170px; }

.comm-contents-header__img .twentytwenty-horizontal .twentytwenty-handle:before, .comm-contents-header__img .twentytwenty-horizontal .twentytwenty-handle:after { box-shadow: none; }

.comm-contents-header .comm-user__writer { display: inline-flex; align-items: center; }

.comm-contents-header .comm-user__writer .ico-popup { margin-left: 10px; color: #ccc; }

.comm-contents-header__top { font-size: 18px; font-weight: 300; line-height: 1.1; color: #777; }

.comm-contents-header__date { display: inline-block; font-style: normal; font-size: 18px; font-weight: 300; line-height: 1.1; color: #777; vertical-align: middle; }

.comm-contents-header__bar { display: inline-block; margin: 0 10px; font-style: normal; font-size: 13px; font-weight: 300; line-height: 1.1; color: #ccc; vertical-align: middle; }

.comm-contents-header__addr { display: inline-block; font-style: normal; font-size: 16px; font-weight: 400; line-height: 1.1; color: #777; vertical-align: middle; }

.comm-contents-header__title { margin-top: 10px; margin-bottom: 30px; font-size: 32px; line-height: 1.1; font-weight: 600; color: #333; }

.comm-contents-header .comm-user__writer { font-size: 16px; color: #777; }

.comm-contents-header .comm-user__writer:before { vertical-align: middle; }

.comm-contents-wrap { margin: 40px auto; padding-bottom: 40px; max-width: 1000px; }

.comm-contents-wrap .container, .comm-contents-wrap .section-title-wrap { width: 1000px; }

.comm-contents-wrap + .container, .comm-contents-wrap + .section-title-wrap { width: 1000px; }

.comm-contents-wrap .comm-edt__item { position: relative; text-align: center; }

.comm-contents-wrap .comm-edt__item .comm-contents__img-link { position: relative; display: inline-block; overflow: hidden; height: auto; }

.comm-contents-wrap .comm-edt__item .comm-contents__img-link .tag-link { position: absolute; top: 0; right: 0; width: 40px; height: 40px; background: rgba(0, 0, 0, 0.8); justify-content: center; }

.comm-contents-wrap .comm-edt__item .text-link { display: flex; justify-content: center; font-size: 16px; color: #3273dc; font-weight: 600; text-decoration: underline; }

.comm-contents-wrap .comm-edt__item .text-link:hover { color: #3273dc; }

.comm-contents-wrap .report-text { display: none; line-height: 50px; }

.comm-contents-wrap .report-button { min-width: 100px; padding: 0; color: #bdbdbd; }

.comm-contents-wrap .report-button:hover { color: #333; }

.comm-contents__content { font-size: 18px; line-height: 1.8; color: #333; }

.comm-contents__title { font-size: 28px; font-weight: 600; text-align: center; color: #333; }

.comm-contents-hmenu-wrap { font-size: 0; margin: 20px 0 40px; padding: 30px 0; border-top: 1px solid #eee; border-bottom: 1px solid #ccc; }

.comm-contents-hmenu-wrap-bottom { border-top: 1px solid #eee; border-bottom: 1px solid #ccc; margin: 20px 0 40px; padding: 40px 0; display: flex; justify-content: flex-end; }

.comm-contents-hmenu-wrap-bottom .report-wrap { display: none; }

.comm-contents-hmenu-wrap-bottom .modal-button:last-of-type { margin-right: 0; }

.comm-contents-hmenu__item { overflow: hidden; display: inline-flex; min-width: 190px; height: 50px; border: 1px solid #ccc; vertical-align: top; margin-right: 20px; }

.comm-contents-hmenu__item-icon { display: inline-flex; width: 50px; height: 50px; border-right: 1px solid #eee; align-items: center; justify-content: center; }

.comm-contents-hmenu__item-icon i { font-size: 20px; font-weight: 600; color: #333; }

.comm-contents-hmenu__item-icon .ico-like, .comm-contents-hmenu__item-icon .ico-share { font-size: 24px; }

.comm-contents-hmenu__item-icon .ico-like { color: #ea3c43; }

.button-comm-hmenu-like.is-active .comm-contents-hmenu__item-icon .ico-like:before { content: '\e967'; }

.comm-contents-hmenu__item-text { display: inline-flex; height: 50px; padding-left: 22px; padding-right: 20px; font-size: 16px; flex-grow: 1; align-items: center; justify-content: flex-start; }

.comm-contents-hmenu__item-text strong { line-height: 1.01; }

.comm-contents-hmenu__item-text span { margin-left: 10px; line-height: 1.01; }

.comm-contents-hmenu__item-text__title { font-weight: 400; line-height: 1.1; color: #333; }

.comm-contents-hmenu__item-text__num { margin-left: 10px; line-height: 1.1; color: #888; }

.comm-contents__img { position: relative; overflow: hidden; text-align: center; font-size: 0; }

.comm-contents__img img { max-width: 100%; width: auto; height: auto; }

.comm-contents__img .comm-contents__alt { padding-top: 10px; font-size: 16px; line-height: 1.8; color: #333; }

.comm-contents__img-tag2 { background-color: rgba(237, 38, 80, 0.6); }

.comm-contents__img-tag3 { background-color: rgba(185, 133, 65, 0.6); }

.comm-contents__pitem { position: relative; margin: 30px 50px 0; }

.comm-contents__pitem .swiper-slide { width: auto; padding-top: 8px; }

.comm-contents__pitem .swiper-slide a { overflow: hidden; display: block; width: 120px; height: 120px; border-radius: 100%; border: 1px solid transparent; transition: all 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94); }

.comm-contents__pitem .swiper-slide a img { width: 100%; height: 100%; transform: scale(1); transition: all 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94); }

.comm-contents__pitem .swiper-slide a:hover, .comm-contents__pitem .swiper-slide a:focus { border: 1px solid rgba(0, 0, 0, 0.3); }

.comm-contents__pitem .swiper-slide a:hover img, .comm-contents__pitem .swiper-slide a:focus img { transform: scale(1.2); }

.comm-contents__pitem .swiper-slide a .similar-badge { position: absolute; top: 15px; left: 50%; padding: 5px 15px; border: 1px solid #d2d2d2; border-radius: 13px; font-size: 13px; line-height: 16px; font-weight: 600; text-align: center; color: #333; transform: translate(-50%, -50%); white-space: nowrap; background-color: #fff; }

a.comm-contents-hmenu__item, button.comm-contents-hmenu__item { padding: 0; min-height: auto; }

a.comm-contents-hmenu__item:hover, a.comm-contents-hmenu__item:focus, button.comm-contents-hmenu__item:hover, button.comm-contents-hmenu__item:focus { border-color: #333; }

.comm-list-story { overflow: hidden; margin-top: 20px; }

.comm-list-story .product-item--large { margin-top: 0px; margin-bottom: 40px; }

.comm-list-story .product-item--large .product-item-header__name { font-size: 18px; font-weight: 600; }

.comm-list-story .product-item--large .product-item-body { padding-top: 0; border-top: none; }

.comm-list-story .product-item--large .product-item-view i { font-size: 24px; }

.button-area.is-center .btn-more strong { color: #333; margin-right: 7px; }

.comm-magazine-menu { display: flex; justify-content: space-between; }

.comm-magazine-menu__img { display: block; height: 136px; margin: 55px auto 0; }

.comm-magazine-menu__img img { display: inline-block; width: auto; }

.comm-magazine-menu__item { display: inline-block; font-size: 0; vertical-align: top; }

.comm-magazine-menu__item a { display: block; text-align: center; width: 300px; height: 300px; border: 1px solid #cacaca; filter: gray; opacity: 0.5; transition: all 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94); }

.comm-magazine-menu__item a.is-active, .comm-magazine-menu__item a:hover, .comm-magazine-menu__item a:focus { opacity: 1; border-color: #f4f4f4; filter: none; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); }

.comm-magazine-menu__item .text { display: inline-block; margin-top: 35px; color: #333; font-size: 18px; font-weight: 600; }

.comm-magazine__subtitle { margin-top: 80px; margin-bottom: 60px; }

.comm-magazine__subtitle-title { display: flex; padding-bottom: 20px; border-bottom: 1px solid #eee; line-height: 1.1; align-items: center; }

.comm-magazine__subtitle-title h3 { display: inline-block; margin-right: 20px; font-size: 30px; color: #333; vertical-align: middle; }

.comm-magazine__subtitle-title p { display: inline-block; font-size: 16px; vertical-align: middle; flex: 1 1 auto; }

.comm-magazine__subtitle-title p .link { margin-left: 10px; }

.comm-magazine__subtitle-title-block { position: absolute; right: 0; flex: 0 0 250px; text-align: right; }

.section-title .ico-tooltip { display: inline-block; margin-top: -10px; margin-left: 5px; font-size: 16px; color: #999; vertical-align: middle; }

#modal-comm-userinfo .modal-card { width: 550px; }

#modal-comm-userinfo .modal-card .modal-card-body { padding-top: 0; padding-bottom: 50px; }

#modal-comm-userinfo .modal-card .modal-link { display: block; word-wrap: normal; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; height: 56px; padding: 18px 32px 18px 19px; border-bottom: 1px solid #ccc; line-height: 1.01; font-size: 16px; color: #777; text-align: left; }

#modal-comm-userinfo .modal-card .modal-link span { line-height: 1.4; }

#modal-comm-userinfo .modal-card .modal-link:after { position: absolute; top: 50%; right: 17px; margin-top: -6px; content: '\e901'; color: #9b9b9b; font-family: 'iconset' !important; speak: never; font-size: 15px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: rotate(-90deg); }

#modal-comm-userinfo .modal-card .modal-link-bold { font-weight: 600; font-size: 18px; color: #333; }

#modal-comm-userinfo .modal-card .modal-link .comm-user__writer--level:before { margin-right: 5px; }

#modal-comm-userinfo .modal-card a:hover, #modal-comm-userinfo .modal-card a:focus { background-color: #f9f9f9; }

#modal-openhouse-filter .modal-card { width: 700px; }

#modal-openhouse-filter .modal-card-body { padding: 10px 0; }

#modal-openhouse-filter .modal-card-foot .control { width: 50%; }

#modal-openhouse-filter .accordion { border-top: 1px solid #ccc; box-shadow: none; }

#modal-openhouse-filter .accordion:first-child { border-top: none; }

#modal-openhouse-filter .accordion:last-child { border-bottom: 1px solid #ccc; }

#modal-openhouse-filter .accordion-header { box-shadow: none; }

#modal-openhouse-filter .accordion-header > a { display: flex; width: 100%; height: 54px; padding: 16px; align-items: center; outline: none; }

#modal-openhouse-filter .accordion-header > a:hover, #modal-openhouse-filter .accordion-header > a:focus { border-color: #aaa; }

#modal-openhouse-filter .accordion-header-title { flex-grow: 1; font-size: 18px; font-weight: 600; color: #333; }

#modal-openhouse-filter .accordion-content { padding: 13px 16px; background-color: #f9f9f9; }

#modal-openhouse-filter .slider-range-val { display: block; margin-top: 10px; margin-bottom: 15px; font-size: 16px; font-weight: 600; color: #333; line-height: 1.1; }

#modal-openhouse-filter .filter-min-max-price { display: flex; margin-top: 6px; margin-bottom: 10px; justify-content: space-between; }

#modal-openhouse-filter .accordion-content .ui-widget.ui-widget-content { border: none; width: calc(100% - 15px); height: 15px; margin-top: 10px; position: relative; background-color: transparent; }

#modal-openhouse-filter .accordion-content .ui-slider { margin: 0; padding-top: 7px; }

#modal-openhouse-filter .accordion-content .ui-slider::before { content: ''; display: block; height: 2px; margin-left: -15px; margin-right: -30px; background-color: #ddd; }

#modal-openhouse-filter .accordion-content .ui-slider .ui-slider-range { height: 2px; margin-top: 7px; background-color: #333; }

#modal-openhouse-filter .accordion-content .ui-slider .ui-state-default { width: 15px; height: 15px; margin-top: 5px; margin-left: 0; margin-right: 0; border-radius: 15px; border: none; background-color: #333; cursor: pointer; }

#modal-openhouse-filter .accordion-content .ui-slider .ui-state-default:focus, #modal-openhouse-filter .accordion-content .ui-slider .ui-state-default:active { outline: none; }

#modal-openhouse-filter .accordion-content .ui-slider .ui-state-hover { background-color: #000; }

#modal-openhouse-filter .accordion-content .ui-slider .ui-state-active { box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); }

#modal-openhouse-filter .accordion-content-range { display: flex; height: auto; font-size: 0; line-height: 1; color: #333; text-align: center; border: none; }

#modal-openhouse-filter .accordion-content-range span { display: inline-flex; flex-grow: 0; width: 20px; text-align: center; font-size: 16px; align-items: center; justify-content: center; }

#modal-openhouse-filter .accordion-content-range input { display: block; flex-grow: 1; width: 100px; padding: 14px 8px; text-align: right; font-weight: 400; font-size: 16px; border: 1px solid #ddd; }

.button-round-check { display: inline-block; margin: 5px 0 5px 5px; padding: 7px 18px; border-radius: 25px; border: 1px solid #ccc; background-color: #fff; }

.button-round-check .text { display: inline-block; line-height: 1; font-size: 16px; color: #333; vertical-align: middle; }

.button-round-check .btn-del { display: inline-block; margin-left: 6px; margin-top: -2px; margin-right: -7px; vertical-align: middle; }

.button-check-list { margin: 0 -2.5px; }

.button-check-round { display: inline-block; margin: 5px 2.5px; height: 37px; }

.button-check-round.disabled { opacity: 0.5; }

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

.button-check-round input[type='checkbox']:focus + label { border-color: #666; }

.button-check-round input[type='checkbox'] + label { display: block; overflow: hidden; position: relative; padding: 9px 18px; border-radius: 25px; border: 1px solid #ccc; font-size: 16px; line-height: 1.1; cursor: pointer; color: #333; background: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; transition: all 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94); }

.button-check-round input[type='checkbox'] + label::before { content: ''; display: block; width: 100%; height: 100%; }

.button-check-round input[type='checkbox']:checked + label { color: #fff; background: #000; }

.modal-openhouse-filter-top { padding-top: 30px; border-bottom: 1px solid #ddd; }

.modal-openhouse-filter-top .scrollbar-container { height: 75px; overflow-y: hidden; overflow-x: auto; white-space: nowrap; }

.modal-openhouse-filter-top .scrollbar-container > .scroll-element.scroll-x { height: 2px; }

.modal-openhouse-filter-top .scrollbar-container > .scroll-element.scroll-x .scroll-bar { height: 2px; background-color: #333; }

.modal-openhouse-filter-top .scrollbar-container > .scroll-element.scroll-x:hover .scroll-element_outer, .modal-openhouse-filter-top .scrollbar-container > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer { height: 8px; min-height: 8px; }

.modal-openhouse-filter-top .scrollbar-container > .scroll-element.scroll-x:hover .scroll-element_outer .scroll-bar, .modal-openhouse-filter-top .scrollbar-container > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer .scroll-bar { height: 8px; }

.modal-openhouse-filter-top .scrollbar-container > .scroll-element .scroll-element_outer { opacity: 0.8; bottom: -2px; border-radius: 12px; }

.modal-openhouse-filter-top .scroll-wrapper { margin: 0; padding: 0; }

.comm-contents-seltop { margin: 10px auto 60px; text-align: center; }

.comm-contents-seltop__desc { font-size: 20px; color: #333; }

.comm-contents-seltop__title { display: block; margin-top: 10px; font-size: 40px; font-weight: 600; color: #333; line-height: 1.4; }

.comm-contents-seltop button { position: absolute; right: 20px; top: 20px; }

.comm-contents-seltop button i { font-size: 30px; }

.comm-contents-select { margin: 0 auto; text-align: center; }

.comm-contents-select > li { display: inline-block; margin: 0 10px; font-size: 0; vertical-align: top; }

.comm-contents-select > li.white { background: #101d3d; }

.comm-contents-select > li.white .comm-contents-select__title, .comm-contents-select > li.white .comm-contents-select__point { color: #fff; }

.comm-contents-select > li.white .comm-contents-select__desc { color: #fff; opacity: 0.8; }

.comm-contents-select > li a { display: inline-flex; width: 230px; height: 250px; border: 1px solid #ccc; align-items: center; justify-content: center; }

.comm-contents-select > li a:hover, .comm-contents-select > li a:focus { border: 2px solid #333; }

.comm-contents-select > li a .inner { padding: 10px; display: inline-block; text-align: center; }

.comm-contents-select > li.is-disabled { opacity: 0.4; cursor: default; pointer-events: none; }

.comm-contents-select__img { display: block; width: 67px; height: 60px; margin: 0 auto 25px; }

.comm-contents-select__img img { width: auto; }

.comm-contents-select__title { display: block; margin-bottom: 20px; font-size: 20px; font-weight: 600; line-height: 1.1; color: #333; }

.comm-contents-select__desc { display: block; margin-bottom: 10px; font-size: 16px; font-weight: 400; line-height: 1.1; color: #999; }

.comm-contents-select__guide { margin: 0 auto; text-align: center; color: #999; }

.comm-contents-select__guide li { display: inline-block; margin: 0 10px; }

.comm-contents-select__guide li.is-disabled { opacity: 0.4; cursor: default; pointer-events: none; }

.comm-contents-select__guide a { display: inline-flex; width: 230px; height: 80px; align-items: center; justify-content: center; color: #999; font-size: 16px; }

.comm-contents-select__guide a:hover, .comm-contents-select__guide a:focus { color: #333; }

.comm-contents-select__guide a span { font-size: 14px; }

.comm-contents-select__point { font-size: 20px; font-weight: 600; color: #22354d; }

.comm-contents-select__point_desc { display: block; margin-bottom: 10px; font-size: 14px; font-weight: 400; line-height: 1.1; color: #22354d; }

.grid-item-lists__420 .product-item-image { width: 420px; height: 300px; max-height: inherit; overflow: hidden; }

.grid-item-lists__420 .product-item-image .twentytwenty-before, .grid-item-lists__420 .product-item-image .twentytwenty-after { width: 100%; height: auto; }

#modal-comm-selectcontent { position: absolute; top: 360px; left: 0px; width: 100%; bottom: inherit; }

#modal-comm-selectcontent .container, #modal-comm-selectcontent .section-title-wrap { padding: 50px; background-color: #fff; box-shadow: 0 7px 7px rgba(0, 0, 0, 0.05); border: 1px solid #e5e5e5; }

.hash-tag-list { margin-bottom: 40px; }

.hash-tag-list .hash-tag_text { display: inline-block; margin-left: 10px; font-size: 16px; color: #5088c2; }

.hash-tag-list .hash-tag_text:first-child { margin-left: 0; }

#comm-hinge-top .swiper-wrapper { height: 650px; }

#comm-hinge-top .swiper-controls--black { margin-top: -60px; }

#comm-hinge-bot { margin-top: 40px; }

#comm-hinge-bot .swiper-wrapper { height: 320px; }

#comm-hinge-bot .swiper-controls--black { margin-top: -60px; }

.comm-hinge-magazine { margin: 0 -12px; }

.comm-hinge-magazine li { display: inline-block; overflow: hidden; width: 320px; margin: 0 12px 60px; vertical-align: top; }

.comm-hinge-magazine li:first-child { width: 668px; }

.comm-hinge-magazine li img { width: auto; transition: all 0.3s cubic-bezier(0.17, 0.04, 0.03, 0.94); }

.comm-hinge-magazine li :hover img { transform: scale(1.2); }

.comm-hinge-magazine li a:hover p, .comm-hinge-magazine li a:hover strong, .comm-hinge-magazine li a:hover em { color: #e60847; }

.comm-hinge-magazine li a:hover em { border-color: #e60847; }

.comm-hinge-magazine__img { overflow: hidden; display: block; font-size: 0; }

.comm-hinge-magazine__sub { margin-top: 20px; font-size: 20px; line-height: 1.1; color: #333; }

.comm-hinge-magazine__title { display: block; margin-top: 15px; font-size: 29px; font-weight: 700; line-height: 1.2; color: #333; }

.comm-hinge-magazine__body { margin-top: 20px; font-size: 17px; font-weight: 400; line-height: 1.8; color: #333; }

.comm-hinge-magazine__hash { display: flex; margin: 20px -4px; }

.comm-hinge-magazine__hash em { display: inline-block; margin: 0 4px; padding: 8px 10px 7px; line-height: 1; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; font-style: normal; color: #767676; }

.section-category-item .tab-block-submenu { padding-top: 0; margin-bottom: 60px; border: none; }

.section-category-item .tab-block-submenu .tab-block-item { color: #333; }

.section-category-item .tab-block-submenu .tab-block-item:hover, .section-category-item .tab-block-submenu .tab-block-item.is-active { color: #47aeab; font-weight: 600; text-decoration: underline; }

.pitem-header-floating-wrap.is-fixed.cmnt-floating .floating-bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 1; }

.pitem-header-floating-wrap.is-fixed.cmnt-floating .floating-bg.on { display: block; }

.pitem-header-floating-wrap.is-fixed.cmnt-floating .pitem-header-product { border-left: 1px solid #ccc; }

.pitem-header-floating-wrap.is-fixed.cmnt-floating .pitem-header-btns__full .button { font-size: 18px; }

.pitem-header-floating-wrap.is-fixed.cmnt-floating .pitem-header-btns__full.only-export { width: 400px; }

.pitem-header-floating-wrap.is-fixed.cmnt-floating .pitem-header-btns__full.only-lan .button { width: 100%; }

.pitem-header-floating-wrap.is-fixed.cmnt-floating #pitem-header-collapsible-card { height: 574px; padding: 32px 127px 0; overflow-x: hidden; }

.pitem-header-floating-wrap.is-fixed.cmnt-floating #pitem-header-collapsible-card .cmnt-floating-item { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem 3rem; }

.livart-back { position: fixed; top: 20px; right: 20px; z-index: 99; cursor: pointer; }

.promotion-img-wrap { margin: 0 auto; max-width: 1920px; }

.promotion-img-wrap img { display: block; margin: 0 auto; }

.section-brand-wrap { padding-top: 40px; }

.section-brand-wrap .tabs-wrap { font-size: 0; margin-bottom: 40px; }

.section-brand-form { width: 79%; margin: 0 auto 60px; }

.section-brand-form .span-period { display: inline-flex; align-items: center; height: 50px; padding: 0 5px; line-height: 1; vertical-align: middle; }

.section-brand-form .control.checkbox-list { margin: -7px -10px; }

.section-brand-form .control.checkbox-list .checkbox { margin: 7px 10px; }

.section-brand-form .control.radio-list { margin: -7px -10px; }

.section-brand-form .control.radio-list .radio { margin: 7px 10px; }

.brand-contents-wrap { padding-top: 100px; text-align: center; }

.brand-contents-wrap__logo { display: block; text-align: center; margin-bottom: 60px; }

.brand-contents-wrap__logo img { width: auto; max-width: 100%; }

.brand-contents-wrap__sublogo { display: block; text-align: center; margin-top: 55px; margin-bottom: 30px; }

.brand-contents-wrap__photo { display: block; text-align: center; margin-bottom: 60px; }

.brand-contents-wrap__title { margin-bottom: 20px; font-size: 24px; line-height: 1.1; color: #333; }

.brand-contents-wrap__title--big { margin-bottom: 30px; font-size: 50px; font-weight: 600; line-height: 1.4; color: #000; }

.brand-contents-wrap__desc { margin-bottom: 60px; font-size: 20px; line-height: 1.5; color: #777; }

.brand-contents-section { margin-bottom: 100px; }

.brand-contents-section__bg1:before { content: ''; display: block; position: absolute; width: 100%; height: 600px; margin-top: 84px; background-color: #f5f2f0; z-index: -1; }

.off-movin-table .table-dl-row__dt { width: 150px; }

.off-movein__banner { margin-bottom: 40px; z-index: 0; }

.off-movein__photo { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 320px; }

.off-movein__title { display: block; margin-top: 60px; margin-bottom: 30px; font-size: 30px; font-weight: 400; line-height: 1.1; color: #333; }

.off-movein__box { display: flex; height: 150px; align-items: center; justify-content: center; background-color: #f1f1f1; font-size: 30px; color: #333; }

.off-movein__box strong.color-blue { color: #5381c5; font-weight: 600; margin-right: 10px; }

.off-movein-consult { display: flex; margin: 40px -20px 100px; justify-content: space-between; }

.off-movein-consult li { display: inline-block; margin: 0 20px; }

.off-movein-consult__img { display: flex; overflow: hidden; width: 100%; min-height: 450px; max-height: 450px; margin-bottom: 30px; font-size: 0; align-items: center; }

.off-movein-consult__img img { width: 100%; height: auto; }

.off-movein-consult__body { display: flex; }

.off-movein-consult__body .fl { float: none; flex: 1 1; }

.off-movein-consult__body .fr { float: none; margin-left: 15px; flex: 0 0 90px; }

.off-movein-consult__body .fr .button { width: 90px; min-width: 90px; height: 90px; font-size: 18px; line-height: 1.5; }

.off-movein-consult__title { margin-bottom: 15px; font-size: 20px; font-weight: 600; line-height: 1.1; color: #333; }

.off-movein-consult__dl { display: table; margin-bottom: 15px; line-height: 1.1; }

.off-movein-consult__dt { display: table-cell; width: 83px; font-size: 18px; color: #333; }

.off-movein-consult__dd { display: table-cell; font-size: 18px; line-height: 1.3; }

.off-movein-consult__tag { display: block; margin-top: 5px; padding-top: 20px; line-height: 1.1; display: block; word-wrap: normal; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 660px; border-top: 1px solid #eee; font-size: 18px; }

.vertical-middle.is-flex { align-items: center; }

.brand-kic h4.brand-contents__title { font-size: 40px; font-weight: 700; color: #333; text-align: left; }

.brand-kic h4.brand-contents__title + .brand-contents__desc { text-align: left; font-size: 20px; font-weight: 600; }

.is-type-bath { margin-bottom: 60px; align-items: center; }

.is-type-bath .brand-contents__desc2 { display: block; margin-top: 150px; margin-bottom: 150px; font-size: 40px; color: #333; }

.is-type-bath .brand-contents__desc3 { font-size: 30px; color: #333; }

.is-type-bath .brand-contents__img2 { display: block; margin-bottom: 50px; }

.is-type-bath .brand-contents__img4 { display: block; margin-bottom: 50px; }

.is-type-bath .brand-contents__img4 img { width: auto; max-width: 100%; }

.is-type-bath .brand-contents-section__mt { margin-top: 150px; }

.is-type-bath .brand-contents__title { margin-top: 50px; margin-bottom: 12px; font-size: 40px; font-weight: 700; color: #333; text-align: left; }

.is-type-bath .brand-contents-section .brand-contents__desc4 { font-size: 20px; font-weight: 600; text-align: left; margin-bottom: 30px; }

.is-type-bath .inner-text.kic-brand-recm { height: 800px; position: relative; flex-grow: 1; }

.is-type-bath .inner-text .brand-contents__img--small { display: block; position: absolute; bottom: 0; width: 440px; height: 440px; }

.is-type-bath .brand-contents__img { display: block; font-size: 0; flex-grow: 1; }

.is-type-bath .brand-contents__img-text { display: block; margin-top: 200px; margin-bottom: 200px; font-size: 40px; color: #333; }

.is-type-bath h4.brand-contents__title { margin-bottom: 60px; font-size: 42px; line-height: 1.1; }

.brand-kic .brand-contents-section { margin-bottom: 60px; align-items: center; }

.brand-kic .brand-contents-section__mb { margin-bottom: 216px; }

.brand-kic .brand-contents-section.align-left .brand-contents__img { margin-right: 130px; }

.brand-kic .brand-contents-section.align-left .brand-contents__img.kic-brand-recm { margin-right: 40px; flex-grow: 0; }

.brand-kic .brand-contents-section.align-left .inner-text { height: auto; text-align: left; }

.brand-kic .brand-contents-section.align-left .inner-text .brand-contents__img--small { left: 0; }

.brand-kic .brand-contents-section.align-right .brand-contents__img { margin-left: 200px; }

.brand-kic .brand-contents-section.align-right .brand-contents__img.kic-brand-recm { margin-left: 40px; flex-grow: 0; }

.brand-kic .brand-contents-section.align-right .inner-text .brand-contents__img--small { right: 0; }

.brand-kic .brand-contents-section .inner-text.kic-brand-recm { height: 800px; position: relative; flex-grow: 1; }

.brand-kic .brand-contents-section .inner-text .brand-contents__img--small { display: block; position: absolute; bottom: 0; width: 440px; height: 440px; }

.brand-kic .brand-contents-section .brand-contents__img { display: block; font-size: 0; flex-grow: 1; }

.brand-kic .brand-contents-section .brand-contents__img-text { display: block; margin-top: 200px; margin-bottom: 200px; font-size: 40px; color: #333; }

.brand-kic .brand-contents-section .brand-contents__desc { margin-bottom: 0; }

.brand-kic .brand-contents-section h4.brand-contents__title { margin-bottom: 60px; font-size: 42px; line-height: 1.1; }

.brand-ofc .brand-contents-section { display: flex; margin-bottom: 100px; align-items: center; }

.brand-ofc .brand-contents-section__border { margin-top: 100px; padding-top: 100px; border-top: 1px solid #eee; }

.brand-ofc .brand-contents-section__border h4.brand-contents__title { margin-bottom: 90px; font-size: 30px; color: #333; line-height: 1.1; }

.brand-ofc .brand-contents-section__mb { margin-bottom: 216px; }

.brand-ofc .brand-contents-section.align-left .brand-contents__img { width: 640px; margin-right: 100px; flex-grow: 0; }

.brand-ofc .brand-contents-section.align-left .inner-text { height: auto; flex-grow: 1; }

.brand-ofc .brand-contents-section .brand-contents__desc { margin-bottom: 100px; font-size: 16px; color: #333; }

.brand-ofc .brand-contents-section .brand-contents__title { font-size: 60px; font-weight: 600; color: #333; }

.brand-ofc .brand-contents-section .brand-contents__link { font-size: 0; }

.brand-ofc .brand-contents-section .brand-contents__link a { display: inline-block; margin-right: 30px; font-size: 16px; font-weight: 600; line-height: 1.1; color: #333; }

.brand-ofc .brand-contents-section .brand-contents__link a:hover, .brand-ofc .brand-contents-section .brand-contents__link a:focus { color: #ec1a47; }

.brand-ofc .brand-contents-section .brand-contents__link a:hover:after, .brand-ofc .brand-contents-section .brand-contents__link a:focus:after { background-color: #ec1a47; }

.brand-ofc .brand-contents-section .brand-contents__link a:after { content: ''; display: block; width: 100%; height: 4px; margin-top: 20px; background-color: #333; }

.brand-ofc .brand-contents-section h4.brand-contents__title { margin-bottom: 60px; font-size: 42px; line-height: 1.1; }

.brand-contents__logo { display: block; text-align: center; margin-bottom: 60px; }

.is-type-kic .brand-contents__logo { margin-bottom: 100px; }

.is-type-bath .brand-contents__logo { margin-bottom: 100px; }

.brand-contents__sublogo { display: block; text-align: center; margin-top: 55px; margin-bottom: 30px; }

.brand-contents__photo { display: block; text-align: center; margin-bottom: 60px; }

.brand-contents__title { margin-bottom: 20px; font-size: 36px; line-height: 1.1; color: #333; }

.brand-contents__title--big { margin-bottom: 30px; font-size: 50px; font-weight: 600; line-height: 1.4; color: #000; }

.is-type-kic .brand-contents__title { margin-top: 50px; margin-bottom: 12px; padding: 0 35px; font-size: 40px; font-weight: 700; color: #333; text-align: left; }

.brand-contents__bg--gray { position: absolute; left: 0; z-index: -1; width: 100%; height: 230px; margin-top: 344px; background-color: #f1f1f1; }

.brand-contents__desc { margin-bottom: 60px; font-size: 20px; line-height: 1.5; color: #777; }

.is-type-kic .brand-contents__desc { margin-bottom: 200px !important; padding: 0 35px; font-size: 20px; font-weight: 600; text-align: left; }

.brand-contents-gallery { display: block; margin: 0 -11px; font-size: 0; }

.brand-contents-gallery__item { display: inline-block; width: 440px; margin: 0 11px 40px; text-align: center; }

.brand-contents-gallery__txt { margin-top: 30px; font-size: 20px; line-height: 1.1; }

.kic-consult-list { display: flex; align-items: center; justify-content: space-between; position: relative; }

.kic-consult-list__item { display: inline-block; position: relative; width: 400px; }

.kic-consult-list__item:not(:last-child):after { position: absolute; top: 50%; right: -53px; margin-top: -53px; content: '\e94b'; font-family: 'iconset' !important; font-size: 24px; color: #000; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.kic-consult-list__icon { display: flex; align-items: center; justify-content: center; width: 100%; height: 87px; }

.kic-consult-list__box { display: block; height: 300px; padding: 65px 10px 50px; margin-bottom: 35px; border: 1px solid #eee; text-align: center; }

.kic-consult-list__text { display: block; margin-top: 40px; text-align: center; font-size: 30px; color: #333; }

.kic-consult-list__desc { display: block; font-size: 16px; color: #777; }

.kic-consult__title { display: block; padding-top: 100px; margin-bottom: 60px; border-top: 1px solid #ccc; font-size: 30px; color: #000; line-height: 1.1; text-align: center; }

.kic-consult-buttons { margin-top: 40px; margin-bottom: 100px; text-align: center; }

.kic-consult-buttons .button { width: 300px; }

.kic-consult-box { margin-top: 60px; margin-bottom: 100px; }

.kic-consult-box .dot-list { margin: 0; }

.ofc-brand-list img { width: 248px; }

.ofc-brand-list__item { display: flex; align-items: center; margin-bottom: 60px; color: #333; font-size: 16px; }

.ofc-brand-list__img { flex-grow: 0; font-size: 0; margin-right: 60px; }

.ofc-brand-list .inner-text { flex-grow: 1; }

.ofc-brand-list__title { display: block; margin-bottom: 50px; font-size: 30px; font-weight: 400; line-height: 1.1; }

.ofc-brand-list__subt { display: block; margin-bottom: 30px; font-size: 20px; font-weight: 600; line-height: 1.1; }

.ofc-brand-list__subt i { margin: -2px 5px 0; vertical-align: middle; }

.ofc-brand-promise { display: flex; width: 1185px; margin: 0 auto 150px; justify-content: space-between; }

.ofc-brand-promise__item { position: relative; display: inline-flex; width: 320px; height: 320px; border-radius: 100%; border: 1px solid #eee; align-items: center; justify-content: center; }

.ofc-brand-promise__item:not(:last-child):after { position: absolute; top: 50%; right: -73px; margin-top: -15px; content: ''; background-image: url(https://static.hyundailivart.co.kr/assets/images/sprites/icon.png?ver=2025/111/9); background-position: -696px -364px; width: 31px; height: 30px; }

.ofc-brand-promise__item .inner { display: inline-block; }

.ofc-brand-promise__title { display: block; margin: 0 auto 20px; text-align: center; font-size: 30px; font-weight: 600; color: #333; }

.ofc-brand-promise__desc { text-align: center; font-size: 14px; color: #333; }

.ofc-info__slogan { margin: 50px auto 30px; display: block; font-size: 20px; line-height: 1.1; color: #333; text-align: center; }

.ofc-info__title { margin: 0 auto 60px; display: block; font-size: 38px; line-height: 1.4; color: #333; text-align: center; }

.ofc-info__subt { margin: 50px auto 30px; display: block; font-size: 20px; font-weight: 600; line-height: 1.1; color: #333; text-align: center; }

.ofc-info__desc { margin: 0 auto 25px; display: block; font-size: 16px; line-height: 1.65; color: #777; text-align: center; }

.ofc-info-content { margin-bottom: 180px; text-align: center; }

.ofc-info-content__border { margin-top: 100px; padding-top: 100px; border-top: 1px solid #eee; }

.ofc-info-content .ofc-info__title { font-size: 30px; margin-bottom: 30px; }

.ofc-info-tab-wrap { display: flex; margin-top: 60px; margin-bottom: 150px; align-items: flex-start; justify-content: flex-start; }

.ofc-info-tab__inner { height: 415px; }

.ofc-info-tab__img { position: relative; font-size: 0; }

.ofc-info-tab__img-txt { position: absolute; bottom: 0; left: 0; z-index: 1; display: block; padding: 40px; width: 540px; height: 130px; color: #333; background-color: #fff; }

.ofc-info-tab__img-txt a { font-size: 14px; color: #333; }

.ofc-info-tab__img-txt a i { margin-left: 8px; }

.ofc-info-tab__img-title { font-size: 18px; line-height: 1.1; margin-bottom: 10px; }

.ofc-info-tab__text { width: 530px; margin-left: 100px; }

.ofc-info-tab__title { display: block; margin: 110px auto 50px; font-size: 30px; font-weight: 400; line-height: 1.45; color: #333; }

.ofc-info-tab__desc { font-size: 16px; line-height: 1.65; color: #777; }

.ofc-info-tab__dl { display: flex; height: 26px; }

.ofc-info-tab__dt { width: 135px; display: block; border-right: 1px solid #eee; font-size: 14px; color: #333; }

.ofc-info-tab__dd { display: block; padding-left: 20px; font-size: 14px; color: #777; flex-grow: 1; }

.ofc-info-tab.is-toggle li a, .ofc-info-tab.is-toggle li .tab { border: none; border-bottom: 2px solid #eee; }

.ofc-info-tab.is-toggle li.is-active a, .ofc-info-tab.is-toggle li.is-active .tab { border: none; border-bottom: 2px solid #333; }

.ofc-info-tab.tabs-normal.is-toggle a, .ofc-info-tab.tabs-normal.is-toggle .tab { padding-bottom: 30px; font-size: 18px; }

.ofc-consult-method__dl { display: flex; align-items: flex-start; margin-bottom: 90px; }

.ofc-consult-method__dt { display: block; width: 310px; font-size: 30px; font-weight: 600; color: #333; text-align: left; flex-grow: 0; flex-shrink: 0; }

.ofc-consult-method__dd { display: block; flex-grow: 1; text-align: left; }

.ofc-consult-method__dd .ofc-info__title { text-align: left; }

.ofc-consult-method__dd .ofc-info__subt { text-align: left; }

.ofc-consult-method__dd .ofc-info__desc { margin-bottom: 0; line-height: 1.8; text-align: left; }

.section-brand-form .span-help { display: inline-flex; height: 50px; font-size: 14px; align-items: center; margin-left: 10px; color: #777; }

.section-brand-form .help { color: #777; }

.ofc-show-consult__wrap { margin: 0 -30px 100px; }

.ofc-show-consult__dl { display: inline-block; clear: both; width: 650px; margin: 60px 30px 0; padding-top: 60px; border-top: 1px solid #eee; vertical-align: top; }

.ofc-show-consult__dt { display: block; float: left; width: 300px; font-size: 30px; line-height: 1.3; color: #333; }

.ofc-show-consult__dd { display: block; width: 350px; float: left; }

.ofc-show-consult__dd p { font-size: 14px; line-height: 1.8; color: #777; }

.ofc-show-consult__dd .button { margin-top: 20px; }

.ofc-show-content { margin-top: 60px; }

.ofc-consult-ref { margin-top: 60px; }

.ofc-consult-ref__border { margin-top: 100px; margin-bottom: 100px; padding-top: 100px; border-top: 1px solid #eee; }

.ofc-consult-ref__title { margin-bottom: 50px; font-size: 20px; font-weight: 400; line-height: 1.1; color: #333; }

.ofc-consult-ref__list { font-size: 0; margin: -20px -40px; }

.ofc-consult-ref__list li { display: inline-block; overflow: hidden; width: 280px; height: 280px; margin: 20px 40px; border-radius: 100%; border: 1px solid #eee; vertical-align: top; }

.ofc-consult-ref__list li span { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }

.designer-conts-wrap + div { margin-top: 100px; }

.section-contents-designer { padding: 50px 0 100px; }

.section-contents-designer .title { color: #fff; }

.section-contents-designer__lists { display: flex; flex-wrap: wrap; }

.section-contents-designer__lists li { margin-right: 15px; }

.section-contents-designer__lists li:nth-child(4n) { margin-right: 0; }

.section-contents-designer__lists li .designer-wrap { width: 330px; height: 330px; }

.section-contents-designer__lists li .designer-name { color: #fff; font-size: 1.8rem; font-weight: 700; }

.section-contents-designer__detail .designer-detail-wrap { display: flex; align-items: center; justify-content: space-between; }

.section-contents-designer__detail .designer-image { display: inline-block; width: 40%; }

.section-contents-designer__detail .designer-image img { width: 100%; }

.section-contents-designer__detail .designer-contents { display: inline-block; width: 55%; font-size: 17px; color: #fff; font-weight: 400; }

.section-contents-designer__detail .designer-name { font-size: 32px; font-weight: 700; }

.section-contents-designer__detail .designer-info { font-size: 15px; line-height: 28px; font-weight: 400; }

.section-contents-class { padding-bottom: 60px; }

.section-contents-class__lists { display: grid; grid-template-columns: repeat(3, 1fr); justify-content: space-between; grid-gap: 54px 36px; margin-bottom: 80px; }

.section-contents-class__lists li { margin: 0 0 0 0; position: relative; }

.section-contents-class__lists li a { display: block; }

.section-contents-class__lists .class-wrap { width: 430px; height: auto; }

.section-contents-class__lists .class-wrap:hover .class-wrap-reserve span::after { width: 100%; display: block; opacity: 1; }

.section-contents-class__lists .class-wrap-image { position: relative; width: 100%; aspect-ratio: 43 / 27; overflow: hidden; display: flex; justify-content: center; align-items: center; }

.section-contents-class__lists .class-wrap-image .image { aspect-ratio: 43 / 27; width: 100%; height: 100%; display: block; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; }

.section-contents-class__lists .class-wrap-image-end { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; background-color: rgba(0, 0, 0, 0.7); justify-content: center; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); color: #fff; font-size: 18px; }

.section-contents-class__lists .class-wrap-content { position: relative; margin-top: 16px; display: flex; flex-direction: column; gap: 12px; height: 194px; }

.section-contents-class__lists .class-wrap-header__brand { margin-bottom: 4px; color: #a5a5a5; font-size: 15px; font-weight: 500; }

.section-contents-class__lists .class-wrap-header__name { height: 60px; color: #fff; font-size: 20px; font-weight: 700; word-break: keep-all; word-wrap: break-word; display: -webkit-box; word-break: keep-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.section-contents-class__lists .class-wrap-detail { display: flex; align-items: center; color: #a5a5a5; font-size: 13px; }

.section-contents-class__lists .class-wrap-detail span:not(:last-child) { border-right: 1px solid #404040; padding: 0 8px; }

.section-contents-class__lists .class-wrap-detail span:first-child { padding-left: 0; }

.section-contents-class__lists .class-wrap-detail span:last-child { padding-left: 8px; }

.section-contents-class__lists .class-wrap-detail__adress { display: flex; align-items: center; }

.section-contents-class__lists .class-wrap-detail__adress i { margin-right: 4px; margin-bottom: 1px; }

.section-contents-class__lists .class-wrap-detail__hashtag { max-width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.section-contents-class__lists .class-wrap-price { display: flex; gap: 8px; }

.section-contents-class__lists .class-wrap-price__price { font-size: 20px; color: #fff; }

.section-contents-class__lists .class-wrap-price__price .unit { font-size: 13px; }

.section-contents-class__lists .class-wrap-price__tag { font-size: 13px; display: flex; align-items: center; justify-content: center; width: 54px; height: 25px; color: #fff; border-radius: 4px; }

.section-contents-class__lists .class-wrap-price__tag--gray { background-color: #48413b; }

.section-contents-class__lists .class-wrap-reserve { float: right; }

.section-contents-class__lists .class-wrap-reserve span { position: relative; color: #fff; font-size: 14px; }

.section-contents-class__lists .class-wrap-reserve span i { margin-left: 10px; }

.section-contents-class__lists .class-wrap-reserve span::after { content: ''; position: absolute; width: 0; height: 1px; border: 1px solid rgba(255, 255, 255, 0.6); bottom: -8px; left: 0; transition: 0.3s; opacity: 0; }

.section-contents-class__lists .class-wrap-item-category { display: flex; justify-content: space-between; }

.section-contents-class__lists .class-wrap-item-category .vreview-review-summary #vreview-rating { color: #fff; font-weight: bold; font-size: 14px; }

.section-contents-class__lists .class-wrap-item-category .vreview-review-summary #vreview-review { color: #ff6060; font-size: 12px; font-weight: 600; margin-top: 1px; margin-left: 2px; }

.section-contents-class__lists .class-wrap-item-category .vreview-review-summary #vreview-count { color: #ff6060; font-size: 14px; font-weight: 600; }

.section-contents-class__lists .class-wrap-item-category .vreview-rating { margin-top: 0; }

.section-contents-class__lists .class-wrap-item-category .vreview-rating svg path { fill: #fff; }

.section-contents-bang { padding-bottom: 100px; }

.section-contents-bang .title { color: #fff; }

.section-contents-bang__lists { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 60px 20px; margin-bottom: 80px; }

.section-contents-bang__lists li .bang-wrap { position: relative; width: 325px; height: 325px; }

.section-contents-bang__lists li .bang-wrap-item { width: inherit; position: absolute; text-align: center; left: 50%; bottom: 30px; transform: translateX(-50%); }

.section-contents-bang__lists li .bang-wrap-item-brand { color: rgba(255, 255, 255, 0.8); font-size: 15px; font-weight: 400; text-align: center; }

.section-contents-bang__lists li .bang-wrap-item-name { margin-top: 4px; color: #fff; font-size: 20px; font-weight: 700; text-align: center; padding: 0 16px; word-break: break-all; word-wrap: break-word; }

.section-contents-bang__detail .bang-detail-wrap { display: flex; align-items: center; justify-content: space-between; }

.section-contents-bang__detail .bang-image { display: inline-block; width: 40%; }

.section-contents-bang__detail .bang-image img { width: 100%; }

.section-contents-bang__detail .bang-contents { display: inline-block; width: 55%; font-size: 17px; color: #fff; font-weight: 400; }

.section-contents-bang__detail .bang-name { font-size: 32px; font-weight: 700; }

.section-contents-bang__detail .bang-info { font-size: 15px; line-height: 28px; font-weight: 400; }

.header-bottom-wrap.fixed { position: fixed; top: 0; width: 100%; }

.section-contents-brand { padding: 30px 0 100px; }

.section-contents-brand .img-flex-center { width: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden; }

.section-contents-brand .img-flex-center img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center center; object-position: center center; }

.section-contents-brand .cate-wrap { transition: transform 0.3s ease; transform: translateY(0); /* 기본 위치 */ }

.section-contents-brand .cate-wrap.fixed { position: fixed; top: 57px; left: 0; width: 100%; z-index: 3; transform: translateY(0); /* 고정되면 원래 위치로 */ }

.section-contents-brand .cate-wrap:not(.fixed) { transform: translateY(-10px); /* 고정 안됐을 때 살짝 위로 */ }

.section-contents-brand .cate-dept1 { background-color: #111; padding: 15px 0 5px; }

.section-contents-brand .cate-dept1 ul { display: flex; flex-wrap: wrap; width: 1366px; margin: 0 auto; }

.section-contents-brand .cate-dept1 ul li { margin: 0 10px 10px 0; }

.section-contents-brand .cate-dept1 ul li button { background-color: #242424; color: #fff; padding: 8px 15px; border-radius: 4px; }

.section-contents-brand .cate-dept1 ul li.is-active button { background-color: #fff; color: #202020; font-weight: 600; }

.section-contents-brand .cate-dept2 { background-color: #111; padding: 15px 0; border-top: 1px solid #fff; }

.section-contents-brand .cate-dept2 ul { display: flex; flex-wrap: wrap; width: 1366px; margin: 0 auto; padding-left: 10px; }

.section-contents-brand .cate-dept2 ul li { margin-right: 8px; }

.section-contents-brand .cate-dept2 ul li button { color: #7d7d7d; }

.section-contents-brand .cate-dept2 ul li.is-active button { color: #fff; font-weight: 600; }

.section-contents-brand__title { margin-bottom: 30px; font-weight: 600; font-size: 40px; color: #fff; text-align: left; }

.section-contents-brand__title.title-sub { margin-bottom: 10px; font-size: 32px; font-weight: 500; }

.section-contents-brand__lists { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }

.section-contents-brand__lists .brand-list { position: relative; }

.section-contents-brand__lists .brand-list.lvt-glg { grid-column: 1 / span 2; grid-row: 1 / span 2; }

.section-contents-brand__lists .brand-list.lvt-glg .brand-list__image { width: 532px; height: 532px; }

.section-contents-brand__lists .brand-list-btm { position: absolute; bottom: 0; width: 100%; padding: 0 20px 18px; display: flex; justify-content: space-between; align-items: flex-end; z-index: 1; }

.section-contents-brand__lists .brand-list::after { display: block; content: ''; width: 100%; height: 100px; position: absolute; bottom: 0; background: linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, #111111 100%); cursor: pointer; }

.section-contents-brand__lists .brand-list__image { width: 254px; height: 254px; }

.section-contents-brand__lists .brand-list__name { width: 170px; flex-shrink: 0; font-size: 18px; color: #fff; font-weight: 600; word-break: keep-all; word-wrap: break-word; }

.section-contents-brand__lists .brand-list__go { display: none; padding-bottom: 3px; }

.section-contents-brand__lists .brand-list__go i { padding: 7px; font-size: 11px; color: #111; font-weight: 600; background-color: #fff; border-radius: 50%; }

.section-contents-brand__bestsellers .swiper-container .product-item--small { margin: 0; }

.section-contents-brand__bestsellers .swiper-container::after { display: block; content: ''; width: 88px; height: 263px; position: absolute; top: 0; right: 0; z-index: 1; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #111 100%); }

.section-contents-brand__bestsellers .swiper-container.flex-swiper::after { display: none; }

.section-contents-brand__bestsellers .swiper-container .swiper-controls--black2 { display: none; }

.section-contents-brand__filter { display: flex; align-items: center; justify-content: space-between; margin: 0 0 10px; }

.section-contents-brand__filter .filter-count { color: #fff; font-size: 13px; }

.section-contents-brand__filter .filter-count .num { font-size: 15px; }

.section-contents-brand__filter .dropdown-wrap .dropdown .dropdown-trigger button { border-color: transparent !important; min-width: 120px; }

.section-contents-brand__filter .dropdown-wrap .dropdown .dropdown-menu { min-width: 120px; }

.section-contents-brand .brand-deatil-header { display: flex; }

.section-contents-brand .brand-deatil-header .header-left { width: 740px; flex-shrink: 0; }

.section-contents-brand .brand-deatil-header .header-right { display: flex; flex-direction: column; justify-content: space-between; padding-left: 100px; width: 626px; flex-shrink: 0; }

.section-contents-brand .brand-deatil-header__image { width: 740px; height: 740px; }

.section-contents-brand .brand-deatil-header__txt { padding-top: 70px; color: #fff; }

.section-contents-brand .brand-deatil-header__txt .txt-title-en { font-size: 16px; }

.section-contents-brand .brand-deatil-header__txt .txt-title-kr { margin-top: 10px; font-size: 30px; font-weight: 600; }

.section-contents-brand .brand-deatil-header__txt .txt-explane { padding-top: 30px; font-size: 16px; word-break: keep-all; word-wrap: break-word; }

.section-contents-brand .brand-deatil-header__exhbt { position: relative; }

.section-contents-brand .brand-deatil-header__exhbt .exhbt-title { position: absolute; left: 246px; color: #fff; font-size: 24px; z-index: 2; }

.section-contents-brand .brand-deatil-header__exhbt .exhbt-swiper { width: 100%; }

.section-contents-brand .brand-deatil-header__exhbt .exhbt-swiper-wrap { display: flex; align-items: flex-end; }

.section-contents-brand .brand-deatil-header__exhbt .exhbt-swiper__image { width: 216px; height: 216px; }

.section-contents-brand .brand-deatil-header__exhbt .exhbt-swiper__txt { width: 226px; padding-left: 30px; font-size: 18px; font-weight: 600; color: #fff; word-break: keep-all; word-wrap: break-word; }

.section-contents-brand .brand-deatil-header__exhbt .exhbt-swiper .navigation-box { display: flex; align-items: flex-end; justify-content: space-between; position: absolute; right: 0; bottom: 0; z-index: 10; width: 84px; height: 100%; padding-left: 10px; background-color: #111; }

.section-contents-brand .brand-deatil-header__exhbt .exhbt-swiper .navigation-box .swiper-button-prev, .section-contents-brand .brand-deatil-header__exhbt .exhbt-swiper .navigation-box .swiper-button-next { display: flex; align-items: center; justify-content: center; position: static; width: 32px; height: 32px; padding: 7px; color: #111; background-color: #fff; border-radius: 50%; font-size: 12px; font-weight: 600; }

.section-contents-brand .brand-deatil-header__exhbt .exhbt-swiper .navigation-box .swiper-button-prev::before { content: '\e92b'; }

.section-contents-brand .brand-deatil-header__exhbt .exhbt-swiper .navigation-box .swiper-button-next::before { content: '\e92a'; }

.section-notice-wrap .section-tit { text-align: center; margin-top: 50px; font-size: 38px; color: #333; }

.section-notice-wrap .inbox-header { margin: 20px 0; height: 50px; }

.section-notice-wrap .inbox-header .tit { font-size: 20px; line-height: 50px; }

.modal-card-body .card { box-shadow: none; }

.modal-card-body .card .card-header { box-shadow: none; padding: 23px 0; border-bottom: 1px solid #eee; }

.modal-card-body .card .card-header .checkbox input[type='checkbox'] + label, .modal-card-body .card .card-header .radio input[type='radio'] + label { font-size: 14px; }

.modal-card-body .card .card-header .checkbox input[type='checkbox'] + label::before, .modal-card-body .card .card-header .radio input[type='radio'] + label::before { margin-top: 0; }

.modal-card-body .card .card-content { max-height: 200px; overflow-y: auto; border: 1px solid #eee; border-top: none; }

.modal-card-body .privacy-box.msg-box-gray { padding: 0px; background-color: transparent; }

.privacy-box br { display: none; }

.privacy-box p { margin-bottom: 0.5em; color: #6a6a6a; }

.privacy-box p > strong { display: block; margin-top: 1em; color: #333; font-weight: 600; }

.privacy-box p.is-strong-text { margin-bottom: 1em; color: #333; font-size: 1.2em; font-weight: 600; }

.privacy-box.msg-box-gray { padding: 30px; background: #f9f9f9; }

.privacy-box.msg-box-gray .num-list-stylelist { margin-bottom: 20px; }

.privacy-box.msg-box-gray .num-list-stylelist.privacy-policy-pl20 { margin-left: 20px; }

.privacy-box.msg-box-gray .privacy-policy-mb35 { margin-bottom: 10px; }

.privacy-box.msg-box-gray .num-list.privacy-policy-mb35 { margin-left: 20px; }

.privacy-box.msg-box-gray table { border: 1px solid #ccc; }

.privacy-box.msg-box-gray table th { padding: 10px; border: 1px solid #ccc; }

.privacy-box.msg-box-gray table td { padding: 10px; border: 1px solid #ccc; }

.privacy-box table { width: 100%; }

.privacy-box table td p { margin: 0; }

.privacy-box table td p strong { margin: 0; }

.privacy-box table td br { display: none; }

.modal-layer-pop { display: none; width: 500px; height: 458px; padding: 0; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 0; }

.modal-layer-pop.is-active { display: block; }

.modal-layer-pop .swiper-slide img { width: auto; }

.modal-layer-pop .swiper-pagination { bottom: 8px; }

.modal-layer-pop .swiper-pagination-bullets { display: block; }

.modal-layer-pop .swiper-pagination-bullets .swiper-pagination-bullet { width: 7px; height: 7px; margin: 0 5px; border-radius: 4px; border: 1px solid #eee; background-color: transparent; transition: all 0.3s; outline: none; opacity: 0.4; }

.modal-layer-pop .swiper-pagination-bullets .swiper-pagination-bullet:hover, .modal-layer-pop .swiper-pagination-bullets .swiper-pagination-bullet:focus, .modal-layer-pop .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 1px solid #eee; background-color: rgba(255, 255, 255, 0.5); }

.modal-layer-pop .swiper-pagination-bullets .swiper-pagination-bullet-active { opacity: 1; }

.modal-layer-pop .modal-card { width: 100%; padding: 0; height: 100%; overflow: hidden; }

.modal-layer-pop .modal-card-body { padding: 0; overflow: hidden; }

.modal-layer-pop .modal-card-foot { display: block; height: 30px; padding: 0; background: #333; text-align: right; }

.modal-layer-pop .modal-card-foot button { margin: 0 10px; color: #fff; line-height: 1.1; height: 30px; font-size: 13px; }

.modal-layer-pop-auto { display: none; width: auto; height: auto; padding: 0; right: auto; bottom: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 0; }

.modal-layer-pop-auto.is-active { display: block; }

.modal-layer-pop-auto .swiper-slide img { width: auto; }

.modal-layer-pop-auto .swiper-pagination { bottom: 8px; }

.modal-layer-pop-auto .swiper-pagination-bullets { display: block; }

.modal-layer-pop-auto .swiper-pagination-bullets .swiper-pagination-bullet { width: 7px; height: 7px; margin: 0 5px; border-radius: 4px; border: 1px solid #eee; background-color: transparent; transition: all 0.3s; outline: none; opacity: 0.4; }

.modal-layer-pop-auto .swiper-pagination-bullets .swiper-pagination-bullet:hover, .modal-layer-pop-auto .swiper-pagination-bullets .swiper-pagination-bullet:focus, .modal-layer-pop-auto .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 1px solid #eee; background-color: rgba(255, 255, 255, 0.5); }

.modal-layer-pop-auto .swiper-pagination-bullets .swiper-pagination-bullet-active { opacity: 1; }

.modal-layer-pop-auto .modal-card { width: 100%; padding: 0; height: 100%; overflow: hidden; }

.modal-layer-pop-auto .modal-card-body { padding: 0; overflow: hidden; }

.modal-layer-pop-auto .modal-card-foot { display: block; height: 30px; padding: 0; background: #333; text-align: right; }

.modal-layer-pop-auto .modal-card-foot button { margin: 0 10px; color: #fff; line-height: 1.1; height: 30px; font-size: 13px; }

#modal-introSlide { font-size: 0; }

#modal-introSlide.is-active { display: flex !important; }

#modal-introSlide .swiper-slide img { width: auto; }

#modal-introSlide .swiper-pagination { bottom: auto; top: 20px; }

#modal-introSlide .swiper-pagination-bullets { display: block; }

#modal-introSlide .swiper-pagination-bullets .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 5px; border-radius: 50%; border: 1px solid #202020; background-color: transparent; transition: all 0.3s; outline: none; opacity: 0.4; }

#modal-introSlide .swiper-pagination-bullets .swiper-pagination-bullet:hover, #modal-introSlide .swiper-pagination-bullets .swiper-pagination-bullet:focus, #modal-introSlide .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 1px solid #eee; background: #202020; opacity: 1; width: 12px; height: 12px; }

#modal-introSlide .swiper-button-prev, #modal-introSlide .swiper-button-next { color: #fff; background-color: rgba(32, 32, 32, 0.6); border-radius: 50%; font-weight: bold; }

#modal-introSlide .swiper-button-prev { left: 20px; }

#modal-introSlide .swiper-button-next { right: 20px; }

#modal-introSlide .modal-card { width: 800px; padding: 0; overflow: hidden; background-color: transparent; border-radius: 12px; }

#modal-introSlide .modal-card-body { padding: 0; overflow: hidden; }

#modal-introSlide .modal-card-foot { display: flex; justify-content: space-between; align-items: center; height: 40px; padding: 0; background: #333; text-align: right; }

#modal-introSlide .modal-card-foot button { margin: 0 10px; color: #fff; line-height: 1.1; height: 30px; font-size: 13px; }

.window-card-foot { display: block; height: 32px; background: #333; text-align: right; }

.window-card-foot button { margin: 0 20px 0 12px; color: #fff; line-height: 1; height: 32px; font-size: 14px; }

.window-card { position: relative; font-size: 0; background-color: #333; }

.window-card img { display: block; width: 100%; max-width: 100%; }

.window-card div { font-size: 15px; }

#modal-view-cocompany .modal-card { width: 500px; }

.line-list li { border-bottom: 1px solid #eee; }

.line-list li a { display: block; padding: 10px 0; font-size: 16px; line-height: 1.2; color: #333; }

.line-list li a:hover { background-color: #f7f7f7; }

[id^='modal-gift-jeju'] .modal-card { width: 600px; }

.shipday-list { padding: 15px 0; }

.shipday div + div { border-top: 1px solid #eee; }

.modal-personal { display: none; overflow: hidden; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 110; align-items: center; flex-direction: column; justify-content: center; padding: 10px; }

.modal-personal.is-active { display: flex; }

.modal-personal .modal-card { width: 880px; min-height: 810px; padding: 0 60px; }

.modal-personal .step5 { position: relative; width: 100%; height: 6px; margin: 15px 0 30px; background-color: #ededed; }

.modal-personal .step5::before { content: ''; position: absolute; left: 0; top: 0; height: 100%; background-color: #202020; }

.modal-personal .step5-1::before { width: 20%; }

.modal-personal .step5-2::before { width: 40%; }

.modal-personal .step5-3::before { width: 60%; }

.modal-personal .step5-4::before { width: 80%; }

.modal-personal .step5-5::before { width: 100%; }

.modal-personal h3 { padding-top: 10px; font-size: 28px; font-weight: 800; line-height: 1.5; letter-spacing: -0.006em; text-align: left; }

.modal-personal p { padding-bottom: 20px; font-size: 16px; font-weight: 600; line-height: 1.5; letter-spacing: -0.006em; color: #999; }

.modal-personal p strong { color: #017aff; }

.modal-personal h4 { padding-top: 10px; font-size: 18px; font-weight: 800; line-height: 1.5; letter-spacing: -0.006em; color: #202020; }

.modal-personal h4 span { position: relative; top: -2px; font-size: 14px; }

.modal-personal h4 span.pipe { margin-left: 20px; }

.modal-personal h4 span.pipe:before { content: '|'; position: absolute; left: -15px; top: -2px; }

.modal-personal .button[disabled] { background-color: #ddd; color: #fff; }

.modal-personal .button.is-wide { min-width: 260px; padding-left: 40px; padding-right: 40px; }

.modal-personal .personal-check-style ul { margin: 0; list-style: none; }

.modal-personal .personal-check-style li { float: left; padding-right: 10px; padding-bottom: 10px; }

.modal-personal .personal-check-style li.is-active button { background-color: #017aff; color: #fff; }

.modal-personal .personal-check-style li.is-active button i { color: #017aff; }

.modal-personal .personal-check-style .btn-check { padding: 8px 20px; background-color: #fff; border-radius: 20px; border: 1px solid #ddd; box-shadow: 2px 7px 3.8px 0px #0000001c; font-size: 16px; font-weight: 600; letter-spacing: -0.006em; color: #777; }

.modal-personal .personal-check-style .btn-check i { position: relative; top: -2px; margin-left: 5px; padding: 2px; background-color: #fff; border: 1px solid #ddd; border-radius: 50%; font-size: 10px; font-weight: 800; color: #ddd; }

.modal-personal .personal-check-style .btn-check:hover { border: 1px solid #017aff; }

.modal-personal .personal-check-style .btn-check.is-active { background-color: #017aff; color: #fff; }

.modal-personal .personal-check-style .btn-check.is-active i { color: #017aff; }

.modal-personal .personal-step1-imgarea { position: relative; width: 100%; text-align: center; }

.modal-personal .personal-step1-imgarea .btn-check { position: absolute; }

.modal-personal .personal-step1-imgarea .btn-check01 { left: 20px; top: 120px; }

.modal-personal .personal-step1-imgarea .btn-check02 { left: 170px; top: 70px; }

.modal-personal .personal-step1-imgarea .btn-check03 { left: 300px; top: 10px; }

.modal-personal .personal-step1-imgarea .btn-check04 { left: 410px; top: -40px; }

.modal-personal .personal-step1-imgarea .btn-check05 { right: 70px; top: 10px; }

.modal-personal .personal-step1-imgarea .btn-check06 { right: 10px; bottom: 220px; }

.modal-personal .personal-step1-imgarea .btn-check07 { right: 170px; bottom: 60px; }

.modal-personal .personal-step1-imgarea .btn-check08 { left: 300px; bottom: 10px; }

.modal-personal .personal-istyle ul { display: grid; list-style: none; grid-template-columns: repeat(6, 1fr); row-gap: 10px; margin: 0; padding: 0; }

.modal-personal .personal-istyle ul button { display: flex; flex-direction: column; align-items: center; margin: 0; padding: 0; }

.modal-personal .personal-istyle ul em { overflow: hidden; position: relative; border-radius: 50%; }

.modal-personal .personal-istyle ul em img { max-width: 116px; max-height: 116px; }

.modal-personal .personal-istyle ul em + strong { padding-top: 5px; }

.modal-personal .personal-istyle ul strong { font-size: 16px; }

.modal-personal .personal-istyle ul li.is-active em:before { content: ''; color: #fff; position: absolute; width: 100%; height: 100%; background-color: #017aff; border-radius: 50%; opacity: 0.8; z-index: 10; }

.modal-personal .personal-istyle ul li.is-active em:after { color: #9b9b9b; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-family: 'iconset' !important; content: '\e967'; font-size: 30px; font-style: initial; color: #fff; z-index: 20; }

.modal-personal .personal-istyle ul li.is-active strong { color: #017aff; }

.modal-personal .personal-checkimg-style ul { margin: 0; list-style: none; }

.modal-personal .personal-checkimg-style li { float: left; padding-right: 10px; padding-bottom: 10px; }

.modal-personal .personal-checkimg-style li button { display: flex; align-items: center; gap: 10px; height: 60px; padding: 6px 8px; border: 1px solid #ddd; border-radius: 30px; }

.modal-personal .personal-checkimg-style li button em img { overflow: hidden; width: 100%; height: 100%; max-width: 44px; max-height: 44px; border-radius: 50%; }

.modal-personal .personal-checkimg-style li button strong { padding-right: 10px; font-size: 16px; font-weight: 600; letter-spacing: -0.006em; }

.modal-personal .personal-checkimg-style li.is-active button { border: 1px solid #017aff; color: #017aff; }

.modal-personal .personal-checkimg-style li.is-active button strong { font-weight: 800; color: #017aff; }

.openevent .event_0101 { padding-top: 750px; background: url("../images/openevent/01-01_bg_01.jpg") center 0 no-repeat; }

.openevent .event_0101 img { display: block; margin: 0 auto; }

.openevent .event_0101 > div { width: 1366px; margin: 0 auto; position: relative; }

.openevent .event_0101 > div a.btn { display: block; position: absolute; }

.openevent .event_0101 .tab { position: sticky; z-index: 10; top: 0; left: 0; }

.openevent .event_0101 .tab a { display: block; float: left; }

.openevent .event_0101 .tab::after { content: ''; display: block; clear: both; }

.openevent .event_0101 .scroll-fixed-area.is-fixed { padding-top: 215px; }

.openevent .event_0101 .scroll-fixed-area.is-fixed .tab { left: 50%; margin-left: -683px; }

.openevent .event_0101 .coupon { background: url("../images/openevent/01-01_img_02.png") center 0 no-repeat #f7f7f7; min-height: 95px; padding: 554px 0 70px; }

.openevent .event_0101 .coupon .box { position: absolute; top: 117px; left: 545px; width: 741px; margin-top: -39px; }

.openevent .event_0101 .coupon .box span { display: block; float: left; cursor: pointer; margin: 39px 0 0 21px; }

.openevent .event_0101 .coupon .box span:nth-child(2n + 1) { margin-left: 0; }

.openevent .event_0101 .coupon .box::after { content: ''; display: block; clear: both; }

.openevent .event_0101 .coupon .accordion { max-width: 1206px; margin: 0 auto; position: relative; }

.openevent .event_0101 .coupon .accordion a.open-accordion { display: block; width: 280px; height: 72px; background: url("../images/openevent/01-01_text_01.png") 0 0 no-repeat; text-indent: -9999px; position: absolute; left: 0; top: -110px; }

.openevent .event_0101 .coupon .accordion a.open-accordion::after { content: ''; display: block; width: 15px; height: 8px; background: url("../images/openevent/01-01_bul_01.png") 0 0 no-repeat; position: absolute; top: 33px; left: 137px; transform: rotate(180deg); }

.openevent .event_0101 .coupon .accordion p { width: 100%; height: 223px; background: url("../images/openevent/01-01_text_02.png") 0 0 no-repeat; text-indent: -9999px; display: none; }

.openevent .event_0101 .coupon .accordion.open a::after { transform: rotate(0deg); }

.openevent .event_0101 .coupon .accordion.open p { display: block; }

.openevent .event_0101 .payback { background: url("../images/openevent/01-01_img_03.png") center 0 no-repeat; height: 710px; }

.openevent .event_0101 .payback a.btn { left: 80px; bottom: 120px; }

.openevent .event_0101 .brand { background: url("../images/openevent/01-01_img_04.png") center 0 no-repeat; height: 813px; }

.openevent .event_0101 .brand a.btn { left: 80px; bottom: 154px; }

.openevent .event_0101 .lowest { margin-top: 20px; background: url("../images/openevent/01-01_img_05.png") center 0 no-repeat; height: 1008px; }

.openevent .event_0101 .lowest div { position: absolute; top: 175px; left: 80px; width: 335px; height: 70px; line-height: 70px; font-size: 69px; font-weight: 700; letter-spacing: -3px; color: #333; text-align: center; }

.openevent .event_0101 .lowest a.btn { left: 80px; bottom: 120px; }

.openevent .event_0101 .quiz { background: url("../images/openevent/01-01_img_06.png") center 0 no-repeat; height: 546px; }

.openevent .event_0101 .quiz a.btn { left: 80px; bottom: 200px; }

.openevent .event_0103 div { text-align: center; background: #5e56a6; }

.openevent .event_0103 div img { text-align: center; display: block; margin: 0 auto; }

.openevent .event_0103 div:first-child { background: url("../images/openevent/01-03_bg_01.png") center 0 no-repeat; }

.openevent .event_0104 div img { display: block; margin: 0 auto; }

.openevent .event_0104 div.top { background: url("../images/openevent/01-04_bg_01.png") center 0 no-repeat; }

.openevent .event_0104 div.bottom { background: url("../images/openevent/01-04_bg_02.png") center 0 no-repeat; }

.openevent .event_0201 .top { background: url("../images/openevent/02-01_bg_01.png") center 0 no-repeat; height: 1349px; }

.openevent .event_0201 .top .tab { width: 1305px; margin: 0 auto; padding-top: 998px; }

.openevent .event_0201 .top .tab a { display: block; float: left; margin-left: 13px; }

.openevent .event_0201 .top .tab a:first-child { margin: -27px 0 0 0; box-shadow: 18px 47px 49px 0px rgba(0, 0, 0, 0.16); }

.openevent .event_0201 .top .tab::after { content: ''; display: block; clear: both; }

.openevent .event_0201 .event_link { background: url("../images/openevent/02-01_img_01.png") center 0 no-repeat; width: 100%; }

.openevent .event_0201 .event_link div { width: 1349px; margin: 0 auto; position: relative; }

.openevent .event_0201 .event_link div.payback { height: 1029px; }

.openevent .event_0201 .event_link div.payback a.btn { bottom: 207px; left: 73px; }

.openevent .event_0201 .event_link div.quiz { height: 786px; }

.openevent .event_0201 .event_link div.quiz a.btn { bottom: 270px; left: 73px; }

.openevent .event_0201 .event_link div a.btn { display: block; position: absolute; }

.openevent .event_0201 img { display: block; }

.openevent .event_0301 img { display: block; margin: 0 auto; }

.openevent .event_0301 .top { background: url("../images/openevent/03-01_bg_01.png") center 0 no-repeat #fff0d9; padding-top: 1150px; }

.openevent .event_0301 .scroll-fixed-area { position: sticky; top: 0; left: 0; width: 100%; height: 150px; z-index: 20; }

.openevent .event_0301 .scroll-fixed-area .sticky_tab { width: 1280px; margin: 0 auto; }

.openevent .event_0301 .scroll-fixed-area .sticky_tab a { display: block; float: left; background: #18264d; width: 320px; }

.openevent .event_0301 .scroll-fixed-area .sticky_tab a p { background: #fff0d9; display: none; }

.openevent .event_0301 .scroll-fixed-area .sticky_tab a.active img { display: none; }

.openevent .event_0301 .scroll-fixed-area .sticky_tab a.active p { display: block; }

.openevent .event_0301 .scroll-fixed-area .sticky_tab a.active p img { display: block; }

.openevent .event_0301 .scroll-fixed-area .sticky_tab::after { content: ''; display: block; clear: both; }

.openevent .event_0301 .scroll-fixed-area.is-fixed .sticky_tab { left: 50%; margin-left: -640px; }

.openevent .event_0301 .type_a { background: url("../images/openevent/03-01_bg_02.png") center 0 no-repeat #fff0d9; position: relative; }

.openevent .event_0301 .type_a a.btn { display: block; position: absolute; left: 50%; bottom: 120px; margin-left: -180px; }

.openevent .event_0301 .type_b { background: url("../images/openevent/03-01_bg_03.png") center 0 no-repeat #ffe2b6; position: relative; }

.openevent .event_0301 .type_b a.btn { display: block; position: absolute; left: 50%; bottom: 120px; margin-left: -180px; }

.openevent .event_0301 .type_c div:nth-child(1) { background: #1c2d5c; }

.openevent .event_0301 .type_c div:nth-child(2) { background: url("../images/openevent/03-01_bg_04.png") center 0 no-repeat #fff0d9; }

.openevent .event_0301 .type_d div:nth-child(1) { background: url("../images/openevent/03-01_bg_05.png") center 0 no-repeat #ffe2b6; position: relative; }

.openevent .event_0301 .type_d div:nth-child(1) a.btn { display: block; position: absolute; left: 50%; bottom: 120px; margin-left: -180px; }

.openevent .event_0301 .type_d div:nth-child(2) { background: #1c2d5c; }

.openevent .event_0302 { background: url("../images/openevent/03-02_img_01.png") center 0 no-repeat; text-indent: -9999px; width: 100%; height: 3160px; }

.openevent .event_0303 { background: url("../images/openevent/03-03_img_01.jpg") center 0 no-repeat; text-indent: -9999px; width: 100%; height: 1400px; }

.openevent .event_0303 div { position: relative; width: 1000px; margin: 0 auto; }

.openevent .event_0303 div a { display: block; position: absolute; text-indent: -9999px; }

.openevent .event_0303 div a.big { width: 220px; height: 220px; right: 25px; top: 244px; }

.openevent .event_0303 div a.small { width: 190px; height: 40px; right: 117px; top: 1050px; }

.openevent .event_0304 { background: #fff0d9; }

.openevent .event_0304 .top { background: url("../images/openevent/03-04_img_01.png") center 0 no-repeat; height: 618px; }

.openevent .event_0304 .bottom { background: url("../images/openevent/03-04_img_02.png") center 0 no-repeat; height: 1149px; }

.openevent .event_0401 img { display: block; margin: 0 auto; }

.openevent .event_0401 .top { background: url("../images/openevent/04-01_img_01.png") center 0 no-repeat; width: 100%; height: 890px; }

.openevent .event_0401 .sticky_tab { width: 100%; height: 140px; background: #7a2456; position: sticky; top: 0; left: 0; z-index: 10; }

.openevent .event_0401 .sticky_tab div { width: 1366px; margin: 0 auto; }

.openevent .event_0401 .sticky_tab div a { display: block; float: left; color: #fdbcdd; font-size: 28px; line-height: 140px; letter-spacing: -2px; width: 227px; text-align: center; }

.openevent .event_0401 .sticky_tab div a.active { background: #eb5788; color: #fff; font-size: 35px; font-weight: 600; }

.openevent .event_0401 .sticky_tab div a:last-child { width: 231px; }

.openevent .event_0401 .sticky_tab div::after { content: ''; display: block; clear: both; }

.openevent .event_0401 .scroll-fixed-area.is-fixed { padding-top: 145px; }

.openevent .event_0401 .coupon { background: url("../images/openevent/04-01_img_02.png") center 0 no-repeat #f6dbd7; padding: 238px 0 116px; }

.openevent .event_0401 .coupon .box { width: 1366px; padding: 0 13px 0 40px; margin: -20px auto 0; }

.openevent .event_0401 .coupon .box span { display: block; float: left; margin: 20px 0 0 59px; cursor: pointer; }

.openevent .event_0401 .coupon .box span:nth-child(2n + 1) { margin-left: 0; }

.openevent .event_0401 .coupon .box span img { display: block; }

.openevent .event_0401 .coupon .box::after { content: ''; display: block; clear: both; }

.openevent .event_0401 .coupon .accordion { max-width: 765px; margin: 80px auto 0; position: relative; }

.openevent .event_0401 .coupon .accordion a { display: block; width: 100%; height: 72px; background: url("../images/openevent/04-01_text_01.png") 0 0 no-repeat; text-indent: -9999px; }

.openevent .event_0401 .coupon .accordion p { width: 100%; height: 310px; background: url("../images/openevent/04-01_text_02.png") 0 0 no-repeat; text-indent: -9999px; display: none; }

.openevent .event_0401 .coupon .accordion.open p { display: block; }

.openevent .event_0401 .payback { background: #b54729; padding-bottom: 59px; }

.openevent .event_0401 .payback div { width: 1366px; margin: 0 auto; position: relative; }

.openevent .event_0401 .payback div a { top: 311px; display: block; width: 260px; height: 290px; position: absolute; text-indent: -9999px; }

.openevent .event_0401 .payback div .option_01 { left: 100px; }

.openevent .event_0401 .payback div .option_02 { left: 397px; }

.openevent .event_0401 .payback div .option_03 { left: 702px; }

.openevent .event_0401 .payback div .option_04 { left: 1003px; }

.openevent .event_0401 .gift { background: #f7dbd7; }

.openevent .event_0401 .live { background: #393939; padding-bottom: 60px; }

.openevent .event_0401 .live .live_tab { width: 1166px; margin: 0 auto; }

.openevent .event_0401 .live .live_tab::after { content: ''; display: block; clear: both; }

.openevent .event_0401 .live .live_tab a { display: block; float: left; background: #f3f3f3; }

.openevent .event_0401 .live .live_tab a.current { background: #fff; }

.openevent .event_0401 .live .tab_content div { display: none; }

.openevent .event_0401 .live .tab_content div.current { display: block; }

.openevent .event_0401 .brand { background: url("../images/openevent/04-01_img_08.png") center 0 no-repeat #f7dbd7; padding-bottom: 100px; }

.openevent .event_0401 .brand .product_link { position: relative; width: 1166px; height: 811px; margin: 0 auto; }

.openevent .event_0401 .brand .product_link a { text-indent: -9999px; display: block; position: absolute; left: 0; top: 246px; width: 388px; height: 250px; }

.openevent .event_0401 .brand .product_link a:nth-child(1) { left: 0; }

.openevent .event_0401 .brand .product_link a:nth-child(2) { width: 390px; height: 500px; left: 388px; }

.openevent .event_0401 .brand .product_link a:nth-child(3) { left: 778px; }

.openevent .event_0401 .brand .product_link a:nth-child(4) { top: 496px; left: 0; }

.openevent .event_0401 .brand .product_link a:nth-child(5) { top: 496px; left: 778px; }

.openevent .event_0401 .brand .product_link a img { display: none; }

.openevent .event_0401 .brand .product_link a:hover img { display: block; }

.openevent .event_0401 .brand .brand_link { width: 1166px; margin: 0 auto; }

.openevent .event_0401 .brand .brand_link::after { content: ''; display: block; clear: both; }

.openevent .event_0401 .brand .brand_link a { display: block; float: left; }

.openevent .event_0402 img { display: block; margin: 0 auto; }

.openevent .event_0402 .top { background: url("../images/openevent/04-02_img_01.jpg") center 0 no-repeat #a4d3f6; padding: 1586px 0 54px; }

.openevent .event_0402 .top a { width: 320px; display: block; margin: 0 auto; }

.openevent .event_0402 .type_a { background: #ebdcf8; }

.openevent .event_0402 .type_b { background: #562a7b; }

.openevent .event_0402 .type_c { background: #ebdcf8; }

.openevent .event_0501 { background: url("../images/openevent/05-01_img_01.png") center 0 no-repeat #2655c7; height: 4838px; position: relative; }

.openevent .event_0501 .btn { width: 1280px; padding-top: 1139px; left: 0; margin: 0 auto; }

.openevent .event_0501 .btn::after { content: ''; display: block; clear: both; }

.openevent .event_0501 .btn a { display: block; float: left; margin-left: 2px; }

.openevent .event_0501 .btn a:first-child { margin-left: 0; }

.openevent .event_0501 .btn a.on { margin-top: -61px; }

.openevent .event_0502 { background: url("../images/openevent/05-02_bg.png") center 0 no-repeat #f7d8bc; }

.openevent .event_0502 div { text-align: center; }

.openevent .event_0502 .type_a span { display: block; text-align: center; }

.openevent .event_0502 .type_a img { display: block; margin: 0 auto; }

.openevent .event_0502 .type_a .btn { width: 1280px; margin: 0 auto; }

.openevent .event_0502 .type_a .btn a { display: block; float: left; margin-left: 2px; }

.openevent .event_0502 .type_a .btn a:first-child { margin-left: 0; }

.openevent .event_0502 .type_a .btn a:nth-child(2) { margin-top: -61px; }

.openevent .event_0502 .type_a .btn::after { content: ''; display: block; clear: both; }

.openevent .event_0502 .type_b { background: #248453; }

.openevent .event_0502 .type_c { background: #f5cead; }

.openevent .event_0502 .type_d { background: #248453; }

.openevent .event_0503 { background: url("../images/openevent/05-03_img_01.png") center 0 no-repeat #2b7f9b; height: 6437px; position: relative; }

.openevent .event_0503 .btn { width: 1280px; padding-top: 1139px; left: 0; margin: 0 auto; }

.openevent .event_0503 .btn::after { content: ''; display: block; clear: both; }

.openevent .event_0503 .btn a { display: block; float: left; margin-left: 2px; }

.openevent .event_0503 .btn a:first-child { margin-left: 0; }

.openevent .event_0503 .btn a.on { margin-top: -61px; }

.openevent .event_0503 .ani_gif { width: 100%; height: 433px; position: absolute; top: 1730px; }

.openevent .event_0503 .ani_gif img { display: block; margin: 0 auto; padding-left: 50px; }

.openevent .event_0503 span { display: block; width: 100%; height: 80px; position: absolute; top: 2028px; }

.openevent .event_0503 span img { display: block; margin: 0 auto; }

.openevent .event_0601 { background: url("../images/openevent/06-01_img_01.jpg") center 0 no-repeat; height: 2180px; }

.openevent .event_0601 div { width: 1116px; position: relative; margin: 0 auto; }

.openevent .event_0601 div a { position: absolute; top: 1769px; width: 390px; height: 124px; display: block; border-radius: 70px; overflow: hidden; }

.openevent .event_0601 div a img { display: block; }

.openevent .event_0601 div a.left { left: 0; }

.openevent .event_0601 div a.right { right: 0; }

.openevent .event_0602 { background: url("../images/openevent/06-02_img_01.jpg") center 0 no-repeat #eee; height: 2302px; }

.openevent .event_0603 { background: url("../images/openevent/06-03_img_01.jpg") center 0 no-repeat; height: 1505px; }

.openevent .event_0701 div { text-align: center; max-width: 1366px; margin: 0 auto; }

.openevent .event_0701 div img { display: block; width: 100%; }

.openevent .event_0701 a { display: block; background: url("../images/openevent/07-01_btn.png") 0 0 no-repeat #472c1c; width: 300px; height: 160px; text-indent: -9999px; margin: 0 auto; border-radius: 30px; }

.openevent .event_0702 div { text-align: center; max-width: 1366px; margin: 0 auto; }

.openevent .event_0702 div img { width: 100%; display: block; }

.openevent .event_0702 a { display: block; background: url("../images/openevent/07-02_btn.png") 0 0 no-repeat; width: 100%; max-width: 1366px; height: 180px; text-indent: -9999px; margin: 0 auto; }

.openevent .event_0801 img { display: block; margin: 0 auto; }

.openevent .event_0801 .top { background: url("../images/openevent/08-01_bg_01.png") 0 0 repeat; padding-bottom: 120px; }

.openevent .event_0801 .top .live_link { width: 1280px; margin: 0 auto; position: relative; }

.openevent .event_0801 .top .live_link a { display: block; width: 282px; height: 60px; border-radius: 100px; overflow: hidden; position: absolute; left: 149px; bottom: 195px; }

.openevent .event_0801 .top .live_tab { width: 1280px; margin: 0 auto; }

.openevent .event_0801 .top .live_tab button { border: 0; display: block; float: left; width: 318px; height: 150px; margin-left: 2px; text-indent: -9999px; }

.openevent .event_0801 .top .live_tab button:nth-child(1) { background: url("../images/openevent/08-01_tab_01.png") 0 0 no-repeat; margin-left: 0; }

.openevent .event_0801 .top .live_tab button:nth-child(1).current { background: url("../images/openevent/08-01_tab_01_on.png") 0 0 no-repeat; }

.openevent .event_0801 .top .live_tab button:nth-child(2) { background: url("../images/openevent/08-01_tab_02.png") 0 0 no-repeat; }

.openevent .event_0801 .top .live_tab button:nth-child(2).current { background: url("../images/openevent/08-01_tab_02_on.png") 0 0 no-repeat; }

.openevent .event_0801 .top .live_tab button:nth-child(3) { background: url("../images/openevent/08-01_tab_03.png") 0 0 no-repeat; width: 320px; }

.openevent .event_0801 .top .live_tab button:nth-child(3).current { background: url("../images/openevent/08-01_tab_03_on.png") 0 0 no-repeat; }

.openevent .event_0801 .top .live_tab span { display: block; float: left; margin-left: 2px; text-indent: -9999px; }

.openevent .event_0801 .top .live_tab::after { content: ''; display: block; clear: both; }

.openevent .event_0801 .top .tab_content { width: 1280px; margin: 2px auto 0; }

.openevent .event_0801 .top .tab_content a { display: none; }

.openevent .event_0801 .top .tab_content a.current { display: block; }

.openevent .event_0801 .type_a { background: #fff; }

.openevent .event_0801 .type_b { background: #c4876c; }

.openevent .event_0801 .type_c { background: #f2f2f2; padding-bottom: 100px; }

.openevent .event_0801 .type_c a { display: block; margin: 0 auto; width: 400px; }

.openevent .event_0801 .type_d { background: #262626; }

.openevent .event_0901 { background: url("../images/openevent/09-01_img_01.jpg") center 0 no-repeat; text-indent: -9999px; width: 100%; height: 2400px; }

.openevent .event_0902 div { background: url("../images/openevent/09-02_bg_01.png") 0 0 repeat; }

.openevent .event_0902 div img { display: block; }

.openevent .event_0902 div a { display: block; max-width: 1002px; margin: 0 auto; }

.openevent .event_0902 div:nth-child(1) img { max-width: 1002px; margin: 0 auto; }

.openevent .event_0902 div:nth-child(2) { background: url("../images/openevent/09-02_bg_02.png") 0 0 repeat; }

.is-position-relative { position: relative; }

.link-openevent-01 { position: absolute; left: 276px; top: 89px; width: 171px; height: 26px; }

.exhibition .ex_0401 img { display: block; margin: 0 auto; }

.exhibition .ex_0401 .top { width: 100%; }

.exhibition .ex_0401 .top img { display: block; }

.exhibition .ex_0401 .sticky_tab { width: 100%; height: 140px; background: black; position: sticky; top: 0; left: 0; z-index: 10; }

.exhibition .ex_0401 .sticky_tab div { width: 1366px; margin: 0 auto; }

.exhibition .ex_0401 .sticky_tab div a { display: block; float: left; color: #eee; font-size: 28px; line-height: 140px; letter-spacing: -2px; width: 227px; text-align: center; }

.exhibition .ex_0401 .sticky_tab div a.active { background: #eb5788; color: #fff; font-size: 35px; font-weight: 600; }

.exhibition .ex_0401 .sticky_tab div a:last-child { width: 231px; }

.exhibition .ex_0401 .sticky_tab div::after { content: ''; display: block; clear: both; }

.exhibition .ex_0401 .scroll-fixed-area.is-fixed { padding-top: 145px; }

/*
MO기반으로 제작했으며, PC는 동일코드이니
변경시 모바일 작업하시고, PC에는 복붙하시면 됩니다.
*/
/* **** 공통: 공용으로 쓰게 될 경우 이동할 것 **** */
main.budget { padding-bottom: 80px; }

main.budget .container, main.budget .section-title-wrap { width: 1010px; }

.budget.section + .budget.section { padding-top: 30px; }

.budget.w520 { max-width: 520px; margin: 0 auto; }

.buttons-wrap.budget { margin: 0 auto; padding-top: 10px !important; }

.buttons.budget { padding: 0 1rem; }

.button.round { border-radius: 50px; padding-left: calc(20px + 0.25em); padding-right: calc(20px + 0.25em); font-size: 14px; }

.button.is-shadow { box-shadow: 0px 11px 20px 0px #0000004d; }

.button.budget { height: 50px; }

.button.budget.is-danger { background-color: #b42836; border: none; color: #fff; }

.button.budget.is-light { background-color: #f5f5f5; border: none; color: #999; }

.button.budget.is-outlined { border: 1px solid #e0e0e0; color: #999; }

.button.budget.is-large { height: 66px; font-size: 16px; }

.button.budget.is-wide { padding-left: calc(45px + 0.25em); padding-right: calc(45px + 0.25em); }

.button.budget.office.is-danger { background-color: #1f8160; }

.button.budget.office.is-danger .i-download { width: 20px; height: 20px; fill: #fff; margin: 0 0 2px 4px; }

.button.budget.office.is-danger .i-cs { width: 20px; height: 20px; fill: #fff; margin: 0 0 0 4px; }

.button-area .office-quote-more-button { color: #202020; font-size: 16px; text-decoration: underline; }

.budget .section-title { font-size: 32px; font-weight: 600; }

.budget .section-title--small { font-size: 16px; line-height: 1.5; }

.budget.section .budget__box { padding: 1rem; margin-bottom: 1rem; background-color: #f6f6f6; font-size: 1.3rem; font-weight: 400; color: #202020; }

.budget.section dl.flag { overflow: hidden; padding-top: 15px; border-top: 1px solid #eee; }

.budget.section dl.flag dt { float: left; width: 10%; padding: 6px 0; }

.budget.section dl.flag dd { float: left; width: 90%; padding: 6px 0; font-size: 14px; color: #777; word-break: keep-all; }

.budget.section dl.flag .flag__class-h { display: flex; justify-content: center; align-items: center; width: 68px; height: 26px; background-color: #5c8aff; font-weight: 800; font-size: 14px; color: #fff; border-radius: 20px; }

.budget.section dl.flag .flag__class-l { display: flex; justify-content: center; align-items: center; width: 68px; height: 26px; background-color: #ffdf8b; font-weight: 800; font-size: 14px; color: #202020; border-radius: 20px; }

.budget .text-button { padding: 0; }

/* 단계: 공용가능 */
.budget.tabs.tabs-step { width: 720px; margin: 0 auto 30px; }

.budget.tabs.tabs-step ul { border: none; }

.budget.tabs.tabs-step li { position: relative; flex-grow: 1; flex-shrink: 0; }

.budget.tabs.tabs-step li > a { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 20px 0; border: none; font-size: 15px; font-weight: 600; color: #999; }

.budget.tabs.tabs-step li > a i { position: relative; z-index: 5; content: ''; display: block; width: 16px; height: 16px; background-color: #e4e4e4; border-radius: 50%; margin-bottom: 12px; }

.budget.tabs.tabs-step li + li a::before { content: ''; position: absolute; left: -60px; top: 26px; z-index: 0; display: block; width: 120px; height: 1px; background-color: #e4e4e4; }

.budget.tabs.tabs-step li.is-active a { color: #b42836 !important; }

.budget.tabs.tabs-step li.is-active a::before { background-color: #b42836; }

.budget.tabs.tabs-step li.is-active a i { background-color: #fff !important; border: 3px solid #b42836 !important; }

.budget.tabs.tabs-step li.is-done a { color: #b42836; }

.budget.tabs.tabs-step li.is-done a::before { background-color: #b42836; }

.budget.tabs.tabs-step li.is-done a i { background-color: #b42836; }

/* 탭: 공용가능 */
.tabs.tabs-pill { padding: 5px 0 10px 0; overflow: auto; }

.tabs.tabs-pill ul { gap: 10px; border: none; justify-content: center; }

.tabs.tabs-pill li a { padding: 8px 30px; background-color: #fff; border: 1px solid #d7d7d7; border-radius: 50px; font-weight: 600; font-size: 16px; color: #c3c3c3; }

.tabs.tabs-pill li.is-active a { background-color: #202020 !important; border: none !important; color: #fff !important; }

.tabs.tabs-pill li.is-done a { background-color: #fff; border-color: #202020; color: #202020; }

/* 플로팅 */
.budget-floating { position: fixed; bottom: 0; z-index: 35; width: 100%; background-color: #fff; box-shadow: 0px -4px 35px 0px #00000017; }

.budget-floating__expand { display: none; }

.budget-floating__contract { position: relative; display: flex; justify-content: space-between; gap: 10px; padding: 30px 10px 20px; width: 1010px; margin: 0 auto; }

.budget-floating__contract__lft > span { font-size: 14px; color: #999; }

.budget-floating__contract__lft h3 { font-size: 20px; font-weight: 600; color: #202020; word-break: keep-all; }

.budget-floating__contract__lft h3 > span { color: #999; font-size: 14px; font-weight: bold; margin-left: 12px; }

.budget-floating__contract__rft { flex-basis: 160px; display: flex; flex-direction: column; align-items: flex-end; }

.budget-floating__contract__rft .price { padding-bottom: 10px; font-size: 14px; color: #b42836; }

.budget-floating__contract__rft .price strong { font-weight: 800; color: #b42836; font-size: 24px; }

.budget-floating__contract__rft__btn { display: flex; gap: 5px; }

.budget-floating__contract__rft__btn .button { height: 32px; }

.budget-floating__contract__rft__btn .button.is-more { border: 1px solid #da949b; color: #b42836; }

.budget-floating__contract__rft__btn .button.is-reset { background-color: #f2f2f2; border: none; color: #999; }

.budget-floating__contract__rft__btn .button.is-small { padding: 0 20px; font-size: 13px; line-height: 15px; }

.budget-floating.office .budget-floating__contract__rft { flex-basis: 300px; flex-direction: row; align-items: center; gap: 15px; }

.budget-floating.office .budget-floating__contract__rft .price { white-space: nowrap; font-size: 15px; color: #1f8160; }

.budget-floating.office .budget-floating__contract__rft .price strong { font-size: 32px; color: #1f8160; }

.budget-floating.office .budget-floating__contract__rft__btn .button { height: 48px; }

/* 유닛: 레이아웃 */
.budget.swiper + h3 { margin-top: 45px; }

.budget .swiper-container { overflow: hidden; width: 100%; max-width: 980px; padding-bottom: 1px; }

.budget.column-layout { font-size: initial; }

.budget.column-layout + h3 { margin-top: 30px; }

.budget.column-layout.__box1 li { display: block; width: 100%; padding: 5px 0; }

.budget.column-layout.__box2 li { display: inline-block; width: calc(50% - 22px); margin: 14px 0 0; font-size: 0; vertical-align: top; }

.budget.column-layout.__box2 li:nth-child(2n + 1) { margin-right: 22px; }

.budget.column-layout.__box3 { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; }

.budget.column-layout.__box3.vertical-wrap { grid-gap: 45px; }

.budget.column-layout.__box3.vertical-wrap li { margin-bottom: 15px; }

.budget.column-layout.__box4 { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px; }

.budget.column-layout.__box6 { display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 15px; }

.budget.column-layout.img-only .product-item__content, .budget.column-layout.img-only .product-item__btn { display: none; }

.budget.column-layout.img-only .is-active .product-item__image { border-bottom: 3px solid #b42836; }

.budget.column-layout li { cursor: pointer; }

/* 유닛: 공통 */
.budget .product-item { min-width: auto; }

.budget .product-item__image { position: relative; background-color: #e6e6e6; border: 1px solid #e9e9e9; border-bottom: none; }

.budget .product-item__image img { display: block; width: 100%; }

.budget .product-item__image .flag { position: absolute; left: 10px; top: 10px; display: flex; gap: 10px; }

.budget .product-item__image .flag__reco { display: flex; justify-content: center; align-items: center; padding: 2px 9px; background-color: #2b66ff; border-radius: 20px; font-size: 12px; color: #fff; }

.budget .product-item__image .flag__class-h { display: flex; justify-content: center; align-items: center; width: 68px; height: 26px; background-color: #5c8aff; font-weight: 800; font-size: 14px; color: #fff; border-radius: 20px; }

.budget .product-item__image .flag__class-l { display: flex; justify-content: center; align-items: center; width: 68px; height: 26px; background-color: #ffdf8b; font-weight: 800; font-size: 14px; color: #202020; border-radius: 20px; }

.budget .product-item__image button { display: flex; justify-content: center; align-items: center; position: absolute; right: 8px; top: 8px; width: 24px; height: 24px; padding: 0; border-radius: 50%; border: 2px solid #fff; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); }

.budget .product-item__image button i { font-weight: 600; color: #fff; }

.budget .product-item__content { display: flex; justify-content: center; align-items: center; height: 75px; border: 1px solid #e9e9e9; border-top: none; text-align: center; }

.budget .product-item__content__ttl { font-weight: 600; font-size: 16px; color: #202020; }

.budget .product-item__content__price { font-weight: 600; font-size: 13px; color: #999; }

.budget .product-item__btn { margin: 10px 0 0 0; text-align: center; }

.budget .product-item__btn button { width: 100%; padding: 10px 0; border: 1px solid #e9e9e9; font-size: 12px; color: #999; }

.budget .is-active .product-item__image { border: 3px solid #b42836; border-bottom: none; }

.budget .is-active .product-item__image img { width: 100%; }

.budget .is-active .product-item__image button { background-color: #b42836; border: none; }

.budget .is-active .product-item__image button i { color: #fff; }

.budget .is-active .product-item__content { border: 3px solid #b42836; border-top: none; }

.budget .is-active .product-item__content__ttl { color: #b42836; }

.budget .is-active .product-item__content__price { color: #b42836; }

.budget.selectImg02 .flag__class-h { width: 68px; height: 26px; }

.budget.selectImg02 .flag__class-l { width: 68px; height: 26px; }

.budget .product-color__image { box-sizing: border-box; border: 1px solid #f3f3f3; }

.budget .product-color__image img { display: block; width: 100%; }

.budget .product-color__image.gray { background-color: #efefef; }

.budget .product-color__image.lwood { background-color: #e5ded2; }

.budget .product-color__image.dwood { background-color: #695447; }

.budget .product-color__image.black { background-color: #353535; }

.budget .product-color__image.ivory { background-color: #fbfaf8; }

.budget .product-color__content { padding: 20px 0; text-align: center; font-weight: 400; font-size: 16px; color: #202020; }

.budget .is-active .product-color__image { border: 3px solid #b42836; }

.budget .product-text { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 60px; background-color: #fff; border: 1px solid #e0e0e0; border-radius: 6px; font-size: 16px; color: #999; }

.budget .product-text i { position: absolute; top: 26%; right: 13px; display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; font-size: 14px; border: 1px solid #e4e4e4; border-radius: 50%; }

.budget .is-active .product-text { border: 3px solid #b42836; color: #b42836; }

.budget .is-active .product-text i { background-color: #b42836; border: none; color: #fff; }

.budget.__box2 .product-text { height: 60px; }

.budget .product-text--detail > a { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 20px 35px 20px 12px; min-height: 82px; background-color: #fff; border-radius: 10px; }

.budget .product-text--detail > a > .lft { flex-basis: 100px; flex-shrink: 0; display: flex; align-items: center; margin-right: 30px; }

.budget .product-text--detail > a > .lft i { display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; font-size: 14px; margin-right: 12px; border: 2px solid #e4e4e4; border-radius: 50%; color: #e4e4e4; }

.budget .product-text--detail > a > .lft strong { font-size: 16px; font-weight: 600; color: #202020; }

.budget .product-text--detail > a > .rgt { flex: 1; font-size: 14px; color: #202020; word-break: keep-all; }

.budget .is-active .product-text--detail > a { background-color: #fff; border: 3px solid #b42836; }

.budget .is-active .product-text--detail > a > .lft { flex-basis: 100px; display: flex; align-items: center; }

.budget .is-active .product-text--detail > a > .lft i { background-color: #b42836; border: none; color: #fff; }

.budget .is-active .product-text--detail > a > .lft strong { color: #b42836; }

.budget .is-active .product-text--detail > a > .rgt { flex: 1; font-size: 14px; color: #b42836; }

/* 유닛: 개별 */
.budget-pitem-bg { padding: 33px 66px; background-color: #f5f5f5; }

.budget-pitem-bg__detail { font-size: 1.2rem; text-align: right; color: #999; }

/* 테이블 */
.budget-list { border-bottom: 1px solid #e4e4e4; }

.budget-list-wrap { padding-top: 5px !important; padding-bottom: 5px; border-top: 1px solid #e4e4e4; }

.budget-list__ttl { display: flex; justify-content: space-between; align-items: center; padding: 10px 0; }

.budget-list__ttl h2 { font-size: 1.4rem; color: #202020; }

.budget-list__ttl h2 strong { font-size: 2rem; }

.budget-list__ttl h3 { font-size: 15px; font-weight: 600; color: #202020; }

.budget-list__ttl .price { flex-basis: 160px; position: relative; display: flex; justify-content: flex-end; align-items: center; font-size: 12px; color: #202020; }

.budget-list__ttl .price span { flex: 1; padding-right: 28px; text-align: right; }

.budget-list__ttl .price strong { font-weight: 800; font-size: 18px; color: #202020; }

.budget-list__ttl .price button { position: absolute; right: 0; padding: 0; }

.budget-list__ttl .price button i { font-size: 20px; color: #777; }

.budget-list__ttl .price button.is-active { transform: rotate(180deg); }

.budget-list__detail { display: none; padding-bottom: 3rem; }

.budget-list__detail.is-active { display: block; }

.budget-dl { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; }

.budget-dl + .budget-dl { margin-top: 1rem; }

.budget-dl-wrap { border-top: 1px solid #202020; padding: 15px 0; margin-right: 10px; }

.budget-dl__ttl { flex-basis: 60px; display: flex; justify-content: center; align-items: center; padding: 2px 0; background-color: #efefef; font-weight: 600; font-size: 13px; color: #202020; }

.budget-dl__detail { flex: 1; }

.budget-dl__detail dl { overflow: hidden; }

.budget-dl__detail dt { float: left; width: 60%; padding: 2px 0; font-size: 15px; color: #202020; }

.budget-dl__detail dd { float: left; width: 40%; padding: 2px 0; font-size: 15px; color: #202020; }

.budget-dl__detail__sub { position: relative; margin-left: 10px; padding-left: 15px; font-size: 13px; color: #999; }

.budget-dl__detail__sub::before { content: 'ㄴ'; position: absolute; left: 0; top: -1px; color: #cecece; }

.budget-dl__detail__sub + dl { margin-top: 5px; }

.budget.budget-summary.ttl { display: flex; justify-content: space-between; align-items: center; padding: 30px 0 15px 0; }

.budget.budget-summary.ttl h2 { font-size: 14px; color: #999; }

.budget.budget-summary.ttl h2 strong { font-size: 22px; color: #202020; }

.budget.budget-summary.ttl h3 { font-size: 18px; font-weight: 600; color: #b42836; }

.budget.budget-summary.ttl .price { font-size: 14px; color: #b42836; }

.budget.budget-summary.ttl .price strong { font-weight: 800; font-size: 22px; color: #b42836; }

.budget.budget-summary.ttl:first-child { padding-top: 0; }

.budget.budget-summary.detail { border-top: 0.2rem solid #b42836; }

.budget.budget-summary.detail .budget-summary__top { padding: 30px 0; text-align: center; line-height: 2; }

.budget.budget-summary.detail .budget-summary__top span { font-size: 14px; color: #999; }

.budget.budget-summary.detail .budget-summary__top h3 { font-size: 22px; font-weight: 600; color: #202020; }

.budget.budget-summary.detail .budget-summary__mid ul { display: flex; justify-content: space-around; align-items: center; }

.budget.budget-summary.detail .budget-summary__mid ul li { flex: 1; position: relative; min-width: 100px; padding: 10px 0; font-size: 16px; color: #202020; text-align: center; }

.budget.budget-summary.detail .budget-summary__mid ul li + li::before { position: absolute; left: 0; top: 30%; content: ''; width: 1px; height: 15px; background-color: #cdcdcd; }

.budget.board-container { border-top: 2px solid #b42836; padding-top: 20px; }

.budget .board__table { width: 100%; padding: 10px 0; border-top: none; }

.budget .board__table-wrap { margin-top: 0; }

.budget .board__table td { padding: 5px 0; border-bottom: none; }

.budget .board__table td.cate { font-weight: 600; color: #202020; font-size: 15px; }

.budget .board__table td.exp .exp-short dl { overflow: hidden; font-size: 15px; }

.budget .board__table td.exp .exp-short dl + dl { margin-top: 10px; }

.budget .board__table td.exp .exp-short dt { float: left; width: 50%; color: #999; }

.budget .board__table td.exp .exp-short dd { position: relative; overflow: hidden; float: left; display: flex; justify-content: flex-end; align-items: center; width: 50%; }

.budget .board__table td.exp .exp-short dd span { flex: 1; padding-right: 24px; font-size: 12px; color: #202020; }

.budget .board__table td.exp .exp-short dd span strong { font-size: 16px; }

.budget .board__table td.exp .exp-short dd button { position: absolute; right: 0; padding: 0; color: #c3c3c3; }

.budget .board__table td.exp .exp-short dd button i { font-size: 16px; }

.budget .board__table td.exp .exp-detail { display: none; margin-top: 10px; padding: 10px 20px; background-color: #f6f6f6; }

.budget .board__table td.exp .exp-detail.is-active { display: block; }

.budget .board__table td.exp .exp-detail dl { overflow: hidden; }

.budget .board__table td.exp .exp-detail dt { float: left; width: 50%; font-size: 13px; color: #999; }

.budget .board__table td.exp .exp-detail dd { position: relative; float: left; width: 50%; font-size: 13px; color: #999; }

.budget .board__table td.exp .exp-detail dd strong { font-weight: 400; color: #999; }

.budget .board__table td.exp .exp-detail__sub { padding-left: 10px; font-size: 13px; color: #999; }

.budget .board__table td.exp .exp-detail__sub::before { content: 'ㄴ'; color: #cecece; margin-right: 5px; }

.budget .board__table__exp { margin-bottom: 10px; padding: 15px 20px; background-color: #f6f6f6; font-size: 13px; line-height: 18px; color: #202020; }

.budget .board__table__exp strong { color: #b42836; }

/* 설명 */
.budget.contents-info-wrap { padding: 20px 15px; }

.budget.contents-info-wrap ul { margin-top: 0; }

/* 팝업 */
.budget.modal { max-height: calc(100vh - 128px); }

.budget.modal .modal-card { width: 520px; }

.budget.modal-full { z-index: 40; max-height: 100vh; }

.budget.modal-full .modal-card { border-radius: initial; }

.budget.modal.custom .modal-card { width: 680px; padding: 0; background-color: transparent; }

.budget.modal.custom .modal-card-body { padding: 0; background-color: transparent; }

.budget.modal.custom .modal-card-body .modal-card-btn-wrap { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); z-index: 3; }

.budget.modal.custom .modal-card-body .modal-card-btn-wrap .button.button { color: #202020; border: none; }

.budget.modal.custom .modal-card-body .modal-card-btn-wrap .button.button:hover { border: none; }

.budget.modal.custom .modal-card img { display: block; cursor: default; }

.budget .modal-card-body .budgetfixed { height: 400px !important; }

.budget-tooltip { display: none; position: fixed; top: 0; right: 0; z-index: 100; width: 100vw; height: 90vh; }

.budget-tooltip span { position: absolute; bottom: 20px; left: -275px; padding: 20px; font-size: 14px; color: #202020; font-weight: 400; background-color: #fff; border: 1px solid #ccc; border-radius: 14px; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1); word-break: keep-all; }

.budget-tooltip span::after { position: absolute; bottom: -6px; right: 36px; width: 12px; height: 12px; transform: rotate(55deg) skew(17deg); content: ''; background-color: #fff; border: 1px solid #ccc; border-left: none; border-top: none; }

.budget-tooltip.is-active { display: block; }

.budget-tooltip-box { position: absolute; right: 600px; bottom: 40px; min-width: 100px; min-height: 30px; }

.budget-tooltip-box strong.color-red { color: #b42836 !important; }

.budget-tooltip-background { width: 100%; height: 100%; background-color: #000; opacity: 0.5; }

.budget .pitem-header-sum { margin-top: 0; }

.budget .pitem-header-sum__price { display: flex; font-size: 15px; align-items: center; justify-content: flex-end; font-weight: 600; }

.budget .pitem-header-sum__price .unit { margin-top: 4px; }

.budget .pitem-header-sum__price strong { font-size: 32px; font-weight: 800; margin: 0 0 8px 12px; color: #1f8160; }

.budget .pitem-header-sum__price strong.is-primary { color: #333; }

.budget-popup__image { display: flex; justify-content: center; align-items: center; }

.budget-popup__content .title { padding: 30px 0 10px; margin-bottom: 5px; font-size: 20px; line-height: 26px; color: #202020; }

.budget-popup__content .title + p { padding-top: 0; }

.budget-popup__content p { padding-top: 20px; font-size: 15px; line-height: 22px; color: #777; }

/* 부분팝업 */
.budget-part-swiper { position: relative; display: flex; overflow: hidden; justify-content: center; align-items: center; max-width: 400px; margin: 0 auto; }

.budget-part-swiper li { display: inline-flex; align-items: center; }

.budget-part-swiper li .image { width: 100%; }

.budget-part-swiper .swiper-pagination .swiper-pagination-bullet { background-color: #c6c6c6; border: 0.1rem solid #fff; opacity: 1; }

.budget-part-swiper .swiper-pagination .swiper-pagination-bullet-active { background-color: #fff; border: none; }

/* **** 개별 페이지 **** */
/* 게이트 */
.budget-intro img { width: 100%; }

.budget.section-question h3 { padding-bottom: 20px; font-size: 20px; font-weight: 600; color: #202020; }

.budget.section-question h3 a { vertical-align: initial; text-decoration: underline; color: #b42836; }

.budget.section-question h3 a span { color: #b42836; }

.budget.section-question h3 span { padding-left: 10px; font-size: 13px; color: #999; }

.budget.section-question h3 + p { margin-top: -15px; }

.budget.section-question p { padding-bottom: 20px; }

.budget.section-question p button { position: relative; top: -2px; color: #777; }

.budget .help3 { text-align: initial; }

/* 마이페이지 */
.budget-mypage-list thead { border-bottom: 1px solid #202020; }

.budget-mypage-list td { color: #333; }

.budget-mypage-list td.name { max-width: 336px; word-wrap: normal; word-break: break-all; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.budget-mypage-list td.date { font-size: 15px; }

.budget-mypage-list td.price p { font-size: 14px; }

.budget-mypage-list td.price p span { font-size: 16px; }

main.budget.office .container, main.budget.office .section-title-wrap { width: 980px; }

main.budget.office .container .section, main.budget.office .section-title-wrap .section { padding: 1.5rem; }

main.budget.office .container .column, main.budget.office .section-title-wrap .column { padding: 12px 40px 40px; }

main.budget.office .location-header .container, main.budget.office .location-header .section-title-wrap { width: 1366px; }

main.budget.office .budget-intro-item { position: relative; cursor: pointer; }

main.budget.office .budget-intro-item a { color: #202020; }

main.budget.office .budget-intro-item:hover .budget-intro-item__btn { width: 105px; border-radius: 20px; }

main.budget.office .budget-intro-item:hover .budget-intro-item__btn b { display: inline-block; }

main.budget.office .budget-intro-item-wrap { display: flex; justify-content: center; align-items: center; gap: 42px; }

main.budget.office .budget-intro-item__img img { display: block; }

main.budget.office .budget-intro-item__btn { position: absolute; width: 38px; height: 38px; border-radius: 20px; bottom: 34px; left: 30px; background-color: #fff; display: flex; justify-content: center; align-items: center; font-weight: bold; transition: all 0.3s ease; overflow: hidden; white-space: nowrap; cursor: pointer; }

main.budget.office .budget-intro-item__btn > span { display: flex; align-items: center; gap: 8px; }

main.budget.office .budget-intro-item__btn > span b { display: none; transition: 0.4s ease-in-out; }

main.budget.office .budget-intro-item__btn > span i { font-weight: 800; font-size: 16px; }

main.budget.office .budget-intro-item-ready { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background-color: rgba(0, 0, 0, 0.7); }

main.budget.office .budget-intro-item-ready span { color: #fff; font-size: 26px; font-weight: 800; display: inline-block; margin-top: 90px; }

main.budget.office .tabs.tabs-pill { padding: 10px 0 10px; overflow: auto; }

main.budget.office .tabs.tabs-pill ul { gap: 10px; border: none; justify-content: center; }

main.budget.office .tabs.tabs-pill li a { padding: 8px 26px; font-weight: 400; font-size: 16px; }

main.budget.office .section-question { width: 780px; margin: 0 auto; }

main.budget.office .product-item__content__ttl { font-size: 14px; letter-spacing: -0.6px; }

main.budget.office .product-item__content__ttl strong { display: block; width: 160px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 2px; }

main.budget.office .product-item__btn { display: flex; gap: 6px; }

main.budget.office .product-item__btn button { display: flex; align-items: center; justify-content: center; gap: 3px; font-weight: 600; }

main.budget.office .product-item__btn button:first-child { flex: 6.5; }

main.budget.office .product-item__btn button:nth-child(2) { flex: 3.5; background-color: #f9f9f9; border-radius: 6px; border: none; }

main.budget.office .product-item__btn button .i-cart { fill: #999; width: 19px; height: 19px; margin-bottom: 2px; }

main.budget.office .is-active .product-item__image { border: 3px solid #1f8160; border-bottom: none; }

main.budget.office .is-active .product-item__image img { width: 100%; }

main.budget.office .is-active .product-item__image button { background-color: #1f8160; border: none; }

main.budget.office .is-active .product-item__image button i { color: #fff; }

main.budget.office .is-active .product-item__content { border: 3px solid #1f8160; border-top: none; }

main.budget.office .is-active .product-item__content__ttl { color: #1f8160; }

main.budget.office .is-active .product-item__content__price { color: #1f8160; }

main.budget.office .section-category-item__search { justify-content: flex-end; }

main.budget.office .content-title-wrap { display: flex; align-items: center; margin-bottom: 0px; }

main.budget.office .content-title-wrap.space-between { border-bottom: none; }

main.budget.office .content-title-wrap.space-between .quote-download { display: flex; align-items: center; justify-content: center; width: 143px; height: 42px; color: #202020; border-radius: 4px; border: 1px solid #ddd; font-size: 14px; font-weight: 600; }

main.budget.office .content-title-wrap.space-between .quote-download .i-login { width: 16px; height: 16px; margin: 0 0 2px 4px; }

main.budget.office .content-title-wrap .content-title--normal { font-size: 30px; font-weight: 600; padding: 0; }

main.budget.office .section-contents-wrap .back-wrap { margin-bottom: 34px; }

main.budget.office .section-contents-wrap .back-btn { display: flex; align-items: center; font-size: 16px; font-weight: 600; gap: 10px; }

main.budget.office .section-contents-wrap .back-btn .ico-arrow-left { display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; background-color: #202020; font-size: 9px; color: #fff; font-weight: bold; border-radius: 50%; margin-top: 2px; }

main.budget.office .section-contents-item__image { width: 115px; height: 115px; }

main.budget.office .section-contents-table__table tbody td { font-size: 15px; color: #202020; }

main.budget.office .section-contents-table__table tbody td.item-image { vertical-align: middle; }

main.budget.office .section-contents-table__table tbody td.item-option { vertical-align: middle; }

main.budget.office .section-contents-table__table tbody td.item-checkbox { vertical-align: middle; }

main.budget.office .section-contents-table__table tbody td.item-checkbox .checkbox-wrap { height: auto; margin-top: 6px; }

main.budget.office .section-contents-table__table tbody .item-price { color: #202020; }

main.budget.office .section-contents-table__table--order { font-size: 14px; color: #202020; padding-top: 25px; margin-bottom: 25px; font-weight: 600; }

main.budget.office .section-contents-table__table--order.is-linear { border-top: 1px solid #202020; }

main.budget.office .section-contents-table__button--wrap { padding-bottom: 0; }

main.budget.office .table-box-form { border-top: 1px solid #202020; }

.pitem-table-container.office .table td { color: #333; }

.pitem-table-container.office .table td.pitem-table__title { color: #007aff; text-decoration: underline; white-space: pre-wrap; }

.pitem-table-container.office .table td.pitem-table__title a { color: #007aff; }

.pitem-table-container.office .table td .price { font-weight: bold; }

.pitem-table-container.office .table td .price .won { font-weight: normal; }

.pitem-table-container.office .office-download-btn { width: 112px; border-radius: 4px; color: #333; padding: 8px 20px; border: 1px solid #ddd; }

.pitem-table-container.office .office-download-btn .i-login { width: 16px; height: 16px; margin: 0 0 0 4px; }

.pitem-table-container.office .button.is-small { min-width: 106px; margin-top: 6px; }

.pitem-table-container.office .button.is-small:nth-child(1) { margin-top: 0; }

/*# sourceMappingURL=style.css.map */