@charset "UTF-8";
/* Component_01Icon Icon[Group].offset */
/* guide.icon */
[class*='ico-'] { display: inline-block; position: relative; vertical-align: middle; background-repeat: no-repeat !important; font-size: 0; }

[class*='ico-sprites-'] { background-image: url(../images/common/ico-sprites-line.svg); }

.ico-sprites-plus { width: 24px; height: 24px; background: none; }

.ico-sprites-plus:before, .ico-sprites-plus:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 23px; height: 1px; background-color: #000; border-radius: 2px; }

.ico-sprites-plus:after { transform: translate(-50%, -50%) rotate(-90deg); }

.ico-sprites-plus.primary:before, .ico-sprites-plus.primary:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 23px; height: 1px; background-color: #772480; border-radius: 2px; }

.ico-sprites-plus.primary:after { transform: translate(-50%, -50%) rotate(-90deg); }

.ico-sprites-plus.size-20 { width: 20px; height: 20px; }

.ico-sprites-plus.size-20:before, .ico-sprites-plus.size-20:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 20px; height: 1px; background-color: #000; border-radius: 2px; }

.ico-sprites-plus.size-20:after { transform: translate(-50%, -50%) rotate(-90deg); }

.ico-sprites-plus.size-10 { width: 10px; height: 10px; }

.ico-sprites-plus.size-10:before, .ico-sprites-plus.size-10:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 10px; height: 1px; background-color: #000; border-radius: 2px; }

.ico-sprites-plus.size-10:after { transform: translate(-50%, -50%) rotate(-90deg); }

.ico-sprites-minus { width: 24px; height: 24px; background: none; }

.ico-sprites-minus:before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 23px; height: 1px; background-color: #000; border-radius: 2px; }

.ico-sprites-minus.primary:before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 23px; height: 1px; background-color: #772480; border-radius: 2px; }

.ico-sprites-minus.size-20 { width: 20px; height: 20px; }

.ico-sprites-minus.size-20:before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 20px; height: 1px; background-color: #000; border-radius: 2px; }

.ico-sprites-minus.size-10 { width: 10px; height: 10px; }

.ico-sprites-minus.size-10:before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 9px; height: 1px; background-color: #000; border-radius: 2px; }

.ico-sprites-attach, a.btn-down:before, button.btn-down:before, .board .list > ul > li.file a strong:after { width: 20px; height: 20px; background-position: -20px -164px; }

.ico-sprites-cal, .form-calendar .input:after { width: 20px; height: 20px; background-position: -100px -164px; }

.ico-sprites-photo, .fn-pic { width: 20px; height: 20px; background-position: -140px -164px; }

.ico-sprites-unlock, .fn-secret span { width: 20px; height: 20px; background-position: -180px -164px; }

.ico-sprites-unlock.lock, .fn-secret input:checked ~ span, .fn-secret span.lock { background-position: -220px -164px; }

.ico-sprites-copy { width: 20px; height: 20px; background-position: -260px -164px; }

.ico-sprites-zzim { width: 20px; height: 20px; background-position: -300px -164px; }

.ico-sprites-zzim.primary, .fn-zzim-toggle input:checked + span:before { background-image: url(../images/common/ico-sprites-etc.svg); background-position: -140px -126px; }

.ico-sprites-zzim.size-24, .fn-zzim-toggle.size-24 span:before { width: 24px; height: 24px; background-position: -25px -587px; }

.ico-sprites-zzim.size-24.primary, .fn-zzim-toggle input:checked + span.size-24:before, .fn-zzim-toggle.size-24 input:checked + span:before, .fn-zzim-toggle.size-24 span.primary:before { background-image: url(../images/common/ico-sprites-etc.svg); background-position: -20px -70px; }

.ico-sprites-cart { width: 20px; height: 20px; background-position: -340px -164px; }

.ico-sprites-cart.size-24, header .util .util-cart:before { width: 24px; height: 24px; background-position: -157px -587px; }

.ico-sprites-cart.size-24.white, header .util .white.util-cart:before, html.scroll-first header.theme-white .util .util-cart:before, html:not(.scroll-up) header.theme-white .util .util-cart:before { background-position: -289px -587px; }

.ico-sprites-down, .btn-down-menual:after { width: 20px; height: 20px; background-position: -380px -164px; }

.ico-sprites-compare { width: 20px; height: 20px; background-position: -460px -164px; }

.ico-sprites-compare.primary { background-image: url(../images/common/ico-sprites-etc.svg); background-position: -180px -126px; }

.ico-sprites-store { width: 20px; height: 20px; }

.ico-sprites-store.primary { background-image: url(../images/common/ico-sprites-etc.svg); background-position: -340px -126px; }

.ico-sprites-above.size-10 { width: 10px; height: 10px; background-position: -410px -330px; }

.ico-sprites-above.size-10.white { background-position: -500px -330px; }

.ico-sprites-below { width: 20px; height: 20px; background-position: -500px -164px; }

.ico-sprites-below.size-13 { width: 13px; height: 13px; background-position: -119px -277px; }

.ico-sprites-below.size-10 { width: 10px; height: 10px; background-position: -380px -330px; }

.ico-sprites-below.size-10.white { background-position: -470px -330px; }

.ico-sprites-top, .btn-top:before { width: 16px; height: 16px; background-position: -20px -223px; }

.ico-sprites-right { width: 13px; height: 13px; background-position: -20px -277px; }

.ico-sprites-cross { width: 13px; height: 13px; }

.ico-sprites-cross:before, .ico-sprites-cross:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 16px; height: 1px; background-color: #000; border-radius: 2px; }

.ico-sprites-cross:after { transform: translate(-50%, -50%) rotate(45deg); }

.ico-sprites-cross.size-10 { width: 10px; height: 10px; }

.ico-sprites-cross.size-10:before, .ico-sprites-cross.size-10:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 12px; height: 1px; background-color: #000; border-radius: 2px; }

.ico-sprites-cross.size-10:after { transform: translate(-50%, -50%) rotate(45deg); }

.ico-sprites-check, .fn-check-toggle span:before { width: 13px; height: 13px; background-position: -86px -277px; }

.ico-sprites-check.gray, .fn-check-toggle span:before, .fn-check-radio.checkbox span:before { background-position: -25px -749px; }

.ico-sprites-check.primary, .fn-check-toggle span.primary:before { background-position: -58px -749px; }

.ico-sprites-check.size-16, .fn-check-toggle span.size-16:before { width: 16px; height: 16px; }

.ico-sprites-check.size-16.primary, .bullet-check:before, .fn-check-toggle span.size-16.primary:before { background-image: url(../images/common/ico-sprites-etc.svg); background-position: -20px -188px; }

.ico-sprites-check.size-16.white, .fn-check-toggle span.size-16.white:before { background-image: url(../images/common/ico-sprites-etc.svg); background-position: -62px -188px; }

.ico-sprites-check.size-20, .fn-check-toggle span.size-20:before { width: 20px; height: 20px; background-position: -660px -164px; }

.ico-sprites-question, .tooltip i:before { width: 10px; height: 10px; background-image: url(../images/common/ico-sprites-etc.svg); background-position: -20px -234px; }

.ico-sprites-next, .fn-circle.next:before, .ui-datepicker.ui-widget .ui-datepicker-header > a:before { width: 10px; height: 10px; background-position: -20px -330px; }

.ico-sprites-next.gray, .gray.fn-circle.next:before, .ui-datepicker.ui-widget .ui-datepicker-header > a.gray:before { background-position: -440px -330px; }

.ico-sprites-prev, .fn-circle.prev:before { width: 10px; height: 10px; background-position: -50px -330px; }

.ico-sprites-write { width: 34px; height: 34px; background-position: -20px -22px; }

.ico-sprites-phone { width: 34px; height: 34px; background-position: -74px -22px; }

.ico-sprites-repair { width: 34px; height: 34px; background-position: -128px -22px; }

.ico-sprites-repair.size-20 { width: 20px; height: 20px; }

.ico-sprites-repair.size-20.l-gray { background-image: url(../images/common/ico-sprites-etc.svg); background-position: -380px -126px; }

.ico-sprites-mail { width: 34px; height: 34px; background-position: -182px -22px; }

.ico-sprites-clock { width: 40px; height: 40px; background-position: -25px -507px; }

.ico-sprites-clock.white, .page-event .event-list .board .list .list-end:before { background-position: -145px -507px; }

.ico-sprites-gift { width: 40px; height: 40px; background-position: -85px -507px; }

.ico-sprites-gift.size-20, .page-event .agency .view .order-area ul li .gift-area .gift:after, .page-event .order-form .select-product .product .gift-area .gift:after { width: 20px; height: 20px; }

.ico-sprites-gift.size-20.primary, .page-event .agency .view .order-area ul li .gift-area .gift:after, .page-event .order-form .select-product .product .gift-area .gift:after { background-image: url(../images/common/ico-sprites-etc.svg); background-position: -100px -126px; }

.ico-sprites-close { width: 18px; height: 18px; }

.ico-sprites-close:before, .ico-sprites-close:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 25px; height: 2px; background-color: #000; border-radius: 4px; }

.ico-sprites-close:after { transform: translate(-50%, -50%) rotate(45deg); }

.ico-sprites-close.white:before, .ico-sprites-close.white:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 25px; height: 2px; background-color: #fff; border-radius: 4px; }

.ico-sprites-close.white:after { transform: translate(-50%, -50%) rotate(45deg); }

.ico-sprites-search, .range-price .input button:before, #pop-sort-price .input button:before { width: 14px; height: 14px; background-color: transparent; background-image: url(../images/common/ico-sprites-etc.svg); background-position: -67px -457px; }

.ico-sprites-search.white, .range-price .input button:before, #pop-sort-price .input button:before { background-image: url(../images/common/ico-sprites-etc.svg); background-position: -111px -457px; }

.ico-sprites-search.size-24, .range-price .input button.size-24:before, #pop-sort-price .input button.size-24:before { width: 24px; height: 24px; background-image: url(../images/common/ico-sprites-etc.svg); background-position: -155px -451px; }

.ico-sprites-notice { width: 40px; height: 40px; background-image: url(../images/common/ico-sprites-etc.svg); background-position: -70px -638px; border-radius: 50%; }

.ico-sprites-notice.light { background-image: url(../images/common/ico-sprites-etc.svg); background-position: -130px -638px; }

.ico-sprites-notice.size-20 { width: 20px; height: 20px; }

.ico-sprites-notice.size-20.primary { background-image: url(../images/common/ico-sprites-etc.svg); background-position: -220px -126px; }

.ico-sprites-notice.size-20.gray { background-image: url(../images/common/ico-sprites-etc.svg); background-position: -260px -126px; }

.ico-sprites-notice.small { width: 18px; height: 18px; background-position: -1111px -118px; }

.ico-sprites-picker { width: 32px; height: 44px; background-image: url(../images/common/ico-sprites-etc.svg); background-position: -69px -736px; }

.ico-sprites-play { width: 50px; height: 50px; background-image: url(../images/common/ico-sprites-etc.svg); background-position: -131px -733px; }

.ico-sprites-answer { width: 24px; height: 24px; background-image: url(../images/common/ico-sprites-etc.svg); background-position: -227px -748px; }

.ico-sprites-none { width: 20px; height: 20px; background-image: url(../images/common/ico-sprites-etc.svg); background-position: -300px -126px; }

.ico-sprites-back { width: 60px; height: 11px; background-position: -1111px -305px; }

.ico-sprites-megaphone, .board .list > ul > li.notice strong:before { width: 30px; height: 30px; background-image: url(../images/common/ico-sprites-etc.svg); background-position: -20px -16px; }

.ico-sprites-share { width: 20px; height: 20px; background-image: url(../images/common/ico-sprites-etc.svg); background-position: -20px -126px; }

.ico-sprites-share.line { background-image: url(../images/common/ico-sprites-line.svg); background-position: -620px -164px; }

.ico-sprites-share.white { background-image: url(../images/common/ico-sprites-etc.svg); background-position: -60px -126px; }

.ico-sprites-share.white-24 { background-image: url(../images/common/ico-sprites-line.svg); width: 24px; height: 24px; background-position: -69px -587px; }

.ico-sprites-link { width: 24px; height: 24px; background-position: -377px -587px; }

.ico-sprites-link.gray { background-position: -421px -587px; }

.ico-sprites-left2 { width: 20px; height: 20px; background-position: -25px -641px; }

.ico-sprites-left2.gray { background-position: -105px -641px; }

.ico-sprites-left2.size-24, header .href-prev { width: 24px; height: 24px; background-position: -201px -587px; }

.ico-sprites-left2.size-24.white, header .white.href-prev, html.scroll-first header.theme-white .href-prev, html:not(.scroll-up) header.theme-white .href-prev { width: 24px; height: 24px; background-position: -245px -587px; }

.ico-sprites-right2, .paging.type-dir a:before { width: 20px; height: 20px; background-position: -65px -641px; }

.ico-sprites-right2.gray, .paging.type-dir a.gray:before, .paging.type-dir a.disabled:before { background-position: -145px -641px; }

.ico-sprites-menu, header .util .util-menu:before { width: 24px; height: 24px; background-position: -113px -587px; }

.ico-sprites-menu.white, header .util .white.util-menu:before, html.scroll-first header.theme-white .util .util-menu:before, html:not(.scroll-up) header.theme-white .util .util-menu:before { background-position: -333px -587px; }

.ico-scroll { width: 8px; height: 42px; background: url("data:image/svg+xml,%3Csvg width='8' height='42' viewBox='0 0 8 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.2736 31.124C4.19946 31.0443 4.10163 31 4 31C3.89837 31 3.80054 31.0443 3.7264 31.124C3.5744 31.2862 0 35.1591 0 37.6985C0.0127564 38.2829 0.126758 38.8585 0.33538 39.392C0.544003 39.9254 0.843087 40.4061 1.21526 40.806C1.58742 41.2059 2.02525 41.5171 2.50331 41.7215C2.98137 41.9259 3.49012 42.0194 4 41.9967C4.50988 42.0194 5.01863 41.9259 5.49669 41.7215C5.97475 41.5171 6.41258 41.2059 6.78475 40.806C7.15691 40.4061 7.456 39.9254 7.66462 39.392C7.87324 38.8585 7.98724 38.2829 8 37.6985C8 35.1591 4.4256 31.2862 4.2736 31.124Z' fill='white'/%3E%3Ccircle cx='4' cy='18' r='3' fill='white' fill-opacity='0.5'/%3E%3Ccircle cx='4' cy='2' r='2' fill='white' fill-opacity='0.3'/%3E%3C/svg%3E%0A"); animation: scroll 2.5s infinite; background-position: 0 -42px; }

@keyframes scroll { 0% { background-position: 0 -42px;
    opacity: 0; }
  70% { opacity: 1; }
  100% { background-position: 0 62px; } }

.ico-minus { position: relative; width: 24px; height: 24px; }

.ico-minus:before { content: ''; position: absolute; width: 100%; height: 1px; left: 0; top: 50%; transform: translateY(-50%); background-color: #772480; }

.ico-down { width: 0; height: 0; border-left: 4.5px solid transparent; border-right: 4.5px solid transparent; border-top: 6px solid #000; }

.ico-down.gray { border-top-color: #d9d9d9; }

.ico-up { width: 0; height: 0; border-left: 4.5px solid transparent; border-right: 4.5px solid transparent; border-bottom: 6px solid #000; }

.ico-up.gray { border-bottom-color: #d9d9d9; }

.ico-insta { width: 18px; height: 18px; background: url(../images/common/ico-sns.svg) -9px -9px; }

.ico-fb { width: 18px; height: 18px; background: url(../images/common/ico-sns.svg) -61px -9px; }

.ico-yt { width: 18px; height: 18px; background: url(../images/common/ico-sns.svg) -113px -9px; }

.ico-blog { width: 18px; height: 18px; background: url(../images/common/ico-sns.svg) -165px -9px; }

.ico-kakao-64, .ico-sprites-kakao { width: 48px; height: 48px; background: url(../images/common/ico-share.svg) -20px -12px; }

.ico-fb-64, .ico-sprites-fb { width: 48px; height: 48px; background: url(../images/common/ico-share.svg) -96px -12px; }

.ico-url-64, .ico-sprites-url { width: 48px; height: 48px; background: url(../images/common/ico-share.svg) -172px -12px; }

.ico-clock { width: 42px; height: 41px; }

.ico-gift { width: 20px; height: 20px; }

.ico-calendar { width: 20px; height: 20px; }

.ico-agency { width: 20px; height: 20px; background-image: url(../images/common/ico-sprites-etc.svg); background-position: -340px -126px; }

.ico-as { width: 20px; height: 20px; background-image: url(../images/common/ico-sprites-etc.svg); background-position: -380px -126px; }

[class*='bullet-'] { display: inline-block; position: relative; }

.bullet-caution, ul.bullet-caution > li { padding-left: 28px; color: #707070; font-size: 16px; line-height: 1.72; }

.bullet-caution:before, ul.bullet-caution > li:before { content: ''; position: absolute; left: 0; top: 4px; width: 20px; height: 20px; background-image: url(../images/common/ico-sprites-etc.svg); background-position: -260px -126px; }

.primary.bullet-caution, ul.bullet-caution > li.primary { color: #772480; font-weight: 700; }

.primary.bullet-caution:before, ul.bullet-caution > li.primary:before { background-image: url(../images/common/ico-sprites-etc.svg); background-position: -220px -126px; }

.bullet-caution .primary { color: #772480; font-weight: 700; }

.bullet-caution .primary:before { background-image: url(../images/common/ico-sprites-etc.svg); background-position: -220px -126px; }

.bullet { color: #707070; font-size: 16px; line-height: 1.72; }

ul.bullet-caution { display: block; padding-left: 0; }

ul.bullet-caution:before { display: none; }

ul.bullet-caution > li { position: relative; }

ul.bullet-caution > li ~ li { margin-top: 12px; }

.bullet-check { padding-left: 18px; }

.bullet-check:before { content: ''; position: absolute; left: 0; top: 50%; right: auto; bottom: auto; transform: translate(0, -50%); width: 16px; height: 16px; }

.bullet-check.after { padding-left: 0; padding-right: 20px; }

.bullet-check.after:before { position: absolute; right: 0; top: 50%; left: auto; bottom: auto; transform: translate(0, -50%); }

.bullet-o, ul.bullet-o > li { padding-left: 14px; color: #707070; font-size: 16px; line-height: 1.72; }

.bullet-o:before, ul.bullet-o > li:before { content: ''; position: absolute; left: 0; top: 14px; width: 4px; height: 4px; border-radius: 50%; background-color: #545454; }

ul.bullet-o { display: block; padding-left: 0; }

ul.bullet-o:before { display: none; }

ul.bullet-o > li { position: relative; }

ul.bullet-o > li ~ li { margin-top: 12px; }

ul.bullet-o > li .primary { color: #772480; }

/* guide.badge */
[class*='badge-'] { display: inline-block; vertical-align: top; }

.badge-tag { width: 60px; height: 60px; font-size: 14px; font-weight: 700; color: #fff; text-align: center; padding-top: 11px; box-sizing: border-box; background: url(../images/common/badge.svg) no-repeat; }

.badge-tag.dday { font-family: "Kumbh Sans"; letter-spacing: normal; }

.badge-best { position: relative; width: 48px; height: 48px; text-align: center; overflow: hidden; border-radius: 0 13px 13px 13px; background: #514C52; }

.badge-best:before { content: ''; position: absolute; left: 50%; top: 9px; transform: translateX(-50%); width: 13px; height: 13px; background-image: url(../images/common/ico-sprites-line.svg); background-image: url(../images/common/ico-sprites-etc.svg); background-position: -86px -274px; }

.badge-best em { display: block; position: relative; margin-top: 22px; z-index: 1; font-size: 11px; font-weight: 700; color: #fff; }

.badge-best-small { width: 54px; height: 24px; line-height: 24px; background: url(../images/common/badge-tag.svg) -194px 0; text-align: center; color: #fff; font-size: 12px; font-weight: 700; }

.badge-new { position: relative; width: 48px; height: 48px; text-align: center; overflow: hidden; border-radius: 0 13px 13px 13px; background: #7F4686; }

.badge-new:before { content: ''; position: absolute; left: 50%; top: 9px; transform: translateX(-50%); width: 13px; height: 13px; background-image: url(../images/common/ico-sprites-line.svg); background-image: url(../images/common/ico-sprites-etc.svg); background-position: -53px -274px; }

.badge-new em { display: block; position: relative; margin-top: 22px; z-index: 1; font-size: 11px; font-weight: 700; color: #fff; }

.badge-event { position: relative; width: 48px; height: 48px; text-align: center; overflow: hidden; border-radius: 0 13px 13px 13px; background: #AA8E73; }

.badge-event:before { content: ''; position: absolute; left: 50%; top: 9px; transform: translateX(-50%); width: 13px; height: 13px; background-image: url(../images/common/ico-sprites-line.svg); background-image: url(../images/common/ico-sprites-etc.svg); background-position: -119px -274px; }

.badge-event em { display: block; position: relative; margin-top: 22px; z-index: 1; font-size: 11px; font-weight: 700; color: #fff; }

.badge-solely { position: relative; width: 48px; height: 48px; text-align: center; overflow: hidden; border-radius: 0 13px 13px 13px; background: #44878B; }

.badge-solely:before { content: ''; position: absolute; left: 50%; top: 9px; transform: translateX(-50%); width: 13px; height: 13px; background-image: url(/assets/images/common/ico_badge_solely.svg); background-size:cover;}

.badge-solely em { display: block; position: relative; margin-top: 22px; z-index: 1; font-size: 11px; font-weight: 700; color: #fff; }

.product-list .list > ul > li .badge-award-area { position: absolute; right: 12px; top: 12px; z-index: 1; }

.product-list .list > ul > li .img-wrap .img-area .badge-award-area img { left: auto; right: 0; height: 48px; width: auto; }

[data-popup-target] { cursor: pointer; }

.ui-popup { visibility: hidden; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; background-color: rgba(0, 0, 0, 0.5); white-space: nowrap; text-align: center; z-index: -1; opacity: 0; font-size: 0; }

.ui-popup:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.ui-popup.active { visibility: visible; z-index: 1000; opacity: 1; }

.ui-popup.toast .content .body { padding: 0; background: none; }

.ui-popup.toast .content .body .img-area { border-radius: 20px 20px 0 0; overflow: hidden; }

.ui-popup.toast .content .body .img-area .swiper-wrapper { align-items: flex-end; }

.ui-popup.toast .content .body .content-area { padding: 0 20px 30px; }

.ui-popup.toast .content .body .content-area .txt-area p { font-weight: 500; color: #333; font-size: 16px; line-height: 1.72; }

.ui-popup.toast .content .footer { background-color: #fff; padding-bottom: 30px; }

.ui-popup.toast .content .footer .utils {padding: 12px 0; white-space: nowrap; }

.ui-popup.toast .content .footer .utils .fn{display:flex; justify-content: space-between;}

.ui-popup.toast .content .footer .utils .fn button { font-size: 15px; color: #909090; margin-right: 16px; }

.ui-popup.toast .content .footer .utils .fn button ~ button { position: relative; margin-left: 16px; }

.ui-popup.toast .content .footer .utils .fn button ~ button:before { content: ''; position: absolute; left: 0; top: 50%; right: auto; bottom: auto; transform: translate(0, -50%); margin-left: -16px; width: 1px; height: 12px; background: #e9e9e9; }

.ui-popup.toast .content .footer .utils .link { font-size: 15px; color: #707070; }

.ui-popup.full { opacity: 1; transform: translateY(100%); background: none; transition: 0.5s all; }

.ui-popup.full:before { display: none; }

.ui-popup.full.active { transform: translateY(0); }

.ui-popup.full .content { display: flex; flex-direction: column; height: 100%; background: #fff; }

.ui-popup.full .content .header { display: flex; justify-content: space-between; align-items: center; height: 70px; flex-shrink: 0; padding: 0 20px; }

.ui-popup.full .content .header p { font-weight: 700; font-size: 20px; line-height: 1.52; letter-spacing: -0.015em; }

.ui-popup.full .content .header .btn-close { position: absolute; top: 26px; }

.ui-popup.full .content .header .btn-close:before, .ui-popup.full .content .header .btn-close:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 25px; height: 2px; background-color: #000; border-radius: 4px; }

.ui-popup.full .content .header .btn-close:after { transform: translate(-50%, -50%) rotate(45deg); }

.ui-popup.full .content .body { height: 100%; }

.ui-popup.full .content .body .content-area { min-height: 100%; padding: 40px 20px 64px; box-sizing: border-box; }

.ui-popup .content { display: inline-block; position: relative; width: 100%; vertical-align: bottom; white-space: normal; text-align: left; box-sizing: border-box; }

.ui-popup .header { position: relative; padding: 20px 20px 16px; border-radius: 20px 20px 0 0; background: #fff; }

.ui-popup .header p { font-weight: 700; font-size: 18px; line-height: 1.72; color: #000; }

.ui-popup .body { overflow: auto; box-sizing: border-box; -webkit-overflow-scrolling: touch; background: #fff; transform-style: preserve-3d; transform: translateZ(0); }

.ui-popup .body .content-area { background: #fff; padding: 0 20px 56px; }

.ui-popup .btn-close { right: 20px; top: -42px; width: 18px; height: 18px; background: none; position: absolute; font-size: 0; overflow: hidden; }

.ui-popup .btn-close:before, .ui-popup .btn-close:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 25px; height: 2px; background-color: #fff; border-radius: 4px; }

.ui-popup .btn-close:after { transform: translate(-50%, -50%) rotate(45deg); }

.ui-popup .footer { overflow: hidden; flex-shrink: 0; padding: 12px 20px 30px; box-shadow: 0px -8px 16px rgba(0, 0, 0, 0.05); }

.ui-popup .footer .btn-group { display: flex; }

.ui-popup .footer .btn-medium { margin: 0; border: 0; }

.ui-popup .footer .btn-medium.normal { border: 1px solid #d9d9d9; }

.ui-popup.column-2 .content { width: 1100px; }

.ui-popup.column-2 .body { overflow: hidden; }

.ui-popup.column-2 .content-area { display: flex; }

.ui-popup.column-2 .content-area > div { overflow-y: auto; overflow-x: hidden; max-height: 680px; }

.ui-popup.column-2 .column-01 { width: 600px; margin-right: 32px; }

.ui-popup.column-2 .column-02 { flex: 1; }

/* ui.select */
.ui-select { display: inline-block; position: relative; z-index: 1; font-size: 10px; width: 200px; height: 3em; vertical-align: top; user-select: none; }

.ui-select.active { z-index: 2; }

.ui-select.active > ul { visibility: visible; }

.ui-select > button { width: 100%; background: #fff; border: 1px solid #ccc; height: 30px; font-size: 1.4em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.ui-select > ul { visibility: hidden; position: absolute; left: 0; top: 100%; width: 100%; border: 1px solid #ccc; border-top: 0; box-sizing: border-box; overflow-y: auto; background-color: #fff; }

.ui-select > ul > li { cursor: default; border-bottom: 1px solid #ccc; height: 30px; line-height: 30px; font-size: 1.4em; padding-left: 5px; }

.ui-select > ul > li.disabled { background-color: #ccc; }

.ui-select > ul > li:last-child { border-bottom: 0; }

.ui-select > ul.above { top: auto !important; bottom: 100%; border-bottom: 0; }

.ui-select > ul.above > li { border-bottom: 0; border-top: 1px solid #ccc; }

.ui-select.children { visibility: hidden; position: absolute; z-index: -1; }

.ui-select.children.enable { visibility: visible; position: relative; z-index: 1; }

/* ui.tree */
.ui-tree { position: relative; z-index: 1; }

.ui-tree .sub { display: none; }

.ui-tree .sub.preview { display: block !important; overflow: hidden; }

.ui-tree .top { position: relative; }

.ui-tree .top .btn-toggle { position: absolute; right: 0; top: 50%; width: 30px; height: 30px; transform: translateY(-50%); background: none; }

.ui-tree .top .btn-toggle:before { content: '열기'; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); width: 20px; height: 1px; background-color: #000; border-radius: 2px; font-size: 0; }

.ui-tree .top .btn-toggle:after { content: ''; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); width: 1px; height: 20px; background-color: #000; border-radius: 2px; }

.ui-tree .active > .top .txt { color: #830890; }

.ui-tree .active > .top .btn-toggle:before { content: '닫기'; background-color: #772480; }

.ui-tree .active > .top .btn-toggle:after { display: none; }

.ui-tree.handle-top .top { cursor: pointer; }

.ui-tree.handle-top .top .btn-toggle { z-index: -1; }

/* ui.tab */
.ui-tab { position: relative; }

.ui-tab .tab-nav { position: relative; }

.ui-tab .tab-nav .inner { display: flex; position: relative; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; padding: 0; }

.ui-tab .tab-nav .inner::-webkit-scrollbar { display: none; }

.ui-tab .tab-nav.theme-black [data-tab-target].active { color: #000; border-color: #000; }

.ui-tab .tab-nav.level-2 [data-tab-target] { flex: none; height: auto; border: 0; padding: 0; }

.ui-tab .tab-nav.level-2 [data-tab-target] ~ [data-tab-target] { margin-left: 32px; }

.ui-tab .tab-nav.level-2 [data-tab-target] ~ [data-tab-target]:before { content: ''; position: absolute; left: -16px; top: 50%; margin-top: -10px; width: 1px; height: 20px; background-color: #e9e9e9; pointer-events: none; }

.ui-tab .tab-nav.level-2.has-scroll i { height: 100%; }

.ui-tab .tab-nav.level-3 { display: flex; }

.ui-tab .tab-nav.level-3 [data-tab-target] { width: 100%; height: 70px; line-height: 68px; font-size: 18px; font-weight: 300; background-color: #F5F5F5; border: 1px solid #e9e9e9; margin: 0; text-align: center; color: #000; }

.ui-tab .tab-nav.level-3 [data-tab-target].active { background-color: #fff; border: 1px solid #000 !important; font-weight: 700; }

.ui-tab .tab-nav.level-3 [data-tab-target] ~ [data-tab-target] { border-left: 0; }

.ui-tab .tab-nav.level-3 [data-tab-target]:before { display: none; }

.ui-tab .tab-nav.has-scroll .blind { position: absolute; top: 0; width: 60px; height: 56px; z-index: 1; }

.ui-tab .tab-nav.has-scroll .blind.blind-l { display: none; left: -1px; background: linear-gradient(90deg, white 35.83%, rgba(255, 255, 255, 0) 100%); }

.ui-tab .tab-nav.has-scroll .blind.blind-l:before { right: 0; left: 10px; transform: translateY(-50%) rotateY(180deg); }

.ui-tab .tab-nav.has-scroll .blind.blind-r { right: -1px; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 64.17%); }

.ui-tab .tab-nav.has-scroll .blind:before { content: ''; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 10px; height: 10px; background-image: url(../images/common/ico-sprites-line.svg); background-position: -440px -330px; }

.ui-tab .tab-nav.has-scroll.scroll .blind-l { display: block; }

.ui-tab .tab-nav.has-scroll.scroll-last .blind-r { display: none; }

.ui-tab .tab-nav.tit [data-tab-target] { text-align: left; }

.ui-tab .tab-nav.product-tab { display: flex; position: sticky; top: 0; z-index: 10; }

.ui-tab .tab-nav.product-tab .ui-sticky { width: 100%; padding: 0 20px; background: #fff; box-sizing: border-box; z-index: 2; transform: none !important; border-bottom: 1px solid #e9e9e9; }

.ui-tab .tab-nav.product-tab .ui-sticky.sticky { border-bottom: 0; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.05); }

.ui-tab .tab-nav.product-tab .ui-sticky.sticky:before { display: none; }

.ui-tab .tab-nav.product-tab .ui-sticky.sticky [data-tab-target].active:before { display: none; }

.ui-tab .tab-nav.product-tab [data-tab-target] { height: 45px; line-height: 45px; margin: 0; padding: 0 12px; border: 0; font-size: 16px; color: #909090; background: #fff; }

.ui-tab .tab-nav.product-tab [data-tab-target].active { color: #830890; font-weight: 700; }

.ui-tab .tab-nav.product-tab [data-tab-target].active:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #830890; }

.ui-tab .tab-nav.product-tab .blind { display: none !important; }

.ui-tab .tab-nav.product-tab .tab-nav[stuck] { display: none; }

.ui-tab .tab-nav.none-flex [data-tab-target] { flex: none; }

.ui-tab [data-tab-target], .ui-tab .tab-nav a { position: relative; height: 58px; cursor: pointer; font-weight: 400; font-size: 18px; line-height: 1.72; color: #ccc; border-bottom: 2px solid #ccc; box-sizing: border-box; text-align: center; padding: 13px 20px; white-space: nowrap; flex: 1; }

.ui-tab [data-tab-target].active, .ui-tab .tab-nav a.active { color: #772480; border-color: #772480; font-weight: 700; }

.ui-tab .tab-content { position: relative; }

.ui-tab .tab-content > div { position: absolute; visibility: hidden; width: 100%; height: 0; overflow: hidden; z-index: -1; opacity: 0; }

.ui-tab .tab-content > div.active { position: relative; visibility: visible; width: auto; height: auto; overflow: visible; z-index: 1; opacity: 1; }

.ui-tab[data-tab*='anchor'] .tab-content > div { position: relative; visibility: visible; width: auto; height: auto; overflow: visible; z-index: 1; opacity: 1; }

.scroll-up .ui-tab .product-tab { top: 70px !important; }

/* ui.sticky */
.ui-sticky-item.sticky { z-index: 1; }

.scroll-down .ui-tab .tab-nav.product-tab [data-tab-target].active:before { display: none; }

.scroll-down .ui-tab .tab-nav.product-tab .ui-sticky { box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.05); border-bottom: 0; }

/* guide.btn */
a[class*='btn'], button[class*='btn'] { display: inline-block; box-sizing: border-box; text-align: center; cursor: pointer; }

a[class*='btn'].type-caution, button[class*='btn'].type-caution { display: flex; justify-content: center; align-items: center; padding: 0 39px; }

a[class*='btn'].type-caution span, button[class*='btn'].type-caution span { position: relative; margin-left: 12px; padding-left: 26px; font-size: 14px; line-height: 1.72; font-weight: 400; text-align: left; }

a[class*='btn'].type-caution span:before, button[class*='btn'].type-caution span:before { content: ''; position: absolute; left: 0; top: 50%; right: auto; bottom: auto; transform: translate(0, -50%); width: 20px; height: 20px; background-image: url(../images/common/ico-sprites-line.svg); background-image: url(../images/common/ico-sprites-etc.svg); background-position: -940px -126px; }

a[class*='btn'].active, button[class*='btn'].active { background-color: #000; color: #fff; border: 0; }

a[class*='btn'].im-active, button[class*='btn'].im-active { background-color: #772480; color: #fff; border: 0; }

a[class*='btn'].in-active, button[class*='btn'].in-active { background-color: #d9d9d9; color: #fff; border: 0; }

a[class*='btn']:disabled, button[class*='btn']:disabled { border: 1px solid #d9d9d9; color: #ccc; }

a[class*='btn'].active:disabled, a[class*='btn'].im-active:disabled, button[class*='btn'].active:disabled, button[class*='btn'].im-active:disabled { background-color: #d9d9d9; color: #fff; }

a[class*='btn'].wide, button[class*='btn'].wide { width: 100%; }

a[class*='fn-'], button[class*='fn-'], label[class*='fn-'] { position: relative; font-size: 0; cursor: pointer; }

label[class*='toggle'] input { visibility: hidden; position: absolute; z-index: -1; }

label[class*='toggle'] span { position: relative; }

.btn { padding: 0 20px; height: 48px; line-height: 46px; border-radius: 3px; font-size: 16px; font-weight: 700; border: 1px solid #000; background-color: #fff; }

.btn.full { width: 100%; }

.btn.light { border-color: #ccc; }

.btn-rad { width: 100%; height: 62px; line-height: 60px; padding: 0 40px; font-size: 20px; font-weight: 700; background-color: #fff; border-radius: 100px; border: 1px solid #757575; }

.btn-medium { width: 100%; height: 56px; line-height: 54px; background-color: #fff; border: 1px solid #545454; font-size: 18px; font-weight: 700; padding: 0 24px; }

.btn-medium.rad { border-radius: 100px; }

.btn-fn, .fn-check-toggle span { width: auto; height: 34px; line-height: 32px; padding: 0 16px; border: 1px solid #000; border-radius: 3px; font-size: 15px; color: #333; background-color: #fff; }

.btn-fn ~ .btn-fn, .fn-check-toggle span ~ .btn-fn, .fn-check-toggle .btn-fn ~ span, .fn-check-toggle span ~ span { margin-left: 4px; }

.btn-fn.rad, .fn-check-toggle span.rad { padding: 0 20px; border-radius: 100px; }

.btn-fn.light, .fn-check-toggle span.light { border-color: #ccc; }

.btn-fn.light.rad, .fn-check-toggle span.light.rad { color: #707070; }

.btn-share { width: 44px; height: 44px; background: #000 url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.25 8.77257L12.45 4.68164' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.25 11.2275L12.45 15.3185' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.12155 12.455C4.47716 12.455 5.57611 11.3561 5.57611 10.0005C5.57611 8.64484 4.47716 7.5459 3.12155 7.5459C1.76593 7.5459 0.666992 8.64484 0.666992 10.0005C0.666992 11.3561 1.76593 12.455 3.12155 12.455Z' fill='white' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.5757 5.90911C15.9313 5.90911 17.0302 4.81017 17.0302 3.45456C17.0302 2.09894 15.9313 1 14.5757 1C13.22 1 12.1211 2.09894 12.1211 3.45456C12.1211 4.81017 13.22 5.90911 14.5757 5.90911Z' fill='white' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.5757 18.9999C15.9313 18.9999 17.0302 17.901 17.0302 16.5454C17.0302 15.1898 15.9313 14.0908 14.5757 14.0908C13.22 14.0908 12.1211 15.1898 12.1211 16.5454C12.1211 17.901 13.22 18.9999 14.5757 18.9999Z' fill='white' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; border-radius: 50%; font-size: 0; }

a.btn-down, button.btn-down { display: inline-flex; align-items: center; padding: 0 20px 0 52px; border: 1px solid #D9D9D9; background-color: #fff; border-radius: 500px; color: #707070; font-size: 16px; line-height: 1.72; color: #000; max-width: 100%; height: 44px; }

a.btn-down:before, button.btn-down:before { content: ''; position: absolute; top: 50%; left: 25px; transform: translateY(-50%); background-image: url(../images/common/ico-sprites-line.svg); }

a.btn-down em, button.btn-down em { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

a.btn-down span, button.btn-down span { white-space: nowrap; }

.btn-group { font-size: 0; text-align: center; }

.btn-group.foot { margin-top: 64px; }

.btn-group.foot .btn-rad ~ .btn-rad { margin-top: 8px; }

.btn-group.medium { display: flex; flex-wrap: wrap; }

.btn-group.medium .btn-medium:nth-child(-n+2) { width: 50%; }

.btn-group.medium .btn-medium:nth-child(n+3) { margin-top: 8px; }

.btn-group.medium.rad { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; }

.btn-group.medium.rad .btn-medium:nth-child(-n+2) { width: calc(50% - 3px); }

.btn-group.default { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; }

.btn-group.default .btn { width: 100%; }

.btn-group.default .btn:nth-child(-n+2) { width: calc(50% - 3px); }

.btn-group.default .btn:nth-child(n+3) { margin-top: 8px; }

.btn-group.flex { display: flex; }

.btn-group.flex > * { flex: 1; }

.btn-more, .comment-area > .btn-group .btn-more { position: relative; width: 64px; height: 64px; border-radius: 50%; font-size: 0; background-color: #f5f5f5; }

.btn-more:before, .comment-area > .btn-group .btn-more:before, .btn-more:after, .comment-area > .btn-group .btn-more:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 20px; height: 1px; background-color: #000; border-radius: 2px; }

.btn-more:after, .comment-area > .btn-group .btn-more:after { transform: translate(-50%, -50%) rotate(-90deg); }

.btn-more.small, .comment-area > .btn-group .btn-more { width: 60px; height: 60px; }

.btn-more.small:before, .comment-area > .btn-group .btn-more:before, .btn-more.small:after, .comment-area > .btn-group .btn-more:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 20px; height: 1px; background-color: #000; border-radius: 2px; }

.btn-more.small:after, .comment-area > .btn-group .btn-more:after { transform: translate(-50%, -50%) rotate(-90deg); }

.btn-more.small:before, .comment-area > .btn-group .btn-more:before, .btn-more.small:after, .comment-area > .btn-group .btn-more:after { border-radius: 0; }

.btn-top { width: 50px; height: 50px; background-color: rgba(255, 255, 255, 0.9); border: 1px solid #F0F0F0; border-radius: 50%; font-size: 0; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15); }

.btn-top:before { content: ''; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); background-image: url(../images/common/ico-sprites-line.svg); }

.btn-chat { width: 50px; height: 50px; border-radius: 50%; background: #772480 url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.25 17.8067C18.5362 15.9741 20 13.158 20 10C20 4.47715 15.5228 0 10 0C4.47715 0 0 4.47715 0 10C0 15.5228 4.47715 20 10 20H16.25V17.8067ZM7.1875 10C7.1875 10.5178 6.76777 10.9375 6.25 10.9375C5.73223 10.9375 5.3125 10.5178 5.3125 10C5.3125 9.48223 5.73223 9.0625 6.25 9.0625C6.76777 9.0625 7.1875 9.48223 7.1875 10ZM10.9375 10C10.9375 10.5178 10.5178 10.9375 10 10.9375C9.48223 10.9375 9.0625 10.5178 9.0625 10C9.0625 9.48223 9.48223 9.0625 10 9.0625C10.5178 9.0625 10.9375 9.48223 10.9375 10ZM13.75 10.9375C14.2678 10.9375 14.6875 10.5178 14.6875 10C14.6875 9.48223 14.2678 9.0625 13.75 9.0625C13.2322 9.0625 12.8125 9.48223 12.8125 10C12.8125 10.5178 13.2322 10.9375 13.75 10.9375Z' fill='white'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; font-size: 0; }

.btn-down-menual { background-color: #fff; padding-right: 64px; letter-spacing: -0.025em; }

.btn-down-menual:after { content: ''; position: absolute; right: 32px; top: 50%; transform: translateY(-50%); background-image: url(../images/common/ico-sprites-line.svg); margin-left: 12px; vertical-align: middle; }

.btn-down-menual.type-icon { width: 20px; height: 20px; padding-right: 0; background: none; font-size: 0; }

.btn-down-menual.type-icon:after { right: 50%; transform: translate(50%, -50%); margin: 0; }

.fn-pic { width: 20px; height: 20px; background-image: url(../images/common/ico-sprites-line.svg); }

.fn-secret { width: 30px; height: 30px; }

.fn-secret input { visibility: hidden; position: absolute; z-index: -1; }

.fn-secret span { position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); width: 20px; height: 20px; background-image: url(../images/common/ico-sprites-line.svg); }

.fn-toggle input:checked ~ span { background-color: #830890; }

.fn-toggle input:checked ~ span:before { transform: translateX(24px); }

.fn-toggle span { display: block; width: 48px; height: 24px; background-color: #545454; border-radius: 50px; transition: 0.5s all; }

.fn-toggle span:before { content: ''; position: absolute; width: 16px; height: 16px; left: 4px; top: 4px; background-color: #fff; border-radius: 50%; transition: 0.5s all; }

.fn-check-toggle input:checked + span { border-color: #830890; color: #830890; }

.fn-check-toggle input:checked + span:before { background: url("data:image/svg+xml,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6.73077L4.56757 10.5L12 3.5' stroke='%23830890' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 0 0; }

.fn-check-toggle span { display: inline-block; border-color: #ccc; }

.fn-check-toggle span:before { content: ''; display: inline-block; background-image: url(../images/common/ico-sprites-line.svg); margin-right: 8px; }

.fn-check-radio { position: relative; }

.fn-check-radio input { visibility: hidden; position: absolute; z-index: -1; }

.fn-check-radio input:checked + span { padding-left: 19px; margin-left: 16px; color: #772480; }

.fn-check-radio input:checked + span:before { content: ''; position: absolute; left: 0; top: 50%; right: auto; bottom: auto; transform: translate(0, -50%); width: 13px; height: 13px; background-image: url("data:image/svg+xml,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 6.73077L4.56757 10.5L12 3.5' stroke='%23772480' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-position: 0; }

.fn-check-radio span { display: inline-block; position: relative; padding-left: 19px; padding-right: 16px; color: #909090; font-size: 16px; }

.fn-check-radio ~ .fn-check-radio:before { content: ''; position: absolute; left: 0; top: 50%; right: auto; bottom: auto; transform: translate(0, -50%); width: 1px; height: 13px; background-color: #e9e9e9; }

.fn-check-radio.checkbox span { padding-left: 19px; margin-left: 16px; }

.fn-check-radio.checkbox span:before { content: ''; position: absolute; left: 0; top: 50%; right: auto; bottom: auto; transform: translate(0, -50%); width: 13px; height: 13px; background-image: url(../images/common/ico-sprites-line.svg); }

.fn-square { width: 56px; height: 56px; background-color: #fff; border: 1px solid #000; border-radius: 4px; }

.fn-square:before, .fn-square:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 20px; height: 1px; background-color: #000; border-radius: 2px; }

.fn-square:after { transform: translate(-50%, -50%) rotate(-90deg); }

.fn-square.minus:after { display: none; }

.fn-square.close { border: 0; border-radius: 0; }

.fn-square.close:before, .fn-square.close:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 16px; height: 1px; background-color: #000; border-radius: 2px; }

.fn-square.close:after { transform: translate(-50%, -50%) rotate(45deg); }

.fn-square.size-20 { width: 20px; height: 20px; }

.fn-circle { width: 24px; height: 24px; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 50%; }

.fn-circle.no-border { border: 0; }

.fn-circle.gray { background-color: #e9e9e9; border-color: #e9e9e9; }

.fn-circle.minus:before { border-radius: 0; }

.fn-circle.minus:after { display: none; }

.fn-circle:before, .fn-circle:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 9px; height: 1px; background-color: #000; border-radius: 2px; }

.fn-circle:after { transform: translate(-50%, -50%) rotate(-90deg); }

.fn-circle.close:before, .fn-circle.close:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 12px; height: 1px; background-color: #000; border-radius: 2px; }

.fn-circle.close:after { transform: translate(-50%, -50%) rotate(45deg); }

.fn-circle.equal:before, .fn-circle.equal:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -250%); width: 9px; height: 1px; background-color: #000; border-radius: 2px; }

.fn-circle.equal:after { transform: translate(-50%, 150%); }

.fn-circle.small, .fn-circle.size-20 { width: 20px; height: 20px; border: 0; }

.fn-circle.small:before, .fn-circle.small:after, .fn-circle.size-20:before, .fn-circle.size-20:after { background-color: #909090; }

.fn-circle.size-30 { width: 30px; height: 30px; border: 0; }

.fn-circle.size-30:before, .fn-circle.size-30:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 10px; height: 1px; background-color: #000; border-radius: 2px; }

.fn-circle.size-30:after { transform: translate(-50%, -50%) rotate(-90deg); }

.fn-circle.size-30:before, .fn-circle.size-30:after { border-radius: 0; }

.fn-circle.disabled:before, .fn-circle.disabled:after { background-color: #ccc; }

.fn-circle.prev { background-color: #f5f5f5; }

.fn-circle.prev:before { height: 10px; background-color: transparent; background-image: url(../images/common/ico-sprites-line.svg); }

.fn-circle.prev:after { display: none; }

.fn-circle.next { background-color: #f5f5f5; }

.fn-circle.next:before { height: 10px; background-color: transparent; background-image: url(../images/common/ico-sprites-line.svg); }

.fn-circle.next:after { display: none; }

.fn-compare-toggle input:checked + span { background: #772480; border-color: #772480; color: #fff; }

.fn-compare-toggle span { display: block; font-size: 16px; line-height: 44px; padding: 0 18px 0 51px; color: #fff; border: 2px solid #fff; border-radius: 100px; color: #333; font-weight: 700; }

.white .fn-compare-toggle span{ color:#fff}

.fn-compare-toggle span:before { content: ''; position: absolute; left: 21px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background: url(../images/common/ico-product-btn.svg) -44px -36px; }

.fn-cart { width: 20px; height: 20px; }

.fn-cart input { visibility: hidden; position: absolute; z-index: -1; }

.fn-zzim-toggle input:checked + span { color: #830890; }

.fn-zzim-toggle input:checked + span:before { background-image: url(../images/common/ico-sprites-line.svg); }

.fn-zzim-toggle span { display: block; width: 20px; height: 20px; }

.fn-zzim-toggle span:before { content: ''; display: block; width: 20px; height: 20px; }

.fn-zzim-toggle.size-24 span { width: 24px; height: 24px; }

.fn-zzim-toggle.size-24 span:before { background-image: url(../images/common/ico-sprites-line.svg); }

.fn-accordion input { visibility: hidden; position: absolute; z-index: -1; }

.fn-accordion input:checked + span { color: #333; background: #fff; }

.fn-accordion input:checked + span:after { background-position: -380px -330px; }

.fn-accordion span { display: flex; height: 34px; align-items: center; padding: 0 16px; font-size: 15px; color: #fff; background: #333; border: 1px solid #333; border-radius: 3px; box-sizing: border-box; }

.fn-accordion span:after { content: ''; width: 10px; height: 10px; background-image: url(../images/common/ico-sprites-line.svg); background-position: -500px -330px; margin-left: 8px; }

.fn-accordion.rad span { border-radius: 100px; }

.fn-accordion.gray span { background-color: #f5f5f5 !important; color: #000; border-color: #f5f5f5; }

.fn-accordion.gray span:after { background-position: -410px -330px; }

.href-naver { display: inline-block; vertical-align: top; width: 54px; height: 54px; font-size: 0; background: url(../images/login/naver.png) 0/cover; }

.href-naver.size-48 { width: 48px; height: 48px; }

.href-kakao { display: inline-block; vertical-align: top; width: 54px; height: 54px; font-size: 0; background: url(../images/login/kakao.png) 0/cover; }

.href-kakao.size-48 { width: 48px; height: 48px; }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(../font/NotoSans-Light.woff) format("woff"); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(../font/NotoSans-Medium.woff) format("woff"); }

@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(../font/NotoSans-Bold.woff) format("woff"); }

@font-face { font-family: 'Kumbh Sans'; font-style: normal; font-weight: 300; src: url(../font/KumbhSans-Light.woff) format("woff"); }

@font-face { font-family: 'Kumbh Sans'; font-style: normal; font-weight: 500; src: url(../font/KumbhSans-Medium.woff) format("woff"); }

@font-face { font-family: 'Kumbh Sans'; font-style: normal; font-weight: 700; src: url(../font/KumbhSans-Bold.woff) format("woff"); }

@font-face { font-family: 'Kumbh Sans'; font-style: normal; font-weight: 900; src: url(../font/KumbhSans-900.woff) format("woff"); }

@font-face { font-family: 'NanumSquare_ac'; font-style: normal; font-weight: 300; src: url(../font/NanumSquare_acL.ttf) format("truetype"); }

@font-face { font-family: 'NanumSquare_ac'; font-style: normal; font-weight: 400; src: url(../font/NanumSquare_acR.ttf) format("truetype"); }

@font-face { font-family: 'NanumSquare_ac'; font-style: normal; font-weight: 700; src: url(../font/NanumSquare_acB.ttf) format("truetype"); }

@font-face { font-family: 'NanumSquare_ac'; font-style: normal; font-weight: 800; src: url(../font/NanumSquare_acEB.ttf) format("truetype"); }

/* base */
html { height: 100%; }

body { height: 100%; margin: 0; font-weight: 400; font-size: 16px; line-height: 1.72; color: #000; word-break: keep-all; -webkit-text-size-adjust: none; }

h1, h2, h3, h4, h5, h6 { margin: 0; font-size: inherit; font-weight: inherit; }

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

abbr, u { text-decoration: none; }

th { font-weight: 700; }

strong, b { font-weight: 700; }

address, em, i, cite, dfn, var { font-style: normal; }

blockquote, dl, dd, ul, ol, p, pre, figure { margin: 0; }

legend { padding: 0; }

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

li { list-style: none; }

pre, code { font-family: inherit; }

mark { color: inherit; }

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

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

button { position: relative; padding: 0; font-family: inherit; font-size: inherit; color: inherit; background-color: transparent; border: none; cursor: pointer; }

button[disabled] { cursor: default; }

textarea { padding: 0; font-family: inherit; color: inherit; font-size: 16px; }

input { padding: 0; font-family: inherit; color: inherit; font-weight: 300; font-size: 16px; min-width: 0; }

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

select { font-family: inherit; color: inherit; font-size: 16px; }

label { display: inline-block; }

img { vertical-align: top; width: 100%; }

/* common */
.t-left { text-align: left !important; }

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

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

.font-kr { font-family: 'Noto Sans KR' !important; }

.font-en { font-family: 'Kumbh Sans' !important; letter-spacing: normal; }

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

.wide { width: 100% !important; }

.none { display: none; }

.scroll-hidden { touch-action: none; -webkit-overflow-scrolling: none; overflow: hidden; /* 이외의 브라우저 */ overscroll-behavior: none; }

.scroll-hidden body { touch-action: none; -webkit-overflow-scrolling: none; }

.hidden { visibility: hidden; }

.hidden-type { position: absolute; visibility: hidden; z-index: -1; }

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

.flex-row-between-center { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }

/* typo guide */
.hero-default { font-weight: 700; font-size: 20px; line-height: 1.52; letter-spacing: -0.015em; }

.hero-default-en { font-weight: 700; font-size: 20px; line-height: 1.52; letter-spacing: -0.015em; font-family: "Kumbh Sans"; letter-spacing: normal; }

.hero-product { font-weight: 700; color: #fff; font-size: 40px; line-height: 1.4; letter-spacing: -0.03em; }

.hero-product-en { font-weight: 700; color: #fff; font-size: 40px; line-height: 1.4; letter-spacing: -0.03em; font-family: "Kumbh Sans"; letter-spacing: normal; }

.headline-product { font-weight: 300; color: #fff; font-size: 18px; line-height: 1.72; }

.headline-product-en { font-weight: 300; color: #fff; font-size: 18px; line-height: 1.72; font-family: "Kumbh Sans"; letter-spacing: normal; }

.headline-company { font-weight: 700; color: #fff; font-size: 38px; line-height: 1.52; letter-spacing: -0.015em; }

.headline-company-en { font-weight: 700; color: #fff; font-size: 38px; line-height: 1.52; letter-spacing: -0.015em; font-family: "Kumbh Sans"; letter-spacing: normal; }

.h1 { font-weight: 700; font-size: 40px; line-height: 1.4; letter-spacing: -0.03em; }

.h1-en { font-weight: 700; font-size: 40px; line-height: 1.4; letter-spacing: -0.03em; font-family: "Kumbh Sans"; letter-spacing: normal; }

.h2 { font-weight: 700; font-size: 30px; line-height: 1.52; letter-spacing: -0.015em; }

.h2-en { font-weight: 700; font-size: 30px; line-height: 1.52; letter-spacing: -0.015em; font-family: "Kumbh Sans"; letter-spacing: normal; }

.h3 { font-weight: 700; font-size: 26px; line-height: 1.52; letter-spacing: -0.015em; }

.h3-en { font-weight: 700; font-size: 26px; line-height: 1.52; letter-spacing: -0.015em; font-family: "Kumbh Sans"; letter-spacing: normal; }

.h3-r { font-weight: 400; font-size: 26px; line-height: 1.52; letter-spacing: -0.015em; }

.h3-r-en { font-weight: 400; font-size: 26px; line-height: 1.52; letter-spacing: -0.015em; font-family: "Kumbh Sans"; letter-spacing: normal; }

.board-header { font-weight: 700; font-size: 16px; line-height: 1.72; }

.board-header-en { font-weight: 700; font-size: 16px; line-height: 1.72; font-family: "Kumbh Sans"; letter-spacing: normal; }

.h4 { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.h4-en { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; font-family: "Kumbh Sans"; letter-spacing: normal; }

.h4-r { font-weight: 400; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.h4-r-en { font-weight: 400; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; font-family: "Kumbh Sans"; letter-spacing: normal; }

.h5 { font-weight: 700; font-size: 18px; line-height: 1.72; }

.h5-en { font-weight: 700; font-size: 18px; line-height: 1.72; font-family: "Kumbh Sans"; letter-spacing: normal; }

.h5-r { font-weight: 400; font-size: 18px; line-height: 1.72; }

.h5-r-en { font-weight: 400; font-size: 18px; line-height: 1.72; font-family: "Kumbh Sans"; letter-spacing: normal; }

.body { font-weight: 500; color: #333; font-size: 16px; line-height: 1.72; }

.body-en { font-weight: 500; color: #333; font-size: 16px; line-height: 1.72; font-family: "Kumbh Sans"; letter-spacing: normal; }

.body-b { font-weight: 700; color: #333; font-size: 16px; line-height: 1.72; }

.body-b-en { font-weight: 700; color: #333; font-size: 16px; line-height: 1.72; font-family: "Kumbh Sans"; letter-spacing: normal; }

.desc { color: #707070; font-size: 16px; line-height: 1.72; }

.desc-en { color: #707070; font-size: 16px; line-height: 1.72; font-family: "Kumbh Sans"; letter-spacing: normal; }

.desc-b { font-weight: 700; color: #707070; font-size: 16px; line-height: 1.72; }

.desc-b-en { font-weight: 700; color: #707070; font-size: 16px; line-height: 1.72; font-family: "Kumbh Sans"; letter-spacing: normal; }

.date { color: #707070; font-size: 16px; line-height: 1.72; }

.date-en { color: #707070; font-size: 16px; line-height: 1.72; font-family: "Kumbh Sans"; letter-spacing: normal; }

.product-code { font-size: 16px; line-height: 1.72; }

.product-code-en { font-size: 16px; line-height: 1.72; font-family: "Kumbh Sans"; letter-spacing: normal; }

.product-won { font-size: 16px; line-height: 1.72; }

.product-won-en { font-size: 16px; line-height: 1.72; font-family: "Kumbh Sans"; letter-spacing: normal; }

.original-price { font-size: 16px; line-height: 1.72; color: #707070; text-decoration: line-through; }

.original-price-en { font-size: 16px; line-height: 1.72; color: #707070; text-decoration: line-through; font-family: "Kumbh Sans"; letter-spacing: normal; }

.original-won { font-size: 16px; line-height: 1.72; color: #707070; }

.original-won-en { font-size: 16px; line-height: 1.72; color: #707070; font-family: "Kumbh Sans"; letter-spacing: normal; }

.sale { font-weight: 700; font-size: 16px; line-height: 1.72; color: #830890; }

.sale-en { font-weight: 700; font-size: 16px; line-height: 1.72; color: #830890; font-family: "Kumbh Sans"; letter-spacing: normal; }

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

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

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

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

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

.mt-48 { margin-top: 48px; }

.mt-56 { margin-top: 56px; }

.mt-64 { margin-top: 64px; }

.mt-72 { margin-top: 72px; }

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

.justify { text-align: justify; text-align-last: justify; }

.justify > * { display: inline-block; vertical-align: top; text-align: left; text-align-last: auto; }

.price-group { display: flex; align-items: center; flex-wrap: wrap; }

.price-group .sel strong { font-size: 18px; margin-right: 2px; }

.price-group .original { position: relative; margin-left: 12px; padding-left: 12px; color: #707070; }

.price-group .original:before { content: ''; position: absolute; left: 0; top: 50%; right: auto; bottom: auto; transform: translate(0, -50%); width: 1px; height: 12px; background: #e9e9e9; }

.price-group .original strong { font-weight: 400; margin-right: 2px; text-decoration: line-through; }

.price-group .sale { margin-left: 8px; }

.price-group.multi .sel { width: 100%; }

.price-group.multi .original { margin: 0; padding: 0; }

.price-group.multi .original:before { display: none; }

.dot-dl { font-size: 16px; font-weight: 300; color: #545454; }

.dot-dl:after { content: ''; display: table; clear: both; }

.dot-dl dt { clear: left; float: left; position: relative; padding-left: 12px; }

.dot-dl dt:before { content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #545454; position: absolute; left: 0; top: 50%; right: auto; bottom: auto; transform: translate(0, -50%); }

.dot-dl dd { float: left; padding-left: 4px; }

.paging { text-align: center; font-size: 0; }

.paging a { padding: 0 5px; font-weight: 700; font-size: 16px; line-height: 1.72; font-family: "Kumbh Sans"; letter-spacing: normal; }

.paging a.disabled { cursor: default; color: #ccc; }

.paging .num { display: inline-block; position: relative; margin: 0 30px; padding: 0 25px; }

.paging .num:before { content: ''; position: absolute; width: 1px; height: 15px; background-color: #e9e9e9; left: 0; top: 50%; transform: translateY(-50%); }

.paging .num:after { content: ''; position: absolute; width: 1px; height: 15px; background-color: #e9e9e9; right: 0; top: 50%; transform: translateY(-50%); }

.paging .num a { color: #D9D9D9; }

.paging .num a ~ a { margin-left: 6px; }

.paging .num a.active { color: #000; }

.paging.type-dir:after { content: ''; display: table; clear: both; }

.paging.type-dir a { position: relative; font-weight: 700; font-size: 18px; line-height: 1.72; }

.paging.type-dir a:before { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-image: url(../images/common/ico-sprites-line.svg); }

.paging.type-dir a.next { float: right; padding-right: 32px; }

.paging.type-dir a.prev { float: left; padding-left: 32px; }

.paging.type-dir a.prev:before { right: auto; left: 0; transform: translateY(-50%) rotateY(180deg); }

.board:after { content: ''; display: table; clear: both; }

.board .paging { margin-top: 56px; }

.board .img-area { position: relative; }

.board .img-area .badge-tag { position: absolute; left: 0; top: 0; }

.board .txt-area { display: block; }

.board .search-area { position: relative; padding-bottom: 56px; }

.board .search-area label { float: left; }

.board .search-area input[type='checkbox'] { position: absolute; visibility: hidden; left: 0; top: 0; /* 검색 UI 변경 &:checked { ~ .search-input { transform: translateX(-100%); } ~ .btn-search { transform: translateX(-80px); span.ico-search { visibility: hidden; } button.ico-search { visibility: visible; } } }*/ }

.board .search-area .btn-search { font-size: 0; cursor: pointer; /* 검색 UI 변경 button.ico-search { position: absolute; left: 0; top: 0; }*/ }

.board .search-area .btn-search .ico-search { position: absolute; right: 10px; top: 7px; width: 34px; height: 34px; }

.board .search-area .btn-search .ico-search:before { content: ''; width: 24px; height: 24px; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); background-image: url(../images/common/ico-sprites-etc.svg); background-position: -155px -451px; }

.board .search-area .search-input { background-color: #f5f5f5; border-radius: 27px; white-space: nowrap; }

.board .search-area .search-input input { width: 100%; padding: 0 60px 0 20px; /* 검색 UI 변경으로 삭제 float: left; width: 252px; padding: 0 24px;*/ background: none; border: 0; box-sizing: border-box; }

.board .comment-area { margin: 56px -20px 0; padding: 56px 20px 0; border-top: 8px solid #f7f7f7; }

.board .list .top { position: relative; }

.board .list .top .total { padding-bottom: 24px; }

.board .list .top .total span { font-weight: 700; color: #772480; }

.board .list .top ~ .empty-area { /* 검색결과 없을 때 */ padding: 116px 0 76px; }

.board .list > ul { border-bottom: 1px solid #E9E9E9; }

.board .list > ul > li { position: relative; padding: 24px 0; border-top: 1px solid #E9E9E9; }

.board .list > ul > li > a { display: block; position: relative; overflow: hidden; }

.board .list > ul > li > a strong { display: block; margin-top: 12px; font-weight: 400; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.board .list > ul > li.notice strong { display: flex; align-items: center; font-weight: 700; }

.board .list > ul > li.notice strong:before { content: ''; background-image: url(../images/common/ico-sprites-etc.svg); vertical-align: top; margin-right: 12px; flex-shrink: 0; }

.board .list > ul > li.file a strong:after { content: ''; display: inline-block; background-image: url(../images/common/ico-sprites-line.svg); margin-left: 8px; }

.board .list .btn-more { margin-top: 24px; }

.board .list .date { display: block; color: #000; }

.board .list.thumbnail > ul { border: 0; }

.board .list.thumbnail > ul > li { padding: 0; border: 0; vertical-align: top; }

.board .list.thumbnail > ul > li > a .txt-area { margin-top: 24px; }

.board .list.thumbnail > ul > li > a .txt-area strong { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-top: 16px; }

.board .list.thumbnail > ul > li ~ li { margin-top: 56px; }

.board .list.thumbnail > ul.column-01 { border-bottom: 1px solid #E9E9E9; margin: 0; }

.board .list.thumbnail > ul.column-01 > li { display: block; border-top: 1px solid #E9E9E9; margin: 0; padding: 42px 30px; }

.board .list.thumbnail > ul.column-01 > li a { display: flex; align-items: center; justify-content: space-between; }

.board .list.thumbnail > ul.column-01 > li .img-area { width: 180px; min-width: 180px; margin-left: 40px; }

.board .list.thumbnail > ul.column-01 > li .txt-area { margin-top: 0; }

.board .list.thumbnail > ul.column-01 > li .txt-area strong { margin-top: 16px; }

.board .list.thumbnail > ul.column-02 > li { width: 584px; }

.board .list.thumbnail > ul.column-03 > li { width: 360px; }

.board .list.thumbnail .img-area { display: block; }

.board .list.thumbnail .img-area img { width: 100%; }

.board .list.thumbnail .btn-more { margin-top: 48px; }

.board .list.thumbnail-row > ul > li > a { display: flex; align-items: center; }

.board .list.thumbnail-row > ul > li > a .img-area { width: 90px; flex-shrink: 0; border-radius: 6px; overflow: hidden; }

.board .list.thumbnail-row > ul > li > a .txt-area { margin-left: 20px; }

.board .list.thumbnail-row > ul > li > a .txt-area strong { margin-top: 8px; font-weight: 700; font-size: 18px; line-height: 1.72; }

.board .list.thumbnail-row > ul > li > a .util-area { flex: none; margin-left: 12px; padding: 0 12px; }

.board .list.thumbnail-row > ul > li > a .util-area .btn-download { width: 20px; height: 20px; }

.board .view .content-area .page-title { text-align: left; }

.board .view .content-area .page-title strong { font-weight: 700; font-size: 30px; line-height: 1.52; letter-spacing: -0.015em; margin: 0; }

.board .view .content-area .page-title .date { display: block; padding: 16px 0 56px; color: #707070; font-size: 16px; line-height: 1.72; color: #000; }

.board .view .content-area .content .img-area { padding-bottom: 40px; }

.board .view .content-area .content .img-area img { width: 100%; }

.board .view .content-area .content .txt-area p { font-weight: 500; color: #333; font-size: 16px; line-height: 1.72; font-weight: 300; white-space: pre-line; }

.board .view .content-area .content .utils { display: flex; justify-content: space-between; margin-top: 43px; }

.board .view .content-area .content .utils .btn-down { display: flex; word-break: break-all; overflow: hidden; margin-right: 24px; }

.board .view .content-area .content .utils .btn-share { margin-left: auto; flex: none; }

.board .view .content-area .content .paging { padding-top: 32px; border-top: 1px solid #E9E9E9; }

.board .view .content-area.column-02 { display: flex; justify-content: space-between; }

.board .view .content-area.column-02 .content { width: 100%; margin-left: 88px; min-width: 808px; }

.ui-tab .tab-content .empty-area { padding: 140px 0 76px; }

.empty-area { padding: 100px 0 76px; text-align: center; }

.empty-area span { display: inline-block; vertical-align: top; color: #545454; }

.empty-area span:before { content: ''; display: block; width: 100px; height: 90px; margin: 0 auto 16px; background: url(../images/common/component_illust.svg) -20px -120px; }

.empty-area span.no-content:before { background-position: -180px -120px; }

.empty-area span.no-basket:before { background-position: -340px -120px; }

.empty-area span.no-img:before { background-position: -734px -120px; }

.empty-area span.no-product:before { background-position: -500px -120px; }

.empty-area span .btn-group { text-align: center; margin-top: 24px; }

.comment-area .input { position: relative; padding: 20px; border: 1px solid #e9e9e9; overflow: hidden; }

.comment-area .input textarea { padding: 0; border: 0; }

.comment-area .input .util { display: flex; margin-top: 8px; align-items: flex-end; }

.comment-area .input .util .btn-fn, .comment-area .input .util .fn-check-toggle span, .fn-check-toggle .comment-area .input .util span { margin-left: 10px; }

.comment-area .input .util .btn-group { display: flex; align-items: center; }

.comment-area .input .util .btn-group.post { margin-left: auto; }

.comment-area .input .util .btn-group.upload { position: relative; min-height: 34px; }

.comment-area .input .util .btn-group.upload .fn-pic { position: absolute; left: 0; bottom: 7px; }

.comment-area .input .util .btn-group.upload .file a { display: block; width: 56px; height: 56px; border-radius: 4px; overflow: hidden; }

.comment-area .input .util .btn-group.upload .file a:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #e9e9e9; border-radius: 4px; }

.comment-area .input .util .btn-group.upload .file a img { width: 100%; height: auto; }

.comment-area .input .util .btn-group.upload .file .btn-close { position: absolute; right: 0; top: 0; width: 20px; height: 20px; border: 1px solid #d9d9d9; border-radius: 4px; background: #fff; }

.comment-area .input .util .btn-group.upload .file .btn-close:before, .comment-area .input .util .btn-group.upload .file .btn-close:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 11px; height: 1px; background-color: #000; border-radius: 2px; }

.comment-area .input .util .btn-group.upload .file .btn-close:after { transform: translate(-50%, -50%) rotate(45deg); }

.comment-area .input.disabled { background-color: #f5f5f5; border-color: #d9d9d9; }

.comment-area .input.disabled:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #f5f5f5; opacity: 0.9; }

.comment-area .input.disabled textarea { background-color: #f5f5f5; }

.comment-area .input.disabled textarea::-webkit-input-placeholder { color: #333; }

.comment-area .input.disabled textarea::-moz-placeholder { color: #333; }

.comment-area .input.disabled textarea:-ms-input-placeholder { color: #333 !important; }

.comment-area .input.disabled textarea::-ms-input-placeholder { color: #333; }

.comment-area .input.disabled textarea::placeholder { color: #333; }

.comment-area .bullet-caution { margin-top: 16px; }

.comment-area .output .top { margin-top: 40px; }

.comment-area .output .top strong { font-weight: 700; font-size: 16px; line-height: 1.72; }

.comment-area .output .top .bullet-caution { color: #707070; font-size: 16px; line-height: 1.72; }

.comment-area .output .top .bullet-caution i { margin-right: 8px; }

.comment-area .output .comment { border-top: 1px solid #000; }

.comment-area .output .comment li { position: relative; margin-top: 24px; padding-bottom: 24px; border-bottom: 1px solid #e9e9e9; }

.comment-area .output .comment li strong { font-size: 16px; font-family: "Kumbh Sans"; letter-spacing: normal; }

.comment-area .output .comment li .date { position: relative; color: #000; padding-left: 10px; margin-left: 10px; }

.comment-area .output .comment li .date:before { content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 12px; transform: translateY(-50%); background-color: #E9E9E9; }

.comment-area .output .comment li .txt { display: flex; margin-top: 8px; }

.comment-area .output .comment li .txt .img { flex: none; width: 70px; height: 70px; border-radius: 6px; overflow: hidden; margin-right: 16px; }

.comment-area .output .comment li .txt p { width: 100%; }

.comment-area .output .comment li .txt p.private { display: flex; align-items: center; color: #909090; }

.comment-area .output .comment li .txt p.private:after { content: ''; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='2' y='6.5' width='16' height='13' rx='2.5' stroke='%23B2B2B2'/%3E%3Cpath d='M10 11.2764L10 14.7244' stroke='%23B2B2B2' stroke-linecap='round'/%3E%3Cpath d='M14.5 7V5C14.5 2.51472 12.4853 0.5 10 0.5V0.5C7.51472 0.5 5.5 2.51472 5.5 5V7' stroke='%23B2B2B2'/%3E%3C/svg%3E%0A"); margin-left: 6px; }

.comment-area .output .comment li.remove { padding: 48px 40px; font-weight: 300; color: #909090; }

.comment-area .output .comment li.remove:before { content: ''; display: inline-block; width: 20px; height: 18px; vertical-align: middle; background-image: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='9.61224' cy='9' rx='9.61224' ry='9' fill='%23D9D9D9'/%3E%3Cpath d='M6.4082 9H12.8164' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A"); margin: -0.035em 8px 0 0; }

.comment-area .output .comment li .fn-remove { position: absolute; right: 0; top: 0; left: auto; bottom: auto; }

.comment-area > .btn-group { margin-top: 32px; }

/* guide.form */
.form-group { font-size: 0; }

.form-group.multi { margin-top: -4px; }

.form-group.multi input, .form-group.multi select { margin-top: 4px; }

.form-group.column-02 { display: flex; flex-wrap: wrap; }

.form-group.column-02 label { width: 50%; }

.form-group.column-02 label.input-check:nth-child(n+3) { margin-top: 16px; }

.input-check { position: relative; vertical-align: middle; font-size: 0; cursor: default; }

.input-check > input { position: absolute; opacity: 0; z-index: -1; }

.input-check > input:checked + span { font-weight: 700; }

.input-check > input:checked + span:before { background-color: #830890; border-color: #830890; background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' viewBox='0 0 14 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0086 0.508649L4.66673 7.85048L1.99157 5.17532C1.77153 4.9628 1.47683 4.84521 1.17093 4.84786C0.865037 4.85052 0.572423 4.97322 0.356113 5.18953C0.139804 5.40584 0.0171066 5.69845 0.0144484 6.00435C0.0117902 6.31024 0.129384 6.60495 0.341901 6.82498L3.8419 10.325C4.06068 10.5437 4.35738 10.6666 4.66673 10.6666C4.97609 10.6666 5.27279 10.5437 5.49157 10.325L13.6582 2.15832C13.8708 1.93828 13.9883 1.64358 13.9857 1.33768C13.983 1.03179 13.8603 0.739171 13.644 0.522861C13.4277 0.306552 13.1351 0.183855 12.8292 0.181196C12.5233 0.178538 12.2286 0.296132 12.0086 0.508649Z' fill='white'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: 50% 50%; }

.input-check > input[disabled] + span:before { border-color: #d9d9d9; }

.input-check > input:checked[disabled] + span:before { background-color: #D9D9D9; border-color: #D9D9D9; }

.input-check > span { display: block; position: relative; padding-left: 36px; line-height: 24px; font-size: 16px; color: #333; }

.input-check > span:before { content: ''; position: absolute; left: 0; top: 0; width: 24px; height: 24px; background-color: #fff; border: 1px solid #000; border-radius: 2px; box-sizing: border-box; }

.input-radio { position: relative; height: 24px; vertical-align: middle; font-size: 0; cursor: default; }

.input-radio input { position: absolute; opacity: 0; z-index: -1; }

.input-radio input:checked + span { font-weight: 700; }

.input-radio input:checked + span:before { border-color: #830890; border-width: 8px; }

.input-radio input[disabled] + span:before { border-color: #d9d9d9; }

.input-radio > span { display: block; position: relative; line-height: 24px; font-size: 16px; padding-left: 36px; color: #333; }

.input-radio > span:before { content: ''; position: absolute; left: 0; top: 0; width: 24px; height: 24px; background-color: #fff; border: 1px solid #000; border-radius: 12px; box-sizing: border-box; }

select { width: 100%; height: 48px; border: 0; border: 1px solid #e9e9e9; background-color: #fff; color: #333; padding: 0 45px 0 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 2.48104e-07L4.5 6L0 0L9 2.48104e-07Z' fill='black'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 20px center; outline: 0; }

select:focus { border-color: #830890; }

select.enable { background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 6L4.5 -4.76837e-07L0 6L9 6Z' fill='black'/%3E%3C/svg%3E"); }

select:disabled { color: #d9d9d9; background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 2.48104e-07L4.5 6L0 0L9 2.48104e-07Z' fill='%23D9D9D9'/%3E%3C/svg%3E"); }

select.type-01 { border: 1px solid #B2B2B2; padding: 0 20px; background-position: right 20px center; border-radius: 4px; }

select.type-01:disabled { background-color: #F5F5F5; }

select.size-57 { width: 100%; height: 57px; border: 1px solid #B2B2B2; border-radius: 3px; padding: 0 49px 0 20px; background-position: right 20px center; font-size: 16px; }

::-webkit-input-placeholder { color: #ccc; font-weight: 400; }

::-moz-placeholder { color: #ccc; font-weight: 400; }

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

::-ms-input-placeholder { color: #ccc; font-weight: 400; }

::placeholder { color: #ccc; font-weight: 400; }

input[type='text'], input[type='password'], input[type='search'], input[type='tel'], input[type='email'], input[type='number'], input[type='search'] { width: 100%; height: 48px; padding: 0 20px; border: 1px solid #e9e9e9; font-weight: 500; color: #333; font-size: 16px; line-height: 1.72; box-sizing: border-box; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; }

input[type='text'].type-01, input[type='password'].type-01, input[type='search'].type-01, input[type='tel'].type-01, input[type='email'].type-01, input[type='number'].type-01, input[type='search'].type-01 { border: 1px solid #b2b2b2; border-radius: 4px; padding: 0 20px; }

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

input[type='text'].small, input[type='password'].small, input[type='search'].small, input[type='tel'].small, input[type='email'].small, input[type='number'].small, input[type='search'].small { border-radius: 3px; height: 34px; }

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

/* Firefox */
input[type='number'] { -moz-appearance: textfield; }

input::-ms-clear, input::-ms-reveal { display: none; width: 0; height: 0; }

input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration { display: none; }

input[type='text'][disabled], input[type='password'][disabled], input[type='search'][disabled], input[type='tel'][disabled], input[type='number'][disabled], input[type='search'][disabled] { background-color: #F5F5F5; padding-left: 20px; border: 0; color: #707070; }

input[type='text'][disabled].type-01, input[type='password'][disabled].type-01, input[type='search'][disabled].type-01, input[type='tel'][disabled].type-01, input[type='number'][disabled].type-01, input[type='search'][disabled].type-01 { border: 1px solid #B2B2B2; }

textarea { display: block; width: 100%; line-height: 1.72; padding: 20px; border: 1px solid #e9e9e9; color: #333; font-weight: 300; resize: none; box-sizing: border-box; outline: 0; word-break: break-all; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; }

textarea[disabled] { border: 0; color: #707070; background-color: #F5F5F5; }

textarea:focus { border-color: #830890; }

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

.form-input-btn .input input { background-color: #f5f5f5; padding: 0 108px 0 20px; border: 0; color: #707070; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-text-fill-color: #707070; opacity: 1; /* required on iOS */ }

.form-input-btn .input .btn { position: absolute; right: 0; top: 0; left: auto; bottom: auto; }

.form-input-btn .input .fn-delete { display: none; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background: #fff; border: 1px solid #d9d9d9; border-radius: 50%; }

.form-input-btn .input .fn-delete:before, .form-input-btn .input .fn-delete:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 11px; height: 1px; background-color: #000; border-radius: 2px; }

.form-input-btn .input .fn-delete:after { transform: translate(-50%, -50%) rotate(45deg); }

.form-input-btn .input.has-value input { padding-right: 56px; }

.form-input-btn .input.has-value .btn { display: none; }

.form-input-btn .input.has-value .fn-delete { display: block; }

.form-input-btn.form-file .input { overflow: hidden; }

.form-input-btn.form-file .input label { position: absolute; right: 0; top: 0; }

.form-input-btn.form-file .input label input[type="file"] { visibility: hidden; position: absolute; z-index: -1; }

.form-input-btn.form-file .input ~ .input { margin-top: 4px; }

.form-input-btn.form-file .bullet-o { margin-top: 16px; }

.form-textarea .input { position: relative; }

.form-textarea.count { position: relative; font-size: 0; }

.form-textarea.count textarea { padding: 20px 20px 52px; }

.form-textarea.count .num { position: absolute; right: 20px; bottom: 8px; background: #fff; text-align: right; white-space: nowrap; }

.form-textarea.count .num em { font-size: 16px; color: #333; }

.form-textarea.count .num span { font-size: 16px; position: relative; padding-left: 11px; color: #B2B2B2; }

.form-textarea.count .num span:before { content: ''; position: absolute; left: 6px; top: 50%; width: 1px; height: 12px; background: #e9e9e9; transform: translateY(-50%) rotate(16deg); }

.form-textarea .upload { display: flex; margin-top: 8px; }

.form-textarea .upload .file { display: flex; }

.form-textarea .upload .file a { display: block; width: 56px; height: 56px; border-radius: 4px; overflow: hidden; margin-right: 8px; }

.form-textarea .upload .file a:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #e9e9e9; border-radius: 4px; }

.form-textarea .upload .file a img { width: 100%; height: auto; }

.form-textarea .upload .file .btn-close { position: absolute; right: 0; top: 0; width: 20px; height: 20px; border: 1px solid #d9d9d9; border-radius: 4px; background: #fff; }

.form-textarea .upload .file .btn-close:before, .form-textarea .upload .file .btn-close:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 11px; height: 1px; background-color: #000; border-radius: 2px; }

.form-textarea .upload .file .btn-close:after { transform: translate(-50%, -50%) rotate(45deg); }

.form-textarea .upload label { overflow: hidden; }

.form-textarea .upload label input { visibility: hidden; position: absolute; z-index: -1; }

.form-tel { display: flex; }

.form-tel select { width: 96px; flex-shrink: 0; padding-right: 0; }

.form-tel select:focus { position: relative; z-index: 1; }

.form-tel select:disabled { color: #707070; background-color: #f5f5f5; border: 0; }

.form-tel input { width: 100%; margin-left: -1px; }

.form-tel input:focus { position: relative; z-index: 1; }

.form-tel input:disabled { margin-left: 1px; }

.form-email { display: flex; flex-wrap: wrap; }

.form-email input { width: 100%; }

.form-email input.domain { margin-top: 4px; }

.form-email select { width: 100%; padding-right: 0; margin-top: 4px; }

.form-email .domain-area { position: relative; width: 100%; }

.form-email .domain-area .at { position: absolute; font-weight: 500; color: #333; font-size: 16px; line-height: 1.72; left: 20px; top: 50%; transform: translateY(-50%); }

.form-email .domain-area input { padding-left: 43px; }

.form-select { display: flex; }

.form-select select { width: 100%; }

.form-select select ~ select { margin-left: 16px; }

.form-select.multi-txt { flex-direction: column; }

.form-select.multi-txt .select-box { position: relative; }

.form-select.multi-txt .select-box select { padding: 0 50px 0 20px; background-position: right 50px center; }

.form-select.multi-txt .select-box ~ .select-box { margin-top: 4px; }

.form-select.multi-txt span { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); font-size: 16px; color: #333; }

.form-address { display: flex; position: relative; flex-wrap: wrap; }

.form-address .input { width: 100%; }

.form-address input { width: 100%; }

.form-address input.detail { margin-top: 4px; background: #fff; border: 1px solid #e9e9e9; }

.form-amount { display: flex; }

.form-amount button { position: relative; width: 50px; min-width: 50px; border: 1px solid #000; border-color: #000; background-color: #fff; }

.form-amount button:before { content: ''; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); width: 13px; height: 1px; background-color: #000; border-radius: 2px; }

.form-amount button[disabled]:before, .form-amount button[disabled]:after { background-color: #ccc !important; }

.form-amount button.minus { border-radius: 3px 0 0 3px; }

.form-amount button.plus { border-left: 0; border-radius: 0 3px 3px 0; }

.form-amount button.plus:after { content: ''; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); width: 1px; height: 13px; background-color: #000; border-radius: 2px; }

.form-amount.size-30 { height: 30px; }

.form-amount.size-30 input { width: 44px; height: 100%; padding: 0; border: 0; text-align: center; font-size: 16px; }

.form-amount.size-30 button { width: 30px; min-width: auto; height: 100%; border: 0; background-color: #e9e9e9; border-radius: 50%; }

.form-amount.size-30 button:before { width: 10px; }

.form-amount.size-30 button:after { height: 10px; }

.form-amount.size-24 { height: 24px; }

.form-amount.size-24 input { width: 40px; padding: 0; height: 100%; border: 0; text-align: center; font-size: 16px; font-weight: 700; }

.form-amount.size-24 button { min-width: auto; width: 24px; height: 100%; border: 0; background-color: #e9e9e9; border-radius: 50%; }

.form-amount.size-24 button:before { width: 9px; }

.form-amount.size-24 button:after { height: 9px; }

.form-amount.white input { background: none; }

.form-amount.white button { background-color: #fff; }

.form-calendar { position: relative; }

.form-calendar .input { display: block; position: relative; background-color: #fff; }

.form-calendar .input input { position: relative; z-index: 1; width: 100%; padding-right: 56px; background: none; cursor: default; }

.form-calendar .input input:focus { border-color: #e9e9e9; }

.form-calendar .input:after { content: ''; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); background-image: url(../images/common/ico-sprites-line.svg); }

.form-calendar.type-delete .fn-delete { display: none; position: absolute; right: 0; top: 0; left: auto; bottom: auto; width: 60px; height: 100%; z-index: 1; }

.form-calendar.type-delete .fn-delete:before, .form-calendar.type-delete .fn-delete:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 16px; height: 1px; background-color: #000; border-radius: 2px; }

.form-calendar.type-delete .fn-delete:after { transform: translate(-50%, -50%) rotate(45deg); }

.form-calendar.type-delete.has-value .input:after { display: none; }

.form-calendar.type-delete.has-value .fn-delete { display: block; }

.form-radio-box { display: flex; margin-left: -6px; }

.form-radio-box label { width: 100%; height: auto; margin-left: 6px !important; }

.form-radio-box label > span { position: relative; padding: 16px 20px 16px 55px; background-color: #fff; }

.form-radio-box label > span:before { left: 20px; top: 50%; transform: translateY(-50%); }

.form-radio-box label > span:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #d9d9d9; border-radius: 3px; box-sizing: border-box; }

.form-radio-box label input:checked ~ span:after { border-color: #830890; }

.form-btn-type label { height: auto; }

.form-btn-type label span { position: relative; height: 56px; line-height: 54px; padding: 0 20px; text-align: center; }

.form-btn-type label span:before { display: none; }

.form-btn-type label span:after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #e9e9e9; }

.form-btn-type label input:checked ~ span { z-index: 1; font-weight: 700; color: #830890; }

.form-btn-type label input:checked ~ span:after { border-color: #830890; }

.form-btn-type.column-02 label:nth-child(2n+2) { margin-left: -1px; }

.form-btn-type.column-02 label:nth-child(n+3) { margin-top: -1px; }

.form-search { position: relative; }

.form-search input { appearance: none; -webkit-appearance: none; -webkit-border-radius: 0; width: 100%; height: 52px; padding: 0 44px 0 20px; box-sizing: border-box; vertical-align: middle; border-color: #000; border-radius: 6px; background: #fff; }

.form-search .btn-search { position: absolute; right: 20px; top: 50%; width: 24px; height: 24px; transform: translateY(-50%); background-image: url(../images/common/ico-sprites-etc.svg); background-position: -155px -451px; }

/* form fieldset */
.form .fieldset { position: relative; margin-top: 48px; }

.form .fieldset .legend { display: flex; align-items: center; font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.form .fieldset .legend .bullet-check { margin-left: auto; font-size: 16px; line-height: 1.72; font-weight: 400; color: #545454; }

.form .fieldset .txt-login-before { display: flex; flex-direction: column; margin-top: 32px; padding: 20px; background: #f5f5f5; border-radius: 6px; }

.form .fieldset .txt-login-before .txt { font-size: 16px; color: #545454; word-break: break-all; }

.form .fieldset .txt-login-before a { margin-top: 16px; }

.form .fieldset .box > ul { padding-bottom: 48px; }

.form .fieldset .box > ul > li { margin-top: 32px; }

.form .fieldset .box > ul > li label { display: block; }

.form .fieldset .box > ul > li label strong { font-weight: 700; font-size: 18px; line-height: 1.72; }

.form .fieldset .box > ul > li .form-group { margin-top: 8px; }

.form .fieldset .box > ul > li .form-group.case-check-bullet { margin-top: 16px; }

.form .fieldset .box > ul > li .form-group.case-check-bullet .bullet { margin-top: 8px; }

.form .fieldset .box > ul > li.column-03 { display: flex; justify-content: space-between; }

.form .fieldset .box > ul > li.column-03 > label { width: calc(33.3333% - 40px); }

.form .fieldset .box > ul > li.existing-bidet { width: 100%; }

.form .fieldset .box > ul > li.existing-bidet .bullet-caution { clear: right; }

.form .fieldset .box.case-address > ul { position: relative; }

.form .fieldset .box.case-address > ul ~ ul { margin: 0 -20px; padding: 0 20px 40px; border-top: 1px solid #000; }

.form .fieldset .box.case-address > ul .fn-circle.close { position: absolute; right: 16px; top: 16px; }

.form .fieldset .box .util { margin: 0 -20px; padding: 24px 20px; border-top: 1px solid #000; }

.form .fieldset .box .util .btn-group { margin-top: 16px; }

.form .fieldset .bullet-caution { margin-top: 16px; }

.form .fieldset ~ .fieldset { margin: 0 -20px; padding: 48px 20px 0; border-top: 8px solid #f7f7f7; }

.form.type-popup .fieldset { margin-top: 0; }

.form.type-popup .fieldset .box > ul > li:first-child { margin-top: 0; }

/* guide.tooltip */
.tooltip-area { display: flex; align-items: center; font-size: 16px; }

.tooltip-area .tooltip { margin-left: 8px; }

.tooltip { position: relative; vertical-align: top; height: 20px; }

.tooltip input { visibility: hidden; position: absolute; z-index: -1; }

.tooltip input:checked + i { background: #772480; }

.tooltip input:checked + i:before, .tooltip input:checked + i:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 11px; height: 2px; background-color: #fff; border-radius: 4px; }

.tooltip input:checked + i:after { transform: translate(-50%, -50%) rotate(45deg); }

.tooltip input:checked + i:before { background-image: none; }

.tooltip input:checked ~ .text { display: block; }

.tooltip i { display: inline-block; position: relative; width: 20px; height: 20px; border-radius: 50%; background-color: #e9e9e9; vertical-align: top; }

.tooltip i:before { content: ''; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); background-image: url(../images/common/ico-sprites-etc.svg); }

.tooltip .text { display: none; position: absolute; left: -36px; top: 31px; width: 330px; padding: 20px; box-sizing: border-box; border: 1px solid #772480; background-color: #fff; font-weight: 500; color: #333; font-size: 16px; line-height: 1.72; border-radius: 8px; box-shadow: 0 8px 10px rgba(0, 0, 0, 0.08); z-index: 10; }

.tooltip .text:before { content: ''; position: absolute; left: 35px; top: -8px; width: 20px; height: 8px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='8' viewBox='0 0 20 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 8C18 8 17.0732 8 15.6098 6.9075C14.7445 6.2615 13.0263 3.57818 11.7665 1.4928C11.3507 0.804683 10.6684 0.46827 10 0.502353C9.33161 0.46827 8.64925 0.804683 8.23353 1.4928C6.97369 3.57818 5.25553 6.2615 4.39021 6.9075C2.92683 8 2 8 2 8H10.2439H18Z' fill='white'/%3E%3Cpath d='M2 7.5C2 7.5 3 7.5 4 7C5.17855 6.41073 6.97369 3.37297 8.23353 1.42662C8.64925 0.784371 9.33161 0.470386 10 0.502196C10.6684 0.470386 11.3507 0.784371 11.7665 1.42662C13.0263 3.37297 14.8215 6.41073 16 7C17 7.5 18 7.5 18 7.5' stroke='%23772480'/%3E%3C/svg%3E%0A"); }

.tooltip.reverse .text { margin-left: 22px; transform: translateX(-100%); border-radius: 8px 0 8px 8px; }

.tooltip.reverse .text:before { left: auto; right: -1px; transform: rotateY(180deg); }

.tooltip.white i { background-color: #fff; border: 1px solid #d9d9d9; box-sizing: border-box; }

/* guide.breadcrumb */
.breadcrumb > ul { font-size: 0; }

.breadcrumb > ul > li { display: inline-block; font-size: 13px; vertical-align: top; font-family: "Kumbh Sans"; letter-spacing: normal; font-weight: 300; letter-spacing: normal; color: #707070; height: 22px; line-height: 22px; }

.breadcrumb > ul > li:last-child { font-weight: 700; color: #000; }

.breadcrumb > ul > li ~ li:before { content: ''; display: inline-block; width: 6px; height: 10px; margin: 0 12px; background: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 0.5L5.25 5L0.5 9.5' stroke='%23909090' stroke-opacity='0.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat; }

.breadcrumb > ul > li.kr { font-family: "Noto Sans KR"; letter-spacing: -0.025em; }

.breadcrumb .ui-select { width: auto; height: 24px; font-family: "Noto Sans KR"; letter-spacing: normal; color: #333; border-bottom: 1px solid #fff; box-sizing: border-box; margin-top: -1px; }

.breadcrumb .ui-select > button { height: 100%; font-weight: 700; background: none; border: 0; font-size: 13px; letter-spacing: -0.025em; padding-right: 11px; }

.breadcrumb .ui-select > button:after { content: ''; position: absolute; right: 0; top: 8px; width: 7px; height: 7px; background: url("data:image/svg+xml,%3Csvg width='7' height='6' viewBox='0 0 7 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 5.5L6.53109 0.25H0.468911L3.5 5.5Z' fill='white'/%3E%3C/svg%3E") no-repeat; }

.breadcrumb .ui-select.active > button:after { transform: rotateX(180deg); }

.breadcrumb .ui-select ul { left: auto; right: 0; width: auto; white-space: nowrap; border-radius: 8px 0 8px 8px; border: 1px solid #000; box-shadow: 0 8px 10px rgba(0, 0, 0, 0.08); }

.breadcrumb .ui-select li { height: 40px; line-height: 40px; font-weight: 300; padding: 0; border: 0; }

.breadcrumb .ui-select li.active a { color: #830890; font-weight: 700; }

.breadcrumb .ui-select li a { display: block; padding: 0 20px; font-size: 16px; color: #333; }

.breadcrumb.white > ul > li { color: #fff; }

.breadcrumb.white .ui-select > button { color: #fff; }

/* guide.table */
.table-area .scroll { overflow: auto; padding-bottom: 24px; }

.table-area table { background: #fff; border-top: 1px solid #000; border-bottom: 1px solid #000; }

.table-area table thead th { padding: 16px 15px; border-bottom: 1px solid #d9d9d9; font-size: 16px; }

.table-area table tbody th { padding: 16px 15px; font-weight: 700; color: #333; font-size: 16px; line-height: 1.72; }

.table-area table tbody td { padding: 16px 15px; text-align: center; color: #333; word-break: break-word; font-size: 16px; }

.table-area table tbody tr ~ tr > * { border-top: 1px solid #e9e9e9; }

.table-area.vertical thead th:first-child, .table-area.vertical tbody td:first-child { padding-left: 20px; }

.table-area.vertical thead th:last-child, .table-area.vertical tbody td:last-child { padding-right: 20px; }

.table-area.horizontal th, .table-area.horizontal td { text-align: left; }

.table-area.horizontal tbody th:first-child { padding-left: 20px; }

.table-area.horizontal tbody td:last-child { padding-right: 20px; }

.table-area.gray table { border-bottom: 1px solid #d9d9d9; }

.table-area.gray table th { background-color: #F5F5F5; color: #707070; padding: 16px 20px; }

.table-area.gray table td { font-size: 16px; padding: 16px 20px; color: #545454; }

.product-list .top-util { display: flex; flex-wrap: wrap; position: relative; align-items: center; padding-bottom: 25px; border-bottom: 1px solid #e9e9e9; }

.product-list .top-util .total { font-weight: 700; font-size: 16px; line-height: 1.72; }

.product-list .top-util .util { display: flex; align-items: center; margin-left: auto; }

.product-list .top-util .util .sort { display: flex; align-items: center; }

.product-list .top-util .util .sort button { position: relative; width: 24px; height: 24px; background-image: url(../images/common/ico-product-util.svg); }

.product-list .top-util .util .sort button ~ button { margin-left: 32px; }

.product-list .top-util .util .sort button ~ button:before { content: ''; position: absolute; top: 50%; left: -16px; transform: translateY(-50%); width: 1px; height: 16px; background: #e9e9e9; }

.product-list .top-util .util .sort .fn-sort { background-position: 0 -8px; }

.product-list .top-util .util .sort .fn-range-price { background-position: -56px -8px; }

.product-list .top-util .util .change-list-type { margin-left: 24px; cursor: pointer; }

.product-list .top-util .util .change-list-type input { visibility: hidden; position: absolute; z-index: -1; }

.product-list .top-util .util .change-list-type input:checked + span { background-position: -168px 0; }

.product-list .top-util .util .change-list-type span { display: block; width: 40px; height: 40px; border-radius: 50%; background: #f5f5f5 url(../images/common/ico-product-util.svg) -104px 0; }

.product-list .top-util .sort-selected { display: flex; width: 100%; margin-top: 24px; }

.product-list .top-util .sort-selected .selected-order { font-weight: 700; color: #772480; }

.product-list .top-util .sort-selected .selected-price { display: flex; align-items: center; margin-left: auto; padding: 3px 8px 3px 12px; color: #772480; border: 1px solid #830890; border-radius: 50px; }

.product-list .top-util .sort-selected .selected-price .fn-remove { position: relative; width: 14px; height: 14px; margin-left: 4px; font-size: 0; }

.product-list .top-util .sort-selected .selected-price .fn-remove:before, .product-list .top-util .sort-selected .selected-price .fn-remove:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 11px; height: 1px; background-color: #830890; border-radius: 2px; }

.product-list .top-util .sort-selected .selected-price .fn-remove:after { transform: translate(-50%, -50%) rotate(45deg); }

.product-list .product-banner { margin-top: 40px; }

.product-list .list > ul > li { position: relative; margin-top: 40px; }

.product-list .list > ul > li ~ li { margin-top: 48px; }

.product-list .list > ul > li a { display: flex; flex-direction: column; position: relative; }

.product-list .list > ul > li a.sold-out .fn-cart:after, .product-list .list > ul > li a.sold-out .fn-zzim-toggle:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(245, 245, 245, 0.62); }

.product-list .list > ul > li .img-wrap { position: relative; }

.product-list .list > ul > li .img-wrap .img-area { position: relative; overflow: hidden; padding-top: 114.6268%; }

.product-list .list > ul > li .img-wrap .img-area img { position: absolute; left: 0; top: 0; }

.product-list .list > ul > li .util > span { position: absolute; bottom: 20px; }

.product-list .list > ul > li .util > span.left { left: 20px; }

.product-list .list > ul > li .util > span.right { display: flex; right: 20px; }

.product-list .list > ul > li .util > span.right label { float: left; width: 48px; height: 48px; background: #fff; border-radius: 50%; overflow: hidden; }

.product-list .list > ul > li .util > span.right .fn-cart span { position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); width: 20px; height: 20px; }

.product-list .list > ul > li .util > span.right .fn-cart span:before { content: ''; display: block; width: 20px; height: 20px; background: url(../images/common/ico-product-btn.svg) -34px -99px; }

.product-list .list > ul > li .util > span.right .fn-zzim-toggle { margin-left: 8px; }

.product-list .list > ul > li .util > span.right .fn-zzim-toggle input:checked + span:before { background-position: -150px -99px; }

.product-list .list > ul > li .util > span.right .fn-zzim-toggle span { position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); }

.product-list .list > ul > li .util > span.right .fn-zzim-toggle span:before { background: url(../images/common/ico-product-btn.svg) -92px -99px; }

.product-list .list > ul > li .util > span.right.type-small label { overflow: visible; }

.product-list .list > ul > li .util > span.right.type-small .fn-cart { width: 20px; height: 20px; margin-left: 40px; }

.product-list .list > ul > li .util > span.right.type-small .fn-cart:before { content: ''; position: absolute; left: -20px; top: 50%; transform: translateY(-50%); width: 1px; height: 12px; background: #e9e9e9; }

.product-list .list > ul > li .util > span.right.type-small .fn-zzim-toggle { width: 20px; height: 20px; margin: 0; }

.product-list .list > ul > li .txt-area { display: flex; flex-wrap: wrap; }

.product-list .list > ul > li .txt-area .tag { display: flex; flex-wrap: wrap; margin-top: 32px; max-height: 34px; overflow: hidden; column-gap: 4px; }

.product-list .list > ul > li .txt-area .tag em { display: flex; flex-wrap: wrap; align-items: center; font-size: 16px; height: 34px; box-sizing: border-box; padding: 0 12px; color: #545454; background-color: #F5EFEA; border-radius: 50px; }

.product-list .list > ul > li .txt-area .tag.type-white em { background: #fff; border: 1px solid #e9e9e9; }

.product-list .list > ul > li .txt-area .txt { width: 100%; margin-top: 20px; }

.product-list .list > ul > li .txt-area .txt .prd-name { font-size: 26px; line-height: 1.52; letter-spacing: -0.015em; margin-right: 12px; }

.product-list .list > ul > li .txt-area .txt .prd-code { display: block; font-size: 18px; line-height: 1.72; }

.product-list .list > ul > li .txt-area .txt .prd-desc { display: block; margin-top: 4px; font-size: 16px; font-weight: 300; color: #333; white-space: pre-line; }

.product-list .list > ul > li .txt-area .price-group { margin-top: 8px; }

.product-list .list > ul > li .txt-area .price-group .sel strong { font-size: 22px; line-height: 1.52; }

/* 250514 할인 금액 표기 수정 */
.product-list .list > ul > li .txt-area .price-group .price-cont-box {display: block;}
.product-list .list > ul > li .txt-area .price-group .price-cont-box .prd-sale-price {display: flex; justify-content: left;}
.product-list .list > ul > li .txt-area .price-group .price-cont-box .prd-sale-price s {display: block; margin-right: 1px; font-size: 16px; letter-spacing: 0; font-weight: 400; color: #707070; margin-right: 2px;}
.product-list .list > ul > li .txt-area .price-group .price-cont-box .prd-sale-price span {display: block; font-size: 16px; letter-spacing: 0; font-weight: 400; color: #707070; }
.product-list .list > ul > li .txt-area .price-group .price-cont-box .prd-sale-n-price {display: flex; justify-content: left; margin-top: -3px; align-items: center;}
.product-list .list > ul > li .txt-area .price-group .price-cont-box .prd-sale-n-price .prd-sale-per {margin-right: 10px; font-size: 22px; letter-spacing: normal; color: #772480; font-weight: 700; letter-spacing: 0px;}
.product-list .list > ul > li .txt-area .price-group .price-cont-box .prd-price {margin-top: 0; padding-top: 0; border-top: 0; font-weight: 400; letter-spacing: -0.4px;}
.product-list .list > ul > li .txt-area .price-group .price-cont-box .prd-price strong {font-size: 22px; line-height: 1.52; font-weight: 700; letter-spacing: -0.4px; margin-right: 2px;}
.product-list.type-row .list > ul > li .txt-area .price-group .price-cont-box .prd-sale-n-price {margin-top: -2px;}
.product-list.type-row .list > ul > li .txt-area .price-group .price-cont-box .prd-sale-n-price .prd-sale-per {font-size: 18px; margin-right: 6px;}
.product-list.type-row .list > ul > li .txt-area .price-group .price-cont-box .prd-price strong {font-size: 18px;}

/* 검색페이지 */
.page-search .product-list .list > ul > li .txt-area .price-group .price-cont-box .prd-sale-n-price .prd-sale-per {font-weight: 700;}
.page-search .product-list .list > ul > li .txt-area .price-group .price-cont-box .prd-price strong {font-weight: 700;}

/* 마이페이지, 장바구니 */
.page-mypage.page-product .product-list .list > ul > li .txt-area .price-group .price-cont-box .prd-sale-n-price .prd-sale-per {font-weight: 900;}
.page-mypage.page-product .product-list .list > ul > li .txt-area .price-group .price-cont-box .prd-price strong {font-weight: 900;}

.checkout .product-list .list > ul > li .txt-area .price-group .price-cont-box .prd-sale-n-price .prd-sale-per {font-weight: 900;}
.checkout .product-list .list > ul > li .txt-area .price-group .price-cont-box .prd-price strong {font-weight: 900;}
/* // 250514 할인 금액 표기 수정 */

.product-list .list > ul > li .txt-area .only { margin-top: 16px; }

.product-list .list > ul > li .txt-area .only:after { content: ''; display: table; clear: both; }

.product-list .list > ul > li .txt-area .only i { float: left; font-size: 13px; color: #fff; border-radius: 4px; padding: 0 8px; line-height: 26px; }

.product-list .list > ul > li .txt-area .only i.offline { background: #909090; }

.product-list .list > ul > li .txt-area .txt-sold-out { margin-top: 10px; font-weight: 700; color: #fff; padding: 2px 12px 3px; background: #909090; border-radius: 4px; }

.product-list .list > ul > li .txt-area .txt-coming-soon { margin-top: 10px; font-weight: 700; color: #772480; padding: 1px 12px 2px; border-radius: 4px; border: 1px solid #772480; }

.product-list .list > ul > li .badge-area { position: absolute; left: 8px; top: 12px; z-index: 1; }

.product-list .list > ul > li .badge-area:after { content: ''; display: table; clear: both; }

.product-list .list > ul > li .badge-area .badge { float: left; margin-left: 4px; }

.product-list .list > ul > li .badge-area1 { position: absolute; right: 12px; top: 12px; z-index: 1; }

.product-list .list > ul > li .badge-area1 .badge-only { flex:none; display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; font-weight: 700; font-size: 14px; line-height:16.8px; color:#333333; text-align: center; border-radius: 50%; background-color: #FFFFFF; }

.product-list .list .compare-wrap { padding-bottom: 30px; }

.product-list .list .compare-wrap .compare-total { display: flex; align-items: center; padding: 0 20px; }

.product-list .list .compare-wrap .compare-total .length { margin-left: auto; }

.product-list .list .compare-wrap .compare-total .length em { color: #772480; }

.product-list .list .compare-wrap .compare-total .tit .comment { font-weight: 400; color: #707070; }

.product-list .list .compare-wrap .compare-area { margin-top: 20px; }

.product-list .list .compare-wrap .compare-area .inner { display: flex; align-items: center; padding: 0; }

.product-list .list .compare-wrap .compare-area .inner ul { display: flex; overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 -20px; padding: 6px 20px 32px; }

.product-list .list .compare-wrap .compare-area .inner ul li { position: relative; width: 100px; flex: none; }

.product-list .list .compare-wrap .compare-area .inner ul li ~ li { margin-left: 32px; }

.product-list .list .compare-wrap .compare-area .inner ul li ~ li:before { content: ''; position: absolute; left: -16px; top: 0; width: 1px; height: 100%; background: #e9e9e9; }

.product-list .list .compare-wrap .compare-area .inner ul li .prd { display: flex; flex-direction: column; }

.product-list .list .compare-wrap .compare-area .inner ul li .prd .img-wrap { position: relative; }

.product-list .list .compare-wrap .compare-area .inner ul li .prd .img-wrap .img-area { width: 100px; height: 100px; border-radius: 6px; overflow: hidden; }

.product-list .list .compare-wrap .compare-area .inner ul li .prd .img-wrap .fn-circle { position: absolute; right: -4px; top: -4px; }

.product-list .list .compare-wrap .compare-area .inner ul li .prd .txt { display: flex; flex-direction: column; margin-top: 12px; }

.product-list .list .compare-wrap .compare-area .inner ul li .prd .txt .compare-price { color: #909090; }

.product-list .list .compare-wrap .compare-area .inner ul li .prd ~ .fn-add-item { display: none; }

.product-list .list .compare-wrap .compare-area .inner ul li .fn-add-item { width: 100%; height: 100px; border: 1px dashed #B2B2B2; border-radius: 6px; background-color: transparent; cursor: default;}

.product-list .list .compare-wrap .compare-area .inner ul li .fn-add-item:before { content: ''; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); width: 24px; height: 1px; background-color: #ccc; border-radius: 2px; }

.product-list .list .compare-wrap .compare-area .inner ul li .fn-add-item:after { content: ''; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); width: 1px; height: 24px; background-color: #ccc; border-radius: 2px; }

.product-list .list .compare-wrap .compare-area .btn-group { margin: 0 -20px; }

.product-list .empty-area { padding: 140px 0 140px; }

.product-list .fn-list { display: flex; flex-wrap: wrap; justify-content: center; }

.product-list .fn-list.menual .fn-prd { width: 100%; }

.product-list .fn-list.menual .fn-prd .img { background-color: #f5f5f5; }

.product-list .fn-list.menual .fn-prd ~ .fn-prd { margin-top: 12px; }

.product-list .fn-list.menual-desc .fn-prd { width: 100%; padding: 24px 0; border-bottom: 1px solid #e9e9e9; }

.product-list .fn-list.menual-desc .fn-prd:first-child { border-top: 1px solid #e9e9e9; }

.product-list .fn-list.menual-desc .fn-prd .img { background: #f5f5f5; }

.product-list .fn-list.menual-desc .fn-prd .txt { display: flex; flex-direction: column; margin-left: 20px; }

.product-list .fn-list.menual-desc .fn-prd .txt strong { font-weight: 700; font-size: 18px; line-height: 1.72; }

.product-list .fn-list.menual-desc .fn-prd .txt span { margin-top: 8px; }

.product-list .fn-prd { display: flex; align-items: center; }

.product-list .fn-prd > input { visibility: hidden; position: absolute; z-index: -1; }

.product-list .fn-prd > input:checked + span { color: #772480; }

.product-list .fn-prd > input:checked + span:before { display: none; }

.product-list .fn-prd > input:checked + span:after { display: block; }

.product-list .fn-prd > input:disabled + span:before { background-color: #f5f5f5; }

.product-list .fn-prd .img { flex: none; position: relative; width: 52px; height: 52px; border-radius: 50%; background-color: #fff; overflow: hidden; }

.product-list .fn-prd .img img { position: absolute; left: 0; top: 0; }

.product-list .fn-prd .img .active-img { display: none; }

.product-list .fn-prd > span { margin-left: 12px; color: #707070; }

.product-list .fn-prd.fn-1 > span:before { background-position: -3px 0; }

.product-list .fn-prd.fn-1 > span:after { display: none; background-position: -3px -162px; }

.product-list .fn-prd.health-1 > span:before { background-position: 0px -457px; }

.product-list .fn-prd.health-1 > span:after { display: none; background-position: 0px -619px; }

.product-list .fn-prd.fn-2 > span:before { background-position: -129px 0; }

.product-list .fn-prd.fn-2 > span:after { display: none; background-position: -129px -162px; }

.product-list .fn-prd.health-2 > span:before { background-position: -126px -457px; }

.product-list .fn-prd.health-2 > span:after { display: none; background-position: -126px -619px; }

.product-list .fn-prd.fn-3 > span:before { background-position: -255px 0; }

.product-list .fn-prd.fn-3 > span:after { display: none; background-position: -255px -162px; }

.product-list .fn-prd.health-3 > span:before { background-position: -252px -457px; }

.product-list .fn-prd.health-3 > span:after { display: none; background-position: -252px -619px; }

.product-list .fn-prd.fn-4 > span:before { background-position: -381px 0; }

.product-list .fn-prd.fn-4 > span:after { display: none; background-position: -381px -162px; }

.product-list .fn-prd.health-4 > span:before { background-position: -378px -457px; }

.product-list .fn-prd.health-4 > span:after { display: none; background-position: -378px -619px; }

.product-list .fn-prd.fn-5 > span:before { background-position: -507px 0; }

.product-list .fn-prd.fn-5 > span:after { display: none; background-position: -507px -162px; }

.product-list .fn-prd.health-5 > span:before { background-position: -504px -457px; }

.product-list .fn-prd.health-5 > span:after { display: none; background-position: -504px -619px; }

.product-list .fn-prd.fn-6 > span:before { background-position: -633px 0; }

.product-list .fn-prd.fn-6 > span:after { display: none; background-position: -633px -162px; }

.product-list .fn-prd.health-6 > span:before { background-position: -630px -457px; }

.product-list .fn-prd.health-6 > span:after { display: none; background-position: -630px -619px; }

.product-list .fn-prd.fn-7 > span:before { background-position: -759px 0; }

.product-list .fn-prd.fn-7 > span:after { display: none; background-position: -759px -162px; }

.product-list .fn-prd.health-7 > span:before { background-position: -756px -457px; }

.product-list .fn-prd.health-7 > span:after { display: none; background-position: -756px -619px; }

.product-list .fn-prd.fn-8 > span:before { background-position: -885px 0; }

.product-list .fn-prd.fn-8 > span:after { display: none; background-position: -885px -162px; }

.product-list .fn-prd.health-8 > span:before { background-position: -882px -457px; }

.product-list .fn-prd.health-8 > span:after { display: none; background-position: -882px -619px; }

.product-list .fn-prd.fn-9 > span:before { background-position: -1011px 0; }

.product-list .fn-prd.fn-9 > span:after { display: none; background-position: -1011px -162px; }

.product-list .fn-prd.health-9 > span:before { background-position: -1008px -457px; }

.product-list .fn-prd.health-9 > span:after { display: none; background-position: -1008px -619px; }

.product-list .fn-prd.fn-10 > span:before { background-position: -1137px 0; }

.product-list .fn-prd.fn-10 > span:after { display: none; background-position: -1137px -162px; }

.product-list .fn-prd.health-10 > span:before { background-position: -1134px -457px; }

.product-list .fn-prd.health-10 > span:after { display: none; background-position: -1134px -619px; }

.product-list .fn-prd.fn-11 > span:before { background-position: -1263px 0; }

.product-list .fn-prd.fn-11 > span:after { display: none; background-position: -1263px -162px; }

.product-list .fn-prd.health-11 > span:before { background-position: -1260px -457px; }

.product-list .fn-prd.health-11 > span:after { display: none; background-position: -1260px -619px; }

.product-list .fn-prd.fn-12 > span:before { background-position: -1389px 0; }

.product-list .fn-prd.fn-12 > span:after { display: none; background-position: -1389px -162px; }

.product-list .fn-prd.health-12 > span:before { background-position: -1386px -457px; }

.product-list .fn-prd.health-12 > span:after { display: none; background-position: -1386px -619px; }

.product-list .fn-prd.fn-13 > span:before { background-position: -1515px 0; }

.product-list .fn-prd.fn-13 > span:after { display: none; background-position: -1515px -162px; }

.product-list .fn-prd.health-13 > span:before { background-position: -1512px -457px; }

.product-list .fn-prd.health-13 > span:after { display: none; background-position: -1512px -619px; }

.product-list .fn-prd.fn-14 > span:before { background-position: -1641px 0; }

.product-list .fn-prd.fn-14 > span:after { display: none; background-position: -1641px -162px; }

.product-list .fn-prd.health-14 > span:before { background-position: -1638px -457px; }

.product-list .fn-prd.health-14 > span:after { display: none; background-position: -1638px -619px; }

.product-list .fn-prd.fn-15 > span:before { background-position: -1767px 0; }

.product-list .fn-prd.fn-15 > span:after { display: none; background-position: -1767px -162px; }

.product-list .fn-prd.health-15 > span:before { background-position: -1764px -457px; }

.product-list .fn-prd.health-15 > span:after { display: none; background-position: -1764px -619px; }

.product-list .fn-prd.fn-16 > span:before { background-position: -1893px 0; }

.product-list .fn-prd.fn-16 > span:after { display: none; background-position: -1893px -162px; }

.product-list .fn-prd.health-16 > span:before { background-position: -1890px -457px; }

.product-list .fn-prd.health-16 > span:after { display: none; background-position: -1890px -619px; }

.product-list .fn-prd .tooltip { position: absolute; right: 2px; top: 0; }

.product-list.type-row .list > ul > li { padding-bottom: 32px; border-bottom: 1px solid #e9e9e9; }

.product-list.type-row .list > ul > li ~ li { margin: 0; padding-top: 32px; }

.product-list.type-row .list a { flex-direction: row; }

.product-list.type-row .list a.sold-out .util .fn-cart:after { display: none; }

.product-list.type-row .list a.sold-out .util .fn-cart span:before { background-image: url(../images/common/ico-sprites-line.svg); background-position: -465px -641px; }

.product-list.type-row .list a.sold-out .util .fn-zzim-toggle:after { display: none; }

.product-list.type-row .list a.sold-out .util .fn-zzim-toggle span:before { background-image: url(../images/common/ico-sprites-line.svg); background-position: -505px -641px; }

.product-list.type-row .list .img-wrap { flex: none; width: 100px; }

.product-list.type-row .list .img-wrap .img-area { width: 100px; height: 100px; border-radius: 6px; padding: 0; }

.product-list.type-row .list .img-wrap .img-area .input-check { position: absolute; left: 8px; top: 8px; z-index: 2; }

.product-list.type-row .list .util .left { bottom: auto; left: 0; top: 116px; }

.product-list.type-row .list .util .left .fn-compare-toggle input:checked + span { background: #772480; }

.product-list.type-row .list .util .left .fn-compare-toggle span { width: 100px; line-height: 34px; padding: 0; font-weight: 400; text-align: center; font-size: 15px; background: #f5f5f5; border: 0; }

.product-list.type-row .list .util .left .fn-compare-toggle span:before { display: none; }

.product-list.type-row .list .util .right { right: auto; left: 124px; bottom: 0; flex-direction: row-reverse; }

.product-list.type-row .list .util .right label { overflow: visible; }

.product-list.type-row .list .util .right .fn-zzim-toggle { width: 20px; height: 20px; margin: 0; }

.product-list.type-row .list .util .right .fn-cart { width: 20px; height: 20px; margin-left: 40px; }

.product-list.type-row .list .util .right .fn-cart:before { content: ''; position: absolute; left: -20px; top: 50%; transform: translateY(-50%); width: 1px; height: 12px; background: #e9e9e9; }

.product-list.type-row .list .info-wrap { margin-left: 24px; padding-bottom: 40px; }

.product-list.type-row .list .info-wrap .badge-area { display: block; position: static; margin-left: -4px; padding-bottom: 12px; }

.product-list.type-row .list .info-wrap .badge-area .badge { width: 50px; height: 22px; border-radius: 0 6px 6px 6px; }

.product-list.type-row .list .info-wrap .badge-area .badge:before { display: none; }

.product-list.type-row .list .info-wrap .badge-area .badge em { margin: 0; line-height: 22px; }

.product-list.type-row .list .info-wrap .txt-area .tag { margin-top: 0; column-gap: 8px; max-height: 28px; }

.product-list.type-row .list .info-wrap .txt-area .tag em { padding: 0; border: 0; background: none; }

.product-list.type-row .list .info-wrap .txt-area .txt { margin-top: 12px; }

.product-list.type-row .list .info-wrap .txt-area .txt .prd-name { font-size: 20px; line-height: 1.52; letter-spacing: -0.015em; margin-right: 8px; }

.product-list.type-row .list .info-wrap .txt-area .txt .prd-code { font-size: 16px; line-height: 1.72; }

.product-list.type-row .list .info-wrap .txt-area .txt .prd-desc { display: none; }

.product-list.type-row .list .info-wrap .txt-area .price-group { margin-top: 4px; }

.product-list.type-row .list .info-wrap .txt-area .price-group .sel { width: 100%; }

.product-list.type-row .list .info-wrap .txt-area .price-group .sel strong { font-size: 18px; line-height: 1.72; }

.product-list.type-row .list .info-wrap .txt-area .price-group .original { margin: 0; padding: 0; }

.product-list.type-row .list .info-wrap .txt-area .price-group .original:before { display: none; }

.range-price > input { visibility: hidden; position: absolute; z-index: -1; }

.range-price > input:checked ~ .range-wrap { display: flex; align-items: center; justify-content: space-between; }

.range-price .range-wrap { display: none; height: 102px; text-align: left; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; margin-bottom: 80px; }

.range-price .range-wrap > .tit { font-weight: 500; }

.range-price .range-wrap .range-area { display: flex; align-items: center; }

.range-price .range-wrap .range-area .range { position: relative; width: 320px; height: 38px; margin-left: 46px; }

.range-price .range-wrap .range-area .range .slider-range { border: 0; margin-top: 4px; background: #d9d9d9; border-radius: 2px; height: 4px; }

.range-price .range-wrap .range-area .range .slider-range:before { content: ''; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); width: 162px; height: 2px; background-image: url("data:image/svg+xml,%3Csvg width='162' height='2' viewBox='0 0 162 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='81' cy='1' r='1' fill='white'/%3E%3Ccircle cx='1' cy='1' r='1' fill='white'/%3E%3Ccircle cx='161' cy='1' r='1' fill='white'/%3E%3C/svg%3E%0A"); z-index: 2; }

.range-price .range-wrap .range-area .range .slider-range .ui-slider-range { background: #772480; }

.range-price .range-wrap .range-area .range .slider-range .ui-slider-handle { width: 12px; height: 12px; border: 1px solid #772480; border-radius: 50%; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.18); box-sizing: border-box; background: #fff; outline: 0; top: 50%; transform: translateY(-50%); margin-left: -6px; }

.range-price .range-wrap .range-area .range .slider-range .display-range span { position: absolute; font-family: "Kumbh Sans"; letter-spacing: normal; font-size: 13px; color: #707070; white-space: nowrap; top: 12px; transform: translateX(-50%); }

.range-price .range-wrap .range-area .range .slider-range .display-range span:nth-child(1) { left: 0%; }

.range-price .range-wrap .range-area .range .slider-range .display-range span:nth-child(2) { left: 25%; }

.range-price .range-wrap .range-area .range .slider-range .display-range span:nth-child(3) { left: 50%; }

.range-price .range-wrap .range-area .range .slider-range .display-range span:nth-child(4) { left: 75%; }

.range-price .range-wrap .range-area .range .slider-range .display-range span:nth-child(5) { left: 100%; }

.range-price .range-wrap .range-area .range .slider-range .display-range span.active { color: #772480; }

.range-price .range-wrap .range-area .txt { font-size: 16px; color: #333; }

.range-price .input { display: flex; align-items: center; }

.range-price .input .hyphen { width: 5px; height: 1px; background: #000; margin: 0 4px; }

.range-price .input input { height: 34px; padding-right: 16px; text-align: right; border-radius: 3px; }

.range-price .input button { width: 34px; height: 34px; flex-shrink: 0; margin-left: 6px; background: #000; border-radius: 3px; }

.range-price .input button:before { content: ''; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); }

.range-price.type-2 .range-wrap { display: flex; height: auto; align-items: center; justify-content: space-between; margin: 0; border: 0; }

.range-price.type-2 .range-wrap .range-area .range { width: 560px; height: 52px; margin-left: 0; }

.range-price.type-2 .range-wrap .range-area .range .slider-range { height: 8px; margin-top: 8px; border-radius: 4px; }

.range-price.type-2 .range-wrap .range-area .range .slider-range:before { width: 283px; height: 3px; background-image: url("data:image/svg+xml,%3Csvg width='283' height='4' viewBox='0 0 283 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='1.5' cy='2' r='1.5' fill='white'/%3E%3Ccircle cx='142.5' cy='2' r='1.5' fill='white'/%3E%3Ccircle cx='281.5' cy='2' r='1.5' fill='white'/%3E%3C/svg%3E%0A"); }

.range-price.type-2 .range-wrap .range-area .range .slider-range .ui-slider-handle { width: 24px; height: 24px; margin-left: -0.6em; }

.range-price.type-2 .range-wrap .range-area .range .slider-range .ui-slider-handle:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url("data:image/svg+xml,%3Csvg width='7' height='11' viewBox='0 0 7 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.63793 1L1.5 5.13793L5.63793 9.27586' stroke='%23772480' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 7px 6px no-repeat; }

.range-price.type-2 .range-wrap .range-area .range .slider-range .ui-slider-handle ~ .ui-slider-handle:before { transform: rotateY(180deg); }

.range-price.type-2 .range-wrap .range-area .range .slider-range .display-range span { top: 20px; font-size: 14px; }

.range-price.type-2 .range-wrap .range-area .range .slider-range .display-range span:last-child { left: auto; right: 0; transform: none; }

.range-price.type-2 .range-wrap .input input { width: 180px; height: 54px; }

.range-price.type-2 .range-wrap .input .hyphen { width: 6px; margin: 0 6px; }

.range-price.type-2 .range-wrap .input button { width: auto; height: 54px; background-image: none; margin-left: 8px; }

.ui-rating { position: relative; display: inline-block; width: 182px; height: 30px; background: url(../images/common/ico-rating-star.svg); }

.ui-rating:after { content: ''; display: table; clear: both; }

.ui-rating.readonly input { visibility: hidden; position: absolute; z-index: -1; }

.ui-rating.small { transform: scale(0.65625); transform-origin: 0 0; }

.ui-rating input { position: relative; float: left; width: 30px; height: 100%; opacity: 0; z-index: 1; }

.ui-rating input:nth-child(1):checked ~ i { width: 30px; }

.ui-rating input:nth-child(2):checked ~ i { width: 68px; }

.ui-rating input:nth-child(3):checked ~ i { width: 106px; }

.ui-rating input:nth-child(4):checked ~ i { width: 144px; }

.ui-rating input:nth-child(5):checked ~ i { width: 182px; }

.ui-rating input ~ input { margin-left: 8px; }

.ui-rating i { position: absolute; left: 0; top: 0; right: auto; bottom: auto; height: 100%; background: url(../images/common/ico-rating-star.svg) 0 -30px; }

.ui-rating-scale.type-product-review { width: 154px; height: 26px; }

.ui-rating-scale.type-product-review .ui-rating { transform: scale(0.84615); transform-origin: 0 0; flex: none; }

.ui-rating-scale.type-product-review-small { width: 101px; height: 17px; }

.ui-rating-scale.type-product-review-small .ui-rating { transform: scale(0.55494); transform-origin: 0 0; }

.scrollbar { overflow: hidden; opacity: 0; }

.scrollbar.mCustomScrollbar { opacity: 1; }

.template-float-bottom { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 1; background: #fff; transition: 0.5s transform; }

.template-float-bottom .template-body { position: absolute; left: 0; top: 0; width: 100%; background-color: #fff; border-radius: 20px 20px 0 0; box-shadow: 0px -8px 16px rgba(0, 0, 0, 0.08); box-sizing: border-box; margin-top: -58px; transition: 0.5s transform; will-change: transform; }

.template-float-bottom .top .list-opener { position: relative; width: 100%; height: 36px; cursor: pointer; font-size: 0; vertical-align: top; }

.template-float-bottom .top .list-opener:after { content: '열기'; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(180deg); width: 20px; height: 20px; background-image: url(../images/common/ico-sprites-line.svg); background-position: -500px -164px; }

.template-float-bottom .content { max-height: 310px; padding: 0 20px; visibility: hidden; overflow-y: hidden; -webkit-overflow-scrolling: touch; }

.template-float-bottom .content.visible { visibility: visible; }

.template-float-bottom.active .top .list-opener:after { content: '닫기'; transform: translate(-50%, -50%); }

.template-float-bottom.active .template-body { transform: translateY(calc(-100% + 58px)); }

.template-float-bottom.active .template-body .content { visibility: visible; }

.template-float-bottom.is-hide { transform: translateY(calc(100% + 58px)); }

.template-float-bottom.is-hide .template-body { transform: translateY(0); }

.hash-tag { display: flex; flex-wrap: wrap; margin: 8px 0 0 -4px; }

.hash-tag a, .hash-tag span { flex: none; margin: 8px 0 0 4px; padding: 3px 12px; font-size: 16px; background-color: #F5EFEA; border-radius: 50px; color: #545454; }

.template-review-list .length-rating { margin-top: 32px; }

.template-review-list .length-rating .length { display: flex; align-items: center; }

.template-review-list .length-rating .length .total { margin-right: 40px; font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.template-review-list .length-rating .length .total strong { margin-right: 4px; font-family: "Kumbh Sans"; letter-spacing: normal; color: #772480; font-weight: 700; }

.template-review-list .length-rating .length .item { position: relative; font-weight: 300; font-size: 16px; color: #333; }

.template-review-list .length-rating .length .item strong { margin: 0 4px 0 8px; font-family: "Kumbh Sans"; letter-spacing: normal; font-size: 16px; }

.template-review-list .length-rating .length .item ~ .item { margin-left: 16px; padding-left: 16px; }

.template-review-list .length-rating .length .item ~ .item:before { content: ''; position: absolute; left: 0; top: 50%; right: auto; bottom: auto; transform: translate(0, -50%); width: 1px; height: 12px; background: #e2e2e2; }

.template-review-list .length-rating .rating-area { display: flex; margin-top: 16px; padding: 16px 20px; align-items: center; background: #f5f5f5; border-radius: 4px; }

.template-review-list .length-rating .rating-area .rating-num { display: flex; margin-left: auto; font-size: 24px; line-height: 1.52; letter-spacing: -0.015em; }

.template-review-list .length-rating .rating-area .rating-num strong { color: #772480; }

.template-review-list .length-rating .rating-area .rating-num span { position: relative; margin-left: 12px; padding-left: 12px; color: #909090; }

.template-review-list .length-rating .rating-area .rating-num span:before { content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 20px; background: #e2e2e2; transform: translateY(-50%) rotate(15deg); }

.template-review-list .review-list { margin-top: 40px; }

.template-review-list .review-list > .top { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }

.template-review-list .review-list > .top .view-photo .fn-check-radio span { margin-left: 0; padding-right: 0; font-weight: 700; }

.template-review-list .review-list > .top .sort .fn-sort { width: 24px; height: 24px; min-height: 24px; background: url(../images/common/ico-product-util.svg) 0 -8px; vertical-align: top; }

.template-review-list .review-list > .top .sort .fn-sort.type-txt { width: auto; height: auto; min-height: 24px; padding-right: 32px; background: none; }

.template-review-list .review-list > .top .sort .fn-sort.type-txt:after { content: ''; position: absolute; right: 0; top: 50%; left: auto; bottom: auto; transform: translate(0, -50%); width: 24px; height: 24px; background: url(../images/common/ico-product-util.svg) 0 -8px; }

.template-review-list .review-list > .top .sort .fn-sort.type-txt .sorted-txt { font-size: 16px; }

.template-review-list .review-list .list { margin-top: 24px; }

.template-review-list .review-list .list li { padding: 32px 0; border-bottom: 1px solid #e9e9e9; }

.template-review-list .review-list .list li:first-child { border-top: 1px solid #000; }

.template-review-list .review-list .list li > a { display: flex; flex-wrap: wrap; }

.template-review-list .review-list .list li .rating-area { display: flex; align-items: center; width: 100%; padding-bottom: 16px; }

.template-review-list .review-list .list li .rating-area .ui-rating { display: block; }

.template-review-list .review-list .list li .rating-area .badge-best-small { margin-left: 16px; }

.template-review-list .review-list .list li .txt-area { display: flex; flex-wrap: wrap; flex: 1; }

.template-review-list .review-list .list li .txt-area p { width: 100%; color: #333; margin-bottom: 18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.template-review-list .review-list .list li .txt-area span.user { position: relative; margin-right: 12px; padding-right: 12px; color: #707070; }

.template-review-list .review-list .list li .txt-area span.user:after { content: ''; position: absolute; right: 0; top: 50%; left: auto; bottom: auto; transform: translate(0, -50%); width: 1px; height: 12px; background: #e9e9e9; }

.template-review-list .review-list .list li .img-area { flex: none; width: 97px; height: 70px; overflow: hidden; margin-left: 16px; }

.template-review-list .review-list .list .btn-more { margin-top: 32px; }

.template-review-list .review-list .list .empty-area { padding: 80px 0 32px; border-top: 1px solid #000; }

/*! jQuery UI - v1.14.1 - 2024-10-30
* https://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 https://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 OpenJS 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;
}

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


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


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

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

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

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

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	user-select: none;
}

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

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

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

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

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

}

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

/* workarounds */
/* Support: Firefox 5 - 125+ */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: pointer;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	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;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
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 rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	background-image: none;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
	background-image: none;
}
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
}
.ui-widget-shadow {
	box-shadow: 0px 0px 5px #666666;
}


.ui-datepicker.ui-widget { width: auto; margin-top: -8px; border: 1px solid #000; box-shadow: 0 8px 10px rgba(0, 0, 0, 0.08); border-radius: 6px; padding: 20px; box-sizing: border-box; }

.ui-datepicker.ui-widget .ui-datepicker-header { padding: 0; background: none; border: 0; height: 30px; }

.ui-datepicker.ui-widget .ui-datepicker-header > a { width: 30px; height: 30px; background-color: #F5F5F5; border-radius: 50%; border: 0; top: 0; }

.ui-datepicker.ui-widget .ui-datepicker-header > a:before { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-image: url(../images/common/ico-sprites-line.svg); }

.ui-datepicker.ui-widget .ui-datepicker-header > a.ui-datepicker-prev { left: 0; }

.ui-datepicker.ui-widget .ui-datepicker-header > a.ui-datepicker-prev:before { transform: translate(-50%, -50%) rotateY(180deg); }

.ui-datepicker.ui-widget .ui-datepicker-header > a.ui-datepicker-next { right: 0; }

.ui-datepicker.ui-widget .ui-datepicker-header .ui-datepicker-title { margin: 0; line-height: 1; }

.ui-datepicker.ui-widget .ui-datepicker-header .ui-datepicker-title span { font-size: 20px; line-height: 1.52; letter-spacing: -0.015em; font-family: "Kumbh Sans"; letter-spacing: normal; font-weight: 500; }

.ui-datepicker.ui-widget .ui-datepicker-calendar { margin-top: 24px; }

.ui-datepicker.ui-widget table { margin: 0; }

.ui-datepicker.ui-widget table thead th { color: #909090; font-family: "Noto Sans KR"; color: #909090; padding: 0 0 10px 0; height: 34px; }

.ui-datepicker.ui-widget table tbody { font-family: "Kumbh Sans"; letter-spacing: normal; }

.ui-datepicker.ui-widget table tbody td { padding: 0; width: 38px; height: 38px; padding: 1px; box-sizing: border-box; }

.ui-datepicker.ui-widget table tbody td > * { width: 36px; height: 36px; padding: 0; text-align: center; border: 0 !important; line-height: 36px; border-radius: 50%; font-weight: 500; }

.ui-datepicker.ui-widget table tbody td > *.ui-state-highlight { color: #000; background-color: #fff; }

.ui-datepicker.ui-widget table tbody td > *.ui-state-default { background-color: #fff; color: #000; }

.ui-datepicker.ui-widget table tbody td > *.ui-state-active { background-color: #772480; color: #fff; font-weight: 700; }

.ui-datepicker.ui-widget table tbody td.ui-state-disabled { opacity: 1; }

.ui-datepicker.ui-widget table tbody td.ui-state-disabled span { color: #ccc; }

.ui-datepicker.ui-widget .ui-datepicker-buttonpane { padding: 0; border: 0; margin: 0; }

.ui-datepicker.ui-widget .ui-datepicker-buttonpane .ui-datepicker-current { display: none; }

.ui-datepicker.ui-widget .ui-datepicker-buttonpane .ui-datepicker-close { display: none; position: absolute; right: 20px; top: -27px; width: 20px; height: 20px; font-size: 0; background-color: #fff; border: 0; }

.ui-datepicker.ui-widget .ui-datepicker-buttonpane .ui-datepicker-close:before, .ui-datepicker.ui-widget .ui-datepicker-buttonpane .ui-datepicker-close:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 16px; height: 1px; background-color: #000; border-radius: 2px; }

.ui-datepicker.ui-widget .ui-datepicker-buttonpane .ui-datepicker-close:after { transform: translate(-50%, -50%) rotate(45deg); }

/** Swiper 5.4.5 Most modern mobile touch slider and framework with hardware accelerated transitions http://swiperjs.com Copyright 2014-2020 Vladimir Kharlampidi Released under the MIT License Released on: June 16, 2020 */
@font-face { font-family: swiper-icons; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff"); font-weight: 400; font-style: normal; }

:root { --swiper-theme-color:#007aff; }

.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }

.swiper-container-vertical > .swiper-wrapper { flex-direction: column; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; }

.swiper-container-multirow-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; }

.swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; }

.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; }

.swiper-slide-invisible-blank { visibility: hidden; }

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }

.swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform,height; }

.swiper-container-3d { perspective: 1200px; }

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; }

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; }

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; }

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; }

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; }

:root { --swiper-navigation-size:44px; }

.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: calc(var(--swiper-navigation-size)/ 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(-1 * var(--swiper-navigation-size)/ 2); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; }

.swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto; }

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after { content: 'prev'; }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto; }

.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: 'next'; }

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { --swiper-navigation-color:#ffffff; }

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { --swiper-navigation-color:#000000; }

.swiper-button-lock { display: none; }

.swiper-pagination { position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0, 0, 0); z-index: 10; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; }

.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); }

.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2; }

button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-pagination-bullet-active { opacity: 1; background: var(--swiper-pagination-color, var(--swiper-theme-color)); }

.swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: .2s transform,.2s top; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform,.2s left; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: .2s transform,.2s right; }

.swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; }

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; }

.swiper-pagination-white { --swiper-pagination-color:#ffffff; }

.swiper-pagination-black { --swiper-pagination-color:#000000; }

.swiper-pagination-lock { display: none; }

.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; }

.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }

.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; }

.swiper-scrollbar-cursor-drag { cursor: move; }

.swiper-scrollbar-lock { display: none; }

.swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; }

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; }

.swiper-slide-zoomed { cursor: move; }

.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s infinite linear; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; }

.swiper-lazy-preloader-white { --swiper-preloader-color:#fff; }

.swiper-lazy-preloader-black { --swiper-preloader-color:#000; }

@keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } }

.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-container-cube { overflow: visible; }

.swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; }

.swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; }

.swiper-container-flip { overflow: visible; }

.swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }

.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; }

.mCustomScrollBox { /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; }

.mCSB_container { /* contains the original content */ overflow: hidden; width: auto; height: auto; }

/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container { margin-right: 30px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; }

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; }

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; }

.mCSB_outside + .mCSB_scrollTools { right: -26px; }

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */ right: auto; left: 0; }

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; }

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }

.mCSB_scrollTools .mCSB_dragger { /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown { bottom: 0; }

/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 30px; }

.mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; }

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; }

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; }

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; /* minimum dragger width */ height: 100%; left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; }

/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; }

.mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; }

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; }

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; }

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; }

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; /* non-visible scrollbar */ margin-left: 0; }

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; }

/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s,
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s,
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s,
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out; }

/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*  ---------------------------------------- 6.1 THEMES  ---------------------------------------- */
/* default theme ("light") */
.mCSB_scrollTools { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; }

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }

.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight { background-image: url(mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; /*  sprites locations  light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ }

.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; /*  sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ }

.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; /*  sprites locations  light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ }

.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; /*  sprites locations  light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ }

.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px; }

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px; }

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255, 255, 255, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(255, 255, 255, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px; }

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px; }

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.1); }

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; }

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.15); }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger { height: 14px; }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px; /* auto-expanded scrollbar */ }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px; }

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px; }

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; }

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px; }

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px; }

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0))); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px; }

.mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; }

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; }

.mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical { right: 1px; }

.mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical { box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal { bottom: 1px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 12px; width: auto; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; }

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools { box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #777; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color: #fff; background-color: rgba(0, 0, 0, 0.05); box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { right: 0; margin: 12px 0; }

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { left: 0; right: auto; }

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; }

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px; }

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; }

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; }

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); }

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; }

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0; }

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px; }

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 0; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; }

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); }

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 12px; margin: 2px 0; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; }

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.1); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; }

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255, 255, 255, 0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0, 0, 0, 0.2); }

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255, 255, 255, 0.6); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0, 0, 0, 0.6); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.75); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.85); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255, 255, 255, 0.9); }

/* ---------------------------------------- */
.mCS-normal .mCSB_container { margin-right: 9px; }

.mCS-normal .mCSB_scrollTools { opacity: 1; width: 4px; }

.mCS-normal .mCSB_scrollTools .mCSB_draggerRail { display: none; }

.mCS-normal .mCSB_scrollTools .mCSB_draggerContainer { margin: 0; }

.mCS-normal .mCSB_scrollTools .mCSB_draggerContainer .mCSB_dragger_bar { background: #ccc; }

header { position: fixed; left: 0; top: 0; width: 100%; padding: 0 20px; height: 70px; background-color: #fff; z-index: 200; box-sizing: border-box; }

header:after { content: ''; display: table; clear: both; }

header.type-logo .href-prev { display: none; }

header.type-logo .title { display: none; }

header.type-logo .brand { display: block; }

header .href-prev { position: absolute; width: 24px; height: 24px; left: 20px; top: 50%; transform: translateY(-50%); font-size: 0; background-image: url(../images/common/ico-sprites-line.svg); }

header .title { font-weight: 700; font-size: 20px; line-height: 1.52; letter-spacing: -0.015em; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); white-space: nowrap; }

header .brand { display: none; position: absolute; left: 20px; top: 19px; }

header .brand a { display: block; width: 86px; height: 34px; background: url(../images/common/logo.png) 0/cover; font-size: 0; }

header .ui-popup.full.menu-pop { transform: translateY(0); opacity: 0; text-align: left; background-color: rgba(0, 0, 0, 0.6); }

header .ui-popup.full.menu-pop.active { opacity: 1; }

header .ui-popup.full.menu-pop.active .content { left: 0; transition: 0.5s 0.2s; }

header .ui-popup.full.menu-pop .content { background: #fff; height: 100%; width: 300px; overflow-y: scroll; left: -100%; }

header .ui-popup.full.menu-pop .content .body .content-area { padding: 0 20px; }

header .ui-popup.full.menu-pop .content .util-top { display: flex; align-items: center; padding: 20px 0; width: 100%; }

header .ui-popup.full.menu-pop .content .util-top a { font-weight: 400; font-size: 14px; line-height: 1.72; color: #000000; }

header .ui-popup.full.menu-pop .content .util-top a.util-join { margin-left: 32px; position: relative; }

header .ui-popup.full.menu-pop .content .util-top a.util-join::before { content: ''; position: absolute; top: 6px; left: -16px; width: 1px; height: 12px; background: #E9E9E9; }

header .ui-popup.full.menu-pop .content .util-top a.util-finder { width: 22px; height: 22px; font-size: 0; background-image: url(../images/common/ico-sprites-line.svg); background-position: -424px -640px; margin: 0 26px; }

header .ui-popup.full.menu-pop .content .util-top .login-message { font-weight: 700; font-size: 14px; line-height: 1.72; color: #000000; }

header .ui-popup.full.menu-pop .content .util-top .login-message span { color: #772480; }

header .ui-popup.full.menu-pop .content .util-top .util-fn { display: flex; align-items: center; flex: none; margin-left: auto; }

header .ui-popup.full.menu-pop .content .util-top .href-main { width: 20px; height: 20px; font-size: 0; background-image: url(../images/common/ico-sprites-line.svg); background-position: -545px -641px; }

header .ui-popup.full.menu-pop .content .util-top .btn-close { position: relative; width: 20px; height: 20px; right: 0; top: 0; }

header .ui-popup.full.menu-pop .content .quick-menu { display: flex; align-items: center; justify-content: space-between; padding: 32px 0; border-bottom: 1px solid #E9E9E9; }

header .ui-popup.full.menu-pop .content .quick-menu li a { position: relative; width: 76px; display: block; font-weight: 400; font-size: 14px; line-height: 1.72; text-align: center; color: #000000; }

header .ui-popup.full.menu-pop .content .quick-menu li a::before { content: ''; display: block; width: 24px; height: 24px; margin: 0 auto 6px; background-image: url(../images/common/ico-sprites-line.svg); background-position: -157px -587px; }

header .ui-popup.full.menu-pop .content .quick-menu li:nth-child(2) a::before { background-image: url(../images/common/ico-sprites-line.svg); background-position: -465px -587px; }

header .ui-popup.full.menu-pop .content .quick-menu li:nth-child(3) a::before { background-image: url(../images/common/ico-sprites-line.svg); background-position: -25px -587px; }

header .ui-popup.full.menu-pop .content nav > ul:first-child { padding: 21px 0; }

header .ui-popup.full.menu-pop .content nav > ul:last-child { border-top: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; padding: 16px 0; }

header .ui-popup.full.menu-pop .content nav > ul:last-child li { line-height: 31px; color: #772480; background: url(../images/common/ico-menu-arrow.svg) calc(100% - 8px) center no-repeat; }

header .ui-popup.full.menu-pop .content nav > ul > li { font-weight: 700; font-size: 18px; line-height: 1.72; line-height: 51px; color: #000000; }

header .ui-popup.full.menu-pop .content nav > ul > li.active .top { color: #830890; }

header .ui-popup.full.menu-pop .content nav > ul > li .top .btn-toggle:before { width: 12px; }

header .ui-popup.full.menu-pop .content nav > ul > li .top .btn-toggle:after { height: 12px; }

header .ui-popup.full.menu-pop .content nav > ul > li a { display: block; height: 100%; }

header .ui-popup.full.menu-pop .content nav > ul > li .sub { padding-left: 20px; }

header .ui-popup.full.menu-pop .content nav > ul > li .sub ul li { font-weight: 400; font-size: 16px; line-height: 44px; color: #000000; }

header .ui-popup.full.menu-pop .content nav > ul > li .sub ul li .depth3 { padding-left: 20px; display: block; margin-bottom: 12px; }

header .ui-popup.full.menu-pop .content nav > ul > li .sub ul li .depth3 li { font-weight: 400; font-size: 16px; line-height: 40px; color: #707070; }

header .ui-popup.full.menu-pop .content .cs { padding: 40px 0; }

header .ui-popup.full.menu-pop .content .cs dl { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-top: -18px; }

header .ui-popup.full.menu-pop .content .cs dl dt { font-weight: 400; font-size: 14px; line-height: 1.72; color: #000000; width: calc(100% - 25px); margin-top: 18px; }

header .ui-popup.full.menu-pop .content .cs dl dd { width: 25px; height: 25px; text-indent: -9999px; font-size: 0; background: url("../images/common/ico-tel.svg"); margin-top: 18px; }

header .ui-popup.full.menu-pop .content .cs dl dd a { display: block; height: 100%; }

header .ui-popup.full.menu-pop .content .logout { margin: 0 -20px; background: #F5F5F5; }

header .ui-popup.full.menu-pop .content .logout a { display: block; padding: 16px 20px; box-sizing: border-box; font-weight: 400; font-size: 14px; line-height: 1.72; color: #707070; background: url("../images/common/ico-logout.svg") calc(100% - 20px) center no-repeat; text-align: left; }

header .util { display: flex; position: absolute; right: 20px; top: 0; height: 100%; align-items: center; gap: 12px; }

header .util .util-cart { display: flex; width: 24px; height: 24px; font-size: 0; padding: 5px; }

header .util .util-cart:before { content: ''; background-image: url(../images/common/ico-sprites-line.svg); }

header .util .util-cart .num { display: flex; align-items: center; position: absolute; top: 3px; right: -1px; min-width: 17px; height: 17px; padding: 0 5px; background-color: #772480; color: #fff; border-radius: 9px; text-align: center; font-size: 13px; font-weight: 700; box-sizing: border-box; }

header .util .util-menu { display: flex; width: 24px; height: 24px; font-size: 0; padding: 5px; box-sizing: content-box; }

header .util .util-menu:before { content: ''; background-image: url(../images/common/ico-sprites-line.svg); }

header.fixed-product .util-cart { position: fixed; left: 50%; top: 14px; transform: translate(-100%); color: #000; margin: 0 0 0 628px; }

header.type-simple { display: flex; align-items: center; position: absolute; }

header.type-simple .brand { display: block; position: static; }

html.scroll-down header { position: absolute; }

html.scroll-first header.theme-white, html:not(.scroll-up) header.theme-white { color: #fff; background: none; }

html.scroll-first header.theme-white .brand a, html:not(.scroll-up) header.theme-white .brand a { background-image: url(../images/common/logo-white.png); }

/* guide.layout */
#wrap { position: relative; }

#container { padding-top: 70px; }

.inner { position: relative; padding: 0 20px; overflow: hidden; }

.inner.visible { overflow: visible; }

.page-prev { margin-top: 80px; }

.page-prev .prev { display: inline-block; position: relative; font-weight: 700; font-size: 16px; line-height: 1.72; font-family: "Kumbh Sans"; letter-spacing: normal; padding-left: 80px; background-position: 0 50%; height: auto; }

.page-prev .prev .ico-sprites-back { position: absolute; left: 0; top: 50%; right: auto; bottom: auto; transform: translate(0, -50%); }

.frame-board .page-title { text-align: center; }

.frame-board .page-title strong { display: inline-block; position: relative; font-weight: 700; font-size: 20px; line-height: 1.52; letter-spacing: -0.015em; }

.frame-board .contents { margin-top: 40px; }

.frame-product#container { padding-top: 0; }

.frame-product > .top { height: 528px; box-sizing: border-box; }

.frame-product > .top .inner { height: 100%; overflow: visible; }

.frame-product > .top.type-full { height: 812px; }

.frame-product > .top.type-full .page-title { top: 134px; bottom: auto; }

.frame-product .page-title { display: flex; flex-direction: column; position: absolute; left: 20px; bottom: 72px; }

.frame-product .page-title strong { font-weight: 700; color: #fff; font-size: 40px; line-height: 1.4; letter-spacing: -0.03em; }

.frame-product .page-title span { display: block; margin-top: 16px; font-weight: 300; color: #fff; font-size: 18px; line-height: 1.72; }

.frame-product .contents { padding-top: 56px; }

.frame-contents#container { padding-top: 0; }

.frame-contents > .top { height: 100vh; box-sizing: border-box; background-color: #333; }

.frame-contents > .top .inner { height: 100%; }

.frame-contents > .top nav { position: absolute; right: 0; top: 100px; color: #fff; }

.frame-contents > .top nav a { display: block; font-size: 18px; font-weight: 700; text-align: right; opacity: 0.35; }

.frame-contents > .top nav a.active { opacity: 1; }

.frame-contents > .top nav a ~ a { margin-top: 18px; }

.frame-contents > .top .ico-scroll { position: absolute; left: 50%; bottom: 50px; margin-left: -4px; }

.frame-contents .page-title { position: absolute; left: 0; bottom: 122px; }

.frame-contents .page-title strong { font-weight: 700; color: #fff; font-size: 38px; line-height: 1.52; letter-spacing: -0.015em; }

.frame-contents .breadcrumb { position: absolute; right: 0; bottom: 50px; }

.frame-contents .contents { margin-top: 56px; }

.frame-img .contents { margin-top: 120px; }

.frame-order .page-title { margin-top: 80px; text-align: center; }

.frame-order .page-title strong { font-size: 64px; line-height: 1.4; }

footer { margin-top: 64px; background-color: #333; color: #fff; }

footer .inner { margin: 0; padding: 56px 20px; }

footer .brand { display: block; width: 127px; height: 50px; background: url(../images/common/logo-white.png) 0 0/cover; font-size: 0; }

footer .columns { display: flex; margin-top: 46px; flex-direction: column-reverse; }

footer .columns .info { padding: 40px 0; border-top: 1px solid rgba(255, 255, 255, 0.05); }

footer .columns .info .link { display: flex; flex-wrap: wrap; margin: -20px 0 0 -24px; }

footer .columns .info .link a { margin: 20px 0 0 24px; font-weight: 700; }

footer .columns .info .copyright { margin-top: 40px; font-size: 14px; letter-spacing: -0.025em; color: #909090; word-break: break-all; }

footer .columns .info .copyright:after { content: ''; display: table; clear: both; }

footer .columns .info .copyright span { position: relative; letter-spacing: -0.025em; }

footer .columns .info .copyright span.line { display: block; margin-left: 0; }

footer .columns .info .copyright span.line:before { display: none; }

footer .columns .info .copyright span.fl { float: left; }

footer .columns .info .copyright span ~ span { margin-left: 20px; }

footer .columns .info .copyright span ~ span:before { content: ''; position: absolute; width: 1px; height: 13px; left: -10px; top: 5px; background-color: rgba(255, 255, 255, 0.1); }

footer .columns .info .copyright span a { color: #ccc; text-decoration: underline; }

footer .columns .info .copyright em { margin-top: 16px; clear: left; float: left; }

footer .columns .info .copyright .dot { clear: left; float: left; margin-top: 16px; }

footer .columns .info .sns { margin-top: 32px; }

footer .columns .info .sns:after { content: ''; display: table; clear: both; }

footer .columns .info .sns a { float: left; width: 36px; height: 36px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.5); font-size: 0; }

footer .columns .info .sns a.ico-insta { background-position: 0 0; }

footer .columns .info .sns a.ico-fb { background-position: -52px 0; }

footer .columns .info .sns a.ico-yt { background-position: -104px 0; }

footer .columns .info .sns a.ico-blog { background-position: -156px 0; }

footer .columns .info .sns a ~ a { margin-left: 16px; }

footer .columns .info .sns .prize-and { display: block; float: left; width: 87px; height: 36px; margin-left: 16px; border-radius: 100px; font-size: 0; background: url(../images/footer/ico-prize-and.png) #000 no-repeat 50% 50%; background-size: 66px auto;}

footer .columns .company .intro { padding-bottom: 40px; }

footer .columns .company .intro dt { font-size: 18px; font-weight: 700; }

footer .columns .company .intro dd { display: flex; padding-top: 20px; margin-left: -30px; }

footer .columns .company .intro dd a { color: #909090; margin-left: 30px; letter-spacing: -0.025em; }

footer .columns .company .cs { padding: 40px 0; border-top: 1px solid rgba(255, 255, 255, 0.05); }

footer .columns .company .cs dt { font-size: 18px; font-weight: 700; }

footer .columns .company .cs dt ~ dt { margin-top: 32px; }

footer .columns .company .cs dd { margin-top: 8px; color: #909090; }

footer .columns .company .cs dd a { font-size: 32px; line-height: 1.52; font-weight: 700; }

footer .columns .company .cs dd span { font-size: 14px; line-height: 1.72; display: block; letter-spacing: -0.025em; }

footer aside { position: fixed; right: 10px; bottom: 15px; z-index: 100; transition: 0.7s all; }

footer aside .aside-bot { position: absolute; right: 0; bottom: 0; z-index: 100; transform: translateY(100%); transition: 0.7s all; opacity: 0; }

footer.active .aside-bot { opacity: 1; transform: translateY(58px); }

footer.active .aside-bot .chat-area .message-login-box {display:block;position:absolute;right:0;bottom:100%;animation:loginMessage 2.7s 0.4s both; }

footer.active .aside-bot .chat-area .message-login-box.hide{display:none;}

@keyframes loginMessage {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  26%, 75% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(0);
    visibility: hidden;
    z-index: -1;
  }
}

html.scroll-up .aside-bot, html.scroll-down .aside-bot { opacity: 1; transform: translateY(0); }

html.scroll-up .aside-bot .util-area, html.scroll-down .aside-bot .util-area { visibility: visible; }

html.scroll-first .aside-bot { transform: translateY(58px); }

html.scroll-first .aside-bot .util-area { visibility: hidden; }

footer aside .aside-bot button { display: block; width: 50px; height: 50px; border-radius: 50%; font-size: 0; }

footer aside .aside-bot .chat-area { position: relative; }

footer aside .aside-bot .chat-area input[type="checkbox"] { visibility: hidden; position: absolute; z-index: -1; }

footer aside .aside-bot .chat-area input[type="checkbox"]:checked ~ .btn-chat-toggle .btn-chat { opacity: 0; }

footer aside .aside-bot .chat-area input[type="checkbox"]:checked ~ .btn-chat-toggle .btn-chat-close { opacity: 1; transform: translate(-50%, -50%) rotate(180deg); }

footer aside .aside-bot .chat-area input[type="checkbox"]:checked ~ .chat-message .message-login-box { opacity: 0; visibility: hidden; transform: translateY(50px); }

footer aside .aside-bot .chat-area input[type="checkbox"]:checked ~ .chat-message .message-more { opacity: 1; visibility: visible; transform: translateY(0); }

footer aside .aside-bot .chat-area .btn-chat-toggle { display: block; position: relative; width: 50px; height: 50px; border-radius: 50%; background: #772480; cursor: pointer; }

footer aside .aside-bot .chat-area .btn-chat-toggle i { position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); }

footer aside .aside-bot .chat-area .btn-chat-toggle .btn-chat { width: 50px; height: 50px; transition: 0.5s all; }

footer aside .aside-bot .chat-area .btn-chat-toggle .btn-chat-close { width: 18px; height: 18px; opacity: 0; transition: 0.5s all; }

footer aside .aside-bot .chat-area .btn-chat-toggle .btn-chat-close:before, footer aside .aside-bot .chat-area .btn-chat-toggle .btn-chat-close:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 25px; height: 2px; background-color: #fff; border-radius: 4px; }

footer aside .aside-bot .chat-area .btn-chat-toggle .btn-chat-close:after { transform: translate(-50%, -50%) rotate(45deg); }

footer aside .aside-bot .chat-area .chat-message { position: absolute; right: 0; bottom: 100%; width: calc(100vw - 20px); }

footer aside .aside-bot .chat-area .message-login-box{display:none;position:relative;}

footer aside .aside-bot .chat-area .message-login {display:block;margin-bottom: 17px; padding: 16px 40px 16px 36px; background: #fff; border: 1px solid #e9e9e9; border-radius: 44px 44px 0 44px; color: #000; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.06); box-sizing: border-box; max-width: 100%; word-break: break-all; }

footer aside .aside-bot .chat-area .message-login:after { content: ''; position: absolute; right: -1px; top: 100%; width: 35px; height: 17px; background: url(../images/common/edge-text-box.png) right top/cover no-repeat; }

footer aside .aside-bot .chat-area .message-login em { color: #772480; font-weight: 500; }

footer aside .aside-bot .chat-area .chat-message .btn-delete{position:absolute;right:17px;top:20px;width:20px;height:20px;}

footer aside .aside-bot .chat-area .message-more { display: flex; flex-direction: column; position: absolute; right: 0; bottom: 100%; margin-bottom: 12px; white-space: nowrap; opacity: 0; transform: translateY(50px); visibility: hidden; transition: 0.7s all; }

footer aside .aside-bot .chat-area .message-more a { display: flex; padding: 11px 24px 11px 56px; background: #fff; border-radius: 100px; color: #000; font-weight: 700; box-sizing: border-box; border: 1px solid #e9e9e9; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.06); }

footer aside .aside-bot .chat-area .message-more a:before { content: ''; position: absolute; left: 24px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; }

footer aside .aside-bot .chat-area .message-more a.more-tel:before { background-image: url(../images/common/ico-sprites-etc.svg); background-position: -900px -126px; }

footer aside .aside-bot .chat-area .message-more a.more-inquiry:before { background-image: url(../images/common/ico-sprites-etc.svg); background-position: -860px -126px; }

footer aside .aside-bot .chat-area .message-more a em { font-family: "Kumbh Sans"; letter-spacing: normal; color: #772480; margin-left: 4px; }

footer aside .aside-bot .chat-area .message-more a ~ a { margin-top: 6px; }

footer aside .aside-bot .util-area { margin-top: 8px; visibility: hidden; }

#pop-image-detail .header { background: none; padding: 0; border-radius: 0; }

#pop-image-detail .header .btn-close { position: fixed; top: 26px; }

#pop-image-detail .content { vertical-align: middle; max-height: 100%; }

#pop-image-detail .content .body { background: none; }

#pop-image-detail .content .body .content-area { padding: 0; }

#pop-share .body button { color: #707070; font-size: 16px; line-height: 1.72; color: #333; }

#pop-share .body button i { display: block; margin: 0 auto 8px; }

#pop-share .body button ~ button { margin-left: 32px; }

#pop-compare .content .product-list .list > ul { display: flex; overflow-x: auto; -webkit-overflow-scrolling: touch; padding: 10px 20px 0; margin: 0 -20px; }

#pop-compare .content .product-list .list > ul > li { flex: none; width: 186px; padding: 24px 20px; margin: 0; border: 1px solid #e9e9e9; border-radius: 6px; }

#pop-compare .content .product-list .list > ul > li ~ li { margin-left: 24px; }

#pop-compare .content .product-list .list > ul > li .fn-circle.close { position: absolute; right: -10px; top: -10px; z-index: 1; }

#pop-compare .content .product-list .list > ul > li .prd-img-name { display: flex; padding-bottom: 24px; }

#pop-compare .content .product-list .list > ul > li .prd-img-name .img-area { flex: none; width: 56px; height: 56px; border-radius: 6px; overflow: hidden; }

#pop-compare .content .product-list .list > ul > li .prd-img-name .name-area { display: flex; flex-direction: column; margin-left: 16px; }

#pop-compare .content .product-list .list > ul > li .prd-img-name .name-area .prd-name { font-size: 20px; line-height: 1.52; letter-spacing: -0.015em; }

#pop-compare .content .product-list .list > ul > li .prd-desc-price { padding-top: 24px; border-top: 1px dashed #ccc; }

#pop-compare .content .product-list .list > ul > li .prd-desc-price .prd-desc { color: #333; }

#pop-compare .content .product-list .list > ul > li .prd-desc-price .price-group { margin-top: 12px; }

#pop-compare .content .product-list .list > ul > li .prd-desc-price .price-group .sel strong { font-size: 20px; line-height: 1.52; letter-spacing: -0.015em; }

/* 250514 할인 금액 표기 수정 */
#pop-compare .content .product-list .list > ul > li .prd-desc-price .price-group .price-cont-box {display: block;}
#pop-compare .content .product-list .list > ul > li .prd-desc-price .price-group .price-cont-box .prd-sale-price {display: flex; justify-content: left;}
#pop-compare .content .product-list .list > ul > li .prd-desc-price .price-group .price-cont-box .prd-sale-price s {display: block; margin-right: 2px; font-size: 18px; letter-spacing: 0; font-weight: 400; color: #707070;}
#pop-compare .content .product-list .list > ul > li .prd-desc-price .price-group .price-cont-box .prd-sale-price span {display: block; font-size: 18px; letter-spacing: 0; font-weight: 400; color: #707070; }
#pop-compare .content .product-list .list > ul > li .prd-desc-price .price-group .price-cont-box .prd-sale-n-price {display: flex; justify-content: left; margin-top: -3px;}
#pop-compare .content .product-list .list > ul > li .prd-desc-price .price-group .price-cont-box .prd-sale-n-price .prd-sale-per {margin-right: 6px; font-size: 20px; line-height: 1.6;letter-spacing: normal; color: #772480; font-weight: 700; letter-spacing: -0.4px;}
#pop-compare .content .product-list .list > ul > li .prd-desc-price .price-group .price-cont-box .prd-price {margin-top: 0; padding-top: 0; border-top: 0; font-weight: 400; font-size: 18px;}
#pop-compare .content .product-list .list > ul > li .prd-desc-price .price-group .price-cont-box .prd-price strong {font-size: 20px; line-height: 1.52; font-weight: 700; margin-right: 2px;}
/* // 250514 할인 금액 표기 수정 */


#pop-compare .content .product-list .list > ul > li .util { position: relative; margin-top: 16px; }

#pop-compare .content .product-list .list > ul > li .util .right { position: static; }

#pop-compare .content .product-list .list > ul > li .btn-group { margin-top: 24px; }

#pop-compare .content .product-list .list > ul > li .fn-list { flex-direction: column; margin-top: 32px; padding-top: 32px; border-top: 1px dashed #e9e9e9; }

#pop-compare .content .product-list .list > ul > li .fn-list li { display: flex; align-items: center; }

#pop-compare .content .product-list .list > ul > li .fn-list input[type=checkbox] { opacity: 0; }

#pop-compare .content .product-list .list > ul > li .fn-list label { display: flex; align-items: center; position: relative; color: #B2B2B2; }

#pop-compare .content .product-list .list > ul > li .fn-list label>* { position: relative; z-index: 2;}

#pop-compare .content .product-list .list > ul > li .fn-list label:after { display: block; content: ''; position: absolute; left: 0; top: 0; z-index: 1; width: 52px; height: 52px; border-radius: 50%; background-color: #F5F5F5; }

#pop-compare .content .product-list .list > ul > li .fn-list label>img { flex: none; width: 52px; height: 52px; margin-right: 12px; }

#pop-compare .content .product-list .list > ul > li .fn-list input[type=checkbox]:checked+label { color: #707070; }

#pop-compare .content .product-list .list > ul > li .fn-list input[type=checkbox]:checked+label:after { background-color: #772480; }

#pop-compare .content .product-list .list .fn-prd >span {color: #B2B2B2;}

#pop-review-detail .content-area { padding: 0 0 64px; }

#pop-review-detail.txt .review-img { display: none; }

#pop-review-detail .review-img .swiper-slide { height: 300px; overflow: hidden; }

#pop-review-detail .review-img .swiper-slide img { position: absolute; left: 0; top: 50%; right: auto; bottom: auto; transform: translate(0, -50%); cursor: pointer; }

#pop-review-detail .review-img .swiper-pagination { left: 50%; top: auto; bottom: 32px; width: auto; height: 2px; background: #fff; transform: translateX(-50%); }

#pop-review-detail .review-img .swiper-pagination span { background: #000; }

#pop-review-detail .review-txt { margin-top: 48px; padding: 0 20px; }

#pop-review-detail .review-txt .top { display: flex; padding-bottom: 24px; border-bottom: 1px solid #e9e9e9; }

#pop-review-detail .review-txt .top:after { content: ''; display: table; clear: both; }

#pop-review-detail .review-txt .top .ui-rating { float: left; }

#pop-review-detail .review-txt .top .badge-area { margin-left: auto; }

#pop-review-detail .review-txt .txt-area { display: flex; flex-wrap: wrap; height: 100%; margin-top: 32px; box-sizing: border-box; }

#pop-review-detail .review-txt .txt-area p { width: 100%; padding-bottom: 32px; white-space: pre-line; color: #333; }

#pop-review-detail .review-txt .txt-area span.user { position: relative; color: #707070; margin-right: 12px; padding-right: 12px; }

#pop-review-detail .review-txt .txt-area span.user:after { content: ''; position: absolute; right: 0; top: 50%; left: auto; bottom: auto; transform: translate(0, -50%); width: 1px; height: 12px; background: #e9e9e9; }

#pop-review-detail .review-txt .txt-area span.date { color: #707070; }

#pop-model-name .content .find-model li .txt span { font-weight: 700; font-size: 18px; line-height: 1.72; }

#pop-model-name .content .find-model li .txt strong { font-weight: 700; font-size: 18px; line-height: 1.72; }

#pop-model-name .content .find-model li .txt strong em { color: #772480; }

#pop-model-name .content .find-model li .img { margin-top: 16px; }

#pop-model-name .content .find-model li ~ li { margin-top: 40px; }

#pop-sort-price .input { display: flex; flex-wrap: wrap; align-items: center; margin-top: 16px; }

#pop-sort-price .input .txt { width: 100%; font-weight: 700; color: #333; padding-bottom: 8px; }

#pop-sort-price .input .hyphen { width: 5px; height: 1px; background: #000; margin: 0 4px; }

#pop-sort-price .input input { flex: 1; width: auto; height: 34px; padding-right: 16px; text-align: right; border-radius: 3px; }

#pop-sort-price .input button { width: 34px; height: 34px; flex-shrink: 0; margin-left: 6px; background: #000; border-radius: 3px; font-size: 0; }

#pop-sort-price .input button:before { content: ''; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); }

#pop-sort-price .btn-group { margin-top: 40px; }

#pop-filter-guide, #pop-function-filter-guide, #pop-health-filter-guide { z-index: 1100; }

/* page */
/* event */
.page-event .live-commerce .recent .thumbnail { position: relative; padding-top: 100%; overflow: hidden; }

.page-event .live-commerce .recent .thumbnail img { position: absolute; left: 0; bottom: 0; }

.page-event .live-commerce .recent .thumbnail:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }

.page-event .live-commerce .recent .thumbnail p { position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); z-index: 1; color: #fff; }

.page-event .live-commerce .recent .thumbnail p span { display: block; text-align: center; font-weight: 700; }

.page-event .live-commerce .recent .thumbnail p span.date { font-weight: 700; font-size: 18px; line-height: 1.72; color: #fff; }

.page-event .live-commerce .recent .thumbnail p span.time { font-size: 52px; line-height: 1.4; letter-spacing: -0.03em; font-weight: 700; margin-bottom: 8px; }

.page-event .live-commerce .recent .thumbnail p span.live { font-size: 46px; line-height: 1.4; letter-spacing: -0.03em; font-family: "Kumbh Sans"; letter-spacing: normal; padding: 0 42px; border: 5px solid #fff; box-sizing: border-box; border-radius: 55px; margin-bottom: 16px; }

.page-event .live-commerce .recent .info .txt-group { padding-top: 40px; }

.page-event .live-commerce .recent .info .txt-group strong { display: block; font-weight: 700; font-size: 26px; line-height: 1.52; letter-spacing: -0.015em; }

.page-event .live-commerce .recent .info .txt-group i { display: inline-block; margin-bottom: 8px; font-family: "Kumbh Sans"; font-size: 16px; height: 36px; line-height: 34px; color: #830890; padding: 0 12px; border: 2px solid #772480; box-sizing: border-box; border-radius: 50px; vertical-align: middle; }

.page-event .live-commerce .recent .info .txt-group span { display: block; margin-top: 16px; }

.page-event .live-commerce .recent .info .btn { width: 100%; height: 64px; line-height: 64px; background-color: #000; color: #fff; font-size: 18px; }

.page-event .live-commerce .recent .info .count { margin-top: 40px; padding-top: 40px; border-top: 1px solid #e9e9e9; text-align: center; }

.page-event .live-commerce .recent .info .count .tit { font-weight: 700; font-size: 18px; line-height: 1.72; }

.page-event .live-commerce .recent .info .count .num { margin-top: 16px; font-size: 0; }

.page-event .live-commerce .recent .info .count .num li { display: inline-block; position: relative; vertical-align: top; font-size: 16px; color: #707070; }

.page-event .live-commerce .recent .info .count .num li span { display: block; font-size: 40px; line-height: 1.4; letter-spacing: -0.03em; color: #772480; font-weight: 700; }

.page-event .live-commerce .recent .info .count .num li ~ li { margin-left: 35px; }

.page-event .live-commerce .recent .info .count .num li ~ li:before { content: ''; position: absolute; width: 3px; height: 3px; border-radius: 50%; left: -16px; top: 17px; background-color: #772480; }

.page-event .live-commerce .recent .info .count .num li ~ li:after { content: ''; position: absolute; width: 3px; height: 3px; border-radius: 50%; left: -16px; top: 25px; background-color: #772480; }

.page-event .live-commerce .recent .info .btn-group { margin-top: 32px; }

.page-event .live-commerce .recent.on-live .info .btn { background-color: #772480; }

.page-event .live-commerce .prev { margin: 46px -20px 0; padding: 48px 20px 0; border-top: 8px solid #f7f7f7; }

.page-event .live-commerce .prev .tit { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.page-event .live-commerce .prev ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 32px; }

.page-event .live-commerce .prev ul li { position: relative; width: calc(50% - 9px); }

.page-event .live-commerce .prev ul li:nth-child(n+3) { margin-top: 48px; }

.page-event .live-commerce .prev ul li a { display: block; }

.page-event .live-commerce .prev ul li .img-area { position: relative; padding-top: 150%; overflow: hidden; }

.page-event .live-commerce .prev ul li .img-area img { position: absolute; left: 0; top: 0; }

.page-event .live-commerce .prev ul li p { padding-top: 16px; box-sizing: border-box; }

.page-event .live-commerce .prev ul li p .date { padding-bottom: 8px; font-size: 16px; color: #000; font-weight: 400; }

.page-event .live-commerce .prev ul li p span { display: block; font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.page-event .live-commerce .prev .btn-group { margin-top: 56px; }

.page-event .live-commerce .banner { position: relative; padding-top: 100%; background: #f5f5f5 url(../images/event/bg-live-banner.jpg) center/cover; }

.page-event .live-commerce .banner p { position: absolute; left: 50%; top: 0; right: auto; bottom: auto; transform: translate(-50%, 0); top: 14.32%; white-space: nowrap; text-align: center; }

.page-event .live-commerce .banner p strong { font-size: 20px; line-height: 1.52; letter-spacing: -0.015em; }

.page-event .event-list { margin-top: 0; }

.page-event .event-list .tab-nav { margin: 0 -20px; }

.page-event .event-list .board .list { margin-top: 40px; }

.page-event .event-list .board .list .empty-area { padding: 100px 0 76px; }

.page-event .event-list .board .list .list-end { display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); box-sizing: border-box; color: #f5f5f5; font-weight: 700; text-align: center; }

.page-event .event-list .board .list .list-end:before { content: ''; width: 40px; height: 40px; margin-bottom: 8px; background-image: url(../images/common/ico-sprites-line.svg); }

.page-event .agency .view > .tit { font-weight: 700; font-size: 26px; line-height: 1.52; letter-spacing: -0.015em; color: #772480; }

.page-event .agency .view .img-area { margin-top: 48px; }

.page-event .agency .view .order-area { margin: 56px -20px 0px; padding: 56px 20px 0; border-top: 8px solid #f7f7f7; }

.page-event .agency .view .order-area .tit strong { font-weight: 700; font-size: 26px; line-height: 1.52; letter-spacing: -0.015em; }

.page-event .agency .view .order-area .tit span { display: block; margin-top: 8px; color: #333; }

.page-event .agency .view .order-area ul { margin-top: 32px; }

.page-event .agency .view .order-area ul li { position: relative; }

.page-event .agency .view .order-area ul li ~ li { margin-top: 24px; }

.page-event .agency .view .order-area ul li figure { display: flex; position: relative; flex-direction: column; }

.page-event .agency .view .order-area ul li figure .img-wrap { position: relative; border-radius: 8px 8px 0 0; overflow: hidden; }

.page-event .agency .view .order-area ul li figure .img-wrap .tag { position: absolute; left: 20px; bottom: 24px; margin: -8px 0 0 -4px; }

.page-event .agency .view .order-area ul li figure .img-wrap .tag:after { content: ''; display: table; clear: both; }

.page-event .agency .view .order-area ul li figure .img-wrap .tag em { float: left; margin: 8px 0 0 4px; padding: 3px 12px; border-radius: 50px; background-color: #F5EFEA; color: #545454; font-size: 16px; }

.page-event .agency .view .order-area ul li figure figcaption { padding: 32px 20px 24px; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; }

.page-event .agency .view .order-area ul li figure figcaption > strong { display: flex; align-items: flex-end; font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.page-event .agency .view .order-area ul li figure figcaption > strong span { font-size: 16px; line-height: 1.72; font-weight: 400; margin-left: 12px; }

.page-event .agency .view .order-area ul li figure figcaption > span { display: block; margin-top: 4px; font-weight: 500; color: #333; font-size: 16px; line-height: 1.72; }

.page-event .agency .view .order-area ul li figure figcaption .price-group { margin-top: 4px; }

.page-event .agency .view .order-area ul li figure figcaption .price-group .sel strong { font-size: 22px; line-height: 1.52; }

.page-event .agency .view .order-area ul li .gift-area { position: relative; padding-bottom: 24px; border: 1px solid #e9e9e9; border-bottom: 0; }

.page-event .agency .view .order-area ul li .gift-area .gift { display: flex; position: relative; margin: 16px 0 0 40px; }

.page-event .agency .view .order-area ul li .gift-area .gift:before { content: ''; position: absolute; left: -20px; top: 14px; width: 10px; height: 10px; box-sizing: border-box; border-bottom: 1px dashed #b2b2b2; border-left: 1px dashed #b2b2b2; }

.page-event .agency .view .order-area ul li .gift-area .gift:after { content: ''; position: absolute; left: -6px; top: 30px; z-index: 1; }

.page-event .agency .view .order-area ul li .gift-area .gift .img { position: relative; width: 50px; height: 50px; flex-shrink: 0; border: 1px solid #e9e9e9; box-sizing: border-box; border-radius: 4px; overflow: hidden; }

.page-event .agency .view .order-area ul li .gift-area .gift .txt { display: flex; align-items: center; margin-left: 10px; }

.page-event .agency .view .order-area ul li .btn-group { border-radius: 0 0 8px 8px; overflow: hidden; }

.page-event .agency .view .order-area ul li .btn-group .btn-medium:nth-child(1) { border-radius: 0 0 0 8px; }

.page-event .agency .view .order-area ul li .btn-group .btn-medium:nth-child(2) { border-radius: 0 0 8px 0; }

.page-event .order-form .select-product { margin: 0 -20px; padding: 32px 20px; background-color: #f5f5f5; }

.page-event .order-form .select-product .product { position: relative; }

.page-event .order-form .select-product .product .prd { display: flex; }

.page-event .order-form .select-product .product .prd .img { width: 90px; height: 90px; border-radius: 6px; overflow: hidden; flex-shrink: 0; }

.page-event .order-form .select-product .product .prd .txt { display: flex; flex-direction: column; margin-left: 24px; }

.page-event .order-form .select-product .product .prd .txt .prd-code { font-size: 16px; line-height: 1.72; }

.page-event .order-form .select-product .product .prd .txt .prd-name { margin-top: 2px; font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.page-event .order-form .select-product .product .prd .txt .price-group { margin-top: 4px; }

.page-event .order-form .select-product .product .gift-area { position: relative; }

.page-event .order-form .select-product .product .gift-area .gift { display: flex; position: relative; margin: 16px 0 0 40px; }

.page-event .order-form .select-product .product .gift-area .gift:before { content: ''; position: absolute; left: -20px; top: 14px; width: 10px; height: 10px; box-sizing: border-box; border-bottom: 1px dashed #b2b2b2; border-left: 1px dashed #b2b2b2; }

.page-event .order-form .select-product .product .gift-area .gift:after { content: ''; position: absolute; left: -6px; top: 30px; z-index: 1; }

.page-event .order-form .select-product .product .gift-area .gift .img { position: relative; width: 50px; height: 50px; flex-shrink: 0; border: 1px solid #e9e9e9; box-sizing: border-box; border-radius: 4px; overflow: hidden; }

.page-event .order-form .select-product .product .gift-area .gift .txt { display: flex; align-items: center; margin-left: 10px; }

.page-event .order-form .select-product .product .price { position: absolute; right: 0; top: 50%; left: auto; bottom: auto; transform: translate(0, -50%); font-size: 16px; font-weight: 300; }

.page-event .order-form .select-product .product .price span { display: block; text-align: right; font-weight: 300; }

.page-event .order-form .select-product .product .price span em { font-size: 26px; line-height: 1.52; letter-spacing: -0.015em; font-family: "Kumbh Sans"; letter-spacing: normal; margin-right: 2px; font-weight: 500; }

.page-event .order-form .select-product .product .price span.sale { color: #707070; font-size: 16px; }

.page-event .order-form .select-product .product .price span.sale em { font-size: 16px; line-height: 1.72; font-weight: 300; text-decoration: line-through; }

.page-event .order-form .form .agree { margin: 56px -20px 0; border-top: 8px solid #f7f7f7; border-bottom: 8px solid #f7f7f7; }

.page-event .order-form .form .agree .input-check { float: left; }

.page-event .order-form .form .agree .input-check em { color: #772480; font-weight: 300; }

.page-event .order-form .form .agree .ui-tree .top { padding: 24px 20px; }

.page-event .order-form .form .agree .ui-tree .top:after { content: ''; display: table; clear: both; }

.page-event .order-form .form .agree .ui-tree .top .btn-toggle { top: 50%; right: 30px; transform: translateY(-50%); }

.page-event .order-form .form .agree .ui-tree .top .input-check span { font-weight: 500; }

.page-event .order-form .form .agree .ui-tree .sub { border-top: 1px dashed #ccc; padding: 24px 0; margin: 0 20px; }

.page-event .order-form .form .agree .ui-tree .sub li:after { content: ''; display: table; clear: both; }

.page-event .order-form .form .agree .ui-tree .sub li ~ li { margin-top: 16px; }

.page-event .order-form .form .agree .ui-tree .more { float: right; text-decoration: underline; font-size: 16px; font-weight: 300; }

.page-event .order-form .form .txt-box { margin-top: 56px; }

.page-event .order-form .form .txt-box .txt strong { display: flex; position: relative; width: 100%; font-weight: 700; font-size: 26px; line-height: 1.52; letter-spacing: -0.015em; }

.page-event .order-form .form .txt-box .txt strong:after { content: ''; width: 70px; height: 70px; background: url(../images/common/component_illust.svg) -160px -387px; }

.page-event .order-form .form .txt-box .txt span { font-weight: 500; color: #333; font-size: 16px; line-height: 1.72; margin-top: 16px; }

.page-event .order-form .form .txt-box .dot-dl { position: relative; margin-top: 40px; padding: 30px 40px 30px 140px; background-color: #f5f5f5; border-radius: 6px; }

.page-event .order-form .form .txt-box .dot-dl:before { content: ''; position: absolute; top: 50%; transform: translate(0, -50%); left: 40px; width: 70px; height: 70px; }

/* customer center */
.page-customer .agency-list .tab-content { padding: 40px 20px 0; }

.page-customer .agency-list .top-info-txt{margin-bottom:40px;}

.page-customer .agency-list .top-info-txt strong{display:block;font-size:22px;color:#000;font-weight:700;line-height:1.5;}

.page-customer .agency-list .top-info-txt p{position:relative;margin-top:20px;padding-left:28px;font-size:16px;color:#545454;font-weight:300;line-height:1.7;}

.page-customer .agency-list .top-info-txt p:before{content:'';display:block;position:absolute;left:0;top:4px;width:20px;height:20px;background:url(../images/common/ico-notice.png);background-size:cover;}

.page-customer .agency-list .map-wrap { position: relative; overflow: hidden; }

.page-customer .agency-list .map-wrap .search-input { display: flex; padding: 0 0 20px; }

.page-customer .agency-list .map-wrap .search-input select { width: auto; height: 52px; flex-shrink: 0; border-color: #000; border-radius: 4px; }

.page-customer .agency-list .map-wrap .search-input .form-search { margin-left: 6px; width: 100%; }

.page-customer .agency-list .map-wrap .map { height: 380px; overflow: hidden; }

.page-customer .agency-list .map-wrap .search-output .content { overflow-y: auto; padding-bottom: 30px; }

.page-customer .agency-list .map-wrap .search-output .content .ico-group:after { content: ''; display: table; clear: both; }

.page-customer .agency-list .map-wrap .search-output .content .ico-group span { display: flex; align-items: center; float: left; font-size: 16px; color: #333; font-weight: 700; }

.page-customer .agency-list .map-wrap .search-output .content .ico-group span ~ span { margin-left: 16px; }

.page-customer .agency-list .map-wrap .search-output .content .ico-group i { float: left; margin-right: 8px; }

.page-customer .agency-list .map-wrap .search-output .content .header { padding-bottom: 8px; }

.page-customer .agency-list .map-wrap .search-output .content .body { position: relative; }

.page-customer .agency-list .map-wrap .search-output .content .body ul { border-top: 1px solid #e9e9e9; }

.page-customer .agency-list .map-wrap .search-output .content .body ul li { position: relative; padding: 24px 0; border-bottom: 1px solid #e9e9e9; }

.page-customer .agency-list .map-wrap .search-output .content .body ul li .ico-group { position: absolute; right: 0; top: 6px; }

.page-customer .agency-list .map-wrap .search-output .content .body ul li .ico-group span { font-size: 0; }

.page-customer .agency-list .map-wrap .search-output .content .body ul li .ico-group span ~ span { margin-left: 8px; }

.page-customer .agency-list .map-wrap .search-output .content .body ul li .ico-group i { margin-right: 0; }

.page-customer .agency-list .map-wrap .search-output .content .body ul li > a { display: block; }

.page-customer .agency-list .map-wrap .search-output .content .body ul li address:after { content: ''; display: table; clear: both; }

.page-customer .agency-list .map-wrap .search-output .content .body ul li address > strong { display: block; font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.page-customer .agency-list .map-wrap .search-output .content .body ul li address > span { display: block; color: #333; margin: 8px 0 2px; }

.page-customer .agency-list .map-wrap .search-output .content .body ul li address .tel-group span { position: relative; float: left; margin-top: 2px; color: #333; }

.page-customer .agency-list .map-wrap .search-output .content .body ul li address .tel-group span ~ span { margin-left: 12px; padding-left: 12px; }

.page-customer .agency-list .map-wrap .search-output .content .body ul li address .tel-group span ~ span:before { content: ''; position: absolute; left: 0; top: 50%; right: auto; bottom: auto; transform: translate(0, -50%); width: 1px; height: 12px; background: #e9e9e9; }

.page-customer .agency-list .map-wrap .search-output .content .body .result { display: flex; flex-direction: column; height: 310px; align-items: center; justify-content: center; text-align: center; }

.page-customer .agency-list .map-wrap .search-output .content .body .result .ico-sprites-notice { background-color: #f5f5f5; }

.page-customer .agency-list .map-wrap .search-output .content .body .result span { display: block; margin-top: 16px; color: #545454; }

.page-customer .menual-list .tab-content ul { border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; }

.page-customer .menual-list .tab-content ul li { display: flex; position: relative; padding: 24px 0; align-items: center; }

.page-customer .menual-list .tab-content ul li .img { width: 90px; height: 90px; border-radius: 6px; overflow: hidden; flex: none; }

.page-customer .menual-list .tab-content ul li .txt { margin-right: 12px; }

.page-customer .menual-list .tab-content ul li .txt .prd-cate { display: block; margin-bottom: 8px; }

.page-customer .menual-list .tab-content ul li .txt .prd-name { font-weight: 700; font-size: 18px; line-height: 1.72; }

.page-customer .menual-list .tab-content ul li .txt .prd-code { display: inline-block; font-weight: 700; font-size: 18px; line-height: 1.72; }

.page-customer .menual-list .tab-content ul li .btn-down-menual { position: relative; width: 44px; height: 44px; font-size: 0; padding: 0; border: 0; margin-left: auto; flex: none; }

.page-customer .menual-list .tab-content ul li .btn-down-menual:after { right: 50%; transform: translate(50%, -50%); margin: 0; }

.page-customer .menual-list .tab-content ul li ~ li { border-top: 1px solid #e9e9e9; }

.page-customer .apply-wrap .caution-box { position: relative; }

.page-customer .apply-wrap .caution-box.type-01 { padding: 30px; }

.page-customer .apply-wrap .caution-box.type-01:before { display: none; }

.page-customer .apply-wrap .apply-select .apply-tit { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.page-customer .apply-wrap .apply-select .message-box { position: relative; }

.page-customer .apply-wrap .apply-select .message-box:after { content: ''; display: table; clear: both; }

.page-customer .apply-wrap .apply-select .message-box .bullet-caution { color: #707070; font-size: 16px; line-height: 1.72; }

.page-customer .apply-wrap .apply-select .message-box .btn-fn, .page-customer .apply-wrap .apply-select .message-box .fn-check-toggle span, .fn-check-toggle .page-customer .apply-wrap .apply-select .message-box span { display: block; margin-top: 12px; margin-left: 28px; }

.page-customer .apply-wrap .apply-select .regist-box { display: flex; flex-direction: column; margin: 48px -20px 0; padding: 48px 20px 0; border-top: 8px solid #f7f7f7; }

.page-customer .apply-wrap .apply-select .regist-box strong { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.page-customer .apply-wrap .apply-select .regist-box strong em { color: #772480; }

.page-customer .apply-wrap .apply-select .regist-box span { margin-top: 16px; color: #333; }

.page-customer .apply-wrap .apply-select .regist-box .btn-group { margin-top: 32px; }

.page-customer .apply-wrap .apply-select .regist-box .bullet-caution { margin-top: 32px; padding-top: 32px; border-top: 1px dashed #ccc; }

.page-customer .apply-wrap .apply-select .regist-box .bullet-caution:before { top: 37px; }

.page-customer .apply-wrap .apply-select .choose-box { margin-top: 48px; }

.page-customer .apply-wrap .apply-select .choose-box > div { padding: 20px; background-color: #f5f5f5; border-radius: 6px; align-items: center; }

.page-customer .apply-wrap .apply-select .choose-box > div strong { display: flex; align-items: center; float: left; height: 56px; font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.page-customer .apply-wrap .apply-select .choose-box > div span { display: block; clear: both; padding-top: 12px; color: #333; }

.page-customer .apply-wrap .apply-select .choose-box > div .btn { margin-top: 20px; }

.page-customer .apply-wrap .apply-select .choose-box > div:before { content: ''; float: right; width: 56px; height: 56px; background: url(../images/common/component_illust.svg) -292px -387px; }

.page-customer .apply-wrap .apply-select .choose-box > div.none-member:before { background-position: -396px -387px; }

.page-customer .apply-wrap .apply-select .choose-box > div ~ div { margin-top: 16px; }

.page-customer .apply-wrap .apply-write .step-area { margin-top: -40px; }

.page-customer .apply-wrap .apply-write .step-area ol { display: flex; justify-content: center; margin: 0 -20px; padding: 32px 0; background-color: #f5f5f5; }

.page-customer .apply-wrap .apply-write .step-area ol li { position: relative; width: 70px; padding-top: 78px; }

.page-customer .apply-wrap .apply-write .step-area ol li.step-04 { margin-left: 104px; }

.page-customer .apply-wrap .apply-write .step-area ol li.step-04:before { left: -58px; }

.page-customer .apply-wrap .apply-write .step-area ol li:after { content: ''; position: absolute; left: 0; top: 0; width: 70px; height: 70px; background-image: url(../images/common/ico-sprites-line.svg); background-color: #fff; border-radius: 50%; }

.page-customer .apply-wrap .apply-write .step-area ol li strong { display: block; width: fit-content; text-align: center; margin-left: 50%; transform: translateX(-50%); white-space: nowrap; }

.page-customer .apply-wrap .apply-write .step-area ol li.step-01:after { background-position: -2px -4px; }

.page-customer .apply-wrap .apply-write .step-area ol li.step-02:after { background-position: -218px -4px; }

.page-customer .apply-wrap .apply-write .step-area ol li.step-03:after { background-position: -110px -4px; }

.page-customer .apply-wrap .apply-write .step-area ol li.step-04:after { background-position: -164px -4px; }

.page-customer .apply-wrap .apply-write .step-area ol li ~ li { margin-left: 46px; }

.page-customer .apply-wrap .apply-write .step-area ol li ~ li:before { content: ''; width: 13px; height: 13px; position: absolute; left: -29px; top: 35px; background-image: url(../images/common/ico-sprites-line.svg); background-position: -280px -276px; }

.page-customer .apply-wrap .apply-write .form > div { display: block; }

.page-customer .apply-wrap .apply-write .form .fieldset .legend { flex-wrap: wrap; }

.page-customer .apply-wrap .apply-write .form .fieldset .legend .bullet-check { width: 100%; margin: 8px 0 0 0; }

.page-customer .apply-wrap .apply-write .form .fieldset .box { margin-top: 4px; border: 0; padding: 0; border-radius: 0; }

.page-customer .apply-wrap .apply-write .form .fieldset .box .btn-pop-model { text-decoration: underline; font-size: 16px; font-weight: 300; margin-left: 8px; color: #000; flex-shrink: 0; }

.page-customer .apply-wrap .apply-write .form .agree { margin: 0 -20px; border-top: 8px solid #f7f7f7; border-bottom: 8px solid #f7f7f7; }

.page-customer .apply-wrap .apply-write .form .agree .input-check .desc { display: block; margin-top: 8px; color: #707070; font-weight: 400; }

.page-customer .apply-wrap .apply-write .form .agree .input-check em { margin-right: 4px; }

.page-customer .apply-wrap .apply-write .form .agree .ui-tree { padding: 16px 0; }

.page-customer .apply-wrap .apply-write .form .agree .ui-tree .group { padding: 8px 20px; }

.page-customer .apply-wrap .apply-write .form .agree .ui-tree .top { display: flex; justify-content: space-between; align-items: baseline; }

.page-customer .apply-wrap .apply-write .form .agree .ui-tree .top .btn-toggle { top: 50%; right: 30px; transform: translateY(-50%); }

.page-customer .apply-wrap .apply-write .form .agree .ui-tree .sub { border-top: 1px solid #ccc; }

.page-customer .apply-wrap .apply-write .form .agree .ui-tree .sub li { padding: 30px; }

.page-customer .apply-wrap .apply-write .form .agree .ui-tree .sub li:after { content: ''; display: table; clear: both; }

.page-customer .apply-wrap .apply-write .form .agree .ui-tree .more { text-decoration: underline; margin-left: 24px; }

.page-customer .apply-wrap .apply-write .none-form { display: none; }

.page-customer .apply-wrap .apply-write.select-install .none-form { display: block; }

.page-customer .apply-wrap .apply-write.select-install .block-form { display: none; }

.page-customer .popup-drclean-coupon .content .coupon-message { position: relative; padding: 96px 0 8px; text-align: center; background: url(../images/checkout/ico-complete.png) 50% 0/100px auto no-repeat; }

.page-customer .popup-drclean-coupon .content .coupon-message strong { font-weight: 700; font-size: 26px; line-height: 1.52; letter-spacing: -0.015em; }

.page-customer .popup-drclean-coupon .content .coupon-info { margin-top: 32px; padding-top: 40px; border-top: 1px dashed #ccc; }

.page-customer .popup-drclean-coupon .content .coupon-info .top:after { content: ''; display: table; clear: both; }

.page-customer .popup-drclean-coupon .content .coupon-info .top .txt { float: left; font-weight: 700; font-size: 18px; line-height: 1.72; }

.page-customer .popup-drclean-coupon .content .coupon-info .top .fn-copy { float: right; margin-top: 7px; }

.page-customer .popup-drclean-coupon .content .coupon-info .top .fn-copy i { vertical-align: middle; }

.page-customer .popup-drclean-coupon .content .coupon-info .top .fn-copy span { font-size: 16px; margin-left: 4px; vertical-align: middle; }

.page-customer .popup-drclean-coupon .content .coupon-info .coupon-num { margin-top: 8px; padding: 16px 0; font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; background-color: #f5f5f5; text-align: center; }

.page-customer .popup-drclean-coupon .content .bullet-o { margin-top: 40px; }

.page-customer .popup-drclean-coupon .content .btn-group.medium { margin-top: 56px; }

.page-customer .fnq-list .tab-nav.level-2 { margin-bottom: 48px; }

.page-customer .fnq-list .tab-nav.level-3 { margin-top: -16px; margin-bottom: 48px; }

.page-customer .fnq-list .tab-nav.level-3 select option { text-align: left; }

.page-customer .fnq-list .tab-content .ui-tree { border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; }

.page-customer .fnq-list .tab-content .ui-tree .group ~ .group .top { border-top: 1px solid #e9e9e9; }

.page-customer .fnq-list .tab-content .ui-tree .group.active .top .txt { color: #830890; font-weight: 700; }

.page-customer .fnq-list .tab-content .ui-tree .group.active .top .txt strong { font-weight: 700; }

.page-customer .fnq-list .tab-content .ui-tree .top { padding: 24px 56px 24px 0; }

.page-customer .fnq-list .tab-content .ui-tree .top .txt span { font-size: 16px; }

.page-customer .fnq-list .tab-content .ui-tree .top .txt strong { display: block; font-weight: 400; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.page-customer .fnq-list .tab-content .ui-tree .top .btn-toggle { right: 7px; top: 50%; transform: translateY(-50%); }

.page-customer .fnq-list .tab-content .ui-tree .sub { padding: 16px 0 48px; white-space: pre-line; font-weight: 300; color: #333; }

.page-customer .fnq-list .tab-content .empty-area { padding: 140px 0 70px; }

/* search */
.page-search .search-input { margin-top: 40px; }

.page-search .search-input .input { position: relative; }

.page-search .search-input .input input { appearance: none; -webkit-appearance: none; -webkit-border-radius: 0; width: 100%; padding: 0 24px 0 0; height: 59px; font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; border: 0; border-bottom: 1px solid #000; background: #fff; text-overflow: ellipsis; }

.page-search .search-input .input input::-webkit-input-placeholder { font-weight: 700; }

.page-search .search-input .input input::-moz-placeholder { font-weight: 700; }

.page-search .search-input .input input:-ms-input-placeholder { font-weight: 700 !important; }

.page-search .search-input .input input::-ms-input-placeholder { font-weight: 700; }

.page-search .search-input .input input::placeholder { font-weight: 700; }

.page-search .search-input .input .ico-sprites-search, .page-search .search-input .range-price .input button:before, .range-price .page-search .search-input .input button:before, .page-search .search-input #pop-sort-price .input button:before, #pop-sort-price .page-search .search-input .input button:before { background-color: transparent; position: absolute; right: 0; top: 50%; left: auto; bottom: auto; transform: translate(0, -50%); }

.page-search .search-input .popular { display: flex; flex-direction: column; margin-top: 32px; }

.page-search .search-input .popular .hash-tag { max-height: 42px; overflow: hidden; }

.page-search .search-result { margin: 56px -20px 0; padding: 56px 20px 0; border-top: 8px solid #f7f7f7; }

.page-search .search-result .intro-tit { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.page-search .search-result .intro-tit em { color: #772480; }

.page-search .search-result .product-list .list .swiper-container { margin-top: 32px; padding-bottom: 32px; overflow: visible; }

.page-search .search-result .product-list .list .swiper-container .swiper-slide { margin: 0; }

.page-search .search-result .product-list .list .swiper-container .swiper-pagination { top: auto; bottom: 0; height: 1px; background: #f5f5f5; }

.page-search .search-result .product-list .list .swiper-container .swiper-pagination span { background: #000; }

.page-search .search-result .product-list .banner-area { position: relative; border-radius: 8px; overflow: hidden; }

.page-search .search-result .product-list .banner-area a { display: block; }

.page-search .search-result .product-list .banner-area a .banner-inner { display: flex; position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 24px 0 32px; box-sizing: border-box; align-items: center; }

.page-search .search-result .product-list .banner-area a .txt { display: flex; flex-direction: column; padding-right: 16px; font-weight: 700; color: #fff; }

.page-search .search-result .product-list .banner-area a .txt strong { margin-top: 10px; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.page-search .search-result .product-list .banner-area a .fn-right { flex: none; width: 32px; height: 32px; margin-left: auto; background: #fff; border-radius: 50%; }

.page-search .search-result .product-list .banner-area a .fn-right:before { content: ''; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); width: 13px; height: 13px; background-image: url(../images/common/ico-sprites-line.svg); background-position: -20px -277px; }

/* product */
.page-product .frame-product > .top { background-position: center bottom; background-size: cover; background-repeat: no-repeat; }

.page-product .frame-product > .top .breadcrumb .ui-select { width: auto; height: auto; border: 0; margin: 0; }

.page-product .frame-product > .top .breadcrumb .ui-select button { background: transparent; color: #fff; font-weight: 700; color: #fff; font-size: 40px; line-height: 1.4; letter-spacing: -0.03em; height: auto; border: 0; padding-right: 32px; }

.page-product .frame-product > .top .breadcrumb .ui-select button:after { content: ''; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background-image: url(../images/common/ico-sprites-line.svg); background-position: -265px -641px; }

.page-product .frame-product > .top .breadcrumb .ui-select ul { margin-top: 8px; }

.page-product .frame-product > .top .breadcrumb .ui-select.active button:after { background-position: -305px -641px; }

.page-product .frame-product > .top .breadcrumb.fixed-product { position: fixed; left: 0; top: 0; width: 100%; z-index: 100; }

.scroll-up .page-product .frame-product > .top .breadcrumb.fixed-product { top: 70px; }

.page-product .frame-product > .top .breadcrumb.fixed-product .ui-select { display: block; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.05); }

.page-product .frame-product > .top .breadcrumb.fixed-product .ui-select.active button:after { background-position: -410px -330px; }

.page-product .frame-product > .top .breadcrumb.fixed-product .ui-select button { height: 48px; padding: 0 20px; text-align: left; color: #333; background: #fff; font-size: 16px; line-height: 1.72; }

.page-product .frame-product > .top .breadcrumb.fixed-product .ui-select button:after { right: 20px; width: 10px; height: 10px; background-position: -380px -330px; }

.page-product .frame-product > .top .breadcrumb.fixed-product .ui-select ul { display: flex; flex-wrap: wrap; left: 0; padding: 20px; border: 0; border-top: 1px solid #e9e9e9; border-radius: 0; margin: 0; }

.page-product .frame-product > .top .breadcrumb.fixed-product .ui-select ul li { width: 50%; }

.page-product .frame-product > .top .breadcrumb.fixed-product .ui-select ul li:nth-child(n+3) { margin-top: 10px; }

.page-product .frame-product > .top .breadcrumb.fixed-product .ui-select ul li a { padding: 0; }

.page-product .frame-product > .top.type-full .page-title .title-copy { font-size: 28px; line-height: 1.52; letter-spacing: -0.015em; color: #772480; margin-bottom: 32px; font-weight: 700; }

.page-product .frame-product > .top.type-full .page-title strong { font-size: 36px; line-height: 1.52; letter-spacing: -0.015em; color: #000; }

.page-product .frame-product > .top.type-full .page-title span { margin-top: 24px; color: #545454; }

.page-product .frame-product > .top.type-full .ico-scroll { position: absolute; left: 20px; bottom: 40px; }

.page-product .search-product .filter-search .group:first-child .top { border-top: 1px solid #e9e9e9; }

.page-product .search-product .filter-search .group .top { padding: 24px 0; font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; border-bottom: 1px solid #e9e9e9; }

.page-product .search-product .filter-search .group .top > a { display: block; }

.page-product .search-product .filter-search .group.active > .top { color: #772480; }

.page-product .search-product .filter-search .group.disabled { touch-action: none; }

.page-product .search-product .filter-search .group.disabled > .top { touch-action: none; color: #ccc; }

.page-product .search-product .filter-search .group.disabled > .top .btn-toggle:before, .page-product .search-product .filter-search .group.disabled > .top .btn-toggle:after { background-color: #ccc; }

.page-product .search-product .filter-wrap .filter-area { background-color: #f5f5f5; padding: 32px 20px 16px; border-bottom: 1px solid #f5f5f5; }

.page-product .search-product .filter-wrap .filter-area .fn-list { column-gap: 8px; row-gap: 32px; }

.page-product .search-product .filter-wrap .filter-area .fn-list .fn-prd { flex-direction: column; width: 84px; height: 96px; }

.page-product .search-product .filter-wrap .filter-area .fn-list .fn-prd input { visibility: hidden; position: absolute; z-index: -1; }

.page-product .search-product .filter-wrap .filter-area .fn-list .fn-prd input:checked + .img { background: #772480; }

.page-product .search-product .filter-wrap .filter-area .fn-list .fn-prd input:checked + .img .default-img { display: none; }

.page-product .search-product .filter-wrap .filter-area .fn-list .fn-prd input:checked + .img .active-img { display: block; }

.page-product .search-product .filter-wrap .filter-area .fn-list .fn-prd input:checked ~ span { font-weight: 700; color: #830890; border-color: #830890; }

.page-product .search-product .filter-wrap .filter-area .fn-list .fn-prd .img { display: block; position: relative; width: 60px; height: 60px; margin: 0 auto; border-radius: 50%; background: #fff; }

.page-product .search-product .filter-wrap .filter-area .fn-list .fn-prd .img .active-img { display: none; }

.page-product .search-product .filter-wrap .filter-area .fn-list .fn-prd span { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); font-size: 16px; color: #707070; margin: 0; white-space: nowrap; }

.page-product .search-product .filter-wrap .filter-area .fn-list.type-hash { row-gap: 16px; justify-content: flex-start; }

.page-product .search-product .filter-wrap .filter-area .fn-list.type-hash .fn-prd { width: auto; height: auto; }

.page-product .search-product .filter-wrap .filter-area .fn-list.type-hash .fn-prd span { position: static; transform: none; padding: 7px 16px; color: #333; background: #fff; border-radius: 100px; border: 1px solid #fff; }

.page-product .search-product .filter-wrap .filter-area .filter-util { display: flex; align-items: center; margin-top: 32px; padding-top: 16px; border-top: 1px dashed #ccc; }

.page-product .search-product .filter-wrap .filter-area .filter-util .btn-pop-guide { height: 32px; line-height: 32px; padding: 0 16px 0 36px; font-size: 16px; font-weight: 700; background: #fff url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='7.25' fill='white' stroke='black' stroke-width='1.5'/%3E%3Cpath d='M7.24971 7.5C7.24971 7.08579 7.5855 6.75 7.99971 6.75C8.41392 6.75 8.74971 7.08579 8.74971 7.5V11C8.74971 11.4142 8.41392 11.75 7.99971 11.75C7.5855 11.75 7.24971 11.4142 7.24971 11V7.5Z' fill='black'/%3E%3Cpath d='M7.24971 5C7.24971 4.58579 7.5855 4.25 7.99971 4.25C8.41392 4.25 8.74971 4.58579 8.74971 5C8.74971 5.41421 8.41392 5.75 7.99971 5.75C7.5855 5.75 7.24971 5.41421 7.24971 5Z' fill='black'/%3E%3C/svg%3E%0A") 12px center no-repeat; border-radius: 100px; }

.page-product .search-product .filter-wrap .filter-area .filter-util .btn-filter-reset { margin-left: auto; padding-right: 26px; font-size: 16px; color: #545454; background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4942 14.6284C10.3921 15.4879 9.00587 16 7.5 16C3.91015 16 1 13.0899 1 9.5C1 5.91015 3.91015 3 7.5 3C11.0899 3 14 5.91015 14 9.5C14 9.93852 13.9566 10.3669 13.8738 10.7811' stroke='%23545454' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M14.2258 12.242C14.1062 12.3786 13.8938 12.3786 13.7742 12.242L10.9354 8.99755C10.7656 8.80358 10.9034 8.5 11.1611 8.5L16.8389 8.5C17.0966 8.5 17.2344 8.80358 17.0646 8.99755L14.2258 12.242Z' fill='%23545454'/%3E%3C/svg%3E%0A") right center no-repeat; }

.page-product .search-product .filter-wrap .filter-area .filter-util .btn-filter-reset[disabled] { border: 0; opacity: 0.4; }

.page-product .search-product .filter-wrap .filter-selected { padding: 0 20px; margin: 0 -20px 48px; border-bottom: 8px solid #f7f7f7; }

.page-product .search-product .filter-wrap .filter-selected .top { display: flex; align-items: center; padding-bottom: 24px; }

.page-product .search-product .filter-wrap .filter-selected .top .tit { font-weight: 700; font-size: 18px; line-height: 1.72; }

.page-product .search-product .filter-wrap .filter-selected .top .btn-filter-research { padding: 3px 46px 3px 20px; font-size: 16px; line-height: 1.72; font-weight: 700; color: #545454; background: #f5f5f5 url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1092 15.4169C12.5447 15.0773 12.6223 14.4489 12.2827 14.0134C11.943 13.5779 11.3146 13.5002 10.8792 13.8399L12.1092 15.4169ZM12.8932 10.5851C12.7849 11.1266 13.1362 11.6534 13.6778 11.7617C14.2194 11.8699 14.7461 11.5186 14.8544 10.9771L12.8932 10.5851ZM7.5 15C4.46243 15 2 12.5376 2 9.5H0C0 13.6421 3.35786 17 7.5 17V15ZM2 9.5C2 6.46243 4.46243 4 7.5 4V2C3.35786 2 0 5.35786 0 9.5H2ZM7.5 4C10.5376 4 13 6.46243 13 9.5H15C15 5.35786 11.6421 2 7.5 2V4ZM10.8792 13.8399C9.9466 14.5672 8.77524 15 7.5 15V17C9.23649 17 10.8377 16.4086 12.1092 15.4169L10.8792 13.8399ZM13 9.5C13 9.87235 12.9631 10.2351 12.8932 10.5851L14.8544 10.9771C14.95 10.4987 15 10.0047 15 9.5H13Z' fill='%23545454'/%3E%3Cpath d='M14.2258 12.242C14.1062 12.3786 13.8938 12.3786 13.7742 12.242L10.9354 8.99755C10.7656 8.80358 10.9034 8.5 11.1611 8.5L16.8389 8.5C17.0966 8.5 17.2344 8.80358 17.0646 8.99755L14.2258 12.242Z' fill='%23545454'/%3E%3C/svg%3E%0A") right 20px center no-repeat; border-radius: 100px; margin-left: auto; }

.page-product .search-product .filter-wrap .filter-selected .list { display: flex; flex-wrap: wrap; column-gap: 4px; row-gap: 8px; padding-bottom: 24px; }

.page-product .search-product .filter-wrap .filter-selected .list span { display: flex; padding: 3px 7px 3px 12px; align-items: center; color: #772480; border: 1px solid #830890; border-radius: 100px; }

.page-product .search-product .filter-wrap .filter-selected .list span button { flex: none; width: 20px; height: 20px; margin-left: 3px; }

.page-product .search-product .filter-wrap .filter-selected .list span button:before, .page-product .search-product .filter-wrap .filter-selected .list span button:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 11px; height: 1px; background-color: #830890; border-radius: 2px; }

.page-product .search-product .filter-wrap .filter-selected .list span button:after { transform: translate(-50%, -50%) rotate(45deg); }

.page-product .detail-product > .top .visual .swiper-pagination { left: 50%; top: auto; bottom: 32px; width: auto; height: 2px; background: #fff; transform: translateX(-50%); }

.page-product .detail-product > .top .visual .swiper-pagination span { background: #000; }

.page-product .detail-product > .top .visual .swiper-slide { padding-top: 106.67%; overflow: hidden; }

.page-product .detail-product > .top .visual .swiper-slide img { position: absolute; left: -36%; top: 0; width: auto; height: 100%; }

.page-product .detail-product > .top .float-info { padding: 32px 20px 48px; background: #fff; box-sizing: border-box; }

.page-product .detail-product > .top .float-info .prd-top { display: flex; justify-content: space-between; }

.page-product .detail-product > .top .float-info .prd-top .tag { display: flex; flex-wrap: wrap; margin: -4px 0 0 -8px; max-height: 63px; overflow: hidden; }

.page-product .detail-product > .top .float-info .prd-top .tag span { margin: 4px 0 0 8px; color: #545454; }

.page-product .detail-product > .top .float-info .prd-top .fn { flex: none; margin-top: 2px; margin-left: 8px; }

.page-product .detail-product > .top .float-info .prd-top .fn button { vertical-align: top; }

.page-product .detail-product > .top .float-info .prd-name { margin-top: 16px; }

.page-product .detail-product > .top .float-info .prd-name strong { font-weight: 700; font-size: 30px; line-height: 1.52; letter-spacing: -0.015em; }

.page-product .detail-product > .top .float-info .prd-name span { font-size: 18px; line-height: 1.72; display: block; margin-top: 4px; color: #333; white-space: pre-line; }

.page-product .detail-product > .top .float-info .prd-info { margin-top: 32px; border-top: 1px solid #B2B2B2; border-bottom: 1px solid #e9e9e9; }

.page-product .detail-product > .top .float-info .prd-info .default { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 10px 0 18px; }

.page-product .detail-product > .top .float-info .prd-info select { width: 100%; height: 38px; border: 1px solid #B2B2B2; border-radius: 3px; padding: 0 25px 0 16px; background-position: right 16px center; font-size: 16px; }

.page-product .detail-product > .top .float-info .prd-info dt { width: 104px; margin-top: 8px; color: #333; }

.page-product .detail-product > .top .float-info .prd-info dt .tooltip { margin-top: 3px; margin-left: 2px; }

.page-product .detail-product > .top .float-info .prd-info dd { width: calc(100% - 104px); margin-top: 8px; text-align: right; font-size: 18px;}

.page-product .detail-product > .top .float-info .prd-info dd.product-code { font-size: 18px; line-height: 1.72; }

.page-product .detail-product > .top .float-info .prd-info dd.sale { display: flex; justify-content: end; }

.page-product .detail-product > .top .float-info .prd-info dd.sale em { font-size: 18px; line-height: 1.72; color: #830890; margin-left: 8px; }

.page-product .detail-product > .top .float-info .prd-info dd.sale span { color: #707070; font-size: 18px; line-height: 1.72; font-weight: 400; }

.page-product .detail-product > .top .float-info .prd-info dd.sale span strong { font-family: "Kumbh Sans"; letter-spacing: normal; margin-right: 2px; font-weight: 400; text-decoration: line-through; }

/* 250514 할인 금액 표기 수정 prd*/
.page-product .detail-product > .top .float-info .prd-info dd.prd-sale-n-price {display: flex; justify-content: right;}

.page-product .detail-product > .top .float-info .prd-info dd.prd-sale-n-price .prd-sale-per {margin-right: 8px; font-size: 18px; line-height: 1.72;letter-spacing: 0; color: #772480; font-weight: 700;}

.page-product .detail-product > .top .float-info .prd-info dd.prd-sale-n-price .prd-price {margin-top: 0; padding-top: 0; border-top: 0; font-size: 18px; color: #707070; line-height: 1.62; font-weight: 400;}

.page-product .detail-product > .top .float-info .prd-info dd.prd-sale-n-price .prd-price s{font-weight: 400; display: inline-block; margin-right: 1px; font-family: "Kumbh Sans";}
/* // 250514 할인 금액 표기 수정 prd*/

.page-product .detail-product > .top .float-info .prd-info .amount-area { padding: 18px 0; border-top: 1px dashed #D9D9D9; border-bottom: 1px solid #E9E9E9; }

.page-product .detail-product > .top .float-info .prd-info .color-area { padding: 24px 0; border-top: 1px solid #e9e9e9; }

.page-product .detail-product > .top .float-info .prd-info .color-area:after { content: ''; display: table; clear: both; }

.page-product .detail-product > .top .float-info .prd-info .color-area .dt { float: left; }

.page-product .detail-product > .top .float-info .prd-info .color-area .color-picker { display: flex; position: relative; flex-wrap: wrap; justify-content: flex-end; width: 240px; float: right; padding-top: 31px; }

.page-product .detail-product > .top .float-info .prd-info .color-area .color-picker label { width: 48px; height: 48px; padding: 8px; margin: 10px 0 0 12px; box-sizing: border-box; cursor: pointer; }

.page-product .detail-product > .top .float-info .prd-info .color-area .color-picker label input { visibility: hidden; position: absolute; z-index: -1; }

.page-product .detail-product > .top .float-info .prd-info .color-area .color-picker label input:checked ~ i:before { border-color: #000; }

.page-product .detail-product > .top .float-info .prd-info .color-area .color-picker label input:checked ~ span { display: block; }

.page-product .detail-product > .top .float-info .prd-info .color-area .color-picker label i { position: relative; display: block; height: 100%; border-radius: 50%; }

.page-product .detail-product > .top .float-info .prd-info .color-area .color-picker label i:before { content: ''; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); width: 48px; height: 48px; border: 1px solid #d9d9d9; box-sizing: border-box; border-radius: 50%; }

.page-product .detail-product > .top .float-info .prd-info .color-area .color-picker label span { display: none; position: absolute; right: 0; top: 0; left: auto; bottom: auto; font-weight: 700; }

.page-product .detail-product > .top .float-info .prd-info .form-amount { float: right; }

.page-product .detail-product > .top .float-info .prd-info .form-amount input { width: 56px; height: 30px; border: 0; text-align: center; font-size: 16px; }

.page-product .detail-product > .top .float-info .prd-info .form-amount button { width: 30px; min-width: auto; height: 30px; border: 0; background-color: #e9e9e9; border-radius: 20px; }

.page-product .detail-product > .top .float-info .prd-info .form-amount button:before { width: 10px; }

.page-product .detail-product > .top .float-info .prd-info .form-amount button:after { height: 10px; }

.page-product .detail-product > .top .float-info .prd-info .select-option .select-area { padding: 24px 0; border-top: 1px solid #e9e9e9; }

.page-product .detail-product > .top .float-info .prd-info .select-option .select-area .tooltip .text { width: 300px; }

.page-product .detail-product > .top .float-info .prd-info .select-option .txt-offline-box{margin:24px 0; text-align:center;}

.page-product .detail-product > .top .float-info .prd-info .select-option .txt-offline { position: relative; margin-top:24px;padding: 38px 0 16px; color: #772480; text-align: center; border: 1px solid #772480; border-radius: 4px; font-weight: 700; }

.page-product .detail-product > .top .float-info .prd-info .select-option .txt-offline:before { content: ''; position: absolute; left: 0; right: 0; top: -24px; border-top: 1px solid #e9e9e9; }

.page-product .detail-product > .top .float-info .prd-info .select-option .txt-offline:after { content: ''; position: absolute; left: 50%; top: 15px; transform: translateX(-50%); width: 18px; height: 18px; border: 1px solid #772480; background: url("data:image/svg+xml,%3Csvg width='2' height='10' viewBox='0 0 2 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 0C0.447715 0 0 0.447715 0 1V5C0 5.55228 0.447715 6 1 6C1.55228 6 2 5.55228 2 5V1C2 0.447715 1.55228 0 1 0ZM1 8C0.447715 8 0 8.44771 0 9C0 9.55229 0.447715 10 1 10C1.55228 10 2 9.55229 2 9C2 8.44771 1.55228 8 1 8Z' fill='%23772480'/%3E%3C/svg%3E%0A") 50% 50% no-repeat; border-radius: 50%; }

.page-product .detail-product > .top .float-info .prd-info .select-option .txt-offline-box .btn{height:34px;margin-top:10px;padding:0 16px;font-size:15px;color:#fff;line-height:34px;background:#772480;border:none;}

.page-product .detail-product > .top .float-info .prd-info .select-option .txt-offline-box + .gift-area{padding-top:0;}

.page-product .detail-product > .top .float-info .prd-info .select-option .txt-offline-box + .gift-area ,
.page-product .detail-product > .top .float-info .prd-info .select-option .txt-offline + .gift-area { border-top: 0; }

.page-product .detail-product > .top .float-info .prd-info .select-option .gift-area { padding: 24px 0; border-radius: 4px; border-top: 1px solid #e9e9e9; }

.page-product .detail-product > .top .float-info .prd-info .select-option .gift-area .gift { padding: 14px 20px; display: flex; align-items: center; background-color: #EBE6E2; border-radius: 3px; }

.page-product .detail-product > .top .float-info .prd-info .select-option .gift-area .gift .img-box { position: relative; width: 50px; height: 50px; flex: none; }

.page-product .detail-product > .top .float-info .prd-info .select-option .gift-area .gift .img-box:before { content: ''; position: absolute; left: -6px; bottom: 0; width: 20px; height: 20px; background-image: url(../images/common/ico-sprites-etc.svg); background-position: -100px -126px; z-index: 1; }

.page-product .detail-product > .top .float-info .prd-info .select-option .gift-area .gift .img { display: block; width: 100%; height: 100%; border-radius: 4px; overflow: hidden; }

.page-product .detail-product > .top .float-info .prd-info .select-option .gift-area .gift .txt { margin-left: 16px; }

.page-product .detail-product > .top .float-info .prd-info .select-option .gift-area .gift .txt span { display: block; margin-top: 2px; }

.page-product .detail-product > .top .float-info .banner { margin-top: 24px; }

.page-product .detail-product > .top .float-info .banner a { display: block; }

.page-product .detail-product > .top .float-info .banner a + a{ margin-top: 12px; }

.page-product .detail-product > .top .option-fix-bar { padding-bottom: 30px; transition: transform 0.5s; z-index: 20; }

.page-product .detail-product > .top .option-fix-bar:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 30px; background: #fff; }

.page-product .detail-product > .top .option-fix-bar .template-body { margin-top: -36px; }

.page-product .detail-product > .top .option-fix-bar .template-body .content { padding-bottom: 24px; overflow: hidden; max-height: none; visibility: visible; }

.page-product .detail-product > .top .option-fix-bar.active .template-body { transform: translateY(calc(-100% + 37px)); }

.page-product .detail-product > .top .option-fix-bar.hide { transform: translateY(calc(100% + 37px)); }

.page-product .detail-product > .top .option-fix-bar .select-area .form { margin-top: 0; }

.page-product .detail-product > .top .option-fix-bar .select-area .form .add-item-list { max-height: 205px; overflow-y: auto; padding-bottom: 0; margin-bottom: 24px; box-sizing: border-box; border-bottom: 1px solid #e9e9e9; }

.page-product .detail-product > .top .option-fix-bar .select-area .form .add-item-list > li { position: relative; display: block; background: #F5F5F5; border-radius: 4px; padding: 12px 20px; margin-top: 4px; box-sizing: border-box; }

.page-product .detail-product > .top .option-fix-bar .select-area .form .add-item-list > li:first-of-type { margin-top: 0; }

.page-product .detail-product > .top .option-fix-bar .select-area .form .add-item-list > li:last-of-type { margin-bottom: 24px; }

.page-product .detail-product > .top .option-fix-bar .select-area .form .add-item-list > li:nth-of-type(n+3) { margin-bottom: 0; }

.page-product .detail-product > .top .option-fix-bar .select-area .form .add-item-list > li .name { display: block; color: #333; padding-right: 34px; font-weight: 700; }

.page-product .detail-product > .top .option-fix-bar .select-area .form .add-item-list > li .price { display: flex; align-items: center; justify-content: space-between; color: #707070; font-size: 16px; line-height: 1.72; color: #333; margin-top: 8px; }

.page-product .detail-product > .top .option-fix-bar .select-area .form .add-item-list > li .price em { font-weight: 500; color: #333; font-size: 16px; line-height: 1.72; font-family: "Kumbh Sans"; letter-spacing: normal; font-weight: 400; margin-right: 2px; }

.page-product .detail-product > .top .option-fix-bar .select-area .form .add-item-list > li .fn-circle.close { position: absolute; top: 12px; right: 20px; }

.page-product .detail-product > .top .option-fix-bar .select-area .form .add-item-list .btn-select-option { padding: 1px 16px; font-size: 15px; line-height: 1.72; background: #fff; border-radius: 100px; color: #333; }

.page-product .detail-product > .top .option-fix-bar .select-area .form .total { display: flex; align-items: center; }

.page-product .detail-product > .top .option-fix-bar .select-area .form .total .amount input { font-weight: 700; }

.page-product .detail-product > .top .option-fix-bar .select-area .form .total .amount button { border: 1px solid #d9d9d9; }

.page-product .detail-product > .top .option-fix-bar .select-area .form .total .amount button[disabled] { border-color: #e9e9e9; }

.page-product .detail-product > .top .option-fix-bar .select-area .form .total .total-price { display: flex; align-items: center; margin-left: auto; font-weight: 700; font-size: 18px; line-height: 1.72; }

.page-product .detail-product > .top .option-fix-bar .select-area .form .total .total-price strong { margin-right: 2px; font-size: 24px; line-height: 1.52; letter-spacing: -0.015em; color: #772480; }

.page-product .detail-product > .top .template-foot { display: flex; }

.page-product .detail-product > .top .template-foot .fn-zzim-toggle { flex: none; width: 64px; background: #fff; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; }

.page-product .detail-product > .top .template-foot .fn-zzim-toggle span { width: 100%; height: 100%; }

.page-product .detail-product > .top .template-foot .fn-zzim-toggle span:before { content: ''; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); width: 24px; height: 24px; background-image: url(../images/common/ico-sprites-line.svg); background-position: -25px -587px; }

.page-product .detail-product > .top .template-foot .fn-zzim-toggle input:checked + span:before { background-image: url(../images/common/ico-sprites-etc.svg); background-position: -20px -70px; }

.page-product .detail-product > .top .template-foot .btn-group { flex: 1; }

.page-product .detail-product > .contents { padding-top: 8px; border-top: 8px solid #f7f7f7; }

.page-product .detail-product > .contents .tab-content { padding: 0 20px; }

.page-product .detail-product > .contents .tab-content > div { margin: 48px -20px 0; padding: 0 20px 48px; border-bottom: 8px solid #f7f7f7; }

.page-product .detail-product > .contents .tab-content .tit-group strong { font-weight: 700; font-size: 26px; line-height: 1.52; letter-spacing: -0.015em; }

.page-product .detail-product > .contents .tab-content .tit-group strong.small { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.page-product .detail-product > .contents .tab-content .table-area .caption { margin-top: 48px; padding-bottom: 32px; font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.page-product .detail-product > .contents .tab-detail .detail-content { margin-top: 32px; }

.page-product .detail-product > .contents .tab-spec .img { margin-top: 48px; position: relative; }

.page-product .detail-product > .contents .tab-spec .img::before { content: ''; position: absolute; top: 0; right: 0; width: 44px; height: 44px; background: url("../images/common/ico-zoom.svg") no-repeat; z-index: 2; }

.page-product .detail-product > .contents .tab-spec .table-area.table-prd-spec table tbody .tr-col ~ tr th[scope="col"] { border-top: 1px solid #B2B2B2; }

.page-product .detail-product > .contents .tab-spec .table-area.table-prd-spec table tbody .tr-col + tr th, .page-product .detail-product > .contents .tab-spec .table-area.table-prd-spec table tbody .tr-col + tr td { border-top: 0; }

.page-product .detail-product > .contents .tab-spec .table-area.table-prd-spec table tbody th[scope="col"] { background: #f5f5f5; color: #707070; }

.page-product .detail-product > .contents .tab-spec .table-area.table-prd-spec table tbody th[scope="row"] { color: #000; white-space: nowrap; }

.page-product .detail-product > .contents .tab-spec .table-area.table-prd-spec table tbody td em { display: block; }

.page-product .detail-product > .contents .tab-spec .table-area.table-prd-spec table tbody td em img { width: 148px; }

.page-product .detail-product > .contents .tab-spec .table-area.table-prd-spec table .support { display: block; position: relative; width: 16px; height: 16px; font-size: 0; }

.page-product .detail-product > .contents .tab-spec .table-area.table-prd-spec table .support:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #333; box-sizing: border-box; border-radius: 50%; }

.page-product .detail-product > .contents .tab-spec .table-area.table-prd-spec table .support.not-support:before, .page-product .detail-product > .contents .tab-spec .table-area.table-prd-spec table .support.not-support:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-45deg); width: 19px; height: 1px; background-color: #333; border-radius: 2px; }

.page-product .detail-product > .contents .tab-spec .table-area.table-prd-spec table .support.not-support:after { transform: translate(-50%, -50%) rotate(45deg); }

.page-product .detail-product > .contents .tab-spec .table-area.table-prd-spec table .support.not-support:before, .page-product .detail-product > .contents .tab-spec .table-area.table-prd-spec table .support.not-support:after { border: 0; border-radius: 0; }

.page-product .detail-product > .contents .tab-spec .table-area.table-prd-spec table .desc { display: block; margin-top: 8px; color: #333; }

.page-product .detail-product > .contents .tab-spec .table-area.table-prd-info th { padding: 16px 0 8px 0; color: #707070; }

.page-product .detail-product > .contents .tab-spec .table-area.table-prd-info td { padding: 0 0 16px 0; border: 0; }

.page-product .detail-product > .contents .tab-exchange { margin-top: 24px; }

.page-product .detail-product > .contents .tab-exchange .exchange-guide { margin-top: 24px; }

.page-product .detail-product > .contents .tab-exchange .ui-tree .group { border-bottom: 1px solid #e9e9e9; }

.page-product .detail-product > .contents .tab-exchange .ui-tree .group:first-child { border-top: 1px solid #e9e9e9; }

.page-product .detail-product > .contents .tab-exchange .ui-tree .group .top { padding: 24px 0; }

.page-product .detail-product > .contents .tab-exchange .ui-tree .group .top .txt strong { font-weight: 700; font-size: 18px; line-height: 1.72; }

.page-product .detail-product > .contents .tab-exchange .ui-tree .group .sub dl { padding: 8px 0 40px; border-top: 1px dashed #ccc; }

.page-product .detail-product > .contents .tab-exchange .ui-tree .group .sub dl dt { margin-top: 24px; font-weight: 700; color: #707070; }

.page-product .detail-product > .contents .tab-exchange .ui-tree .group .sub dl dd { margin-top: 8px; color: #545454; }

.page-product .detail-product > .contents .tab-exchange .ui-tree .group .sub dl dd ol li { padding-left: 19px; text-indent: -19px; }

.page-product .detail-product > .contents .tab-exchange .ui-tree .group .sub dl dd ol li span { padding-right: 5px; }

.page-product .detail-product > .contents .tab-exchange .ui-tree .group .sub dl dd ol li strong { font-weight: 700; color: #545454; }

.page-product .detail-product > .contents .tab-exchange .ui-tree .group .sub dl dd ol li em { font-weight: 700; color: #772480; }

.page-product .detail-product > .contents .tab-exchange .ui-tree .group .sub dl dd ol li + li { margin-top: 12px; }

.page-product .detail-product > .contents .tab-exchange .ui-tree .group .sub dl + ul.bullet-caution { margin-top: -16px; padding-bottom: 40px; }

.page-product .detail-product > .contents .tab-cs { padding-bottom: 0 !important; border-bottom: 0 !important; }

.page-product .detail-product > .contents .tab-cs .ui-tree { border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; }

.page-product .detail-product > .contents .tab-cs .ui-tree .group ~ .group .top { border-top: 1px solid #e9e9e9; }

.page-product .detail-product > .contents .tab-cs .ui-tree .top { padding: 24px 0; }

.page-product .detail-product > .contents .tab-cs .ui-tree .top .txt strong { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.page-product .detail-product > .contents .tab-cs .ui-tree .sub .sub-content { padding: 24px 0 48px; }

.page-product .detail-product > .contents .tab-cs .ui-tree .sub .sub-content .video { position: relative; width: 100%; height: 0; padding-bottom: 56.41%; }

.page-product .detail-product > .contents .tab-cs .ui-tree .sub .sub-content iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; border: 0; }

.page-product .detail-product > .contents .tab-cs .ui-tree .sub .tit { font-weight: 700; font-size: 18px; line-height: 1.72; }

.page-product .detail-product > .contents .tab-cs .ui-tree .sub .bullet-caution { display: block; margin-top: 16px; color: #545454; }

.page-product .detail-product > .contents .tab-cs .ui-tree .sub .bullet-o { margin-top: 32px; }

.page-product .detail-product > .contents .tab-cs .ui-tree .sub .bullet-o > li { color: #333; }

.page-product .detail-product > .contents .tab-cs .cs-area .ui-tree { margin-top: 32px; }

.page-product .detail-product > .contents .tab-cs .cs-area .ui-tree .sub:after { content: ''; display: table; clear: both; }

.page-product .detail-product > .contents .tab-cs .cs-area .ui-tree .sub .img-area { margin-bottom: 32px; }

.page-product .detail-product > .contents .tab-cs .cs-area .ui-tree .sub .txt-area .tit { font-weight: 700; font-size: 18px; line-height: 1.72; margin: 32px 0 16px; display: block; }

.page-product .detail-product > .contents .tab-cs .cs-area .ui-tree .sub .txt-area .tit:first-child { margin-top: 0; }

.page-product .detail-product > .contents .tab-cs .cs-area .ui-tree .sub .txt-area .tit:first-child + ul { margin-top: 24px; }

.page-product .detail-product > .contents .tab-cs .faq-area { margin-top: 56px; }

.page-product .detail-product > .contents .tab-cs .faq-area .tit { position: relative; }

.page-product .detail-product > .contents .tab-cs .faq-area .tit strong { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.page-product .detail-product > .contents .tab-cs .faq-area .tit span { display: block; margin-top: 16px; color: #707070; }

.page-product .detail-product > .contents .tab-cs .faq-area .tip-box { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 0 30px; margin-top: 24px; background: #F5F5F5; border-radius: 6px; }

.page-product .detail-product > .contents .tab-cs .menual-area { margin-top: 56px; }

.page-product .detail-product > .contents .tab-cs .menual-area .tit { position: relative; }

.page-product .detail-product > .contents .tab-cs .menual-area .tit strong { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.page-product .detail-product > .contents .tab-cs .menual-area .tit span { display: block; margin-top: 16px; color: #707070; }

.page-product .detail-product > .contents .tab-cs .menual-area .list { margin-top: 24px; border: 1px solid #E9E9E9; border-radius: 8px; }

.page-product .detail-product > .contents .tab-cs .menual-area .list li { display: flex; justify-content: space-between; }

.page-product .detail-product > .contents .tab-cs .menual-area .list li .txt { position: relative; flex: 1; padding: 20px 20px 20px 24px; }

.page-product .detail-product > .contents .tab-cs .menual-area .list li .txt:after { content: ''; position: absolute; right: 0; top: 50%; left: auto; bottom: auto; transform: translate(0, -50%); width: 1px; height: 12px; background: #e9e9e9; }

.page-product .detail-product > .contents .tab-cs .menual-area .list li .txt .txt-cate { display: block; margin-bottom: 2px; }

.page-product .detail-product > .contents .tab-cs .menual-area .list li .txt .txt-name { font-weight: 700; font-size: 18px; line-height: 1.72; }

.page-product .detail-product > .contents .tab-cs .menual-area .list li .txt .txt-code { display: inline-block; font-weight: 700; font-size: 18px; line-height: 1.72; }

.page-product .detail-product > .contents .tab-cs .menual-area .list li .btn-down-menual { flex: none; width: 60px; height: auto; }

.page-product .detail-product > .contents .tab-cs .menual-area .list li ~ li { border-top: 1px solid #e9e9e9; }

.page-product-offline header { display: flex; align-items: center; justify-content: center; height: 114px; }

.page-product-offline .frame-product .contents { padding: 114px 0 64px; }

.page-footer .way-to-come.seoul > .top { background: url(../images/footer/bg-waytocome-01.jpg) no-repeat; }

.page-footer .way-to-come .tab-nav a { width: 220px; }

.page-footer .way-to-come .tab-content { margin-top: 140px; }

.page-footer .way-to-come .tab-content .address-traffic { display: flex; margin-top: 120px; }

.page-footer .way-to-come .tab-content .address-traffic address strong { font-weight: 700; font-size: 30px; line-height: 1.52; letter-spacing: -0.015em; }

.page-footer .way-to-come .tab-content .address-traffic address a { display: block; margin-top: 32px; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; font-family: "Kumbh Sans"; letter-spacing: normal; color: #333; }

.page-footer .way-to-come .tab-content .address-traffic .traffic { margin-left: 277px; }

.page-footer .way-to-come .tab-content .address-traffic .traffic li { padding-left: 80px; }

.page-footer .way-to-come .tab-content .address-traffic .traffic li em { font-weight: 700; font-size: 18px; line-height: 1.72; }

.page-footer .way-to-come .tab-content .address-traffic .traffic li p { margin-top: 24px; }

.page-footer .way-to-come .tab-content .address-traffic .traffic li p:after { content: ''; display: table; clear: both; }

.page-footer .way-to-come .tab-content .address-traffic .traffic li p span { position: relative; float: left; color: #333; }

/* page-main */
.page-main #container { padding-top: 0; overflow: hidden; }

.page-main .ico-scroll { position: absolute; left: 50%; bottom: 40px; margin-left: -4px; z-index: 10; }

.page-main .swiper-container:not(.swiper-container-initialized) .swiper-control { display: none; }

.page-main .swiper-control { display: flex; position: absolute; z-index: 1; }

.page-main .swiper-control .swiper-progress-pagination { display: flex; position: absolute; align-items: center; padding: 11px 17px 11px 14px; }

.page-main .swiper-control .swiper-progress-pagination > span { position: absolute; font-size: 14px; line-height: 24px; font-family: "Kumbh Sans"; letter-spacing: normal; }

.page-main .swiper-control .swiper-progress-pagination > span:before { display: none; }

.page-main .swiper-control .swiper-progress-pagination > span.swiper-pagination-current { left: 0; }

.page-main .swiper-control .swiper-progress-pagination > span.swiper-pagination-total { right: 0; color: #B2B2B2; }

.page-main .swiper-control .swiper-progress-pagination .swiper-pagination { position: relative; width: 48px; height: 2px; border-radius: 100px; background: #e2e2e2; overflow: hidden; }

.page-main .swiper-control .swiper-progress-pagination .swiper-pagination .swiper-pagination-progressbar-fill { top: 0; background: #000; border-radius: 100px; }

.page-main .swiper-control .swiper-progress-pagination .swiper-pagination .swiper-pagination-progressbar-fill:before { display: none; }

.page-main .swiper-control .swiper-autoplay-pagination { position: relative; height: 20px; padding: 11px 14px; box-sizing: border-box; }

.page-main .swiper-control .swiper-autoplay-pagination .swiper-autoplay-progressbar { position: relative; width: 48px; height: 2px; background-color: rgba(226, 226, 226, 0.5); overflow: hidden; }

.page-main .swiper-control .swiper-autoplay-pagination .swiper-autoplay-progressbar .swiper-autoplay-progressbar-fill { position: absolute; right: 0; top: 0; width: 0; height: 2px; background: #fff; transition-duration: 0.7s; }

.page-main .swiper-control .swiper-autoplay-pagination .swiper-autoplay-progressbar .swiper-autoplay-progressbar-fill.is-play { right: auto; left: 0; width: 100%; transition: 5s all linear; }

.page-main .swiper-control .swiper-autoplay-pagination .swiper-pagination { font-size: 0; white-space: nowrap; }

.page-main .swiper-control .swiper-autoplay-pagination .swiper-pagination span { position: absolute; top: 50%; transform: translateY(-50%); font-size: 14px; font-weight: 700; color: #fff; }

.page-main .swiper-control .swiper-autoplay-pagination .swiper-pagination span.swiper-pagination-current { left: 0; }

.page-main .swiper-control .swiper-autoplay-pagination .swiper-pagination span.swiper-pagination-total { right: 0; color: #e2e2e2; }

.page-main .tit-area { display: flex; flex-direction: column; text-align: center; }

.page-main .tit-area .tit { font-weight: 700; font-size: 30px; line-height: 1.52; letter-spacing: -0.015em; }

.page-main .tit-area .desc { margin-top: 16px; color: #333; }

.page-main .prd-util-fn { display: flex; flex-direction: row-reverse; margin-left: auto; }

.page-main .prd-util-fn label ~ label { margin-left: 8px; }

.page-main .prd-util-fn .fn-cart { width: 48px; height: 48px; background: #fff; border-radius: 50%; }

.page-main .prd-util-fn .fn-cart span { position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); width: 20px; height: 20px; background: url(../images/common/ico-product-btn.svg) -34px -99px; }

.page-main .prd-util-fn .fn-zzim-toggle { float: left; width: 48px; height: 48px; background: #fff; border-radius: 50%; margin-left: 8px; }

.page-main .prd-util-fn .fn-zzim-toggle input:checked + span:before { background-position: -150px -99px; }

.page-main .prd-util-fn .fn-zzim-toggle span { position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); }

.page-main .prd-util-fn .fn-zzim-toggle span:before { background: url(../images/common/ico-product-btn.svg) -92px -99px; }

.page-main [data-animate="fade-up"] { opacity: 0; transform: translateY(50px); transition: 0.7s all; }

.page-main .enable-animate [data-animate="fade-up"] { opacity: 1; transform: translateY(0); }

.page-main [data-animate-delay="0.1"] { transition-delay: 0.1s; }

.page-main [data-animate-delay="0.2"] { transition-delay: 0.2s; }

.page-main [data-animate-delay="0.3"] { transition-delay: 0.3s; }

.page-main [data-animate-delay="0.4"] { transition-delay: 0.4s; }

.page-main [data-animate-delay="0.5"] { transition-delay: 0.5s; }

.page-main [data-animate-delay="0.6"] { transition-delay: 0.6s; }

.page-main [data-animate-delay="0.7"] { transition-delay: 0.7s; }

.page-main [data-animate-delay="0.8"] { transition-delay: 0.8s; }

.page-main [data-animate-delay="0.9"] { transition-delay: 0.9s; }

.page-main [data-animate-delay="1"] { transition-delay: 1s; }

.page-main [data-animate-delay="1.1"] { transition-delay: 1.1s; }

.page-main [data-animate-delay="1.2"] { transition-delay: 1.2s; }

.page-main [data-animate-delay="1.3"] { transition-delay: 1.3s; }

.page-main [data-animate-delay="1.4"] { transition-delay: 1.4s; }

.page-main [data-animate-delay="1.5"] { transition-delay: 1.5s; }

.page-main [data-animate-delay="1.6"] { transition-delay: 1.6s; }

.page-main [data-animate-delay="1.7"] { transition-delay: 1.7s; }

.page-main [data-animate-delay="1.8"] { transition-delay: 1.8s; }

.page-main [data-animate-delay="1.9"] { transition-delay: 1.9s; }

.page-main [data-animate-delay="2"] { transition-delay: 2s; }

.page-main .main-visual { position: relative; height: 812px; }

.page-main .main-visual .swiper-container { height: 100%; }

.page-main .main-visual .swiper-container .swiper-slide.enable-animate .visual-area { transform: scale(1); }

/* 250425 영상영역 수정 */
.page-main .main-visual .swiper-container .swiper-slide .visual-area { position: absolute; left: 0; top: 0; width: 100%; height: 812px;
  position: absolute; left: 0; top: 0; width: 100%; height: 812px;
  /* transform: scale(1.2); transition: 6s all linear;  */
}
/* // 250425 영상영역 수정 */
.page-main .main-visual .swiper-container .swiper-slide .visual-area {
  position: absolute; left: 0; top: 0; width: 100%; height: 812px;
  /* transform: scale(1.2); transition: 6s all linear;  */
}

.page-main .main-visual .swiper-container .swiper-slide .visual-area .visual-content { width: 100%; }

.page-main .main-visual .swiper-container .swiper-slide .txt-area { position: absolute; left: 50%; top: 250px; transform: translateX(-50%); color: #fff; text-align: center; white-space: nowrap; }

.page-main .main-visual .swiper-container .swiper-slide .txt-area .txt { display: flex; flex-direction: column; }

.page-main .main-visual .swiper-container .swiper-slide .txt-area .txt strong { font-size: 44px; line-height: 1.4; letter-spacing: -0.03em; }

.page-main .main-visual .swiper-container .swiper-slide .txt-area .txt span { margin-top: 16px; font-weight: 700; white-space: normal; }

.page-main .main-visual .swiper-container .swiper-slide .txt-area .btn-learn-more { margin-top: 48px; padding: 10px 24px; border: 1px solid #fff; border-radius: 100px; color: #fff; font-weight: 700; }

.page-main .main-visual .swiper-container .swiper-control { left: 50%; top: 178px; transform: translateX(-50%); }

.page-main .main-find-novita { padding-top: 64px; text-align: center; }

.page-main .main-find-novita .txt-area { padding: 0 29px; }

.page-main .main-find-novita .txt-area strong { display: block; font-weight: 700; font-size: 26px; line-height: 1.52; letter-spacing: -0.015em; }

.page-main .main-find-novita .txt-area .btn-find-novita { padding: 10px 24px; margin-top: 24px; background: #772480; border-radius: 100px; color: #fff; font-weight: 700; }

.page-main .main-find-novita .swiper-container { margin-top: 56px; }

.page-main .main-find-novita .swiper-container .swiper-wrapper { transition-timing-function: linear; }

.page-main .main-find-novita .swiper-container .swiper-slide { width: 180px; height: 180px; overflow: hidden; }

.page-main .main-best-seller { padding-top: 56px; }

.page-main .main-best-seller .swiper-container { margin-top: 32px; }

.page-main .main-best-seller .swiper-container .swiper-slide { padding-bottom: 33px; }

.page-main .main-best-seller .swiper-container.swiper-container-initialized .swiper-pagination { position: absolute; left: 20px; right: 20px; top: auto; bottom: 0; width: auto; height: 1px; background: #f5f5f5; }

.page-main .main-best-seller .swiper-container.swiper-container-initialized .swiper-pagination .swiper-pagination-progressbar-fill { background: #000; }

.page-main .main-best-seller .swiper-container .prd-img { position: relative; padding-top: 141.33%; background-position: center bottom; background-size: cover; }

.page-main .main-best-seller .swiper-container .prd-info { display: flex; flex-direction: column; position: absolute; left: 20px; right: 20px; top: 56px; box-sizing: border-box; color: #fff; }

.page-main .main-best-seller .swiper-container .prd-info .prd-info-code { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.page-main .main-best-seller .swiper-container .prd-info .prd-info-name { font-size: 38px; line-height: 1.52; letter-spacing: -0.015em; }

.page-main .main-best-seller .swiper-container .prd-info .prd-info-desc { margin-top: 20px; }

.page-main .main-best-seller .swiper-container .prd-info .prd-info-price { display: flex; margin-top: 32px; align-items: center; color: #fff; font-weight: 700; font-size: 26px; line-height: 1.52; letter-spacing: -0.015em; }

.page-main .main-best-seller .swiper-container .prd-info .prd-info-price strong { font-weight: 700; font-size: 30px; line-height: 1.52; letter-spacing: -0.015em; margin-right: 4px; }

/* 250514 할인 금액 표기 수정 */
.page-main .main-best-seller .swiper-container .prd-info .prd-info-price.price-cont-box {display: block;}
.page-main .main-best-seller .swiper-container .prd-info .prd-info-price.price-cont-box .prd-sale-price {display: flex; justify-content: left;}
.page-main .main-best-seller .swiper-container .prd-info .prd-info-price.price-cont-box .prd-sale-price s {display: block; margin-right: 2px; font-size: 16px; letter-spacing: 0; font-weight: 400; color: #fff;}
.page-main .main-best-seller .swiper-container .prd-info .prd-info-price.price-cont-box .prd-sale-price span {display: block; font-size: 16px; letter-spacing: 0; font-weight: 400; color: #fff; }
.page-main .main-best-seller .swiper-container .prd-info .prd-info-price.price-cont-box .prd-sale-n-price {display: flex; justify-content: left;}
.page-main .main-best-seller .swiper-container .prd-info .prd-info-price.price-cont-box .prd-sale-n-price .prd-sale-per {margin-right: 10px; font-size: 30px; line-height: 1.52; letter-spacing: normal; color: #772480; font-weight: 900; letter-spacing: -0.4px;}

.page-main .main-best-seller .swiper-container .swiper-slide.mn_purple .prd-info .prd-info-price.price-cont-box .prd-sale-n-price .prd-sale-per {color: #772480;}
.page-main .main-best-seller .swiper-container .swiper-slide.mn_bright_purple .prd-info .prd-info-price.price-cont-box .prd-sale-n-price .prd-sale-per {color: #8C4494;}

.page-main .main-best-seller .swiper-container .prd-info .prd-info-price.price-cont-box .prd-price {margin-top: 0; padding-top: 0; border-top: 0; font-weight: 400; letter-spacing: -0.4px; font-size: 26px; line-height: 1.7;}
.page-main .main-best-seller .swiper-container .prd-info .prd-info-price.price-cont-box .prd-price strong {font-size: 30px; line-height: 1.52; font-weight: 400; letter-spacing: -0.4px; font-family: "Kumbh Sans";}
/* // 250514 할인 금액 표기 수정 */


.page-main .main-best-seller .swiper-container .prd-review { display: flex; margin-top: 40px; padding: 0 20px; flex-direction: column; }

.page-main .main-best-seller .swiper-container .prd-review .prd-review-txt { position: relative; padding-left: 31px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.page-main .main-best-seller .swiper-container .prd-review .prd-review-txt:before { content: ''; position: absolute; left: 0; top: 6px; width: 15px; height: 13px; background-image: url(../images/common/ico-sprites-etc.svg); background-position: -288px -752px; }

.page-main .main-best-seller .swiper-container .prd-review .prd-review-id { margin-top: 8px; padding-left: 31px; }

.page-main .main-best-seller .swiper-container .prd-price { display: flex; margin-top: 32px; padding-top: 32px; border-top: 1px solid rgba(255, 255, 255, 0.15); font-size: 28px; line-height: 1.52; letter-spacing: -0.015em; color: #fff; }

.page-main .main-best-seller .swiper-container .prd-price strong { font-size: 32px; line-height: 1.52; letter-spacing: -0.015em; font-family: "Kumbh Sans"; letter-spacing: normal; margin-right: 4px; }

.page-main .main-best-seller .swiper-container .prd-util { display: flex; position: absolute; left: 20px; right: 20px; bottom: 30px; }

.page-main .main-best-seller .swiper-container .prd-util .prd-util-link a { display: flex; align-items: center; height: 48px; padding: 0 24px; border: 2px solid #fff; border-radius: 100px; font-weight: 700; color: #fff; box-sizing: border-box; }

.page-main .main-product-month { padding-top: 80px; }

.page-main .main-product-month .product-month-list { margin-top: 32px; padding: 0 20px; overflow: hidden; }

.page-main .main-product-month .product-month-list .swiper-container { overflow: visible; }

.page-main .main-product-month .product-month-list .swiper-container .swiper-control { position: relative; margin-top: 40px; height: 24px; }

.page-main .main-product-month .product-month-list ul { display: flex; }

.page-main .main-product-month .product-month-list ul li { position: relative; }

.page-main .main-product-month .product-month-list ul li a { display: block; }

.page-main .main-product-month .product-month-list ul li .prd-img { position: relative; }

.page-main .main-product-month .product-month-list ul li .prd-txt { position: absolute; left: 20px; right: 20px; top: 44px; }

.page-main .main-product-month .product-month-list ul li .prd-txt .prd-info { display: flex; flex-wrap: wrap; align-items: baseline; }

.page-main .main-product-month .product-month-list ul li .prd-txt .prd-info .prd-name { font-size: 28px; line-height: 1.52; letter-spacing: -0.015em; margin-right: 12px; }

.page-main .main-product-month .product-month-list ul li .prd-txt .prd-info .prd-code { font-weight: 700; }

.page-main .main-product-month .product-month-list ul li .prd-txt .prd-desc { margin-top: 12px; color: #333; }

.page-main .main-product-month .product-month-list ul li .prd-price { display: flex; flex-wrap: wrap; align-items: center; margin-top: 32px; }

.page-main .main-product-month .product-month-list ul li .prd-price .price-txt { width: 100%; font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; padding-bottom: 8px; }

.page-main .main-product-month .product-month-list ul li .prd-price .price-sel strong { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; color: #772480; margin-right: 2px; }


/* 250514 할인 금액 표기 수정 */
.page-main .main-product-month .product-month-list ul li .prd-price.price-cont-box {display: block;}
.page-main .main-product-month .product-month-list ul li .prd-price.price-cont-box .prd-sale-price {display: flex; justify-content: left;}
.page-main .main-product-month .product-month-list ul li .prd-price.price-cont-box .prd-sale-price s {display: block; margin-right: 2px; font-size: 16px; letter-spacing: 0; font-weight: 400; color: #707070;}
.page-main .main-product-month .product-month-list ul li .prd-price.price-cont-box .prd-sale-price span {display: block; font-size: 16px; letter-spacing: 0; font-weight: 400; color: #707070; }
.page-main .main-product-month .product-month-list ul li .prd-price.price-cont-box .prd-sale-n-price {display: flex; justify-content: left; align-items: center;}
.page-main .main-product-month .product-month-list ul li .prd-price.price-cont-box .prd-sale-n-price .prd-sale-per {margin-right: 8px; margin-top: 1.5px; font-size: 22px; line-height: 1.72;letter-spacing: normal; color: #772480; font-weight: 400; letter-spacing: -0.4px;}
.page-main .main-product-month .product-month-list ul li .prd-price.price-cont-box .prd-price {margin-top: 0; padding-top: 0; border-top: 0; font-weight: 400; letter-spacing: -0.3px; line-height: 1.72; font-size: 16px;}
.page-main .main-product-month .product-month-list ul li .prd-price.price-cont-box .prd-price strong {font-size: 22px; line-height: 1.52; font-weight: 400; letter-spacing: -0.3px; margin-right: 2px;}
/* // 250514 할인 금액 표기 수정 */


.page-main .main-product-month .product-month-list ul li .prd-price .price-original { margin-left: 8px; color: #707070; }

.page-main .main-product-month .product-month-list ul li .prd-price .price-original em { margin-right: 2px; text-decoration: line-through; }

.page-main .main-product-month .product-month-list ul li .prd-util-fn { position: absolute; right: 20px; bottom: 30px; }

.page-main .main-product-month .product-month-list ul .white .prd-txt .prd-info{color:#fff;}
.page-main .main-product-month .product-month-list ul .white .prd-txt .prd-desc{color:#fff;}

.page-main .main-event-news { padding-top: 72px; }

.page-main .main-event-news .news-list { position: relative; margin-top: 56px; }

.page-main .main-event-news .news-list .event-swiper .swiper-slide { padding-left: 20px; box-sizing: border-box; }

.page-main .main-event-news .news-list .event-swiper .swiper-slide.swiper-slide-active .news-txt { opacity: 1; transition-delay: 0.7s; }

.page-main .main-event-news .news-list .event-swiper .swiper-control { position: static; margin-top: 32px; padding-left: 20px; }

.page-main .main-event-news .news-list .event-swiper .swiper-control .swiper-progress-pagination { position: relative; }

.page-main .main-event-news .news-list .news-txt { display: flex; flex-direction: column; margin-top: 32px; padding-right: 20px; opacity: 0; transition: 1s all; }

.page-main .main-event-news .news-list .news-txt em { font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; font-weight: 700; }

.page-main .main-event-news .news-list .news-txt span { margin-top: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.page-main .main-review { padding-top: 80px; }

.page-main .main-review .review-list { background: url(../images/main/bg-review.jpg) center top/contain no-repeat; margin-top: 24px; }

.page-main .main-review .review-list .swiper-slide { padding: 60px 20px 0; box-sizing: border-box; }

.page-main .main-review .review-list .swiper-slide a { display: block; }

.page-main .main-review .review-list .swiper-slide.swiper-slide-active .review-img { transform: translateY(0); }

.page-main .main-review .review-list .swiper-control { left: 20px; right: 20px; top: 0; margin-top: 30.66%; }

.page-main .main-review .review-list .swiper-navigation { height: 30px; }

.page-main .main-review .review-list .swiper-navigation div { top: 0; width: 30px; height: 30px; border-radius: 50%; background: #fff; margin: 0; }

.page-main .main-review .review-list .swiper-navigation div:after { position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); width: 10px; height: 10px; background-image: url(../images/common/ico-sprites-line.svg); background-position: -50px -330px; font-size: 0; }

.page-main .main-review .review-list .swiper-navigation .swiper-button-prev { left: 0; }

.page-main .main-review .review-list .swiper-navigation .swiper-button-next { right: 0; }

.page-main .main-review .review-list .swiper-navigation .swiper-button-next:after { transform: translate(-50%, -50%) rotate(180deg); }

.page-main .main-review .review-list .review-img { padding: 0 18px; transition: 0.7s all; transform: translateY(40px); }

.page-main .main-review .review-list .review-txt .review { position: relative; height: 84px; padding-top: 40px; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.page-main .main-review .review-list .review-txt .review:before { content: ''; position: absolute; left: 50%; top: 0; right: auto; bottom: auto; transform: translate(-50%, 0); width: 29px; height: 24px; background-image: url(../images/common/ico-sprites-line.svg); background-image: url(../images/common/ico-sprites-etc.svg); background-position: -343px -746px; }

.page-main .main-review .review-list .review-prd { display: flex; margin-top: 32px; padding-top: 32px; border-top: 1px dashed #d9d9d9; }

.page-main .main-review .review-list .review-prd .prd-img { width: 56px; height: 56px; border-radius: 6px; overflow: hidden; flex-shrink: 0; }

.page-main .main-review .review-list .review-prd .prd-info { display: flex; flex-direction: column; margin-left: 20px; }

.page-main .main-review .review-list .review-prd .prd-info strong { font-size: 16px; }

.page-main .main-review .review-list .review-prd .prd-info span { font-family: "Kumbh Sans"; letter-spacing: normal; font-weight: 300; }

.page-main .main-review .review-list .review-prd .fn-detail { margin-left: auto; width: 40px; height: 40px; background: #f5f5f5; border-radius: 50%; flex-shrink: 0; }

.page-main .main-review .review-list .review-prd .fn-detail:before { content: ''; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); width: 13px; height: 13px; background-image: url(../images/common/ico-sprites-line.svg); background-position: -20px -277px; }

.page-main .main-service { padding-top: 100px; }

.page-main .main-service .service-list { margin-top: 56px; }

.page-main .main-service .service-list ul li { padding-left: 20px; padding-right: 20px;}

.page-main .main-service .service-list ul li ~ li { margin-top: 80px; }

.page-main .main-service .service-list .service-img { margin: 0 -20px; }

.page-main .main-service .service-list .service-txt { display: flex; flex-wrap: wrap; margin-top: 32px; }

.page-main .main-service .service-list .service-txt strong { width: 100%; font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.page-main .main-service .service-list .service-txt span { width: 100%; margin-top: 16px; color: #333; }

.page-main .main-service .service-list .service-txt a { margin-top: 32px; padding-right: 21px; font-weight: 700; color: #772480; }

.page-main .main-service .service-list .service-txt a:after { content: ''; position: absolute; right: 0; top: 50%; left: auto; bottom: auto; transform: translate(0, -50%); width: 13px; height: 13px; background-image: url(../images/common/ico-sprites-line.svg); background-position: -346px -276px; }

.page-main .main-brandstory { position: relative; margin-top: 80px; }

.page-main .main-brandstory .brandstory-media { position: relative; }

.page-main .main-brandstory .brandstory-media .media { width: 100%; }

.page-main .main-brandstory .brandstory-txt { display: flex; flex-wrap: wrap; justify-content: center; text-align: center; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); white-space: nowrap; }

.page-main .main-brandstory .brandstory-txt strong { width: 100%; font-weight: 700; font-size: 40px; line-height: 1.4; letter-spacing: -0.03em; color: #fff; }

.page-main .main-brandstory .brandstory-txt span { width: 100%; margin-top: 12px; font-weight: 700; color: #fff; }

.page-main .main-brandstory .brandstory-txt .href { margin-top: 32px; padding: 10px 24px; background: #fff; border-radius: 100px; font-weight: 700; }

.page-main .main-customer { margin-top: 80px; }

.page-main .main-customer .customer-link { display: flex; flex-direction: column; row-gap: 48px; }

.page-main .main-customer .customer-link a { display: flex; flex-direction: column; padding-left: 120px; }

.page-main .main-customer .customer-link a:before { content: ''; position: absolute; left: 24px; top: 50%; transform: translateY(-50%); width: 56px; height: 56px; background: url(../images/common/ico-customer.svg) no-repeat; }

.page-main .main-customer .customer-link a strong { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.page-main .main-customer .customer-link a span { margin-top: 8px; color: #333; font-weight: 300; }

.page-main .main-customer .customer-link a.link-inquiry:before { background-position: -66px 0; }

.page-main .main-customer .customer-link a.link-as:before { background-position: -132px 0; }

.page-main .main-customer .customer-link a.link-regist:before { background-position: -198px 0; }

.page-main .ui-popup { background-color: rgba(0, 0, 0, 0.15); }

.page-main .ui-popup.toast .content .footer { padding: 12px 20px; }

.page-main .ui-popup.toast .content .footer .utils { padding: 0; }

.login { /*휴면회원*/ /*아이디찾기*/ }

.login .login-wrap .contents { padding-top: 48px; overflow: hidden; }

.login .login-wrap .contents .input-area { border: 1px solid #000000; box-sizing: border-box; border-radius: 6px; overflow: hidden; }

.login .login-wrap .contents .input-area .input-wrap { margin: 0; }

.login .login-wrap .contents .input-area .input-wrap > div + div { border-top: 1px solid #E9E9E9; }

.login .login-wrap .contents .input-area .input-wrap .txt-input { padding: 6px 20px; box-sizing: border-box; }

.login .login-wrap .contents .input-area input { width: 100%; border: 0; padding: 0; }

.login .login-wrap .contents .input-area .form-group input { padding: 0 20px; }

.login .login-wrap .contents .input-area .form-group select { border: 0; padding: 0; }

.login .login-wrap .contents .input-area .form-group span { color: #000; height: 48px; font-size: 18px; line-height: 48px; }

.login .login-wrap .contents .sub-area { margin: 16px 0 32px; }

.login .login-wrap .contents .sns-login { display: flex; justify-content: space-between; padding-top: 32px; margin-top: 48px; margin-bottom: 56px; position: relative; border-top: 1px dashed #CCCCCC; }

.login .login-wrap .contents .sns-login em { font-size: 16px; line-height: 1.72; }

.login .login-wrap .contents .sns-login span { font-size: 0; }

.login .login-wrap .contents .sns-login span a { display: inline-block; width: 54px; height: 54px; }

.login .login-wrap .contents .sns-login span a.naver { background: url("../../assets/images/login/naver.png") no-repeat; background-size: 54px; }

.login .login-wrap .contents .sns-login span a.kakao { margin-left: 8px; background: url("../../assets/images/login/kakao.png") no-repeat; background-size: 54px; }

.login .login-wrap .contents .search-login { margin-top: 24px; text-align: center; font-size: 0; }

.login .login-wrap .contents .search-login span { font-weight: 700; font-size: 16px; line-height: 1.72; color: #333333; position: relative; }

.login .login-wrap .contents .search-login span + span { margin-left: 24px; }

.login .login-wrap .contents .search-login span + span::before { content: ''; position: absolute; top: 5px; left: -12px; width: 1px; height: 12px; background: #E9E9E9; }

.login .login-wrap .contents .foot { display: block; border-top: 1px solid #E9E9E9; border-bottom: 1px solid #E9E9E9; font-weight: 400; text-decoration: underline; color: #000000; width: 100%; line-height: 60px; height: 60px; text-align: center; }

.login .login-wrap .contents .ui-tab .tab-nav { text-align: center; margin-bottom: 40px; }

.login .login-wrap.complete .inner > p { font-size: 16px; line-height: 1.72; text-align: center; color: #333333; }

.login .login-wrap.complete .inner > p strong { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; display: block; text-align: center; color: #000000; margin-bottom: 16px; }

.login .login-wrap.complete .inner .welcome { margin: 40px 0 56px; text-align: center; }

.login .login-wrap.complete .inner .welcome img { width: 156px; }

.login .login-wrap.complete .inner .intro-area { background: #FFFFFF; border: 1px solid #E9E9E9; box-sizing: border-box; border-radius: 6px; height: 278px; margin: 40px 0 56px; }

.login .login-wrap.complete .inner .btn-group button + button { margin-top: 8px; }

.login .login-wrap.non-members .btn-group { margin: 32px 0 48px; }

.login .login-wrap.non-members .bullet-o li + li { margin-top: 12px; }

.login .login-wrap.non-members .bullet-o li + li a { color: #000; text-decoration: underline; }

.login .login-wrap .order-complete-wrap .table-area table td { padding-left: 0; }

.login .login-wrap .order-complete-wrap .table-area > strong { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; margin: 64px 0 16px; display: block; }

.login .login-wrap .order-complete-wrap .table-area .btn-link { font-weight: 500; font-size: 16px; line-height: 1.72; color: #000000; padding-left: 23px; background: url("../../assets/images/login/ico-link.png") 0 center no-repeat; margin-left: 20px; font-family: 'Noto Sans KR'; }

.login .login-wrap .order-complete-wrap .notice-wrap { margin-top: 40px; margin-bottom: 50px; }

.login .login-wrap .order-complete-wrap .notice-wrap li span { font-weight: 700; color: #772480; }

.login .password-info-wrap strong { font-weight: 700; font-size: 20px; line-height: 1.52; letter-spacing: -0.015em; display: block; margin-bottom: 16px; }

.login .password-info-wrap .password-notice { padding-bottom: 40px; border-bottom: 1px solid #E9E9E9; margin-bottom: 40px; position: relative; }

.login .password-info-wrap .password-notice::before { content: ''; position: absolute; top: 0; left: 0; width: 68px; height: 68px; background: url("../../assets/images/common/ico-password.png") no-repeat; }

.login .password-info-wrap .password-notice strong { font-weight: 700; font-size: 20px; line-height: 1.52; letter-spacing: -0.015em; display: block; margin-bottom: 16px; }

.login .password-info-wrap .btn-group.flex { display: flex; margin-top: 56px; }

.login .dormancy-wrap strong { font-weight: 700; font-size: 20px; line-height: 1.52; letter-spacing: -0.015em; display: block; margin-bottom: 16px; }

.login .dormancy-wrap strong + p { color: #333333; }

.login .dormancy-wrap .table-area.horizontal { margin: 40px 0 24px; border: 1px solid #000000; box-sizing: border-box; border-radius: 6px; overflow: hidden; }

.login .dormancy-wrap .table-area.horizontal table { border: 0; }

.login .dormancy-wrap .table-area.horizontal th { padding: 0 20px; font-weight: 700; color: #000; }

.login .dormancy-wrap .table-area.horizontal td { padding: 16px 20px; vertical-align: middle; color: #333; }

.login .dormancy-wrap .table-area.horizontal td button { height: 34px; line-height: 32px; width: auto; padding: 0 16px; border: 1px solid #ccc; box-sizing: border-box; border-radius: 3px; font-size: 15px; line-height: 172%; color: #333333; margin-top: 8px; }

.login .dormancy-wrap .btn-group { margin-top: 56px; }

.login .dormancy-wrap .btn-group button { height: 62px; line-height: 60px; }

.login .id-search-wrap .step1 { padding: 0 20px 40px; border: 1px solid #E9E9E9; box-sizing: border-box; border-radius: 6px; margin-bottom: 40px; }

.login .id-search-wrap .step1 p { position: relative; padding-top: 146px; margin-bottom: 32px; text-align: center; background: url("../../assets/images/login/ico-id-search.png") 50% 40px no-repeat; background-size: 100px; color: #333333; }

.login .id-search-wrap .step1 .btn-group button { height: 56px; line-height: 56px; }

.login .id-search-wrap .bullet-o li span { color: #772480; }

.login .id-search-wrap .bullet-o li a { color: #000; text-decoration: underline; }

.login .id-search-wrap .bullet-o li + li { margin-top: 12px; }

.login .id-search-wrap p.id-search-area { border: 1px solid #000000; box-sizing: border-box; border-radius: 6px; text-align: left; margin-bottom: 24px; padding: 32px; color: #333333; }

.login .id-search-wrap p.id-search-area span { font-weight: 700; }

.login .id-search-wrap p.id-search-area em { color: #772480; }

.login .id-search-wrap .btn-group button { height: 56px; line-height: 56px; }

.login .id-search-wrap .btn-group.flex { display: flex; margin-top: 56px; }

.login .terms-wrap > strong { font-size: 20px; line-height: 1.52; letter-spacing: -0.015em; letter-spacing: -0.015em; color: #000000; padding: 0 20px; display: block; font-weight: 700; }

.login .terms-wrap .chk-all { padding: 16px 20px; border-top: 8px solid #F7F7F7; margin-top: 48px; }

.login .terms-wrap .chk-all label { vertical-align: top; }

.login .terms-wrap .chk-all label span { font-size: 18px; color: #000000; font-weight: 700; }

.login .terms-wrap .terms-list { padding: 40px 0; margin: 0 20px; border-top: 1px solid #E9E9E9; }

.login .terms-wrap .terms-list + .terms-list { border-top: 1px dashed #CCCCCC; }

.login .terms-wrap .terms-list + .terms-list label span { font-weight: 400; }

.login .terms-wrap .terms-list h3 { font-size: 18px; line-height: 1.72; color: #000000; margin-bottom: 16px; font-weight: 700; }

.login .terms-wrap .terms-list h3 + ul li { display: flex; justify-content: space-between; }

.login .terms-wrap .terms-list h3 + ul li + li { margin-top: 16px; }

.login .terms-wrap .terms-list h3 + ul li label span { color: #333333; font-weight: 700; }

.login .terms-wrap .terms-list h3 + ul li label span em { color: #772480; }

.login .terms-wrap .terms-list ul.bullet-o { margin-top: 20px; }

.login .terms-wrap .terms-list a { text-decoration-line: underline; vertical-align: top; margin-top: -3px; }

.login .terms-wrap .terms-list .fc-purple { color: #772480; }

.login .terms-wrap .btn-group { margin-bottom: 24px; }

.login .terms-wrap + .terms-wrap { border-top: 8px solid #F7F7F7; }

.login .terms-wrap + .terms-wrap .terms-list { border-top: 0; padding-top: 48px; }

.login .terms-wrap + .terms-wrap .terms-list h3 { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; color: #000000; margin-bottom: 24px; }

.login .terms { padding-bottom: 140px; }

.login .member-info { padding: 0 20px; }

.login .member-info .table-area { border: 1px solid #000000; box-sizing: border-box; border-radius: 6px; overflow: hidden; margin-bottom: 48px; }

.login .member-info .table-area table { border: 0; }

.login .member-info .table-area th { padding: 16px 20px; vertical-align: top; color: #000000; font-weight: 700; }

.login .member-info .table-area td { color: #333; font-weight: 400; }

.login .member-info div.sec { padding: 48px 20px; margin: 0 -20px; border-top: 8px solid #F7F7F7; }

.login .member-info div.sec .form .fieldset { margin-top: 0; }

.login .member-info div.sec .form .fieldset .box > ul { padding-bottom: 0; }

.login .member-info div.sec .form .fieldset .box > ul > li { margin-top: 0; }

.login .member-info div.sec .form .fieldset .box > ul > li:last-child .input-wrap { margin-bottom: 0; }

.login .member-info div.sec .form .fieldset .box > ul > li label strong { margin-bottom: 8px; display: inline-block; }

.login .member-info div.sec .form .fieldset .box > ul > li label strong.mt32 { margin-top: 32px; }

.login .member-info div.sec .form .fieldset .box > ul > li label > div { display: flex; }

.login .member-info div.sec .form .fieldset .box > ul > li label > div button { margin-left: 4px; white-space: nowrap; }

.login .member-info div.sec .form .fieldset .box > ul > li.join-route strong { font-size: 18px; line-height: 1.72; margin-top: 32px; display: inline-block; }

.login .member-info div.sec .form .fieldset .box > ul > li.join-route .form-btn-type .input-radio input + span { text-align: center; }

.login .member-info div.sec .form .fieldset .box > ul > li.join-route .etc-radio { display: none; width: 100%; margin-top: 4px; }

.login .member-info div.sec .legend { display: flex; justify-content: space-between; font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; color: #000000; margin-bottom: 32px; }

.login .member-info div.sec .legend span { font-size: 16px; line-height: 1.72; font-weight: 400; color: #707070; }

.login .member-info div.sec + .sec { border-bottom: 8px solid #F7F7F7; }

.login .member-info .btn-group { padding: 64px 0; }

.login .member-info .btn-group button + button { margin-top: 8px; }

.login .member-info > .form { margin: 0; width: 100%; }

.login .member-info > .form .input-wrap { margin: 0; }

.login .member-info > .form strong { margin-bottom: 8px; display: block; font-size: 18px; line-height: 172%; font-weight: 700; color: #000000; }

.login .member-info > .form strong span { font-weight: 400; font-size: 16px; line-height: 172%; color: #707070; margin-left: 16px; }

.pass-change-wrap { margin-bottom: 32px; }

.table-area .input-wrap { margin: 0; }

.table-area .input-wrap .txt-input input { padding: 0; border: 0; height: 48px; line-height: 48px; }

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

.input-wrap-btn .input-wrap { width: 100%; }

.input-wrap-btn span { font-weight: 300; font-size: 18px; color: #000000; display: inline-block; height: 48px; line-height: 48px; vertical-align: top; padding: 0 16px; }

.input-wrap-btn select { height: 48px; line-height: 48px; width: 50%; vertical-align: top; border: 0; font-weight: 300; font-size: 18px; color: #333333; }

.input-wrap-btn button { width: 112px; white-space: nowrap; }

p.notice { font-weight: 300; font-size: 14px; color: #545454; position: relative; padding-left: 26px; }

p.notice::before { content: ''; position: absolute; top: 0; left: 0; width: 18px; height: 21px; background: url("../../assets/images/common/ico-notice.png") 0 3px no-repeat; }

th span.necessary { font-weight: 300; font-size: 14px; color: #545454; position: relative; display: inline-block; margin-left: 4px; padding-left: 20px; text-indent: -9999px; }

th span.necessary::before { content: ''; position: absolute; top: 3px; left: 0; width: 16px; height: 16px; background: url("../../assets/images/common/ico-necessary.png") 0 no-repeat; }

.checkout .progress-bar { margin-bottom: 48px; margin-top: 40px; }

.checkout .progress-bar ul { display: flex; align-items: center; justify-content: center; position: relative; }

.checkout .progress-bar ul::after { content: ''; position: absolute; top: 15px; left: 50%; margin-left: -105px; width: 210px; height: 1px; background-color: #830890; }

.checkout .progress-bar ul li { text-align: center; color: #CCCCCC; position: relative; text-indent: -9999px; font-weight: 700; line-height: 30px; background: #fff; z-index: 1; width: 30px; height: 30px; }

.checkout .progress-bar ul li + li { margin-left: 22px; }

.checkout .progress-bar ul li.next { color: #CCCCCC; }

.checkout .progress-bar ul li.next::before { background: #F5F5F5; color: #CCCCCC; border: 1px solid #D9D9D9; box-sizing: border-box; }

.checkout .progress-bar ul li.next::after { content: ''; position: absolute; top: 15px; left: 0; width: 60px; height: 1px; background-color: #D9D9D9; }

.checkout .progress-bar ul li.active { color: #830890; padding: 0 12px 0 38px; text-indent: 0; width: auto; height: 30px; }

.checkout .progress-bar ul li.active::before { background: #830890; color: #fff; font-weight: 700; }

.checkout .progress-bar ul li.active::after { content: ''; position: absolute; width: 4px; height: 4px; top: 50%; left: 100%; margin-top: -1.5px; background-color: #830890; border-radius: 50%; }

.checkout .progress-bar ul li::before { content: '1'; position: absolute; top: 0; left: 0; width: 30px; height: 30px; border: 1px solid #772480; border-radius: 50%; box-sizing: border-box; background: #FFFFFF; font-weight: 400; font-size: 16px; line-height: 28px; text-align: center; color: #772480; z-index: 1; text-indent: 0; }

.checkout .progress-bar ul li:nth-child(2)::before { content: '2'; }

.checkout .progress-bar ul li:nth-child(3)::before { content: '3'; }

.checkout .page-payment .basket-list .left-cont .top { display: flex; justify-content: space-between; margin-bottom: 20px; }

.checkout .page-payment .basket-list .left-cont .top button { font-weight: 700; color: #000000; position: relative; }

.checkout .page-payment .basket-list .left-cont .top button + button { font-weight: 400; text-decoration-line: underline; color: #CCCCCC; }

.checkout .page-payment .basket-list .left-cont .top.on button + button { color: #000; }

.checkout .page-payment .basket-list.payment .right-cont .agree-wrap { padding: 24px 20px; margin: 0 -20px; border-bottom: 8px solid #F7F7F7; }

.checkout .page-payment .basket-list.payment .right-cont .agree-wrap p { font-weight: 300; font-size: 16px; color: #545454; padding: 0 20px 32px; }

.checkout .page-payment .basket-list.payment .right-cont .agree-wrap .group .chk-all-agree { width: 100%; position: relative; }

.checkout .page-payment .basket-list.payment .right-cont .agree-wrap .group .chk-all-agree span { color: #333333; }

.checkout .page-payment .basket-list.payment .right-cont .agree-wrap .sub { border-top: 1px dashed #CCCCCC; margin-top: 24px; padding-top: 24px; }

.checkout .page-payment .basket-list.payment .right-cont .agree-wrap .sub ul li { display: flex; align-items: center; justify-content: space-between; }

.checkout .page-payment .basket-list.payment .right-cont .agree-wrap .sub ul li button { color: #000000; text-decoration: underline; }

.checkout .page-payment .basket-list.payment .right-cont .agree-wrap .sub ul li + li { margin-top: 16px; }

.checkout .page-payment .basket-list.payment .right-cont .right-btn { margin-top: 64px; }

.checkout .page-payment .basket-list.payment .right-cont .bullet-caution { margin-top: 40px; }

.checkout .page-payment .basket-list.payment .right-cont .bullet-caution + .bullet-caution { margin-top: 12px; }

.checkout .page-payment .basket-list .right-cont { border-top: 8px solid #F7F7F7; padding: 48px 20px 0; margin: 48px -20px 0; margin-top: 48px; }

.checkout .page-payment .basket-list .right-cont .payment-title { font-weight: 700; font-size: 26px; line-height: 1.52; letter-spacing: -0.015em; color: #000000; }

.checkout .page-payment .basket-list .right-cont div.payment-scroll > ul { padding: 40px 0 24px; }

.checkout .page-payment .basket-list .right-cont div.payment-scroll > ul + ul { border-top: 1px dashed #CCCCCC; border-bottom: 1px solid #E9E9E9; padding: 24px 0; }

.checkout .page-payment .basket-list .right-cont div.payment-scroll > ul li { display: flex; justify-content: space-between; }

.checkout .page-payment .basket-list .right-cont div.payment-scroll > ul li + li { margin-top: 16px; }

.checkout .page-payment .basket-list .right-cont div.payment-scroll > ul li span:first-child { font-size: 18px; line-height: 1.72; color: #333333; }

.checkout .page-payment .basket-list .right-cont div.payment-scroll > ul li span:last-child { font-size: 16px; line-height: 1.72; color: #000000; }

.checkout .page-payment .basket-list .right-cont div.payment-scroll > ul li span:last-child em { font-weight: 700; font-size: 18px; line-height: 1.72; display: inline-block; vertical-align: top; margin-top: -3px; }

.checkout .page-payment .basket-list .right-cont div.payment-scroll > ul li span em.fc-purple { color: #772480; }

.checkout .page-payment .basket-list .right-cont div.payment-scroll > ul.total { padding: 20px 20px 48px; margin: 0 -20px; border-bottom: 8px solid #F7F7F7; border-top: 0; }

.checkout .page-payment .basket-list .right-cont div.payment-scroll > ul.total li { align-items: center; }

.checkout .page-payment .basket-list .right-cont div.payment-scroll > ul.total span:first-child { font-weight: 700; font-size: 18px; line-height: 1.72; color: #333333; }

.checkout .page-payment .basket-list .right-cont div.payment-scroll > ul.total span:last-child { color: #000000; font-size: 18px; line-height: 1.72; }

.checkout .page-payment .basket-list .right-cont div.payment-scroll > ul.total span:last-child em { font-weight: 700; font-size: 30px; line-height: 1.52; letter-spacing: -0.015em; color: #772480; vertical-align: top; margin-top: -8px; }

.checkout .page-payment .basket-list .right-cont .tooltip-wrap { padding: 48px 0 64px; }

.checkout .page-payment .basket-list .right-cont .tooltip-wrap strong { font-weight: 700; font-size: 18px; line-height: 1.72; color: #000000; }

.checkout .page-payment .basket-list .right-cont .tooltip-wrap ul { margin-top: 16px; }

.checkout .page-payment .basket-list .right-cont .tooltip-wrap ul li + li { margin-top: 12px; }

.checkout .page-payment .basket-list .right-cont .right-btn { font-weight: 700; font-size: 20px; line-height: 1.52; letter-spacing: -0.015em; }

.checkout .page-payment .basket-list .right-cont .tooltip { margin-top: 5px; }

.checkout .page-payment .basket-list .floating-wrap { position: fixed; bottom: 0; left: 0; width: 100%; padding: 12px 20px 30px; box-sizing: border-box; background: #fff; display: flex; align-items: center; justify-content: space-between; z-index: 2; box-shadow: 0px -8px 16px rgba(0, 0, 0, 0.05); }

.checkout .page-payment .basket-list .floating-wrap .chk-all { font-weight: 700; white-space: nowrap; margin-right: 55px; }

.checkout .page-payment .basket-list .floating-wrap .btn { width: 100%; font-weight: 700; }

.checkout .page-payment .payment-info { margin-bottom: 40px; }

.checkout .page-payment .payment-info .btn-group { padding-left: 28px; display: flex; margin-top: 12px; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #E9E9E9; }

.checkout .page-payment .payment-info .btn-group button { width: 100%; }

.checkout .page-payment .payment-info + .no-data { padding-top: 140px; }

.checkout .page-payment .no-data { padding-top: 100px; }

.checkout .page-payment .no-data p { background: url("../../assets/images/checkout/ico-nodata.png") center 0 no-repeat; padding-top: 110px; text-align: center; font-weight: 300; font-size: 18px; color: #545454; margin-bottom: 40px; }

.checkout .page-payment .no-data button { font-weight: 500; font-size: 18px; color: #000000; height: 54px; line-height: 52px; box-sizing: border-box; width: 154px; }

.checkout .page-payment .order-complete-wrap .top { padding-top: 104px; margin-top: 56px; text-align: center; position: relative; }

.checkout .page-payment .order-complete-wrap .top::before { content: ''; position: absolute; top: 0; left: 50%; margin-left: -50px; width: 100px; height: 72px; background: url("../../assets/images/checkout/ico-complete.png") no-repeat; background-size: 100px; }

.checkout .page-payment .order-complete-wrap .top strong { font-weight: 700; font-size: 30px; line-height: 1.52; letter-spacing: -0.015em; color: #000000; }

.checkout .page-payment .order-complete-wrap .top p { color: #333333; margin-top: 8px; margin-bottom: 48px; }

.checkout .page-payment .order-complete-wrap .top p span { font-weight: 700; }

.checkout .page-payment .order-complete-wrap .table-area .fc-purple { font-weight: 700; color: #772480; }

.checkout .page-payment .order-complete-wrap .table-area td strong { color: #000; }

.checkout .page-payment .order-complete-wrap .table-area td p { margin-top: 8px; }

.checkout .page-payment .order-complete-wrap .table-area td ul li { color: #333333; }

.checkout .page-payment .order-complete-wrap .table-area td ul li + li { margin-top: 12px; }

.checkout .page-payment .order-complete-wrap .table-area td ul li p i { margin: 0 2px; }

.checkout .page-payment .order-complete-wrap .table-area td ul li > span { padding-left: 22px; background: url(../../assets/images/checkout/bg-detail.svg) 0 no-repeat; color: #545454; }

.checkout .page-payment .order-complete-wrap .table-area td ul li > span i { margin-right: 4px; vertical-align: top; margin-top: 4px; }

.checkout .page-payment .order-complete-wrap .table-area .bullet-caution { display: block; margin-top: 40px; color: #545454; }

.checkout .page-payment .order-complete-wrap .table-area .bullet-caution + .bullet-caution { margin-top: 12px; margin-bottom: 64px; }

.checkout .page-payment .order-complete-wrap .btn-group button + button { margin-top: 8px; }

.checkout .order-list > li { background: #F5F5F5; border-radius: 0 20px 20px; position: relative; padding: 56px 20px 0; }

.checkout .order-list > li.soldout .total { display: block; text-align: right; font-weight: 700; font-size: 14px; color: #909090; z-index: 3; }

.checkout .order-list > li.soldout::before { content: '일시품절'; position: absolute; top: 50%; left: 50%; width: 120px; height: 120px; line-height: 120px; text-align: center; background: #909090; border-radius: 50%; overflow: hidden; z-index: 1; font-weight: 700; font-size: 16px; color: #fff; transform: translate(-50%, -50%); }

.checkout .order-list > li.soldout::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #F5F5F5; opacity: 0.62; }

.checkout .order-list > li.soldout.comingsoon::before { content: '출시예정'; position: absolute; top: 50%; left: 50%; width: 120px; height: 120px; line-height: 120px; text-align: center; background: rgba(255, 255, 255, 0.6); border: 1px solid #772480; border-radius: 50%; overflow: hidden; z-index: 1; font-weight: 700; font-size: 16px; color: #772480; transform: translate(-50%, -50%); }

.checkout .order-list > li + li { margin-top: 16px; }

.checkout .order-list > li .input-check { position: absolute; top: 16px; left: 20px; width: 24px; height: 24px; }

.checkout .order-list > li .order-info { display: flex; margin: 0 -20px; padding: 26px 20px 0; border-top: 1px solid #fff; }

.checkout .order-list > li .order-info .img { flex-shrink: 0; width: 90px; height: 90px; border-radius: 6px; overflow: hidden; margin-right: 20px; margin-top: 12px;}

.checkout .order-list > li .order-info .img img { width: 100%; height: 100%; }

.checkout .order-list > li .order-info .prd-info .prd-num { display: block; }

.checkout .order-list > li .order-info .prd-info .prd-name { font-weight: 700; font-size: 18px; color: #000000; display: block; margin-bottom: 4px; }

.checkout .order-list > li .order-info .prd-info .prd-name i { vertical-align: top; margin-top: 4px; }

.checkout .order-list > li .order-info .prd-info .price { font-size: 16px; color: #000000; }

.checkout .order-list > li .order-info .prd-info .price em { font-weight: 700; font-size: 18px; }

.checkout .order-list > li .order-info .prd-info .sale-price { color: #707070; }

.checkout .order-list > li .order-info .prd-info .sale-price em { text-decoration-line: line-through; }

.checkout .order-list > li .order-info .prd-info .total-price { font-weight: 300; font-size: 18px; color: #000000; }

.checkout .order-list > li .order-info .prd-info .total-price em { font-family: 'Kumbh Sans'; font-weight: 700; font-size: 22px; color: #772480; margin-right: 2px; }

/* 250514 할인 금액 표기 수정 */
.checkout .order-list > li .order-info .prd-info .price-cont-box {display: block;}
.checkout .order-list > li .order-info .prd-info .price-cont-box .prd-sale-price {display: flex; justify-content: left;}
.checkout .order-list > li .order-info .prd-info .price-cont-box .prd-sale-price s {display: block; margin-right: 1px; font-size: 16px; letter-spacing: 0; font-weight: 400; color: #707070; margin-right: 2px;}
.checkout .order-list > li .order-info .prd-info .price-cont-box .prd-sale-price span {display: block; font-size: 16px; letter-spacing: 0; font-weight: 400; color: #707070; }
.checkout .order-list > li .order-info .prd-info .price-cont-box .prd-sale-n-price {display: flex; justify-content: left; margin-top: -3px; align-items: center;}
.checkout .order-list > li .order-info .prd-info .price-cont-box .prd-sale-n-price .prd-sale-per {margin-right: 10px; font-size: 18px;letter-spacing: normal; color: #772480; font-weight: 900; letter-spacing: 0px;}
.checkout .order-list > li .order-info .prd-info .price-cont-box .prd-price {margin-top: 0; padding-top: 0; border-top: 0; font-weight: 400; letter-spacing: 0px;}
.checkout .order-list > li .order-info .prd-info .price-cont-box .prd-price strong {font-size: 18px; line-height: 1.52; font-weight: 900; letter-spacing: 0px; margin-right: 2px;}
/* // 250514 할인 금액 표기 수정 */

.checkout .order-list > li .option { margin: 24px 0; }

.checkout .order-list > li .option.flex { display: flex; align-items: center; justify-content: space-between; }

.checkout .order-list > li .option .ui-amount button { vertical-align: top; width: 30px; height: 30px; background: #fff; border-radius: 50%; }

.checkout .order-list > li .option .ui-amount button.plus i { vertical-align: top; margin-top: 7px; }

.checkout .order-list > li .option .ui-amount button[disabled]:before, .checkout .order-list > li .option .ui-amount button[disabled]:after { background-color: #ccc !important; }

.checkout .order-list > li .option .ui-amount input { background: none; border: 0; width: 32px; height: 30px; text-align: center; margin: 0 8px; padding: 0; }

.checkout .order-list > li .option > button { height: 30px; padding: 0 16px; width: auto; font-weight: 700; font-size: 16px; line-height: 28px; color: #333333; border: 0; }

.checkout .order-list > li .detail-list { padding-top: 24px; border-top: 1px solid #fff; }

.checkout .order-list > li .detail-list li { display: flex; justify-content: space-between; align-items: center; position: relative; }

.checkout .order-list > li .detail-list li + li { margin-top: 16px; }

.checkout .order-list > li .detail-list li .prd-name { color: #333333; }

.checkout .order-list > li .detail-list li > div .ico-sprites-cross { vertical-align: top; margin-top: 10px; }

.checkout .order-list > li .detail-list li > div .ico-sprites-cross::before, .checkout .order-list > li .detail-list li > div .ico-sprites-cross::after { width: 8px; }

.checkout .order-list > li .detail-list li .ea { font-family: 'Kumbh Sans'; font-weight: 300; font-size: 18px; color: #333333; }

.checkout .order-list > li .detail-list li .price { text-align: right; color: #545454; width: 94px; flex-shrink: 0; margin-left: auto; }

.checkout .order-list > li .detail-list li .btn-delete { flex-shrink: 0; width: 20px; height: 20px; background-color: #fff; border-radius: 50%; text-indent: -9999px; margin-left: 16px; }

.checkout .order-list > li .detail-list li .btn-delete.ico-sprites-cross { vertical-align: top; }

.checkout .order-list > li .detail-list li .btn-delete.ico-sprites-cross::before, .checkout .order-list > li .detail-list li .btn-delete.ico-sprites-cross::after { width: 8px; }

.checkout .order-list > li > .btn-delete { position: absolute; top: 16px; right: 20px; width: 24px; height: 24px; background: #FFFFFF; border: 1px solid #D9D9D9; box-sizing: border-box; border-radius: 50%; z-index: 2; }

.checkout .order-list > li > .btn-delete.ico-sprites-cross { vertical-align: top; }

.checkout .order-list > li > .btn-delete.ico-sprites-cross::before, .checkout .order-list > li > .btn-delete.ico-sprites-cross::after { width: 8px; }

.checkout .order-list > li.type2 { padding: 40px 93px 40px 40px; }

.checkout .order-list > li.type2 .prd-info { display: flex; }

.checkout .order-list > li.type2 .prd-info .flex { align-items: center; width: 100%; }

.checkout .order-list > li.type2 .prd-info .flex div span { display: block; }

.checkout .order-list .total { border-top: 4px solid #fff; padding: 16px 0; text-align: right; margin-top: 24px; }

.checkout .order-list .total .total-price em { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; color: #772480; }

.checkout .order-list.payment-step > li { display: block; border: 1px solid #D9D9D9; box-sizing: border-box; border-radius: 6px; background: none; padding: 0; }

.checkout .order-list.payment-step > li .payment-prd-info { padding: 24px 20px 0; display: flex; align-items: center; }

.checkout .order-list.payment-step > li .payment-prd-info.ex { padding-top: 20px; }

.checkout .order-list.payment-step > li .payment-prd-info .small-img { width: 70px; height: 70px; border-radius: 6px; overflow: hidden; flex-shrink: 0; }

.checkout .order-list.payment-step > li .payment-prd-info .small-img img { width: 70px; height: 70px; }

.checkout .order-list.payment-step > li .payment-prd-info .prd-info { margin-left: 16px; }

.checkout .order-list.payment-step > li .payment-prd-info .prd-info .prd-name { font-weight: 700; font-size: 18px; line-height: 1.72; }

.checkout .order-list.payment-step > li .payment-prd-info .prd-info .prd-name span { font-weight: 400; font-size: 16px; line-height: 1.72; display: inline-block; }

.checkout .order-list.payment-step > li .payment-prd-info .prd-info i { display: inline-block; vertical-align: top; margin: 12px 4px 0; width: 10px; height: 10px; background: url("../../assets/images/checkout/ico-x.png") no-repeat; }

.checkout .order-list.payment-step > li .gift-prd { padding-top: 8px; padding-left: 40px; padding-right: 20px; margin-bottom: 24px; display: flex; align-items: center; background: url("../../assets/images/checkout/bg-detail.svg") 20px center no-repeat; }

.checkout .order-list.payment-step > li .gift-prd .img { position: relative; width: 50px; height: 50px; margin: 0; border: 1px solid #E9E9E9; border-radius: 4px; }

.checkout .order-list.payment-step > li .gift-prd .img img { width: 50px; height: 50px; }

.checkout .order-list.payment-step > li .gift-prd .img i { position: absolute; bottom: 0; left: -7px; }

.checkout .order-list.payment-step > li .gift-prd span { margin-left: 16px; }

.checkout .order-list.payment-step > li .gift-prd.ex { padding: 16px 0 0 20px; margin: 16px 20px 0; border-top: 1px dashed #CCCCCC; background: url("../../assets/images/checkout/bg-detail.svg") 0 center no-repeat; }

.checkout .order-list.payment-step > li .option { padding: 12px 20px; margin: 24px 0 0 0; border-top: 1px dashed #CCCCCC; display: flex; align-items: center; justify-content: space-between; }

.checkout .order-list.payment-step > li .option button { background: #F5F5F5; padding: 0 38px 0 20px; height: 34px; line-height: 34px; position: relative; font-size: 15px; line-height: 1.72; font-weight: 400; }

.checkout .order-list.payment-step > li .option button::before { content: ''; position: absolute; top: 50%; right: 20px; width: 11px; height: 7px; margin-top: -4px; background: url("../../assets/images/checkout/ico-option-arrow.svg") no-repeat; transform: rotate(180deg); }

.checkout .order-list.payment-step > li .option button.active::before { transform: rotate(0deg); }

.checkout .order-list.payment-step > li .option .price em { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; color: #000000; display: inline-block; vertical-align: top; margin-top: -5px; }

.checkout .order-list.payment-step > li .option-view { padding: 0 20px 24px; background: #F5F5F5; border-radius: 0px 0px 6px 6px; display: none; }

.checkout .order-list.payment-step > li .option-view > div + div { margin-top: 20px; }

.checkout .order-list.payment-step > li .option-view > div > strong { display: block; font-weight: 700; font-size: 18px; line-height: 1.72; color: #333333; margin: 0 -20px; padding: 24px 20px 16px; border-top: 1px solid #E9E9E9; }

.checkout .order-list.payment-step > li .option-view > div ul.list { padding-top: 24px; border-top: 1px dashed #CCCCCC; }

.checkout .order-list.payment-step > li .option-view > div ul.list li { display: flex; align-items: center; justify-content: space-between; }

.checkout .order-list.payment-step > li .option-view > div ul.list li strong { font-weight: 700; color: #333333; }

.checkout .order-list.payment-step > li .option-view > div ul.list li span { color: #333333; margin-left: 16px; }

.checkout .order-list.payment-step > li .option-view > div .bullet-o { margin-top: 16px; }

.checkout .order-list.payment-step > li .option-view > div .bullet-o li ~ li { margin-top: 12px; }

.checkout .order-list.payment-step > li .option-view > div .bullet-o li { color: #333; }

.checkout .order-list.payment-step > li .option-view > div span.fc-purple { font-weight: 700; color: #772480; }

.checkout .order-list.payment-step > li .state { padding: 10px 20px; margin: 20px 0 0 0; background: #F5F5F5; height: 48px; box-sizing: border-box; position: relative; }

.checkout .order-list.payment-step > li .state a { text-decoration: underline; color: #000000; }

.checkout .order-list.payment-step > li .state span { position: absolute; right: 20px; font-weight: 700; color: #772480; }

.checkout .order-info-wrap { margin-top: 16px; }

.checkout .order-info-wrap.first { margin: 48px -20px 0; padding: 0 20px; border-top: 8px solid #F7F7F7; }

.checkout .order-info-wrap.first .title { display: flex; align-items: center; justify-content: space-between; }

.checkout .order-info-wrap .title { margin-top: 48px; margin-bottom: 16px; }

.checkout .order-info-wrap .title h2 { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.checkout .order-info-wrap .title .btn-modify { text-decoration: underline; }

.checkout .order-info-wrap .title span { font-weight: 300; font-size: 16px; color: #545454; }

.checkout .order-info-wrap .title > div { display: flex; align-items: center; justify-content: space-between; margin-top: 8px; }

.checkout .order-info-wrap .title > div .btn-addr { width: 38px; height: 20px; background: #545454; border-radius: 50px; vertical-align: middle; position: relative; }

.checkout .order-info-wrap .title > div .btn-addr::before { content: ''; position: absolute; left: 3px; top: 3px; width: 14px; height: 14px; background: #FFFFFF; border-radius: 50px; transition: 0.3s; }

.checkout .order-info-wrap .title > div .btn-addr.on { background: #830890; }

.checkout .order-info-wrap .title > div .btn-addr.on::before { left: calc(100% - 17px); }

.checkout .order-info-wrap .order-info-line { padding: 24px 20px; border: 1px solid #000000; box-sizing: border-box; border-radius: 6px; }

.checkout .order-info-wrap .order-info-line .delivery-prd { margin: 0 -20px 24px; padding: 0 20px 24px; border-bottom: 1px solid #909090; }

.checkout .order-info-wrap .order-info-line .delivery-prd strong { font-weight: 700; font-size: 20px; line-height: 1.52; letter-spacing: -0.015em; display: block; margin-bottom: 12px; }

.checkout .order-info-wrap .order-info-line .delivery-prd strong span { font-weight: 400; font-size: 16px; line-height: 1.72; color: #000000; }

.checkout .order-info-wrap .order-info-line .delivery-prd .btn-group { text-align: left; }

.checkout .order-info-wrap .order-info-line .delivery-prd .btn-group .fn-check-toggle { margin-right: 4px; }

.checkout .order-info-wrap .order-info-line .delivery-prd .btn-group .fn-check-toggle span { box-sizing: border-box; padding: 0 12px; }

.checkout .order-info-wrap .order-info-line .delivery-prd .btn-group button { padding: 0 12px; }

.checkout .order-info-wrap .order-info-line .delivery-msg { margin: 24px -20px 0; padding: 24px 20px 0; border-top: 1px solid #E9E9E9; }

.checkout .order-info-wrap .order-info-line .delivery-msg h3 { font-weight: 700; font-size: 18px; line-height: 1.72; margin-bottom: 8px; }

.checkout .order-info-wrap .order-info-line .delivery-msg h3 .ico-sprites-check, .checkout .order-info-wrap .order-info-line .delivery-msg h3 .fn-check-toggle span:before, .fn-check-toggle .checkout .order-info-wrap .order-info-line .delivery-msg h3 span:before { vertical-align: top; margin-left: 4px; margin-top: 7px; }

.checkout .order-info-wrap .order-info-line .order-info-list li { display: flex; }

.checkout .order-info-wrap .order-info-line .order-info-list li + li { border-top: 1px dashed #D9D9D9; padding-top: 16px; margin-top: 16px; }

.checkout .order-info-wrap .order-info-line .order-info-list li strong { flex-basis: 74px; flex-shrink: 0; font-weight: 700; }

.checkout .order-info-wrap .order-info-line .order-info-list li span { color: #333333; }

.checkout .order-info-wrap .order-info-line .form-info li:first-child strong { margin-top: 0; }

.checkout .order-info-wrap .order-info-line .form-info li strong { font-weight: 700; font-size: 18px; line-height: 1.72; color: #000000; margin-bottom: 8px; display: block; margin-top: 32px; }

.checkout .order-info-wrap .order-info-line .form-info li strong i { vertical-align: top; margin-left: 4px; margin-top: 7px; }

.checkout .order-info-wrap .order-info-line .discount-coupon > span { display: block; margin-bottom: 8px; }

.checkout .order-info-wrap .order-info-line .discount-coupon > span em { font-weight: 700; color: #772480; }

.checkout .order-info-wrap .order-info-line .discount-coupon div { background: #F5F5F5; display: flex; align-items: center; justify-content: right; box-sizing: border-box; position: relative; }

.checkout .order-info-wrap .order-info-line .discount-coupon div span em { font-weight: 700; color: #772480; }

.checkout .order-info-wrap .order-info-line .discount-coupon div button.btn-delete { margin: 0; width: 24px; height: 24px; background: #E9E9E9; border-radius: 12px; padding: 0; border: 0; text-indent: -9999px; margin-left: 12px; }

.checkout .order-info-wrap .order-info-line .discount-coupon button { margin-left: 12px; font-weight: 700; }

.checkout .order-info-wrap .order-info-line .certify { border-bottom: 1px solid #909090; padding: 0 20px 24px; margin: 0 -20px 24px; }

.checkout .order-info-wrap .order-info-line .certify + .form-info { margin-bottom: 24px; }

.checkout .order-info-wrap .order-info-line .certify p { font-weight: 300; font-size: 16px; line-height: 1.72; color: #545454; }

.checkout .order-info-wrap .order-info-line .certify button { width: 100%; margin-top: 12px; }

.checkout #option-pop .content-area .field-wrap .form-calendar input { padding-right: 50px; }

.checkout #option-pop .content-area .field-wrap .form-calendar .input:after { right: 20px; }

.checkout #option-pop .content-area .field-wrap .form-calendar .bullet-caution { color: #545454; }

.checkout #option-pop .content-area .field-wrap .form-calendar .bullet-caution > li { color: #545454; }

.checkout #option-pop .content-area .field-wrap > div { position: relative; margin-bottom: 8px; }

.checkout #option-pop .content-area .field-wrap > div > strong { font-weight: 700; font-size: 18px; line-height: 1.72; display: inline-block; }

.checkout #option-pop .content-area .field-wrap > div .bullet-caution { margin-top: 16px; }

.checkout #option-pop .content-area .field-wrap > div textarea { height: 288px; box-sizing: border-box; padding: 20px; }

.checkout #option-pop .content-area .field-wrap > div .tooltip { margin-top: 5px; position: initial; }

.checkout #option-pop .content-area .field-wrap > div .tooltip .text { width: 100%; left: 0; top: 37px; }

.checkout #option-pop .content-area .field-wrap > div .tooltip .text::before { left: 40px; }

.checkout #option-pop .content-area .field-wrap > div .tooltip .text.w_72::before { left: 76px; }

.checkout #option-pop .content-area .field-wrap + .field-wrap { margin-top: 32px; }

.checkout #option-pop .option { padding: 40px 0 0; margin: 40px 0 0; border-top: 1px dashed #CCCCCC; }

.checkout #option-pop .option.ex { padding: 0; border: 0; margin: 8px 0 0; }

.checkout #option-pop .option > li { background: #F5F5F5; border-radius: 4px; padding: 20px; }

.checkout #option-pop .option > li .option-prd { position: relative; }

.checkout #option-pop .option > li .option-prd .prd-name { font-weight: 700; color: #000000; display: block; }

.checkout #option-pop .option > li .option-prd .btn-delete { position: absolute; top: 0; right: 0; width: 24px; height: 24px; background: #E9E9E9; border-radius: 12px; text-indent: -9999px; }

.checkout #option-pop .option > li .option-prd .btn-delete.ico-sprites-cross { vertical-align: top; }

.checkout #option-pop .option > li .option-prd .btn-delete.ico-sprites-cross::before, .checkout #option-pop .option > li .option-prd .btn-delete.ico-sprites-cross::after { width: 8px; }

.checkout #option-pop .option > li .option-prd + .field-wrap { margin-top: 20px; padding-top: 24px; border-top: 1px dashed #ccc; }

.checkout #option-pop .option > li .option-prd > div { display: flex; align-items: center; justify-content: space-between; }

.checkout #option-pop .option > li .option-prd > div .ui-amount { margin-top: 12px; }

.checkout #option-pop .option > li .option-prd > div .price { margin-top: 12px; margin-left: auto; color: #333333; }

.checkout #option-pop .option > li .flex select + select { margin-top: 4px; }

.checkout #option-pop .option + .option { padding: 0; border: 0; margin: 8px 0 0; }

.checkout #option-pop .ui-amount { display: flex; align-items: center; }

.checkout #option-pop .ui-amount button { width: 24px; height: 24px; background: #fff; border-radius: 50%; }

.checkout #option-pop .ui-amount button i { vertical-align: top; }

.checkout #option-pop .ui-amount button.plus i { margin-top: 7px; }

.checkout #option-pop .ui-amount input { background: none; border: 0; width: 38px; height: 24px; text-align: center; margin: 0; padding: 0; }

.checkout #option-pop .total { display: flex; justify-content: space-between; align-items: center; border-top: 8px solid #F7F7F7; margin: 48px -20px 0; padding: 48px 20px 0; }

.checkout #option-pop .total strong { font-weight: 700; font-size: 18px; color: #000000; }

.checkout #option-pop .total span { font-weight: 300; font-size: 18px; }

.checkout #option-pop .total span em { font-weight: 700; font-size: 30px; line-height: 1.52; letter-spacing: -0.015em; margin-right: 2px; color: #772480; display: inline-block; vertical-align: top; margin-top: -9px; }

.checkout #option-pop .btn-group.flex { display: flex; margin-top: 24px; }

#coupon-pop .content .body .content-area { padding: 40px 20px 44px; }

#coupon-pop .footer button + button { margin-left: 6px; }

#coupon-pop .form-radio-box label > span { background: none; padding: 0; }

#coupon-pop .form-radio-box label > span:after { display: none; }

#coupon-pop .form-radio-box { display: block; margin: 0; }

#coupon-pop .form-radio-box + .form-radio-box { border-top: 1px solid #E9E9E9; margin-top: 32px; padding-top: 32px; }

#coupon-pop .form-radio-box > div { margin-top: 0; background-size: 100%; position: relative; overflow: hidden; }

#coupon-pop .form-radio-box > div.on label { border: 1px solid #830890; }

#coupon-pop .form-radio-box > div.on::before { background: url("../../assets/images/mypage/coupon-list-purple.svg") no-repeat; }

#coupon-pop .form-radio-box > div.on::after { background: url("../../assets/images/mypage/coupon-list-purple.svg") no-repeat; }

#coupon-pop .form-radio-box > div::before { content: ''; position: absolute; width: 7px; height: 25px; background: url("../../assets/images/mypage/coupon-list-black.svg") no-repeat; left: -1px; bottom: 32px; transform: rotate(180deg); z-index: 1; }

#coupon-pop .form-radio-box > div::after { content: ''; position: absolute; width: 7px; height: 25px; background: url("../../assets/images/mypage/coupon-list-black.svg") no-repeat; right: -1px; bottom: 32px; z-index: 1; }

#coupon-pop .form-radio-box > div + div { margin-top: 12px; }

#coupon-pop .form-radio-box > div .input-check, #coupon-pop .form-radio-box > div .input-radio { margin: 0 !important; position: relative; border: 1px solid #000; border-radius: 12px; overflow: hidden; box-sizing: border-box; }

#coupon-pop .form-radio-box > div .input-check::before, #coupon-pop .form-radio-box > div .input-radio::before { content: ''; position: absolute; top: 0; right: 0; width: 16.4%; height: 100%; background: #F5F5F5; }

#coupon-pop .form-radio-box > div .input-check > span, #coupon-pop .form-radio-box > div .input-radio > span { padding: 24px 84px 28px 28px; box-sizing: border-box; }

#coupon-pop .form-radio-box > div .input-check > span::before, #coupon-pop .form-radio-box > div .input-radio > span::before { transform: translateY(0); top: 24px; left: auto; right: 16px; }

#coupon-pop .form-radio-box > div .input-check > span div .txt, #coupon-pop .form-radio-box > div .input-radio > span div .txt { font-weight: 700; color: #000000; display: block; margin: 16px 0 4px; }

#coupon-pop .form-radio-box > div .input-check > span div .txt em, #coupon-pop .form-radio-box > div .input-radio > span div .txt em { display: block; font-weight: 400; margin-top: 2px; color: #707070; }

#coupon-pop .form-radio-box > div .input-check > span div .date, #coupon-pop .form-radio-box > div .input-radio > span div .date { color: #707070; font-weight: 400; }

#coupon-pop .form-radio-box > div .input-check > span div .price, #coupon-pop .form-radio-box > div .input-radio > span div .price { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; color: #772480; }

#coupon-pop .bullet-o { margin: 48px -20px 0; padding: 48px 20px 0; border-top: 8px solid #F7F7F7; }

#coupon-pop .bullet-o li + li { margin-top: 12px; }

.agree-pop .content-area h2 { padding-bottom: 32px; border-bottom: 1px dashed #CCCCCC; font-weight: 700; font-size: 20px; line-height: 1.52; letter-spacing: -0.015em; color: #000000; }

.agree-pop .content-area > div { margin-top: 32px; }

.agree-pop .content-area > div:first-child { margin-top: 0; }

.agree-pop .content-area > div ul.bullet-o { margin-top: 16px; }

.agree-pop .content-area > div ul.bullet-o a{ text-decoration: underline; }

.agree-pop .content-area > div P { margin-top: 16px; }

.agree-pop .content-area > div P:first-child { margin-top: 0; }

#address-select-pop button.add { width: 100%; height: 54px; line-height: 52px; border: 1px dashed #CCCCCC; border-radius: 4px; box-sizing: border-box; font-weight: 700; font-size: 16px; line-height: 1.72; color: #545454; margin-bottom: 24px; }

#address-select-pop button.add i { width: 24px; height: 24px; border: 1px solid #D9D9D9; border-radius: 12px; }

#address-select-pop .add-list li { padding-top: 24px; margin-top: 24px; border-top: 1px solid #E9E9E9; position: relative; }

#address-select-pop .add-list li strong { font-weight: 700; font-size: 18px; line-height: 1.72; color: #000; display: block; }

#address-select-pop .add-list li .name { color: #333333; }

#address-select-pop .add-list li .name em { padding-left: 24px; position: relative; }

#address-select-pop .add-list li .name em::before { content: ''; position: absolute; top: 4px; left: 12px; width: 1px; height: 14px; background: #E9E9E9; }

#address-select-pop .add-list li .addr { color: #333333; display: block; margin-top: 2px; }

#address-select-pop .add-list li > button { margin-top: 16px; width: 100%; }

#address-select-pop .add-list li .btn-group { position: absolute; top: 24px; right: 0; }

#address-select-pop .add-list li .btn-group button { font-size: 16px; line-height: 1.72; color: #707070; }

#address-select-pop .add-list li .btn-group button + button { margin-left: 24px; position: relative; }

#address-select-pop .add-list li .btn-group button + button::before { content: ''; position: absolute; top: 8px; left: -12px; width: 1px; height: 14px; background: #E9E9E9; }

#address-select-pop .form-radio-box { margin: 0; display: block; }

#address-select-pop .form-radio-box div { width: 100%; }

#address-select-pop .form-radio-box label { margin: 12px 0 0 !important; }

#address-select-pop .form-radio-box label > span { padding: 20px 84px; }

#address-select-pop .form-radio-box label > span::before { left: 30px; }

.add-pop ul.bullet-o { padding-bottom: 32px; margin-bottom: 32px; border-bottom: 1px dashed #E2E2E2; }

.add-pop .form-address .address { margin-bottom: 8px; }

.add-pop .input-wrap label i { margin-top: -6px; }

.add-pop .input-wrap:last-child { margin-bottom: 0; }

.page-novita .ad-list .board .list { margin-top: 40px; }

.page-novita .ad-list .board .list li { position: relative; }

.page-novita .ad-list .board .list li .ico-sprites-share { position: absolute; top: 3px; right: 0; z-index: 9; }

.page-novita .ad-list .board .list li .img-area { height: 0; padding-bottom: 56%; position: relative; overflow: hidden; }

.page-novita .ad-list .board .list li .img-area img { position: absolute; top: -16.5%; }

.page-novita .ad-list .board .list li .txt-area { position: relative; }

.page-novita .ad-list .board .list.thumbnail > ul > li a .img-area::before { content: ''; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); }

.page-novita .ad-list .board .list.thumbnail > ul > li a .img-area::after { content: ''; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); width: 50px; height: 50px; background-image: url("../images/common/ico-sprites-etc.svg"); background-position: -131px -733px; }

.page-novita .video-pop { transition: 0s; }

.page-novita .video-pop .content .header { background-color: #000; border-radius: 0; }

.page-novita .video-pop .content .header .btn-close:before, .page-novita .video-pop .content .header .btn-close:after { background-color: #fff; }

.page-novita .video-pop .content .body .content-area { padding: 0; box-sizing: border-box; display: flex; align-items: center; background-color: #000; }

.page-novita .video-pop .content .body .content-area .video { height: 0; width: 100%; padding: 30%; position: relative; }

.page-novita .video-pop .content .body .content-area .video iframe { width: 100%; height: 100%; position: absolute; top: -35px; left: 0; }

.page-mypage .contents { margin-top: 40px; }

.page-mypage.login .sub-title { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; color: #000000; margin-bottom: 32px; display: block; }

.page-mypage.login .member-info div.sec:nth-child(3) { padding-top: 0; border-top: 0; }

.page-mypage.login .member-info .table-area { margin-bottom: 32px; }

.page-mypage.login .member-info .mail .input-wrap { margin-bottom: 16px; }

.page-mypage.login .member-info .mail .input-check { margin-bottom: 32px; }

.page-mypage.login .member-info .password input { margin-top: 4px; }

.page-mypage.login .member-info .password strong { margin-bottom: 4px !important; }

.page-mypage.login .member-info .password button { margin-top: -16px; width: 100%; }

.page-mypage.login .member-info .tel { margin-top: 32px !important; }

.page-mypage.login .member-info .tel input { border: 0; padding: 0; height: 28px; line-height: 28px; margin: 8px 0 12px; }

.page-mypage.login .member-info .tel button { margin: 0; width: 100%; }

.page-mypage.login .member-info .tel .input-check { margin-top: 16px; margin-bottom: 32px; }

.page-mypage.login .member-info .sns > strong { font-weight: 700; font-size: 18px; line-height: 1.72; color: #000000; margin-bottom: 8px; display: block; }

.page-mypage.login .member-info .sns > div { border: 1px solid #E9E9E9; border-radius: 6px; }

.page-mypage.login .member-info .sns > div > div { padding: 24px 20px 24px 84px; }

.page-mypage.login .member-info .sns > div > div strong { color: #333; }

.page-mypage.login .member-info .sns > div > div span { display: inline-block; color: #333; margin-left: 12px; }

.page-mypage.login .member-info .sns > div > div em { color: #707070; }

.page-mypage.login .member-info .sns > div > div button { margin-top: 12px; width: 100%; }

.page-mypage.login .member-info .sns > div > div.naver { background: url("../images/mypage/sns-naver.png") 20px center no-repeat; background-size: 48px; }

.page-mypage.login .member-info .sns > div > div.kakao { border-top: 1px solid #e9e9e9; background: url("../images/mypage/sns-kakao.png") 20px center no-repeat; background-size: 48px; }

.page-mypage.login .member-info .addr { margin-bottom: 32px; }

.page-mypage.login .member-info .addr .form-input-btn .input input { padding-right: 20px; }

.page-mypage.login .member-info .addr button.btn { margin-top: 4px; width: 100%; }

.page-mypage.login .member-info .btn-group { padding: 0; margin-top: 48px; }

.page-mypage.login .member-info .btn-group button { margin-top: 0; }

.page-mypage.login .member-info .btn-group.w_100 { margin-top: 56px; }

.page-mypage.login .member-info .btn-group.w_100 button { width: 100%; margin-bottom: 16px; }

.page-mypage.login .member-info .btn-group.w_100 .bullet-caution { display: block; text-align: left; }

.page-mypage .contents .ui-tab { margin: 0 -20px; }

.page-mypage .right-cont.mypage-main .top-info li span.state strong.num { font-size: 20px; line-height: 1.52; letter-spacing: -0.015em; vertical-align: top; margin-top: 1px; display: inline-block; }

.page-mypage .right-cont.mypage-main .mypage-menu { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; padding: 0 20px 48px; margin: -12px -20px 48px; border-bottom: 8px solid #F7F7F7; }

.page-mypage .right-cont.mypage-main .mypage-menu a { display: block; width: calc(50% - 19px); font-weight: 700; font-size: 18px; line-height: 1.72; color: #000000; padding: 12px 0; border-bottom: 1px solid #E9E9E9; position: relative; }

.page-mypage .right-cont.mypage-main .mypage-menu a::before { content: ''; position: absolute; right: 0; top: 50%; left: auto; bottom: auto; transform: translate(0, -50%); width: 10px; height: 10px; background-position: -20px -330px; background-image: url(../images/common/ico-sprites-line.svg); }

.page-mypage .right-cont.mypage-main .mypage-menu a:nth-child(n+5) { border: 0; }

.page-mypage .right-cont.mypage-main .service-info span { font-weight: 700; font-size: 18px; line-height: 1.72; color: #000000; }

.page-mypage .right-cont.mypage-main .service-info strong { font-weight: 700; font-size: 30px; line-height: 1.52; letter-spacing: -0.015em; color: #333333; display: block; margin-top: 8px; }

.page-mypage .right-cont.mypage-main .service-info em { color: #909090; }

.page-mypage .right-cont.mypage-main .top-info { padding: 0 20px 48px; margin: 0 -20px 48px; border-bottom: 8px solid #F7F7F7; }

.page-mypage .right-cont.mypage-main .top-info li { padding: 25px 20px; position: relative; display: flex; align-items: center; justify-content: space-between; margin-top: 4px; background: #333333; border-radius: 6px; }

.page-mypage .right-cont.mypage-main .top-info li .txt { color: #CCCCCC; display: block; }

.page-mypage .right-cont.mypage-main .top-info li span.state { font-weight: 400; font-size: 16px; line-height: 1.72; color: #FFFFFF; display: block; text-align: right; }

.page-mypage .right-cont.mypage-main .top-info li span.state strong { font-weight: 700; font-size: 20px; line-height: 1.52; letter-spacing: -0.015em; margin-right: 3px; }

.page-mypage .right-cont.mypage-main .top-info li span.state em { display: block; font-weight: 400; font-size: 14px; line-height: 1.72; color: #B2B2B2; }

.page-mypage .right-cont.mypage-main .top-info li span.state .receipt { padding-left: 32px; position: relative; }

.page-mypage .right-cont.mypage-main .top-info li span.state .receipt::before { content: ''; position: absolute; left: 0; top: 50%; right: auto; bottom: auto; transform: translate(0, -50%); width: 24px; height: 24px; background: url("../../assets/images/mypage/ico-receipt.png") no-repeat; }

.page-mypage .right-cont.mypage-main .top-info li span.state .complete { padding-left: 32px; position: relative; }

.page-mypage .right-cont.mypage-main .top-info li span.state .complete::before { content: ''; position: absolute; left: 0; top: 50%; right: auto; bottom: auto; transform: translate(0, -50%); width: 24px; height: 24px; background: url("../../assets/images/mypage/ico-complete.png") no-repeat; }

.page-mypage .right-cont.mypage-main .top-info li span.state .cancel { padding-left: 32px; position: relative; }

.page-mypage .right-cont.mypage-main .top-info li span.state .cancel::before { content: ''; position: absolute; left: 0; top: 50%; right: auto; bottom: auto; transform: translate(0, -50%); width: 24px; height: 24px; background: url("../../assets/images/mypage/ico-cancel.png") no-repeat; }

.page-mypage .right-cont .mem-name { font-size: 18px; line-height: 1.72; color: #000000; margin-bottom: 32px; }

.page-mypage .right-cont .mem-name span { font-weight: 700; color: #772480; }

.page-mypage .right-cont .order-list { padding: 48px 20px 0; margin: 48px -20px 0; border-top: 8px solid #F7F7F7; }

.page-mypage .right-cont .order-list.bor-none { border: 0; padding: 0; margin: 48px 0 0; }

.page-mypage .right-cont .order-list > .top { margin-bottom: 16px; }

.page-mypage .right-cont .order-list > .top div a { font-weight: 700; color: #000000; font-size: 26px; line-height: 1.52; letter-spacing: -0.015em; display: inline-block; position: relative; padding-right: 32px; }

.page-mypage .right-cont .order-list > .top div a::after { content: ''; width: 20px; height: 20px; position: absolute; right: 0; top: 50%; left: auto; bottom: auto; transform: translate(0, -50%); background-position: -65px -641px; background-image: url(../images/common/ico-sprites-line.svg); }

.page-mypage .right-cont .order-list > .top div .bullet-o { margin-top: 16px; }

.page-mypage .right-cont .order-list > .top div .bullet-o li + li { margin-top: 4px; }

.page-mypage .right-cont .order-list > ul { border-top: 1px solid #000; border-bottom: 1px solid #000; }

.page-mypage .right-cont .order-list > ul > li { display: block; box-sizing: border-box; border-radius: 6px; background: none; padding: 0 20px 16px; }

.page-mypage .right-cont .order-list > ul > li + li { border-top: 1px solid #E9E9E9; }

.page-mypage .right-cont .order-list > ul > li .list-info .order-num { padding: 16px 0; border-bottom: 1px dashed #E5E5E5; position: relative; }

.page-mypage .right-cont .order-list > ul > li .list-info .order-num span { color: #000000; width: 102px; display: inline-block; }

.page-mypage .right-cont .order-list > ul > li .list-info .order-num em { font-weight: 700; margin-left: 20px; color: #000000; }

.page-mypage .right-cont .order-list > ul > li .list-info .order-num a { display: block; position: absolute; right: 0; top: 50%; left: auto; bottom: auto; transform: translate(0, -50%); width: 30px; height: 30px; background: #F5F5F5; border-radius: 50%; text-indent: -9999px; }

.page-mypage .right-cont .order-list > ul > li .list-info .order-num a::before { content: ''; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); width: 13px; height: 13px; background-position: -20px -277px; background-image: url("../images/common/ico-sprites-line.svg"); }

.page-mypage .right-cont .order-list > ul > li .list-info .payment-prd-info { display: flex; padding: 32px 0; }

.page-mypage .right-cont .order-list > ul > li .list-info .img { border-radius: 6px; width: 90px; height: 90px; flex-shrink: 0; }

.page-mypage .right-cont .order-list > ul > li .list-info .img img { width: 100%; height: 100%; }

.page-mypage .right-cont .order-list > ul > li .list-info .prd-info { margin-left: 20px; }

.page-mypage .right-cont .order-list > ul > li .list-info .prd-info .prd-name { font-weight: 700; font-size: 18px; line-height: 1.72; }

.page-mypage .right-cont .order-list > ul > li .list-info .prd-info .prd-name span { font-weight: 400; font-size: 16px; line-height: 1.72; display: inline-block; }

.page-mypage .right-cont .order-list > ul > li .list-info .prd-info button { text-decoration: underline; color: #707070; padding-right: 14px; background: url("../../assets/images/mypage/ico-arrow.svg") right center no-repeat; }

.page-mypage .right-cont .order-list > ul > li .list-info .flex { border-top: 1px dashed #CCCCCC; padding: 16px 0 0; }

.page-mypage .right-cont .order-list > ul > li .list-info .flex .price { display: flex; align-items: center; justify-content: space-between; }

.page-mypage .right-cont .order-list > ul > li .list-info .flex .price.ex { padding-right: 0; margin-right: 0; border: 0; }

.page-mypage .right-cont .order-list > ul > li .list-info .flex .price p { color: #000000; }

.page-mypage .right-cont .order-list > ul > li .list-info .flex .price span { margin-left: auto; }

.page-mypage .right-cont .order-list > ul > li .list-info .flex .price span em { vertical-align: top; font-weight: 700; font-size: 18px; line-height: 1.72; margin-top: -3px; display: inline-block; }

.page-mypage .right-cont .order-list > ul > li .list-info .flex .price [class^=type] + em { color: #545454; }

.page-mypage .right-cont .order-list > ul > li .list-info .btn-group { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 12px; margin-bottom: 8px; }

.page-mypage .right-cont .order-list > ul > li .list-info .btn-group button { width: calc(50% - 2px); margin: 0; padding: 0; }

.page-mypage .right-cont .order-list > ul > li .list-info .btn-group button.w_100 { width: 100%; }

.page-mypage .right-cont .order-list > ul > li .list-info .btn-group button:nth-child(2n) { margin-left: 4px; }

.page-mypage .right-cont .order-list > ul > li .list-info .btn-group button:nth-child(3n) { margin-top: 4px; width: 100%; }

.page-mypage .right-cont .order-list > ul > li .gift-prd { padding-left: 40px; display: flex; align-items: center; background: url("../../assets/images/checkout/bg-detail.svg") 20px center no-repeat; margin: -8px 0 32px; }

.page-mypage .right-cont .order-list > ul > li .gift-prd .img { position: relative; width: 50px; height: 50px; margin: 0; border: 1px solid #E9E9E9; border-radius: 4px; }

.page-mypage .right-cont .order-list > ul > li .gift-prd .img img { width: 50px; height: 50px; }

.page-mypage .right-cont .order-list > ul > li .gift-prd .img i { position: absolute; bottom: 0; left: -7px; }

.page-mypage .right-cont .order-list > ul > li .gift-prd span { margin-left: 16px; }

.page-mypage .right-cont .order-list > ul > li .gift-prd.ex { padding: 16px 0 0 20px; margin: 16px 20px 0; border-top: 1px dashed #CCCCCC; background: url("../../assets/images/checkout/bg-detail.svg") 0 center no-repeat; }

.page-mypage .right-cont .order-list .w_100 { margin-top: 24px; width: 100%; }

.page-mypage .right-cont .order-list .w_100 button { width: 100%; }

.page-mypage .right-cont .order-info-top { padding: 16px 0; background: #333333; border-radius: 6px; margin-bottom: 48px; }

.page-mypage .right-cont .order-info-top ul { display: flex; justify-content: space-between; }

.page-mypage .right-cont .order-info-top ul li { width: 100%; padding: 0 20px; }

.page-mypage .right-cont .order-info-top ul li + li { border-left: 1px solid #707070; }

.page-mypage .right-cont .order-info-top ul li span { color: #CCCCCC; display: block; }

.page-mypage .right-cont .order-info-top ul li em { font-weight: 700; font-size: 18px; line-height: 1.72; color: #FFFFFF; }

.page-mypage .right-cont .order-info-top ul li .state .receipt { padding-left: 32px; position: relative; }

.page-mypage .right-cont .order-info-top ul li .state .receipt::before { content: ''; position: absolute; left: 0; top: 50%; right: auto; bottom: auto; transform: translate(0, -50%); width: 24px; height: 24px; background: url("../../assets/images/mypage/ico-receipt.png") no-repeat; }

.page-mypage .right-cont .order-info-top ul li .state .complete { padding-left: 32px; position: relative; }

.page-mypage .right-cont .order-info-top ul li .state .complete::before { content: ''; position: absolute; left: 0; top: 50%; right: auto; bottom: auto; transform: translate(0, -50%); width: 24px; height: 24px; background: url("../../assets/images/mypage/ico-complete.png") no-repeat; }

.page-mypage .right-cont .order-info-top ul li .state .cancel { padding-left: 32px; position: relative; }

.page-mypage .right-cont .order-info-top ul li .state .cancel::before { content: ''; position: absolute; left: 0; top: 50%; right: auto; bottom: auto; transform: translate(0, -50%); width: 24px; height: 24px; background: url("../../assets/images/mypage/ico-cancel.png") no-repeat; }

.page-mypage .right-cont .order-info-top ul li .state strong { font-weight: 700; font-size: 26px; line-height: 1.52; letter-spacing: -0.015em; color: #fff; }

.page-mypage .right-cont .order-info-top ul li .state .num { font-size: 26px; line-height: 1.52; letter-spacing: -0.015em; }

.page-mypage .right-cont .order-info-top ul li .state em { font-family: 'Noto Sans KR'; font-weight: 300; font-size: 16px; line-height: 1.72; color: #FFFFFF; }

.page-mypage .right-cont .order-info-top + .order-list { border: 0; margin: 0; padding: 0; }

.page-mypage .right-cont .sub-title { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; color: #000000; display: block; }

.page-mypage .right-cont .table-area.horizontal.inquiry td { padding-left: 20px; }

.page-mypage .right-cont .table-area.horizontal.inquiry td strong { font-weight: 700; color: #000000; margin-bottom: 8px; display: block; }

.page-mypage .right-cont .table-area.horizontal.inquiry td.answer { background: #F5F5F5; padding: 24px 20px; }

.page-mypage .right-cont .table-area.horizontal.inquiry td.answer strong { padding-left: 32px; background: url("../../assets/images/mypage/ico-answer.svg") 0 center no-repeat; }

.page-mypage .right-cont .table-area.horizontal .top { display: flex; margin-bottom: 16px; margin-top: 48px; }

.page-mypage .right-cont .table-area.horizontal .top button { margin-left: auto; }

.page-mypage .right-cont .table-area.horizontal td { padding-left: 0; }

.page-mypage .right-cont .table-area.horizontal td span.price { color: #333333; }

.page-mypage .right-cont .table-area.horizontal td span.price em { font-weight: 700; }

.page-mypage .right-cont .table-area.horizontal td .fc-purple { color: #772480; }

.page-mypage .right-cont .table-area.horizontal .card span { position: relative; padding-left: 16px; margin-left: 16px; }

.page-mypage .right-cont .table-area.horizontal .card span::before { content: ''; position: absolute; left: 0; top: 50%; right: auto; bottom: auto; transform: translate(0, -50%); width: 1px; height: 12px; background-color: #E9E9E9; }

.page-mypage .right-cont .table-area.horizontal .card span:first-child { border: 0; padding-left: 0; margin-left: 0; }

.page-mypage .right-cont .table-area.horizontal .card span:first-child::before { display: none; }

.page-mypage .right-cont .table-area.horizontal .coupon em { color: #E9E9E9; padding: 0 6px; }

.page-mypage .right-cont .table-area.horizontal .bank input { margin-top: 8px; background: #FFFFFF; border: 1px solid #E9E9E9; box-sizing: border-box; width: 100%; padding: 0 20px; }

.page-mypage .right-cont .table-area.horizontal .bank input + input { margin-top: 4px; }

.page-mypage .right-cont .table-area.horizontal p.bullet-caution { margin-top: 16px; display: block; }

.page-mypage .right-cont .table-area.horizontal.tbl-payment-info tr:first-child td { text-align: left; }

.page-mypage .right-cont .table-area.horizontal.tbl-payment-info tr:first-child td > div { padding-top: 16px; margin-top: 16px; border-top: 1px dashed #CCCCCC; font-size: 0; }

.page-mypage .right-cont .table-area.horizontal.tbl-payment-info tr:first-child td > div span { font-size: 16px; display: inline-block; }

.page-mypage .right-cont .table-area.horizontal.tbl-payment-info tr:first-child td > div span.last { display: block; margin-top: 8px; padding: 0; }

.page-mypage .right-cont .table-area.horizontal.tbl-payment-info tr:first-child td > div span.last::before { display: none; }

.page-mypage .right-cont .table-area.horizontal.tbl-payment-info tr:first-child td > div span + span { padding-left: 24px; position: relative; }

.page-mypage .right-cont .table-area.horizontal.tbl-payment-info tr:first-child td > div span + span::before { content: ''; position: absolute; top: 50%; left: 12px; width: 1px; height: 12px; margin-top: -6px; background: #E9E9E9; }

.page-mypage .right-cont .table-area.horizontal.tbl-payment-info tr:first-child td > div.coupon span { padding: 0; }

.page-mypage .right-cont .table-area.horizontal.tbl-payment-info tr:first-child td > div.coupon span + span { margin-top: 8px; }

.page-mypage .right-cont .table-area.horizontal.tbl-payment-info tr:first-child td > div.coupon span::before { display: none; }

.page-mypage .right-cont .table-area.horizontal.tbl-payment-info td { padding: 16px 20px; text-align: right; }

.page-mypage .right-cont .table-area.horizontal.tbl-payment-info ul.bullet-caution { margin-top: 24px; }

.page-mypage .right-cont .table-area.horizontal.tbl-payment-info ul.bullet-caution li.primary { font-weight: 700; }

.page-mypage .right-cont.cancel-wrap > p.bullet-caution { margin-top: 24px; }

.page-mypage .right-cont.cancel-wrap .cause-wrap { padding: 0 20px 48px; margin: 48px -20px 0; border-top: 8px solid #F7F7F7; }

.page-mypage .right-cont.cancel-wrap .cause-wrap.bor-none { border: 0; padding: 0; margin: 48px 0 0; }

.page-mypage .right-cont.cancel-wrap .cause-wrap .sub-title { margin-top: 48px; margin-bottom: 16px; }

.page-mypage .right-cont.cancel-wrap .cause-wrap .sub-title.necessary { display: flex; justify-content: space-between; align-items: center; }

.page-mypage .right-cont.cancel-wrap .cause-wrap .sub-title.necessary em { font-weight: 400; font-size: 16px; line-height: 1.72; color: #707070; }

.page-mypage .right-cont.cancel-wrap .cause-wrap select { width: 100%; margin-top: 8px; }

.page-mypage .right-cont.cancel-wrap .cause-wrap > div { margin-top: 32px; }

.page-mypage .right-cont.cancel-wrap .cause-wrap > div > span { font-size: 18px; line-height: 1.72; font-weight: 700; color: #000000; }

.page-mypage .right-cont.cancel-wrap .cause-wrap > div .textarea { position: relative; }

.page-mypage .right-cont.cancel-wrap .cause-wrap > div .textarea textarea { margin-top: 8px; padding: 15px; height: 360px; }

.page-mypage .right-cont.cancel-wrap .cause-wrap > div .textarea span { position: absolute; right: 15px; bottom: 15px; font-family: 'Kumbh Sans'; font-weight: 500; font-size: 16px; line-height: 1.72; color: #CCCCCC; }

.page-mypage .right-cont.cancel-wrap .cause-wrap > div .textarea span em { color: #333333; }

.page-mypage .right-cont.cancel-wrap .cause-wrap .cancel-detail { padding: 0 20px 16px; border: 0; }

.page-mypage .right-cont.cancel-wrap .cause-wrap .cancel-detail p { border-top: 1px dashed #CCCCCC; padding-top: 16px; }

.page-mypage .right-cont.cancel-wrap .cause-wrap .total { display: flex; width: 100%; border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding: 0 40px; position: relative; box-sizing: border-box; }

.page-mypage .right-cont.cancel-wrap .cause-wrap .total::before { content: ''; position: absolute; top: 90px; left: 0; width: 100%; height: 1px; background: #D9D9D9; }

.page-mypage .right-cont.cancel-wrap .cause-wrap .total ul { width: 212px; padding: 30px 0 24px; }

.page-mypage .right-cont.cancel-wrap .cause-wrap .total ul li { display: flex; justify-content: space-between; }

.page-mypage .right-cont.cancel-wrap .cause-wrap .total ul li::before { display: none !important; }

.page-mypage .right-cont.cancel-wrap .cause-wrap .total ul li:first-child { margin-bottom: 18px; padding-bottom: 30px; }

.page-mypage .right-cont.cancel-wrap .cause-wrap .total ul li:first-child span.txt { font-weight: 500; font-size: 18px; line-height: 1.72; color: #000000; }

.page-mypage .right-cont.cancel-wrap .cause-wrap .total ul li:first-child span.price { font-weight: 300; color: #333333; }

.page-mypage .right-cont.cancel-wrap .cause-wrap .total ul li:first-child span.price em { font-family: 'Kumbh Sans'; font-weight: 500; color: #000000; }

.page-mypage .right-cont.cancel-wrap .cause-wrap .total ul li + li { margin-top: 6px; }

.page-mypage .right-cont.cancel-wrap .cause-wrap .total ul li span:first-child { font-weight: 300; color: #333333; }

.page-mypage .right-cont.cancel-wrap .cause-wrap .total ul li span:last-child { font-weight: 300; color: #333333; }

.page-mypage .right-cont.cancel-wrap .cause-wrap .total ul li span:last-child em { font-family: 'Kumbh Sans'; }

.page-mypage .right-cont.cancel-wrap .cause-wrap .total ul.payment-price { width: 204px; margin-left: auto; }

.page-mypage .right-cont.cancel-wrap .cause-wrap .total ul.payment-price li .price em { color: #772480 !important; }

.page-mypage .right-cont.cancel-wrap .cause-wrap .total i { margin: 35px 46px; display: block; width: 20px; height: 20px; }

.page-mypage .right-cont.cancel-wrap .cause-wrap .total i.ico-minus { background: url("../../assets/images/mypage/ico-minus-w.png") no-repeat; }

.page-mypage .right-cont.cancel-wrap .cause-wrap .total i.ico-minus::before { display: none; }

.page-mypage .right-cont.cancel-wrap .cause-wrap .total i.ico-equal { background: url("../../assets/images/mypage/ico-equal-w.png") no-repeat; }

.page-mypage .right-cont.clean-service .service-list { margin-top: 40px; margin-bottom: 24px; }

.page-mypage .right-cont.clean-service .service-list > li { border: 1px solid #D9D9D9; border-radius: 6px; position: relative; }

.page-mypage .right-cont.clean-service .service-list > li + li { margin-top: 16px; }

.page-mypage .right-cont.clean-service .service-list > li > a { position: absolute; top: 12px; right: 20px; text-indent: -9999px; display: inline-block; width: 20px; background-image: url(../images/common/ico-sprites-line.svg); background-position: -15px -269px; }

.page-mypage .right-cont.clean-service .service-list > li .state-case { padding: 12px 20px; text-align: left; border-bottom: 1px solid #D9D9D9; }

.page-mypage .right-cont.clean-service .service-list > li .state-case em { color: #333; font-weight: 400; }

.page-mypage .right-cont.clean-service .service-list > li ul { padding: 20px; }

.page-mypage .right-cont.clean-service .service-list > li ul li { display: flex; align-items: center; }

.page-mypage .right-cont.clean-service .service-list > li ul li + li { margin-top: 12px; }

.page-mypage .right-cont.clean-service .service-list > li ul li span { font-weight: 400; width: 86px; }

.page-mypage .right-cont.clean-service .service-list > li ul li em { font-weight: 700; color: #333333; }

.page-mypage .right-cont.clean-service .top-info { border-radius: 6px; overflow: hidden; }

.page-mypage .right-cont.clean-service .top-info li { padding: 16px 20px; position: relative; display: flex; align-items: center; background: #333333; }

.page-mypage .right-cont.clean-service .top-info li + li { border-top: 1px solid #545454; }

.page-mypage .right-cont.clean-service .top-info li .txt { width: 99px; font-weight: 700; color: #CCCCCC; }

.page-mypage .right-cont.clean-service .top-info .state .receipt { padding-left: 28px; position: relative; }

.page-mypage .right-cont.clean-service .top-info .state .receipt::before { content: ''; position: absolute; left: 0; top: 50%; right: auto; bottom: auto; transform: translate(0, -50%); width: 20px; height: 20px; background: url("../../assets/images/mypage/ico-receipt.svg") no-repeat; }

.page-mypage .right-cont.clean-service .top-info .state .checking { padding-left: 28px; position: relative; }

.page-mypage .right-cont.clean-service .top-info .state .checking::before { content: ''; position: absolute; left: 0; top: 50%; right: auto; bottom: auto; transform: translate(0, -50%); width: 20px; height: 20px; background: url("../../assets/images/mypage/ico-confirm.svg") no-repeat; }

.page-mypage .right-cont.clean-service .top-info .state .complete { padding-left: 28px; position: relative; }

.page-mypage .right-cont.clean-service .top-info .state .complete::before { content: ''; position: absolute; left: 0; top: 50%; right: auto; bottom: auto; transform: translate(0, -50%); width: 20px; height: 20px; background: url("../../assets/images/mypage/ico-complete.svg") no-repeat; }

.page-mypage .right-cont.clean-service .top-info .state .cancel { padding-left: 28px; position: relative; }

.page-mypage .right-cont.clean-service .top-info .state .cancel::before { content: ''; position: absolute; left: 0; top: 50%; right: auto; bottom: auto; transform: translate(0, -50%); width: 20px; height: 20px; background: url("../../assets/images/mypage/ico-cancel.svg") no-repeat; }

.page-mypage .right-cont.clean-service .top-info .state strong { font-weight: 700; font-size: 18px; line-height: 1.72; color: #FFFFFF; margin-right: 20px; }

.page-mypage .right-cont.clean-service .top-info .state em { display: block; font-weight: 400; font-size: 16px; line-height: 1.72; color: #CCCCCC; }

.page-mypage .right-cont.clean-service .top-info .state button { font-weight: 400; font-size: 16px; line-height: 172%; padding-left: 24px; color: #FFFFFF; background: url("../../assets/images/mypage/ico-copy.svg") 0 center no-repeat; vertical-align: top; margin-top: 2px; }

.page-mypage .right-cont.clean-service .form .fieldset { margin-top: 48px; }

.page-mypage .right-cont.clean-service .form .fieldset .sub-title { display: flex; align-items: center; justify-content: space-between; }

.page-mypage .right-cont.clean-service .form .fieldset .sub-title em { font-weight: 400; font-size: 16px; line-height: 172%; color: #707070; }

.page-mypage .right-cont.clean-service .form .fieldset .box { padding: 0; margin: 0; border: 0; }

.page-mypage .right-cont.clean-service .form li .prd-name select + select { margin-top: 4px; }

.page-mypage .right-cont.clean-service .form textarea { height: 288px; }

.page-mypage .right-cont.clean-service .form.bor-top { padding: 0 20px; margin: 0 -20px; border-top: 8px solid #F7F7F7; }

.page-mypage .right-cont.clean-service .ico-sprites-next, .page-mypage .right-cont.clean-service .fn-circle.next:before, .page-mypage .right-cont.clean-service .ui-datepicker.ui-widget .ui-datepicker-header > a:before, .ui-datepicker.ui-widget .page-mypage .right-cont.clean-service .ui-datepicker-header > a:before { vertical-align: top; margin: 10px 4px 0; }

.page-mypage .right-cont.clean-service .table-area.horizontal .sub-title { margin: 48px 0 16px; }

.page-mypage .right-cont.clean-service .table-area.horizontal td.td-inquiry { padding: 24px 20px; }

.page-mypage .right-cont.clean-service .table-area.horizontal td.td-inquiry strong { font-weight: 700; font-size: 18px; line-height: 1.72; color: #000000; display: block; margin-bottom: 8px; }

.page-mypage .right-cont.clean-service .btn-group.w_100 { margin-top: 56px; }

.page-mypage .right-cont.clean-service .btn-group.w_100 button { width: 100%; margin-bottom: 16px; }

.page-mypage .right-cont.clean-service .btn-group.w_100 .bullet-caution { text-align: left; }

.page-mypage .right-cont .select-condition .top { display: flex; justify-content: space-between; }

.page-mypage .right-cont .select-condition .top.on button { color: #000 !important; }

.page-mypage .right-cont .select-condition .top .input-check span { padding: 0; }

.page-mypage .right-cont .select-condition .top .input-check span::before { display: none; }

.page-mypage .right-cont .select-condition .top .input-check span i { vertical-align: top; margin-top: 5px; }

.page-mypage .right-cont .select-condition .top .input-check span { font-weight: 500; position: relative; }

.page-mypage .right-cont .select-condition .top .input-check + button { font-weight: 400; text-decoration: underline; color: #CCCCCC; }

.page-mypage .right-cont .product-list { border-top: 1px solid #E9E9E9; margin: 16px 0 24px; }

.page-mypage .right-cont .product-list ul li { padding-top: 32px; margin-top: 0; }

.page-mypage .right-cont .product-list.empty-area { border: 0; margin-top: 0; border-bottom: 1px solid #E9E9E9; padding: 80px 0; }

.page-mypage .right-cont .product-list.empty-area ul li { padding: 0; border: 0; }

.page-mypage .right-cont.page-coupon .top { border-radius: 6px; background: #333333; margin-bottom: 48px; }

.page-mypage .right-cont.page-coupon .top .left { padding: 24px 20px 32px; border-top: 1px solid #545454; }

.page-mypage .right-cont.page-coupon .top .left span { display: block; margin-bottom: 8px; font-weight: 700; color: #FFFFFF; }

.page-mypage .right-cont.page-coupon .top .left > div { display: flex; width: 100%; }

.page-mypage .right-cont.page-coupon .top .left > div input { margin-right: 6px; border: 0; padding: 0 20px; width: 100%; }

.page-mypage .right-cont.page-coupon .top .left > div button { white-space: nowrap; }

.page-mypage .right-cont.page-coupon .top .right { padding: 16px 20px; box-sizing: border-box; }

.page-mypage .right-cont.page-coupon .top .right ul { display: flex; width: 100%; }

.page-mypage .right-cont.page-coupon .top .right ul li { width: 50%; }

.page-mypage .right-cont.page-coupon .top .right ul li + li { padding-left: 20px; border-left: 1px solid #545454; }

.page-mypage .right-cont.page-coupon .top .right ul li span.txt { font-weight: 700; color: #CCCCCC; display: block; }

.page-mypage .right-cont.page-coupon .top .right ul li .price { font-weight: 700; font-size: 18px; line-height: 1.72; color: #FFFFFF; }

.page-mypage .right-cont.page-coupon .coupon-list .sub-title { margin-bottom: 16px; }

.page-mypage .right-cont.page-coupon .coupon-list .coupon-download ul li { width: 100%; position: relative; }

.page-mypage .right-cont.page-coupon .coupon-list .coupon-download ul li + li { margin-top: 16px; }

.page-mypage .right-cont.page-coupon .coupon-list .coupon-download ul li.complete button { pointer-events: none; }

.page-mypage .right-cont.page-coupon .coupon-list .coupon-download ul li.complete button::before { content: ''; width: 20px; height: 20px; background-image: url(../images/common/ico-sprites-line.svg); background-position: -660px -164px; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); }

.page-mypage .right-cont.page-coupon .coupon-list .coupon-download ul li.end > div::before { content: ''; position: absolute; width: 7px; height: 25px; background: url("../../assets/images/mypage/coupon-list-gray.svg") no-repeat; left: 0; bottom: 32px; transform: rotate(180deg); z-index: 3; }

.page-mypage .right-cont.page-coupon .coupon-list .coupon-download ul li.end > div::after { content: ''; position: absolute; width: 7px; height: 25px; background: url("../../assets/images/mypage/coupon-list-gray.svg") no-repeat; right: 0; bottom: 32px; z-index: 3; }

.page-mypage .right-cont.page-coupon .coupon-list .coupon-download ul li.end > div > div { border: 1px solid #d9d9d9; }

.page-mypage .right-cont.page-coupon .coupon-list .coupon-download ul li.end::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #F5F5F5; opacity: 0.62; z-index: 2; border-radius: 12px; overflow: hidden; }

.page-mypage .right-cont.page-coupon .coupon-list .coupon-download ul li.end button::before { content: ''; width: 20px; height: 20px; background: url("../../assets/images/mypage/coupon-end.svg") no-repeat; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); }

.page-mypage .right-cont.page-coupon .coupon-list .coupon-download ul li > div::before { content: ''; position: absolute; width: 7px; height: 25px; background: url("../../assets/images/mypage/coupon-list-black.svg") no-repeat; left: 0; bottom: 32px; transform: rotate(180deg); z-index: 3; }

.page-mypage .right-cont.page-coupon .coupon-list .coupon-download ul li > div::after { content: ''; position: absolute; width: 7px; height: 25px; background: url("../../assets/images/mypage/coupon-list-black.svg") no-repeat; right: 0; bottom: 32px; z-index: 3; }

.page-mypage .right-cont.page-coupon .coupon-list .coupon-download ul li > div > div { padding: 24px 84px 24px 28px; position: relative; border: 1px solid #000; border-radius: 12px; overflow: hidden; box-sizing: border-box; }

.page-mypage .right-cont.page-coupon .coupon-list .coupon-download ul li > div > div .txt { font-weight: 700; font-size: 16px; line-height: 1.72; color: #000000; display: block; margin: 16px 0 4px; }

.page-mypage .right-cont.page-coupon .coupon-list .coupon-download ul li > div > div .txt em { display: block; font-weight: 400; margin-top: 2px; color: #707070; }

.page-mypage .right-cont.page-coupon .coupon-list .coupon-download ul li > div > div .date { color: #707070; font-weight: 400; }

.page-mypage .right-cont.page-coupon .coupon-list .coupon-download ul li > div > div .price { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; color: #772480; }

.page-mypage .right-cont.page-coupon .coupon-list .coupon-download ul li button { position: absolute; top: 1px; right: 1px; width: 56px; height: calc(100% - 2px); background: #F5F5F5; text-indent: -9999px; border-radius: 0 12px 12px 0; }

.page-mypage .right-cont.page-coupon .coupon-list .coupon-download ul li button::before { content: ''; width: 20px; height: 20px; background-image: url(../images/common/ico-sprites-line.svg); background-position: -380px -164px; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); }

.page-mypage .right-cont.page-coupon .coupon-list .coupon-download ul li button.complete::before { content: ''; width: 20px; height: 20px; background-image: url(../images/common/ico-sprites-line.svg); background-position: -660px -164px; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); }

.page-mypage .right-cont.page-coupon .coupon-list .coupon-download ul li button.end::before { content: ''; width: 20px; height: 20px; background-image: url(../images/common/ico-sprites-line.svg); background-position: -660px -164px; position: absolute; left: 50%; top: 50%; right: auto; bottom: auto; transform: translate(-50%, -50%); }

.page-mypage .right-cont.page-coupon .coupon-list .form-radio-box label > span { background: none; padding: 0; }

.page-mypage .right-cont.page-coupon .coupon-list .form-radio-box label > span:after { display: none; }

.page-mypage .right-cont.page-coupon .coupon-list .form-radio-box { display: block; margin: 0; }

.page-mypage .right-cont.page-coupon .coupon-list .form-radio-box > div { margin-top: 0; background-size: 100%; position: relative; }

.page-mypage .right-cont.page-coupon .coupon-list .form-radio-box > div::before { content: ''; position: absolute; width: 7px; height: 25px; background: url("../../assets/images/checkout/bg-coupon-list.png") no-repeat; background-size: auto 25px; left: 0; bottom: 32px; transform: rotate(180deg); z-index: 1; }

.page-mypage .right-cont.page-coupon .coupon-list .form-radio-box > div::after { content: ''; position: absolute; width: 7px; height: 25px; background: url("../../assets/images/checkout/bg-coupon-list.png") no-repeat; background-size: auto 25px; right: 0; bottom: 32px; z-index: 1; }

.page-mypage .right-cont.page-coupon .coupon-list .form-radio-box > div + div { margin-top: 12px; }

.page-mypage .right-cont.page-coupon .coupon-list .form-radio-box > div .input-check { margin: 0 !important; position: relative; border: 1px solid #000; border-radius: 12px; overflow: hidden; box-sizing: border-box; }

.page-mypage .right-cont.page-coupon .coupon-list .form-radio-box > div .input-check::before { content: ''; position: absolute; top: 0; right: 0; width: 56px; height: 100%; background: #F5F5F5; }

.page-mypage .right-cont.page-coupon .coupon-list .form-radio-box > div .input-check::after { content: ''; width: 20px; height: 20px; background-image: url(../images/common/ico-sprites-line.svg); background-position: -660px -164px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); }

.page-mypage .right-cont.page-coupon .coupon-list .form-radio-box > div .input-check div { padding: 24px 84px 28px 28px; box-sizing: border-box; }

.page-mypage .right-cont.page-coupon .coupon-list .form-radio-box > div .input-check div .txt { font-weight: 700; font-size: 16px; line-height: 1.72; color: #000000; display: block; margin: 16px 0 4px; }

.page-mypage .right-cont.page-coupon .coupon-list .form-radio-box > div .input-check div .txt em { display: block; font-weight: 400; margin-top: 2px; color: #707070; }

.page-mypage .right-cont.page-coupon .coupon-list .form-radio-box > div .input-check div .date { color: #707070; font-weight: 400; }

.page-mypage .right-cont.page-coupon .coupon-list .form-radio-box > div .input-check div .price { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; color: #772480; }

.page-mypage .right-cont.page-coupon .coupon-list.coupon-download > div .input-check::after { content: ''; width: 20px; height: 20px; background-image: url(../images/common/ico-sprites-line.svg); background-position: -380px -164px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); }

.page-mypage .right-cont.page-coupon .bullet-o { padding-top: 40px; border-top: 1px solid #E9E9E9; margin-top: 40px; }

.page-mypage .right-cont.as-warp .order-info-top, .page-mypage .right-cont.as-warp .top-info { margin-bottom: -40px; }

.page-mypage .right-cont.as-warp .top-info li span.state strong.num { font-size: 26px; line-height: 1.52; letter-spacing: -0.015em; font-weight: 700; }

.page-mypage .right-cont.mypage-login .main .table-area { border: 1px solid #000000; box-sizing: border-box; border-radius: 6px; overflow: hidden; }

.page-mypage .right-cont.mypage-login .main .table-area table { border: 0; }

.page-mypage .right-cont.mypage-login .main .table-area td { padding-left: 20px; }

.page-mypage .right-cont.mypage-login .main .table-area td input { border: 0; height: 30px; width: 100%; padding: 0; }

.page-mypage .right-cont.mypage-login .main.kakao a { display: block; padding: 30px 0 30px 84px; font-weight: 700; font-size: 16px; line-height: 1.72; color: #000000; border: 1px solid #000000; border-radius: 6px; background: url("../../assets/images/mypage/ico-kakao2.png") 20px center no-repeat; background-size: 48px; position: relative; }

.page-mypage .right-cont.mypage-login .main.kakao a::after { content: ''; position: absolute; right: 0; top: 50%; left: auto; bottom: auto; transform: translate(0, -50%); right: 20px; width: 13px; height: 13px; background-image: url("../images/common/ico-sprites-line.svg"); background-position: -20px -277px; }

.page-mypage .right-cont.mypage-login .main.kakao .bullet-caution { margin: 16px 0 0; }

.page-mypage .right-cont.mypage-login .main.naver a { display: block; padding: 30px 0 30px 84px; font-weight: 700; font-size: 16px; line-height: 1.72; color: #000000; border: 1px solid #000000; border-radius: 6px; background: url("../../assets/images/mypage/ico-naver2.png") 20px center no-repeat; background-size: 48px; position: relative; }

.page-mypage .right-cont.mypage-login .main.naver a::after { content: ''; position: absolute; right: 0; top: 50%; left: auto; bottom: auto; transform: translate(0, -50%); right: 20px; width: 13px; height: 13px; background-image: url("../images/common/ico-sprites-line.svg"); background-position: -20px -277px; }

.page-mypage .right-cont.mypage-login .main.naver .bullet-caution { margin: 16px 0 0; }

.page-mypage .right-cont.mypage-login .main .bullet-caution { margin: 16px 0 56px; }

.page-mypage .right-cont.mypage-login .sub-title { margin: 100px 0 20px; }

.page-mypage .right-cont.mypage-login .sub-title.mt60 { margin-top: 60px; }

.page-mypage .right-cont.mypage-login .table-area td .date { font-family: 'Kumbh Sans'; font-weight: 300; font-size: 18px; line-height: 1.72; color: #707070; }

.page-mypage .right-cont.mypage-login .table-area td .form-email { margin-bottom: 20px; }

.page-mypage .right-cont.mypage-login .table-area td .form-email span { margin: 0 0 0 6px; padding: 0; }

.page-mypage .right-cont.mypage-login .table-area td .form-email input { border: 1px solid #B2B2B2; box-sizing: border-box; border-radius: 4px; padding: 0 20px; }

.page-mypage .right-cont.mypage-login .table-area td .form-email select { border: 1px solid #B2B2B2; box-sizing: border-box; border-radius: 4px; padding: 0 20px; font-family: 'Kumbh Sans'; font-weight: 300; font-size: 18px; line-height: 1.72; color: #333333; background-position: calc(100% - 20px) 50%; margin-left: 6px; }

.page-mypage .right-cont.mypage-login .table-area td .form-password { display: flex; width: 100%; }

.page-mypage .right-cont.mypage-login .table-area td .form-password:first-child { width: calc(50% - 3px); }

.page-mypage .right-cont.mypage-login .table-area td .form-password + .form-password { margin-top: 6px; }

.page-mypage .right-cont.mypage-login .table-area td .form-password input { width: 100%; border: 1px solid #B2B2B2; box-sizing: border-box; border-radius: 4px; padding: 0 20px; }

.page-mypage .right-cont.mypage-login .table-area td .form-password input + input { margin-left: 6px; }

.page-mypage .right-cont.mypage-login .table-area td.password .input-wrap { width: 100%; }

.page-mypage .right-cont.mypage-login .table-area td.password .input-wrap .txt-input.show { padding-bottom: 48px; }

.page-mypage .right-cont.mypage-login .table-area td.password .input-wrap .txt-input.show .msg { display: block; bottom: auto; top: 50px; }

.page-mypage .right-cont.mypage-login .table-area td.password .input-wrap .txt-input.show .msg p { margin-left: 0; }

.page-mypage .right-cont.mypage-login .table-area td.password .input-wrap + .input-wrap { margin-left: 6px; }

.page-mypage .right-cont.mypage-login .table-area td.password button { border: 0; background-color: #333; color: #fff; margin-top: 20px; }

.page-mypage .right-cont.mypage-login .table-area td .form-tel input { border: 1px solid #B2B2B2; box-sizing: border-box; border-radius: 4px; padding: 0 20px; margin-left: 6px; }

.page-mypage .right-cont.mypage-login .table-area td .form-tel select { border: 1px solid #B2B2B2; box-sizing: border-box; border-radius: 4px; padding: 0 20px; font-family: 'Kumbh Sans'; font-weight: 300; font-size: 18px; line-height: 1.72; color: #333333; background-position: calc(100% - 20px) 50%; margin-left: 0; }

.page-mypage .right-cont.mypage-login td .flex { display: flex; align-items: center; }

.page-mypage .right-cont.mypage-login td .flex button { margin-left: auto; }

.page-mypage .right-cont.mypage-login td .flex .naver { height: 42px; padding-left: 54px; padding-right: 24px; font-weight: 500; font-size: 18px; line-height: 1.72; line-height: 42px; color: #333333; background: url("../../assets/images/mypage/ico-naver.png") 0 center no-repeat; }

.page-mypage .right-cont.mypage-login td .flex .kakao { height: 42px; padding-left: 54px; padding-right: 24px; font-weight: 500; font-size: 18px; line-height: 1.72; line-height: 42px; color: #333333; background: url("../../assets/images/mypage/ico-kakao.png") 0 center no-repeat; }

.page-mypage .right-cont.mypage-login td .flex.unconnected span { color: #707070; }

.page-mypage .right-cont.mypage-login .delivery-msg .form-group { flex-wrap: wrap; margin-bottom: 36px; }

.page-mypage .right-cont.mypage-login .delivery-msg .form-group label { width: calc(50% - 6px); margin-top: 6px; }

.page-mypage .right-cont.mypage-login .delivery-msg .form-group > input { margin-left: 6px; margin-top: 4px; outline: none; width: 100%; display: none; }

.page-mypage .right-cont .notice-wrap { margin: 0 -20px; padding: 48px 20px 0; border-top: 8px solid #F7F7F7; }

.page-mypage .right-cont .notice-wrap .purple { color: #772480; font-weight: 700; }

.page-mypage .right-cont .notice-wrap em { color: #772480; }

.page-mypage .right-cont .notice-wrap a { font-size: 16px; line-height: 1.72; text-decoration: underline; color: #000000; }

.page-mypage .right-cont .notice-wrap span { font-weight: 700; }

.page-mypage .right-cont .notice-wrap + .btn-group { margin-top: 56px; }

.page-mypage .right-cont.mypage-resign > strong { font-weight: 700; font-size: 20px; line-height: 1.52; letter-spacing: -0.015em; color: #000000; }

.page-mypage .right-cont.mypage-resign > p { color: #333333; margin-top: 16px; }

.page-mypage .right-cont.mypage-resign input { border: 1px solid #B2B2B2; box-sizing: border-box; padding: 0 20px; width: 100%; }

.page-mypage .right-cont.mypage-resign .notice-wrap-gray { padding: 24px 20px; margin-top: 32px; background-color: #F5F5F5; }

.page-mypage .right-cont.mypage-resign .table-area { padding: 48px 20px 0; margin: 48px -20px 0; border-top: 8px solid #F7F7F7; }

.page-mypage .right-cont.mypage-resign .table-area .bullet-caution { margin-bottom: 24px; }

.page-mypage .right-cont.mypage-resign button.kakao { background: #FAE530; border: 0; position: relative; }

.page-mypage .right-cont.mypage-resign button.kakao::before { content: ''; display: inline-block; width: 19px; height: 20px; background: url("../../assets/images/mypage/ico-kakao-on.svg") no-repeat; vertical-align: top; margin-top: 15px; margin-right: 12px; }

.page-mypage .right-cont.mypage-resign button.kakao:disabled { background: #D9D9D9; color: #fff; }

.page-mypage .right-cont.mypage-resign button.kakao:disabled::before { background: url("../../assets/images/mypage/ico-kakao-off.svg") no-repeat; }

.page-mypage .right-cont.mypage-resign button.naver { background: #03C75A; border: 0; color: #fff; position: relative; }

.page-mypage .right-cont.mypage-resign button.naver::before { content: ''; display: inline-block; width: 15px; height: 16px; background: url("../../assets/images/mypage/ico-naver-on.svg") no-repeat; vertical-align: top; margin-top: 16px; margin-right: 12px; }

.page-mypage .right-cont.mypage-resign button.naver:disabled { background: #D9D9D9; }

.page-mypage .right-cont .review-list { padding: 0; margin: 0; border: 0; margin-top: 40px; }

.page-mypage .right-cont .review-list ul { border: 0; }

.page-mypage .right-cont .review-list ul li { padding-bottom: 0; display: block; border: 1px solid #D9D9D9; box-sizing: border-box; border-radius: 6px; }

.page-mypage .right-cont .review-list ul li + li { margin-top: 12px; }

.page-mypage .right-cont .review-list ul li .list-info .payment-prd-info { padding: 24px 0; }

.page-mypage .right-cont .review-list ul li .list-info .payment-prd-info .img { width: 70px; height: 70px; }

.page-mypage .right-cont .review-list ul li .list-info .prd-info { margin-left: 16px; }

.page-mypage .right-cont .review-list ul li .list-info .prd-info .prd-name { margin: 4px 0 10px; }

.page-mypage .right-cont .review-list ul li .list-info .gift-prd { padding-left: 20px; background: url("../../assets/images/checkout/bg-detail.svg") 0 center no-repeat; margin: -16px 0 24px; }

.page-mypage .right-cont .review-list ul li .list-info .state { margin: 0 -20px; padding: 16px 20px; border-top: 1px dashed #CCCCCC; font-size: 0; }

.page-mypage .right-cont .review-list ul li .list-info .state span { font-weight: 400; font-size: 16px; line-height: 172%; color: #707070; padding-right: 24px; position: relative; width: 102px; display: inline-block; box-sizing: border-box; }

.page-mypage .right-cont .review-list ul li .list-info .state span::before { content: ''; position: absolute; width: 1px; height: 12px; right: 12px; top: 50%; transform: translateY(-50%); background-color: #E9E9E9; }

.page-mypage .right-cont .review-list ul li .list-info .state em { font-weight: 700; font-size: 16px; line-height: 172%; color: #333333; display: inline-block; width: calc(100% - 102px); }

.page-mypage .right-cont .review-list ul li .list-info .state .rating-area { margin-top: 4px; display: inline-block; height: 20px; vertical-align: top; }

.page-mypage .right-cont .review-list ul li .btn-group { margin: 0 -21px; border-radius: 0px 0px 6px 6px; overflow: hidden; background: #333333; }

.page-mypage .right-cont .review-list ul li .btn-group button { border: 0; background: none; color: #fff; font-size: 16px; line-height: 1.72; }

.page-mypage .right-cont .review-list ul li .btn-group.medium { background: none; }

.page-mypage .right-cont .review-list ul li .btn-group.medium button { color: #000000; border-top: 1px solid #D9D9D9; padding: 0; }

.page-mypage .right-cont .review-list ul li .btn-group.medium button + button { border-left: 1px solid #D9D9D9; }

.page-mypage .right-cont .review-write .top { margin: -40px -20px 48px; padding: 32px 20px; background: #F5F5F5; }

.page-mypage .right-cont .review-write .top > div { display: flex; align-items: center; }

.page-mypage .right-cont .review-write .top .img { width: 70px; height: 70px; border-radius: 6px; overflow: hidden; flex-shrink: 0; }

.page-mypage .right-cont .review-write .top .img img { width: 100%; }

.page-mypage .right-cont .review-write .top .prd-info { margin-left: 24px; }

.page-mypage .right-cont .review-write .top .prd-info .prd-num { font-weight: 400; font-size: 16px; line-height: 1.72; color: #000000; }

.page-mypage .right-cont .review-write .top .prd-info .prd-name { font-weight: 700; font-size: 18px; line-height: 1.72; color: #000000; margin: 4px 0 0; }

.page-mypage .right-cont .review-write .top .gift-prd { display: flex; align-items: center; padding-left: 20px; margin-top: 8px; background: url("../../assets/images/checkout/ico-gift.png") 0 center no-repeat; }

.page-mypage .right-cont .review-write .top .gift-prd .img { position: relative; width: 50px; height: 50px; overflow: initial; margin: 0; }

.page-mypage .right-cont .review-write .top .gift-prd .img img { width: 50px; height: 50px; }

.page-mypage .right-cont .review-write .top .gift-prd .img i { position: absolute; bottom: 0; left: -7px; }

.page-mypage .right-cont .review-write .top .gift-prd span { color: #000000; margin-left: 16px; }

.page-mypage .right-cont .review-write .rating-write .rating-area { margin-bottom: 32px; }

.page-mypage .right-cont .review-write .rating-write .ui-rating input { margin: 0; }

.page-mypage .right-cont .review-write .rating-write .ui-rating input ~ input { margin-left: 8px; }

.page-mypage .right-cont .review-write strong { font-weight: 700; font-size: 18px; line-height: 1.72; color: #000000; display: inline-block; margin-bottom: 8px; }

.page-mypage .right-cont .review-write .textarea-review.textarea { position: relative; }

.page-mypage .right-cont .review-write .textarea-review.textarea textarea { padding: 20px; height: 288px; vertical-align: top; }

.page-mypage .right-cont .review-write .textarea-review.textarea span { position: absolute; right: 16px; bottom: 16px; font-family: 'Kumbh Sans'; font-weight: 500; font-size: 16px; line-height: 1.72; color: #CCCCCC; }

.page-mypage .right-cont .review-write .textarea-review.textarea span em { color: #333333; }

.page-mypage .right-cont .review-write .btn-group { margin-top: 56px; }

.page-mypage .right-cont .review-write .btn-group button { padding: 0; }

.page-mypage .right-cont .btn-group.mt24 { margin-top: 24px; }

.page-mypage .event-list { margin-top: 40px; margin-bottom: 24px; }

.page-mypage .event-list > ul > li { border: 1px solid #D9D9D9; border-radius: 6px; position: relative; }

.page-mypage .event-list > ul > li + li { margin-top: 16px; }

.page-mypage .event-list > ul > li > a { position: absolute; top: 12px; right: 20px; text-indent: -9999px; display: inline-block; width: 20px; background-image: url(../images/common/ico-sprites-line.svg); background-position: -15px -269px; }

.page-mypage .event-list > ul > li .state-case { padding: 12px 20px; text-align: left; border-bottom: 1px solid #D9D9D9; }

.page-mypage .event-list > ul > li .state-case em { color: #333; font-weight: 400; }

.page-mypage .event-list > ul > li ul { padding: 20px; }

.page-mypage .event-list > ul > li ul li { display: flex; align-items: center; }

.page-mypage .event-list > ul > li ul li + li { margin-top: 12px; }

.page-mypage .event-list > ul > li ul li span { font-weight: 400; width: 95px; }

.page-mypage .event-list > ul > li ul li em { font-weight: 700; color: #333333; }

.page-mypage .event-list .btn-group { margin-top: 24px; }

.delivery-area-pop .content-area { min-height: 0 !important; }

.delivery-area-pop .step1 { display: none; }

.delivery-area-pop .step2 { display: none; }

.delivery-area-pop .step1.on, .delivery-area-pop .step2.on { display: block; }

.delivery-area-pop .footer .step1 { display: none; }

.delivery-area-pop .footer .step2 { display: none; }

.delivery-area-pop .footer .step1.on, .delivery-area-pop .footer .step2.on { display: block; }

.delivery-area-pop .footer .btn-group.step1.on, .delivery-area-pop .footer .btn-group.step2.on { display: flex; }

.detail-view-pop .content-area { min-height: 0 !important; }

.detail-view-pop .content-area strong { font-weight: 700; font-size: 18px; line-height: 1.72; color: #000000; display: block; margin-bottom: 16px; }

.detail-view-pop .content-area p { border-bottom: 1px dashed #CCCCCC; padding-bottom: 32px; margin-bottom: 32px; }

.detail-view-pop .content-area > div { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; background: #F5F5F5; margin: 0 0 16px; }

.detail-view-pop .content-area > div span { font-weight: 700; color: #000000; }

.detail-view-pop .content-area > div em { font-weight: 700; font-size: 18px; line-height: 1.72; text-decoration: underline; color: #772480; }

.detail-view-pop .content-area .bullet-caution + .bullet-caution { margin-top: 12px; }

.install-pop .content-area { min-height: 0 !important; }

.install-pop .content-area strong { font-weight: 700; font-size: 18px; line-height: 1.72; color: #000000; display: block; margin-bottom: 16px; }

.install-pop .content-area p { border-bottom: 1px dashed #CCCCCC; padding-bottom: 32px; margin-bottom: 32px; }

.install-pop .content-area p i { margin: 9px 4px 0; vertical-align: top; }

.install-pop .content-area > div { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; background: #F5F5F5; margin: 0 0 16px; }

.install-pop .content-area > div span { font-weight: 700; color: #000000; }

.install-pop .content-area > div em { font-weight: 700; font-size: 18px; line-height: 1.72; text-decoration: underline; color: #772480; }

.install-pop .table-area { margin-bottom: 8px; }

.install-pop .table-area td { font-size: 18px; line-height: 1.72; }

.install-pop .table-area td.en { font-family: 'Kumbh Sans'; font-weight: 500; text-decoration: underline; color: #772480; }

.page-footer .form .fieldset .box { padding: 0; border: 0; margin: 0; }

.page-footer .form + .form .fieldset { margin-top: 120px; }

.page-footer .textarea { margin-top: 8px; }

.page-footer .textarea textarea { height: 360px; border: 1px solid #000; box-sizing: border-box; padding: 20px; }

.page-footer .form-file { margin-bottom: 20px; }

.page-footer .agree-cont { border: 1px solid #CCCCCC; box-sizing: border-box; border-radius: 6px; padding: 30px; display: flex; align-items: center; margin: 120px 0; }

.page-footer .agree-cont .input-check span em { font-size: 18px; line-height: 24px; color: #772480; margin: 0 2px 0 12px; }

.page-footer .agree-cont .input-check span strong { font-weight: 500; font-size: 18px; line-height: 24px; color: #000000; margin-right: 8px; }

.page-footer .agree-cont > span { font-weight: 300; font-size: 16px; line-height: 24px; color: #707070; }

.page-footer .agree-cont button { margin-left: auto; font-weight: 300; font-size: 16px; line-height: 24px; text-decoration: underline; color: #000000; }

.page-etc { text-align: center; height: 100%; }

.page-etc #container { padding-top: 0; height: 100%; }

.page-etc #container .logo { padding-top: 40px; }

.page-etc #container .logo img { width: auto; }

.page-etc .etc-wrap { height: calc(100% - 74px); padding: 0 20px; display: flex; flex-direction: column; justify-content: center; }

.page-etc .etc-wrap > strong { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; color: #000000; position: relative; padding-top: 114px; margin-bottom: 16px; }

.page-etc .etc-wrap > strong::before { content: ''; position: absolute; width: 120px; height: 90px; top: 0; left: 50%; transform: translateX(-50%); background: url("../../assets/images/etc/ico-etc1.png") no-repeat; background-size: 120px; }

.page-etc .etc-wrap p { color: #333333; margin-bottom: 40px; }

.page-etc .etc-wrap.workout > strong::before { content: ''; position: absolute; width: 120px; height: 90px; top: 0; left: 50%; transform: translateX(-50%); background: url("../../assets/images/etc/ico-etc2.png") no-repeat; background-size: 120px; }

.page-etc .etc-wrap ul { width: 100%; box-sizing: border-box; padding: 20px; background: #F5F5F5; border-radius: 6px; }

.page-etc .etc-wrap ul li { display: flex; }

.page-etc .etc-wrap ul li strong { font-weight: 700; color: #333; text-align: left; white-space: nowrap; }

.page-etc .etc-wrap ul li span { font-weight: 400; color: #333333; text-align: left; padding-left: 20px; }

.page-etc .etc-wrap ul li span.date { font-weight: 700; color: #772480; }

.page-etc .etc-wrap ul li + li { margin-top: 8px; }

@media all and (min-width:768px){

  .page-etc.under { text-align: center; }

  .page-etc.under #container { padding-top: 60px; }

  .page-etc.under #container .logo { padding-top: 0; }

  .page-etc.under #container .logo img { width: 127px; }

  .page-etc.under .etc-wrap {height: auto;}

  .page-etc.under .etc-wrap > strong { font-weight: 500; font-size: 26px; line-height: 1.52; letter-spacing: -0.03em; color: #000000; display: block; position: relative; padding-top: 122px; margin-top: 220px; margin-bottom: 12px; }

  .page-etc.under .etc-wrap > strong::before { content: ''; position: absolute; width: 120px; height: 90px; top: 0; left: 50%; transform: translateX(-50%); background: url("../../../assets/images/etc/ico-etc.png") no-repeat; }

  .page-etc.under .etc-wrap p { font-weight: 300; color: #333333; margin-bottom: 40px; }

  .page-etc.under .etc-wrap p br:first-child,

  .page-etc.under .etc-wrap p br:last-child { display: none;}

  .page-etc.under .etc-wrap.workout > strong::before { content: ''; position: absolute; width: 120px; height: 90px; top: 0; left: 50%; transform: translateX(-50%); background: url("../../../assets/images/etc/ico-workout.png") no-repeat; }

  .page-etc.under .etc-wrap ul { width: 480px; margin: 0 auto; padding: 30px 32px 30px 48px; background: #F5F5F5; border-radius: 6px; box-sizing: content-box;}

  .page-etc.under .etc-wrap ul li { padding-left: 12px; text-align: left; }

  .page-etc.under .etc-wrap ul li:before { top: 11px;}

  .page-etc.under .etc-wrap ul li strong { font-weight: 500; font-size: 18px; line-height: 1.72; color: #000000; }

  .page-etc.under .etc-wrap ul li span { font-weight: 300; font-size: 18px; line-height: 1.72; color: #333333; }

  .page-etc.under .etc-wrap ul li span.date { font-weight: 500; font-size: 18px; line-height: 1.72; color: #772480; }

  .page-etc.under .etc-wrap ul li span.date br { display: none;}

  .page-etc.under .etc-wrap ul li + li { margin-top: 8px; }

}
.search-wrap { font-size: 0; margin-top: 40px; }

.search-wrap > div { display: flex; }

.search-wrap > div .period span { padding: 0 34px 0 16px; background: none; position: relative; }

.search-wrap > div .period span::before { content: ''; display: block !important; position: absolute; right: 0; top: 50%; left: auto; bottom: auto; transform: translate(0, -50%); right: 16px; width: 10px; height: 8px; background: url("../images/mypage/arrow-bottom.svg") 0 1px no-repeat; border: 0; }

.search-wrap > div .period input:checked + span::before { content: ''; position: absolute; right: 0; top: 50%; left: auto; bottom: auto; transform: translate(0, -50%); right: 16px; width: 10px; height: 12px; background: url("../images/mypage/arrow-top.svg") 0 2px no-repeat; border: 0; }

.search-wrap .input-radio input + span:before { display: none; }

.search-wrap .input-radio { height: 34px; width: 100%; text-align: center; }

.search-wrap .input-radio + .input-radio { margin-left: 4px; }

.search-wrap .input-radio span { color: #333333; font-size: 15px; line-height: 1.72; padding: 0; height: 34px; line-height: 32px; border: 1px solid #333333; box-sizing: border-box; border-radius: 3px; background-color: #fff; }

.search-wrap .input-radio input:checked + span { background: #333; color: #fff; font-weight: 400; }

.search-wrap .form-calendar { display: none; margin-top: 24px; }

.search-wrap .form-calendar.on { display: flex; }

.search-wrap .form-calendar .bar { font-size: 16px; color: #000; padding: 0 4px; line-height: 34px; }

.search-wrap .form-calendar .input { height: 34px; }

.search-wrap .form-calendar .input input { height: 34px; border: 1px solid #B2B2B2; box-sizing: border-box; border-radius: 3px; padding: 0 40px 0 12px; }

.search-wrap .form-calendar .input::after { right: 16px; }

.search-wrap .form-calendar .btn-search { width: 34px; height: 34px; border: 1px solid #000000; box-sizing: border-box; border-radius: 3px; margin-left: 6px; background: #000000 url("../../assets/images/mypage/ico-search.svg") center no-repeat; flex-shrink: 0; }

/*guide*/
.file-upload > div { display: flex; margin: 8px 0 16px; }

.file-upload > div .btn-file { width: 56px; height: 56px; text-indent: -9999px; background: url("../../assets/images/mypage/bg-upload-btn.svg") no-repeat; border-radius: 4px; }

.file-upload > div .upload-list { padding: 0; display: flex; }

.file-upload > div .upload-list li { width: 56px; height: 56px; border: 1px solid #E9E9E9; box-sizing: border-box; border-radius: 4px; position: relative; margin-right: 8px; }

.file-upload > div .upload-list li .btn-delete { position: absolute; top: -1px; right: -1px; width: 20px; height: 20px; background: url("../../assets/images/mypage/ico-delete.svg") no-repeat; text-indent: -9999px; }

.notice-box { background: #F5F5F5; padding: 16px 30px; border-radius: 6px; display: flex; align-items: center; justify-content: space-between; margin-top: 100px; box-sizing: border-box; min-height: 78px; }

.flag-cont { margin: 0 -3px; font-size: 0; display: inline-block; vertical-align: middle; }

.flag-cont [class^=bdr-flag] { margin: 0 3px; }

[class^=bdr-flag] { display: inline-block; padding: 0 8px; height: 26px; box-sizing: border-box; border-radius: 13px; margin: 4px 0px; font-weight: 700; font-size: 14px; line-height: 1.72; line-height: 24px; }

[class^=bdr-flag].bdr-none { border-radius: 0; }

.bdr-flag01 { color: #2D64CE; border: 1px solid #2D64CE; }

.bdr-flag02 { color: #DF3333; border: 1px solid #DF3333; }

.ico-minus.size-10:before { content: ''; position: absolute; width: 10px; height: 1px; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #000; }

button.add i { display: inline-block; width: 24px; height: 24px; background: url("../../assets/images/checkout/ico-add.png") no-repeat; margin-right: 12px; }

input.bor-gray { padding: 0px 20px; border: 1px solid #e9e9e9; box-sizing: border-box; border-radius: 4px; }

.ui-datepicker { z-index: 9999 !important; }

li:last-child .input-wrap { margin-bottom: 0; }

.input-wrap { margin-bottom: 32px; width: 100%; }

.input-wrap label { font-weight: 700; font-size: 18px; line-height: 1.72; color: #000000; margin-bottom: 8px; }

.input-wrap .txt-input { position: relative; width: 100%; }

.input-wrap .txt-input .msg { display: none; }

.input-wrap .txt-input label.error { padding-left: 20px; background: url("../../assets/images/common/ico-error.png") 0 3px no-repeat; background-size: 16px; font-weight: 300; font-size: 13px; line-height: 1.72; color: #DF3333; margin-top: 8px; }

.input-wrap .txt-input.show .msg { display: block; margin-top: 8px; }

.input-wrap .txt-input.show .msg p + p { margin-top: 2px; }

.input-wrap .txt-input.show p { padding-left: 20px; background: url("../../assets/images/common/ico-error.png") 0 3px no-repeat; background-size: 16px; font-weight: 300; font-size: 13px; line-height: 1.72; color: #DF3333; }

.input-wrap .txt-input.show p.complete { background: url("../../assets/images/common/ico-complete.png") 0 3px no-repeat; background-size: 16px; color: #2D64CE; }

.input-wrap .txt-input.form-email .mt4 { margin-top: 4px !important; }

.state-case { text-align: center; position: relative; box-sizing: border-box; font-weight: 700; }

.state-case > span { display: inline-block; }

.state-case .date { font-size: 16px; line-height: 1.72; font-weight: 400; color: #333; }

.state-case .type1 { color: #333; }

.state-case .type1::before { content: ''; display: inline-block; vertical-align: top; margin: 4px 4px 0 0; width: 20px; height: 20px; background: url("../../assets/images/mypage/ico-sprite.png") 0 0 no-repeat; background-size: 119px; }

.state-case .type2 { color: #772480; }

.state-case .type2::before { content: ''; display: inline-block; vertical-align: top; margin: 4px 4px 0 0; width: 20px; height: 20px; background: url("../../assets/images/mypage/ico-sprite.png") -66px -56px no-repeat; background-size: 119px; }

.state-case .type3 { color: #333; }

.state-case .type3::before { content: ''; display: inline-block; vertical-align: top; margin: 4px 4px 0 0; width: 20px; height: 20px; background: url("../../assets/images/mypage/ico-sprite.png") -33px 0 no-repeat; background-size: 119px; }

.state-case .type4 { color: #772480; }

.state-case .type4::before { content: ''; display: inline-block; vertical-align: top; margin: 4px 4px 0 0; width: 20px; height: 20px; background: url("../../assets/images/mypage/ico-sprite.png") -99px -56px no-repeat; background-size: 119px; }

.state-case .type5 { color: #909090; }

.state-case .type5::before { content: ''; display: inline-block; vertical-align: top; margin: 4px 4px 0 0; width: 20px; height: 20px; background: url("../../assets/images/mypage/ico-sprite.png") -99px 0 no-repeat; background-size: 119px; }

.state-case .type6 { color: #909090; }

.state-case .type6::before { content: ''; display: inline-block; vertical-align: top; margin: 4px 4px 0 0; width: 20px; height: 20px; background: url("../../assets/images/mypage/ico-sprite.png") -66px 0 no-repeat; background-size: 119px; }

.state-case .type7 { color: #909090; }

.state-case .type7::before { content: ''; display: inline-block; vertical-align: top; margin: 4px 4px 0 0; width: 20px; height: 20px; background: url("../../assets/images/mypage/ico-sprite.png") -33px 0 no-repeat; background-size: 119px; }

.state-case .type8 { color: #909090; }

.state-case .type8::before { content: ''; display: inline-block; vertical-align: top; margin: 4px 4px 0 0; width: 20px; height: 20px; background: url("../../assets/images/mypage/ico-sprite.png") 0 0 no-repeat; background-size: 119px; }

.state-case .type9 { color: #772480; }

.state-case .type9::before { content: ''; display: inline-block; vertical-align: top; margin: 4px 4px 0 0; width: 20px; height: 20px; background: url("../../assets/images/mypage/ico-sprite.png") 0 -56px no-repeat; background-size: 119px; }

.state-case .type10 { color: #772480; }

.state-case .type10::before { content: ''; display: inline-block; vertical-align: top; margin: 4px 4px 0 0; width: 20px; height: 20px; background: url("../../assets/images/mypage/ico-sprite.png") -33px -56px no-repeat; background-size: 119px; }

.form-group.form-file { position: relative; }

.form-group.form-file input.upload-name { padding-right: 135px !important; box-sizing: border-box; height: 54px; padding-left: 20px; border: 0; background-color: #f5f5f5; }

.form-group.form-file label { position: absolute; top: 0; right: 0; width: 125px; white-space: nowrap; padding: 0; height: 54px; line-height: 52px; border-radius: 3px; font-size: 18px; border: 1px solid #000; background-color: #fff; box-sizing: border-box; text-align: center; }

.form-group.form-file .upload-hidden { position: absolute; top: 0; left: 0; width: 0; height: 0; }

.btn-group.mt56 { margin-top: 56px; }

.delivery-fee { margin-bottom: 48px; }

.delivery-fee strong { display: block; margin-bottom: 16px; font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; color: #000000; }

.delivery-fee > div { display: flex; align-items: center; border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding: 16px 20px; }

.delivery-fee > div > span:first-child { flex-shrink: 0; width: 86px; margin-right: 28px; }

.delivery-fee > div .price { font-weight: 400; font-size: 16px; line-height: 1.72; color: #333333; }

.delivery-fee > div button { margin-left: auto; white-space: nowrap; }

.delivery-fee > div > div .state { display: block; font-size: 16px; line-height: 1.72; color: #333333; margin-top: 8px; }

.delivery-fee > div > div p { display: block; margin-top: 8px; }

.page-footer .policy-wrap a { text-decoration: underline; }

.page-footer .policy-wrap .policy-select { text-align: right; margin-bottom: 48px; }

.page-footer .policy-wrap .policy-select select { width: 100%; }

.page-footer .policy-wrap .policy-update-info { text-align: right; color: #707070; font-size: 16px; font-weight: 300; }

.page-footer .policy-wrap .policy-intro { margin-top: 48px; }

.page-footer .policy-wrap .policy-intro + ul { margin-top: 16px; }

.page-footer .policy-wrap .policy-intro .policy-intro-in { display: block; margin-top: 4px; font-size: 16px; font-weight: 300; color: #707070; }

.page-footer .policy-wrap ul .policy-intro { margin-top: 32px; }

.page-footer .policy-wrap .h1-ul > li { margin-top: 56px; }

.page-footer .policy-wrap .h1-ul > li .table-area { margin-top: 56px; }

.page-footer .policy-wrap .h1-ul .h1-tit { font-weight: 700; font-size: 30px; line-height: 1.52; letter-spacing: -0.015em; }

.page-footer .policy-wrap .h1-ul.cookie-info .h3-ul strong { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; color: #000000; }

.page-footer .policy-wrap .h1-ul.cookie-info .h3-ul .policy-intro { margin-top: 16px; }

.page-footer .policy-wrap .h1-ul.cookie-info a { color: #000; }

.page-footer .policy-wrap .h2-ul { margin-top: 48px; }

.page-footer .policy-wrap .h2-ul > li { margin-top: 16px; color: #333; }

.page-footer .policy-wrap .h2-ul .table-area { margin-top: 16px; }

.page-footer .policy-wrap .h3-ul { margin-top: 16px; }

.page-footer .policy-wrap .h3-ul > li { margin-top: 32px; color: #333; }

.page-footer .policy-wrap .h3-ul .bullet-o { margin-top: 16px; }

.page-footer .policy-wrap .h4-ul > li { margin-top: 16px; color: #333; }

.page-footer .policy-wrap .bullet-o li { margin-top: 12px; color: #333; }

.page-footer .policy-wrap .bullet-o li > strong { color: #000; font-weight: 500; font-size: 18px; line-height: 1.72; }

.page-footer .policy-wrap .bullet-o li .bullet-hypen li { padding-left: 14px; color: #707070; font-size: 14px; font-weight: 300; position: relative; }

.page-footer .policy-wrap .bullet-o li .bullet-hypen li + li { margin-top: 4px; }

.page-footer .policy-wrap .bullet-o li .bullet-hypen li:before { content: ''; background: #707070; display: inline-block; height: 1px; width: 4px; position: absolute; left: 0; top: 12px; }

.page-footer .policy-wrap .bullet-num { display: block; }

.page-footer .policy-wrap .bullet-num > li { position: relative; padding-left: 27px; }

.page-footer .policy-wrap .bullet-num > li > span { display: inline-block; position: absolute; left: 0px; }

.page-footer .policy-wrap .bullet-num > li .h4-ul li { margin-top: 8px; }

.page-footer .policy-wrap .bullet-num > li ul ul li { color: #707070; }

.page-footer .policy-wrap .bullet-num button { font-weight: 300; color: #000; border-bottom: 1px solid #000; }

.page-product .detail-product > .contents .tab-content > div.tab-detail { width: 100%; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .more-btn-group { background: linear-gradient(360deg, #FFFFFF 45.14%, rgba(255, 255, 255, 0) 94.72%); margin: -40px -20px 0; padding: 40px 0 0; z-index: 5; position: relative; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .more-btn-group button { background: #FFFFFF; border: 1px solid #772480; color: #772480; position: relative; margin: 0 20px; width: calc(100% - 40px); }

.page-product .detail-product > .contents .tab-content > div.tab-detail .more-btn-group button::after { content: '펼쳐보기'; display: inline-block; margin-left: 4px; padding-right: 20px; background: url("../images/common/ico-plus-13.svg") center right no-repeat; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .more-btn-group button.on::after { content: '닫기'; background: url("../images/common/ico-minus-13.svg") center right no-repeat; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-wrap { margin: 0 -20px; height: 1400px; overflow: hidden; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-wrap.on { height: auto; overflow: initial; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-wrap p iframe { width: 100%; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .h1-title { font-weight: 700; font-size: 40px; line-height: 1.4; letter-spacing: -0.03em; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .h2-title { font-weight: 700; font-size: 30px; line-height: 1.52; letter-spacing: -0.015em; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .h4-title { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec1 { position: relative; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec1 h2 { position: absolute; width: 100%; left: 0; top: 56px; color: #000000; text-align: center; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec1 h2 span { font-size: 16px; line-height: 1.72; display: block; margin-bottom: 4px; letter-spacing: normal; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec2 { text-align: center; box-sizing: border-box; padding: 32px 20px 48px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec2 strong { margin-bottom: 24px; display: block; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec3 video { width: 100%; vertical-align: top; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec4 { padding: 80px 0; position: relative; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec4.type3 { padding: 80px 20px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec4.type3 > div.top-area { padding: 0; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec4.type3 .swiper-pagination { top: auto; bottom: 64px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec4.type3 > div.txt strong { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; color: #000000; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec4.type3 > div.txt p { font-weight: 400; font-size: 16px; line-height: 1.72; color: #333333; margin: 4px 0 0; padding-bottom: 32px; border-bottom: 1px solid #E9E9E9; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec4.type3 > div.txt span { font-weight: 400; font-size: 16px; line-height: 1.72; color: #707070; display: block; margin-top: 40px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec4 .mySwiper { position: relative; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec4 > div.top-area { padding: 0 20px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec4 > div.top-area strong { display: block; margin-bottom: 8px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec4 > div.top-area span { font-weight: 400; font-size: 18px; line-height: 1.72; color: #333333; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec4 > div.top-area span em { color: #772480; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec4 ul { margin: 0 20px; border-top: 1px solid #E9E9E9; padding-top: 40px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec4 .swiper-slide { background: #fff; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec4 .swiper-slide > div { padding: 0 20px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec4 .swiper-slide > div .ico { display: flex; margin: 0 0 32px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec4 .swiper-slide > div .ico .img { width: 60px; flex-shrink: 0; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec4 .swiper-slide > div .ico .img img { width: 100%; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec4 .swiper-slide > div .ico .txt { padding-left: 16px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec4 .swiper-slide > div .ico .txt strong { display: block; margin-bottom: 4px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec4 .swiper-slide > img { margin: 32px 0; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec4 .swiper-pagination { width: 96px; height: 2px; top: auto; left: auto; right: calc(50% - 48px); z-index: 2; border-radius: 2px; background-color: #fff; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec4 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: #000; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec5 { padding: 80px 0 0; background: #F5F5F5; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec5 > div { padding: 0 20px 32px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec5 strong { display: block; margin-bottom: 8px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec5 p { font-size: 18px; line-height: 1.72; color: #333333; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec6 { padding: 80px 20px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #F2F2F2 100%); }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec6 strong { display: block; margin-bottom: 8px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec6 p { font-size: 18px; line-height: 1.72; color: #333333; margin-bottom: 32px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec6 ul { overflow: hidden; border-radius: 6px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec6 ul li + li { margin-top: 16px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec7 { padding: 80px 0; box-sizing: border-box; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec7.pb0 { padding-bottom: 0; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec7 .img { padding-right: 20px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec7 .txt { padding: 0 20px 32px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec7 .txt strong { color: #000000; display: block; margin-bottom: 8px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec7 .txt p { font-size: 18px; line-height: 1.72; color: #333333; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec7 .txt p span { color: #772480; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec8 { padding: 0 0 80px; position: relative; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec8 .txt { padding: 0 20px 32px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec8 .txt strong { display: block; margin-bottom: 8px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec8 .txt p { font-size: 18px; line-height: 1.72; color: #333333; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec8 .txt p span { color: #772480; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec8 .sec8-slide { padding-left: 20px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec8 .sec8-slide .swiper-pagination { width: 96px; height: 2px; top: auto; bottom: 40px; left: auto; right: calc(50% - 58px); z-index: 2; border-radius: 2px; background-color: #fff; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec8 .sec8-slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: #000; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec8 ul li a > div { display: flex; align-items: center; margin-top: 32px; padding: 0 20px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec8 ul li img { width: 50px; height: 50px; margin-right: 20px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec8 ul li strong { display: block; font-weight: 700; font-size: 18px; line-height: 1.72; color: #333333; position: relative; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec8 ul li strong::after { content: ''; display: inline-block; width: 10px; height: 10px; background-image: url("../images/common/ico-sprites-line.svg"); background-position: -20px -330px; vertical-align: top; margin-top: 11px; margin-left: 5px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec8 ul li strong i.new { display: inline-block; background: url("../images/product/ico-new.png") no-repeat; background-size: 45px; width: 45px; height: 22px; text-indent: -9999px; vertical-align: top; margin-top: 4px; margin-right: -10px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec8 ul li span { font-size: 16px; line-height: 1.72; color: #333333; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec8 ul li .on { display: none; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec8 ul li .off { display: block; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec8 ul li.active .off { display: none; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec8 ul li.active .on { display: block; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec9 { margin: 0 20px; padding: 80px 0; border-top: 1px solid #E9E9E9; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec9 > strong { display: block; margin-bottom: 8px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec9 > p { font-size: 18px; line-height: 1.72; color: #333333; margin-bottom: 32px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec9 .box { background: #EDE4E1; border-radius: 6px; margin-top: 48px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec9 .box > div { padding: 32px 0; margin: 0 20px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec9 .box > div + div { border-top: 1px dashed #CCCCCC; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec9 .box > div img { height: 60px; width: 60px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec9 .box > div strong { font-weight: 700; font-size: 18px; line-height: 1.72; color: #333333; display: block; margin: 12px 0 4px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec9 .box > div p { font-size: 16px; line-height: 1.72; color: #333333; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec10 { padding: 80px 0; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec10 strong { display: block; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec10 .ico { margin: 48px 0 40px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec10 .ico img { width: 60px; height: 60px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec10 .ico .txt strong { display: block; margin: 12px 0 4px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec10 ul li { text-align: center; font-weight: 700; font-size: 18px; line-height: 1.72; color: #000000; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec10 ul li img { margin-bottom: 8px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec10 ul li + li { margin-top: 32px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec11 { padding: 80px 0; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec11 .inner > strong { display: block; margin-bottom: 8px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec11 .inner > span { font-weight: 500; font-size: 18px; line-height: 1.72; color: #333333; display: block; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec11 .inner .sec11-slide { margin-top: 32px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec11 .inner .sec11-slide .swiper-slide { width: 230px; height: 100%; border: 1px solid #E9E9E9; box-sizing: border-box; padding: 20px; border-radius: 6px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec11 .inner .sec11-slide .swiper-slide img { width: 60px; height: 60px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec11 .inner .sec11-slide .swiper-slide strong { display: block; font-weight: 700; font-size: 18px; line-height: 1.72; color: #000000; margin: 12px 0 4px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec12 { padding: 80px 0 0; position: relative; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec12 > div.top-area { padding: 0 20px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec12 > div.top-area strong { display: block; margin-bottom: 8px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec12 > div.top-area span { font-weight: 400; font-size: 18px; line-height: 1.72; color: #333333; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec12 > div.top-area span em { color: #772480; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec12 .img { margin-top: 32px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec13 { padding: 80px 0; position: relative; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #F2F2F2 61.09%); }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec13 > div.top-area { padding: 0 20px; margin-bottom: 32px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec13 > div.top-area strong { display: block; margin-bottom: 8px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec13 > div.top-area span { font-weight: 400; font-size: 18px; line-height: 1.72; color: #333333; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec13 > div.top-area span em { color: #772480; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec13 .swiper-slide > div { padding: 0 20px; border-radius: 8px; overflow: hidden; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec13 .swiper-slide > div div { padding: 32px 20px; background: #fff; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec13 .swiper-slide > div div span { font-weight: 700; font-size: 16px; line-height: 1.72; color: #772480; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec13 .swiper-slide > div div strong { display: block; margin: 16px 0 4px; font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; color: #000000; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec13 .swiper-slide > div div p { font-weight: 400; font-size: 16px; line-height: 1.72; color: #333333; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec13 .swiper-slide > div .ico { display: flex; margin: 0 0 32px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec13 .swiper-slide > div .ico .img { width: 60px; flex-shrink: 0; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec13 .swiper-slide > div .ico .img img { width: 100%; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec13 .swiper-slide > div .ico .txt { padding-left: 16px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec13 .swiper-slide > div .ico .txt strong { display: block; margin-bottom: 4px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec13 .swiper-slide > img { margin: 32px 0; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec13 .swiper-pagination { width: 96px; height: 2px; top: auto !important; bottom: 188px; left: auto; right: calc(50% - 48px); z-index: 2; border-radius: 2px; background-color: #fff; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec13 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background-color: #000; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec13 .btn-group { margin-top: 92px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec14 { padding: 80px 20px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec14 .txt strong { color: #000000; display: block; margin-bottom: 8px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec14 .txt p { font-size: 18px; line-height: 1.72; color: #333333; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec14 .img { margin: 32px -20px 24px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec14 .img img { width: 100%; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec14 > strong { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; color: #000000; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec14 p { font-weight: 400; font-size: 16px; line-height: 172%; color: #333333; margin-top: 4px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec15 { padding: 80px 20px; background: #F5F5F5; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec15 .txt strong { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; color: #000000; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec15 .txt p { font-weight: 400; font-size: 16px; line-height: 1.72; color: #333333; margin-top: 4px; padding-bottom: 32px; border-bottom: 1px solid #E9E9E9; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec15 .txt span { display: block; margin-top: 40px; font-weight: 400; font-size: 16px; line-height: 1.72; color: #707070; text-indent: -12px; padding-left: 12px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec15 .img { margin: 32px 0; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec15.vcenter { display: flex; align-items: center; position: relative; padding:0; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec15.vcenter .txt { position: absolute; width: 100%; text-align: center;}

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec15.vcenter .txt p{ margin-top: 8px; padding-bottom: 0; border: none; ;}

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec16 { padding: 80px 20px 0; background: #F5F5F5; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec16 p { font-weight: 400; font-size: 18px; line-height: 172%; color: #333333; margin-top: 8px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec16 video { width: 100%; margin-top: 32px; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec16 .notice { background: #fff; padding: 40px 20px 60px; margin: 80px -20px 0; }

.page-product .detail-product > .contents .tab-content > div.tab-detail .prd-detail-sec16 .notice strong { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; color: #000000; display: block; margin-bottom: 24px; }

.page-footer .company .title { font-weight: 700; font-size: 40px; line-height: 1.4; letter-spacing: -0.03em; display: block; }

.page-footer .company .sub-title { font-weight: 700; font-size: 30px; line-height: 1.52; letter-spacing: -0.015em; color: #000000; display: block; }

.page-footer .company .sec1 { position: relative; overflow: hidden; }

.page-footer .company .sec1 video { width: 100%; height: 100%; border: 0; margin-top: -1px; }

.page-footer .company .sec1 > div { position: absolute; top: 0; left: 0; padding: 80px 20px; width: 100%; box-sizing: border-box; color: #fff; }

.page-footer .company .sec1 span { display: block; font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; margin-bottom: 32px; }

.page-footer .company .sec2 { padding: 56px 0; }

.page-footer .company .sec2 p { margin-top: 32px; }

.page-footer .company .sec3 { padding-bottom: 116%; box-sizing: border-box; background: url("../../assets/images/footer/sec3-company-bg.png") no-repeat; background-size: 100%; }

.page-footer .company .sec4 { padding: 88px 0; }

.page-footer .company .sec4 .inner .right { margin-top: 32px; }

.page-footer .company .sec4 .inner .right > p { font-weight: 700; font-size: 18px; line-height: 1.72; color: #333; }

.page-footer .company .sec4 .inner .right ul li { margin-top: 56px; }

.page-footer .company .sec4 .inner .right ul li + li { margin-top: 48px; }

.page-footer .company .sec4 .inner .right ul li em { font-weight: 700; font-size: 16px; line-height: 1.72; color: #CCCCCC; }

.page-footer .company .sec4 .inner .right ul li strong { font-weight: 700; font-size: 30px; line-height: 1.52; letter-spacing: -0.015em; display: block; margin: 24px 0 16px; }

.page-footer .company .sec5 { width: 100%; padding-bottom: 620px; background: url("../../assets/images/footer/sec5-company-bg.png") no-repeat; background-size: 100%; text-align: center; position: relative; box-sizing: border-box; overflow: hidden; }

.page-footer .company .sec5:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: transparent; }

.page-footer .company .sec5 .title { position: absolute; top: 240px; left: 0; text-align: center; z-index: 2; width: 100%; }

.page-footer .company .sec5 .title::before { content: ''; position: absolute; width: 19px; height: 19px; right: -25px; top: -5px; background: url("../../assets/images/footer/sec5-title-bg.png") no-repeat; }

.page-footer .company .sec5 a { position: absolute; top: 372px; left: 50%; transform: translateX(-50%); text-align: center; z-index: 2; width: auto; padding: 0 32px; white-space: nowrap; }

.page-footer .company .sec5 .swiper-container-free-mode > .swiper-wrapper { transition-timing-function: linear; }

.page-footer .company .sec5 .swiper-slide { width: auto; }

.page-footer .company .sec5 .swiper-slide img { width: 50%; }

.page-footer .company .sec5 .sec5-slide { position: absolute; top: 0; left: 0; width: 100%; }

.page-footer .company .sec6 { padding: 88px 0 80px; border-bottom: 8px solid #F7F7F7; }

.page-footer .company .sec6 .inner div > span { color: #333333; display: inline-block; font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; margin-top: 32px; }

.page-footer .company .sec6 .inner div p { color: #333; }

.page-footer .company .sec6 .inner div p span { margin-top: 24px; display: block; }

.page-footer .company .sec6 .inner div p span + span { margin-top: 16px; }

.page-footer .company .sec7 { padding: 80px 20px 48px; box-sizing: border-box; }

.page-footer .company .sec7 .title { margin-bottom: 24px; display: block; }

.page-footer .company .sec7 .tab-nav .inner { padding-bottom: 14px; }

.page-footer .company .sec7 .tab-nav i { height: 35px; }

.page-footer .company .sec7 ul.list { margin-top: 48px; border-top: 1px solid #000; }

.page-footer .company .sec7 ul.list > li { padding-bottom: 32px; }

.page-footer .company .sec7 ul.list > li + li { border-top: 1px solid #E9E9E9; }

.page-footer .company .sec7 ul.list > li strong { font-weight: 700; font-size: 30px; line-height: 1.52; letter-spacing: -0.015em; display: block; padding: 32px 0 16px; }

.page-footer .company .sec7 ul.list > li ol li { display: flex; }

.page-footer .company .sec7 ul.list > li ol li + li { margin-top: 12px; }

.page-footer .company .sec7 ul.list > li ol li span { width: 36px; flex-shrink: 0; color: #333333; font-weight: 700; }

.page-footer .company .sec7 ul.list > li ol li em { color: #333333; }

.page-footer .company .sec8 { padding: 80px 0; border-top: 8px solid #F7F7F7; }

.page-footer .company .sec8 .inner > strong { display: block; margin-bottom: 32px; }

.page-footer .company .sec8 .inner > div div p { margin-top: 24px; color: #000; }

.page-footer .company .sec8 .inner > div div .sign { margin-top: 40px; }

.page-footer .company .sec8 .inner > div div .sign strong { font-weight: 500; font-size: 18px; line-height: 1.72; color: #000000; display: block; margin-bottom: 22px; }

.page-footer .company .sec8 .inner > div div .sign img { width: 177px; }

.page-footer .company .sec9 { padding: 80px 0 0; border-top: 8px solid #F7F7F7; }

.page-footer .company .sec9 .ui-tab .inner .tab-nav { margin-top: 24px; margin-bottom: 56px; }

.page-footer .company .sec9 .address-traffic { margin-top: 56px; }

.page-footer .company .sec9 .address-traffic address strong { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; color: #000000; }

.page-footer .company .sec9 .address-traffic address a { display: block; margin-top: 16px; font-weight: 400; font-size: 18px; line-height: 1.72; color: #333333; }

.page-footer .company .sec9 .address-traffic address a + a { margin-top: 8px; }

.page-footer .company .sec9 .address-traffic .traffic li { margin-top: 48px; position: relative; }

.page-footer .company .sec9 .address-traffic .traffic li + li { margin-top: 40px; }

.page-footer .company .sec9 .address-traffic .traffic li::before { content: ''; width: 30px; height: 30px; position: absolute; top: 0; left: 0; }

.page-footer .company .sec9 .address-traffic .traffic li:nth-child(1)::before { background: url("../../assets/images/footer/sec9-company-ico1.svg") no-repeat; }

.page-footer .company .sec9 .address-traffic .traffic li:nth-child(2)::before { background: url("../../assets/images/footer/sec9-company-ico2.svg") no-repeat; }

.page-footer .company .sec9 .address-traffic .traffic li em { padding-left: 40px; font-weight: 700; font-size: 18px; line-height: 1.72; color: #000000; }

.page-footer .company .sec9 .address-traffic .traffic li p { margin-top: 16px; }

.page-footer .company .sec9 .address-traffic .traffic li p + p { margin-top: 8px; }

.page-footer .company .sec9 .address-traffic .traffic li p span { color: #333333; }

.page-footer .company .sec9 .address-traffic .traffic li p i { margin: 0 4px; }

.event-wrap .img-area { padding-bottom: 0 !important; }

.event-wrap .img-area .form-group { position: absolute; top: 20.2%; left: 19%; width: 60%; display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #ccced0; }

.event-wrap .img-area .form-group label { min-width: 40%; box-sizing: border-box; margin: 0 0 6.5%; background-color: #ccced0; line-height: 1; }

.event-wrap .img-area .form-group label input { width: 3.4vw; height: 3.4vw; vertical-align: top; margin-top: 0; }

.event-wrap .img-area .form-group label span { font-size: 3.6vw; font-weight: 700; display: inline-block; padding-left: 5px; vertical-align: top; }

.event-wrap .img-area .iframe1 { display: block; position: absolute; width: 87.5%; height: 100%; top: 0; left: 6.4%; text-indent: -9999px; border: 0; background: #000; }

.event-wrap .img-area .link1 { display: block; position: absolute; width: 31.5%; height: 1.8%; top: 29.1%; left: 15.5%; text-indent: -9999px; }

.event-wrap .img-area .link2 { display: block; position: absolute; width: 31.5%; height: 1.8%; top: 29.1%; left: 52.5%; text-indent: -9999px; }

.event-wrap .img-area .link3 { display: block; position: absolute; width: 24.1%; height: 1.6%; top: 70.3%; left: 61.5%; text-indent: -9999px; }

.event-wrap .pop1 .content, .event-wrap .pop3 .content, .event-wrap .pop4 .content { vertical-align: middle; padding: 0 20px; }

.event-wrap .ui-popup.full .btn-close { top: 1%; right: 3%; width: 8%; height: 5%; }

.event-wrap .ui-popup .content .body { background: none; }

.event-wrap .ui-popup .btn-close { position: absolute; top: 5%; right: 3%; width: 7.9%; height: 12%; background: none !important; }

.event-wrap .ui-popup .btn-close::before, .event-wrap .ui-popup .btn-close::after { display: none; }

.event-wrap .ui-popup .pop-link1 { display: block; position: absolute; top: 61.5%; left: 13%; width: 74%; height: 17.6%; text-indent: -9999px; }

.event-wrap .ui-popup .pop-link2 { display: block; position: absolute; top: 60%; left: 31%; width: 38%; height: 24%; text-indent: -9999px; }

.event-wrap .ui-popup .pop-link3 { display: block; position: absolute; top: 78%; left: 13.1%; width: 74%; height: 5.8%; text-indent: -9999px; }

.event-wrap .ui-popup .pop-link4 { display: block; position: absolute; top: 86.4%; left: 13.1%; width: 74%; height: 5.8%; text-indent: -9999px; }

.event-wrap .ui-popup .pop-link5 { display: block; position: absolute; top: 78%; left: 13.1%; width: 74%; height: 5.8%; text-indent: -9999px; }

.event-wrap .ui-popup .pop-link6 { display: block; position: absolute; top: 86.4%; left: 13.1%; width: 74%; height: 5.8%; text-indent: -9999px; }

.event-wrap .ui-popup .pop-link7 { display: block; position: absolute; top: 78%; left: 13.1%; width: 74%; height: 5.6%; text-indent: -9999px; }

.event-wrap .ui-popup .pop-link8 { display: block; position: absolute; top: 86.4%; left: 13.1%; width: 74%; height: 5.6%; text-indent: -9999px; }

.event-wrap .ui-popup .pop-link9 { display: block; position: absolute; top: 86.4%; left: 12.7%; width: 74.5%; height: 5.7%; text-indent: -9999px; }

.event-wrap .ui-popup iframe { position: absolute; top: 35.2%; left: 12.9%; width: 74%; height: 23.2%; border: 0; }

.event-wrap .ui-popup .txt-wrap { position: absolute; top: 26.7%; left: 12%; width: 75.3%; height: 15%; overflow-y: scroll; padding: 10px; box-sizing: border-box; }

.event-wrap .ui-popup .txt-wrap > ul > li { font-size: 2.7vw; }

.event-wrap .ui-popup .txt-wrap > ul > li > ul { padding-left: 10px; }

.event-wrap .ui-popup .txt-wrap ul > li > ul > li { padding-left: 15px; text-indent: -15px; }

.event-wrap .ui-popup .txt-wrap ul > li > ul > li > ul li { padding-left: 10px; text-indent: -10px; }

.event-wrap .ui-popup .label-wrap label input { width: 9%; height: 100%; margin: 0; vertical-align: top; }

.event-wrap .ui-popup .label-wrap .label1 { position: absolute; top: 43.3%; left: 20.4%; width: 60.3%; height: 3%; }

.event-wrap .ui-popup .label-wrap .label2 { position: absolute; top: 47.5%; left: 20.4%; width: 60.3%; height: 3%; }

.event-wrap .ui-popup .label-wrap .label3 { position: absolute; top: 60.45%; left: 20.4%; width: 60.3%; height: 3%; }

.event-wrap .ui-popup .label-wrap .label4 { position: absolute; top: 64.6%; left: 20.4%; width: 60.3%; height: 3%; }

/* page-service */
.page-service .apply-wrap { padding-top: 0; }

.page-service .apply-wrap .top-area { margin: 0 -20px; padding: 0 20px 24px; border-bottom: 8px solid #f7f7f7; }

.page-service .apply-wrap .top-area .img { margin: 0 -20px 32px; }

.page-service .apply-wrap .select-area { position: static; width: 100%; }

.page-service .apply-wrap .select-area .ui-sticky-item { width: 100%; }

.page-service .apply-wrap .select-area .ui-sticky-item.sticky { margin-left: 136px; width: 336px; }

.page-service .apply-wrap .select-area .tit { position: relative; }

.page-service .apply-wrap .select-area .tit strong { font-size: 30px; line-height: 1.52; letter-spacing: -0.015em; font-family: "Kumbh Sans"; letter-spacing: normal; }

.page-service .apply-wrap .select-area .tit span { display: block; margin-top: 2px; color: #333; }

.page-service .apply-wrap .select-area .tit .ico-sprites-share { position: absolute; right: 0; top: 12px; }

.page-service .apply-wrap .select-area .form { margin-top: 32px; border-top: none; border-bottom: none; }

.page-service .apply-wrap .select-area .form > div { padding: 24px 0; }

.page-service .apply-wrap .select-area .form .form-radio-box { padding: 0 0 40px; }

.page-service .apply-wrap .select-area .form .form-radio-box .input-radio { width: 100%; margin: 0; }

.page-service .apply-wrap .select-area .form .form-radio-box .input-radio > span::after { border-radius: 5px; }

.page-service .apply-wrap .select-area .form .form-btn-type { padding: 0 0 40px; }

.page-service .apply-wrap .select-area .form .default { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; border-top: 1px dashed #D9D9D9; }

.page-service .apply-wrap .select-area .form .default .dt { width: 88px; font-weight: 400; color: #333; }

.page-service .apply-wrap .select-area .form .default .dd { width: calc(100% - 88px); text-align: right; }

.page-service .apply-wrap .select-area .form .default .dd.sale em { font-family: "Kumbh Sans"; letter-spacing: normal; font-size: 16px; color: #830890; }

.page-service .apply-wrap .select-area .form .default .dd.sale span { color: #707070; font-size: 16px; font-weight: 400; }

.page-service .apply-wrap .select-area .form .default .dd.sale span strong { font-family: "Kumbh Sans"; letter-spacing: normal; font-weight: 300; margin-right: 2px; text-decoration: line-through; }

.page-service .apply-wrap .select-area .form .default .dd.sel { font-weight: 400; }

.page-service .apply-wrap .select-area .form .default .dd.sel strong { margin-right: 2px; font-weight: 700; }

.page-service .apply-wrap .select-area .form .default .dd ~ .dt, .page-service .apply-wrap .select-area .form .default .dd ~ .dd { margin-top: 8px; }

.page-service .apply-wrap .select-area .form .amount .form-amount { justify-content: right; }

.page-service .apply-wrap .select-area .form .add-item select { border: 1px solid #e9e9e9; }

.page-service .apply-wrap .select-area .form .coupon { border-top: 0; border-bottom: 1px dashed #D9D9D9; padding: 0; padding-bottom: 20px; margin-bottom: 20px; }

.page-service .apply-wrap .select-area .form .coupon .dd { display: flex; width: 100%; margin-bottom: 16px; }

.page-service .apply-wrap .select-area .form .coupon .dd .num { display: flex; width: 100%; height: 48px; align-items: center; background: #f5f5f5; padding-right: 20px; box-sizing: border-box; justify-content: right; }

.page-service .apply-wrap .select-area .form .coupon .dd .num span { font-weight: 400; color: #333; }

.page-service .apply-wrap .select-area .form .coupon .dd .num span strong { font-size: 16px; line-height: 1.72; font-family: "Kumbh Sans"; letter-spacing: normal; color: #772480; }

.page-service .apply-wrap .select-area .form .coupon .dd .num .fn-circle.close { margin-left: 12px; }

.page-service .apply-wrap .select-area .form .coupon .bullet-caution { color: #545454; }

.page-service .apply-wrap .select-area .form .add-item-list { margin-top: 0; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e9e9e9; }

.page-service .apply-wrap .select-area .form .add-item-list > li { position: relative; display: block; background: #F5F5F5; border-radius: 4px; padding: 12px 20px; margin-top: 4px; box-sizing: border-box; }

.page-service .apply-wrap .select-area .form .add-item-list > li:first-of-type { margin-top: 0; }

.page-service .apply-wrap .select-area .form .add-item-list > li .ui-amount { margin-left: 0; }

.page-service .apply-wrap .select-area .form .add-item-list > li .ui-amount input { width: 40px; padding: 0; font-weight: 700; }

.page-service .apply-wrap .select-area .form .add-item-list > li .name { display: block; color: #333; padding-right: 34px; font-weight: 700; }

.page-service .apply-wrap .select-area .form .add-item-list > li .price { display: flex; align-items: center; justify-content: space-between; color: #707070; font-size: 16px; line-height: 1.72; color: #333; margin-top: 8px; }

.page-service .apply-wrap .select-area .form .add-item-list > li .price em { font-weight: 500; color: #333; font-size: 16px; line-height: 1.72; font-family: "Kumbh Sans"; letter-spacing: normal; font-weight: 400; margin-right: 2px; }

.page-service .apply-wrap .select-area .form .add-item-list > li .fn-circle.close { position: absolute; top: 12px; right: 20px; }

.page-service .apply-wrap .select-area .form .total { display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding-top: 0; }

.page-service .apply-wrap .select-area .form .total .amount { display: block; border-top: 0; }

.page-service .apply-wrap .select-area .form .total .amount .dd { width: 100%; }

.page-service .apply-wrap .select-area .form .total .amount .dd .form-amount input { width: 44px; padding: 0; font-weight: 700; }

.page-service .apply-wrap .select-area .form .total .amount .dd .form-amount > button { border: 1px solid #d9d9d9; }

.page-service .apply-wrap .select-area .form .total .amount .dd .form-amount > button[disabled] { border-color: #e9e9e9; }

.page-service .apply-wrap .select-area .form .total > span { font-size: 18px; line-height: 1.72; font-weight: 500; }

.page-service .apply-wrap .select-area .form .total > span strong { font-size: 24px; line-height: 1.52; letter-spacing: -0.015em; font-family: "Kumbh Sans"; letter-spacing: normal; color: #772480; }

.page-service .apply-wrap .select-area .btn-group.foot { margin-top: 48px; }

.page-service .apply-wrap .cont-area { width: 100%; }

.page-service .apply-wrap .cont-area .fieldset .legend { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.page-service .apply-wrap .cont-area .fieldset .box { border: 0; padding: 0; border-radius: 0; }

.page-service .apply-wrap .cont-area .fieldset .box .form-group .count textarea { height: 288px; }

.page-service .apply-wrap .cont-area > .select-area { margin: 0 -20px; padding: 48px 20px 0; border-top: 8px solid #f7f7f7; }

.page-service .apply-wrap .cont-area > .select-area .form { display: none; margin-top: 0; padding-bottom: 24px; }

.page-service .apply-wrap .option-fix-bar { padding-bottom: 30px; transition: transform 0.5s; }

.page-service .apply-wrap .option-fix-bar:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 30px; background: #fff; }

.page-service .apply-wrap .option-fix-bar .template-body { margin-top: -36px; }

.page-service .apply-wrap .option-fix-bar .template-body .content { padding-bottom: 24px; overflow: hidden; max-height: none; visibility: visible; }

.page-service .apply-wrap .option-fix-bar.active .template-body { transform: translateY(calc(-100% + 36px)); }

.page-service .apply-wrap .option-fix-bar.hide { transform: translateY(calc(100% + 36px)); }

.page-service .apply-wrap .option-fix-bar .select-area .form { margin-top: 0; }

.page-service .apply-wrap .option-fix-bar .select-area .form .add-item-list { max-height: 205px; overflow-y: auto; padding-bottom: 0; margin-bottom: 24px; box-sizing: border-box; }

.page-service .apply-wrap .option-fix-bar .select-area .form .add-item-list li:last-of-type { margin-bottom: 24px; }

.page-service .apply-wrap .option-fix-bar .select-area .form .add-item-list li:nth-of-type(n+3) { margin-bottom: 0; }

.page-service .apply-wrap .option-fix-bar .select-area .form .total { padding-bottom: 0; }

.page-service .dclean-info { margin-top: 0; }

.page-service .dclean-info .info-01 { margin-top: 40px; padding: 0 20px 64px; }

.page-service .dclean-info .info-01 .info > strong { font-weight: 700; font-size: 40px; line-height: 1.4; letter-spacing: -0.03em; }

.page-service .dclean-info .info-01 .info > em { display: block; margin: 48px 0 16px; font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.page-service .dclean-info .info-01 .info > span { color: #333; }

.page-service .dclean-info .info-01 .info .time-price { display: flex; align-items: center; justify-content: center; }

.page-service .dclean-info .info-01 .info .time-price span { position: relative; display: block; padding-left: 52px; margin-top: 32px; line-height: 40px; font-weight: 700; color: #333; white-space: nowrap; background-position: left center; background-repeat: no-repeat; background-size: 40px; }

.page-service .dclean-info .info-01 .info .time-price span em { font-family: "Kumbh Sans"; letter-spacing: normal; }

.page-service .dclean-info .info-01 .info .time-price span.time { padding-right: 32px; background-image: url(../images/common/ico-clock.svg); }

.page-service .dclean-info .info-01 .info .time-price span.time:after { content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 0; height: 31px; border-left: 1px dotted #d9d9d9; }

.page-service .dclean-info .info-01 .info .time-price span.price { margin-left: 32px; background-image: url(../images/common/ico-card.svg); }

.page-service .dclean-info .info-01 .video { position: relative; margin-top: 48px; padding-top: 56.25%; }

.page-service .dclean-info .info-01 .video iframe { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.page-service .dclean-info .info-02 { padding: 64px 20px; border-top: 8px solid #f7f7f7; }

.page-service .dclean-info .info-02 .tit { font-weight: 700; font-size: 30px; line-height: 1.52; letter-spacing: -0.015em; }

.page-service .dclean-info .info-02 ul { margin-top: 48px; }

.page-service .dclean-info .info-02 ul li { padding-right: 100px; background-position: right 0 bottom 12px; background-repeat: no-repeat; background-size: 84px; }

.page-service .dclean-info .info-02 ul li:nth-child(1) { background-image: url(../images/service/ico-dclean-01.png); }

.page-service .dclean-info .info-02 ul li:nth-child(2) { background-image: url(../images/service/ico-dclean-02.png); }

.page-service .dclean-info .info-02 ul li:nth-child(3) { background-image: url(../images/service/ico-dclean-03.png); }

.page-service .dclean-info .info-02 ul li + li { margin-top: 32px; padding-top: 32px; border-top: 1px solid #e9e9e9; }

.page-service .dclean-info .info-02 ul li em { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.page-service .dclean-info .info-02 ul li span { display: block; margin-top: 8px; color: #333; }

.page-service .dclean-info .info-03 { padding: 56px 0 232px; background: #EBE6E2 url("../images/service/dclean-info03-bg.png") right 0 bottom no-repeat; background-size: auto 232px; }

.page-service .dclean-info .info-03 .txt-question { display: block; margin-bottom: 32px; font-weight: 700; font-size: 30px; line-height: 1.52; letter-spacing: -0.015em; color: #772480; }

.page-service .dclean-info .info-03 .txt-answer { display: block; margin-top: 16px; font-weight: 400; font-size: 18px; line-height: 1.72; color: #333; }

.page-service .dclean-info .info-03 .txt-answer.em { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.page-service .dclean-info .info-03 .txt-answer.em em { color: #772480; }

.page-service .dclean-info .info-04 { padding: 64px 0; }

.page-service .dclean-info .info-04 .tit { font-weight: 700; font-size: 30px; line-height: 1.52; letter-spacing: -0.015em; }

.page-service .dclean-info .info-04 .slider-area { margin-top: 48px; }

.page-service .dclean-info .info-04 .slider-area .swiper-wrapper { padding-bottom: 32px; }

.page-service .dclean-info .info-04 .slider-area .swiper-wrapper .swiper-slide > em { display: block; margin-top: 24px; font-weight: 700; font-size: 18px; line-height: 1.72; }

.page-service .dclean-info .info-04 .slider-area .swiper-wrapper .swiper-slide > span { display: block; margin-top: 4px; color: #333; }

.page-service .dclean-info .info-04 .slider-area .swiper-scrollbar { position: static; width: 100%; height: 1px; background: #e9e9e9; font-size: 0; }

.page-service .dclean-info .info-04 .slider-area .swiper-scrollbar .swiper-scrollbar-drag { background: #000; }

.page-service .dclean-info .info-04 .btn-group { margin-top: 56px; }

.page-service .dclean-info .info-html .info-04 { padding-bottom: 0; }

.page-service .dclean-info .info-html + .info-04 { padding-top: 0; }

.page-service .dclean-info .template-review-list { padding: 64px 20px 0; border-top: 8px solid #f7f7f7; }

.page-service .dclean-info .template-review-list .tit-group strong { font-weight: 700; font-size: 26px; line-height: 1.52; letter-spacing: -0.015em; }

.page-service .dclean-info .template-review-list .length-rating .length .total { font-weight: 700; color: #333; font-size: 16px; line-height: 1.72; }

.page-service .install-info { margin-top: 0; }

.page-service .install-info .info-title-row .tit { display: block; font-weight: 700; font-size: 40px; line-height: 1.4; letter-spacing: -0.03em; }

.page-service .install-info .info-title-row em { display: block; margin-top: 48px; font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.page-service .install-info .info-title-row span { display: block; margin-top: 16px; color: #333; }

.page-service .install-info .step-list { margin-top: 48px; }

.page-service .install-info .step-list > li { display: flex; align-items: center; }

.page-service .install-info .step-list > li + li { margin-top: 32px; padding-top: 32px; border-top: 1px dashed #ccc; }

.page-service .install-info .step-list > li img { display: block; width: 130px; margin-right: 24px; flex: 0 0 auto; }

.page-service .install-info .step-list > li .step-txt > em { display: block; margin-bottom: 8px; font-weight: 700; font-size: 18px; line-height: 1.72; }

.page-service .install-info .step-list > li .step-txt > span { display: block; color: #333; }

.page-service .install-info .info-01 { padding: 40px 0 56px; }

.page-service .install-info .info-02 { padding: 48px 0; background: #f5f5f5; }

.page-service .install-info .info-02 .tit2 { display: block; margin-bottom: 24px; font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.page-service .install-info .info-02 .video { position: relative; padding-top: 56.25%; }

.page-service .install-info .info-02 .video iframe { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.page-service .install-info .info-02 p { margin-top: 24px; color: #707070; font-size: 16px; line-height: 1.72; color: #545454; }

.page-service .install-info .info-03 { padding-top: 80px; }

.page-service .install-info .info-03 .install-notice { margin-top: 56px; padding-top: 40px; border-top: 1px solid #E9E9E9; }

.page-service .install-info .btn-group.foot { padding: 0 20px; }

/* page-novita */
.page-novita .brand-wrap { margin-top: -70px; }

.page-novita .brand-wrap .brand-title-row .story-index { position: relative; display: inline-block; padding-right: 22px; margin-bottom: 56px; font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; font-family: "Kumbh Sans"; letter-spacing: normal; color: #772480; letter-spacing: -0.015em; transform: translateY(50px); opacity: 0; }

.page-novita .brand-wrap .brand-title-row .story-index::after { position: absolute; top: 0; right: 0; width: 16px; height: 16px; border: 5px solid #772480; border-radius: 50%; box-sizing: border-box; content: ''; }

.page-novita .brand-wrap .brand-title-row .brand-title { font-weight: 700; font-size: 40px; line-height: 1.4; letter-spacing: -0.03em; text-align: center; transform: translateY(50px); opacity: 0; }

.page-novita .brand-wrap .brand-title-row .brand-title strong { color: #772480; }

.page-novita .brand-wrap .brand-title-row .brand-desc { margin-top: 32px; font-weight: 400; font-size: 18px; line-height: 1.72; text-align: center; transform: translateY(50px); opacity: 0; }

.page-novita .brand-wrap .brand-title-row.action .story-index { transform: translateY(0); opacity: 1; transition: .6s; }

.page-novita .brand-wrap .brand-title-row.action .brand-title { transform: translateY(0); opacity: 1; transition: .6s; }

.page-novita .brand-wrap .brand-title-row.action .brand-desc { transform: translateY(0); opacity: 1; transition: .6s .1s; }

.page-novita .brand-wrap .brand-subject-row .brand-title { font-weight: 700; font-size: 30px; line-height: 1.52; letter-spacing: -0.015em; transform: translateY(50px); opacity: 0; }

.page-novita .brand-wrap .brand-subject-row .brand-title strong { color: #772480; }

.page-novita .brand-wrap .brand-subject-row .point-desc { margin-top: 32px; font-weight: 400; font-size: 18px; line-height: 1.72; color: #333; transform: translateY(50px); opacity: 0; }

.page-novita .brand-wrap .brand-subject-row .point-desc strong { font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.page-novita .brand-wrap .brand-subject-row .brand-desc { margin-top: 16px; color: #333; transform: translateY(50px); opacity: 0; }

.page-novita .brand-wrap .brand-subject-row .brand-desc + .brand-desc { margin-top: 12px; }

.page-novita .brand-wrap .brand-subject-row.action .brand-title { transform: translateY(0); opacity: 1; transition: .6s; }

.page-novita .brand-wrap .brand-subject-row.action .point-desc { transform: translateY(0); opacity: 1; transition: .6s .1s; }

.page-novita .brand-wrap .brand-subject-row.action .brand-desc { transform: translateY(0); opacity: 1; transition: .6s .2s; }

.page-novita .brand-wrap .top-visual { height: calc(var(--vh, 1vh) * 100); color: #fff; background: url("../images/novita/brand-img1.png") center center no-repeat; background-size: cover; }

.page-novita .brand-wrap .top-visual .inner { height: 100%; padding-top: 35.733%; box-sizing: border-box; }

.page-novita .brand-wrap .top-visual .inner strong { display: block; margin-bottom: 24px; font-family: "Kumbh Sans"; letter-spacing: normal; font-size: 40px; letter-spacing: -0.015em; line-height: 1.52; transform: translateY(50px); opacity: 0; }

.page-novita .brand-wrap .top-visual .inner p { font-size: 18px; line-height: 1.92; transform: translateY(50px); opacity: 0; }

.page-novita .brand-wrap .top-visual .inner .ico-scroll-box { position: absolute; left: 20px; bottom: 40px; opacity: 0; }

.page-novita .brand-wrap .top-visual.action .inner strong { transform: translateY(0); opacity: 1; transition: all .7s; }

.page-novita .brand-wrap .top-visual.action .inner p { transform: translateY(0); opacity: 1; transition: all .7s .1s; }

.page-novita .brand-wrap .top-visual.action .inner .ico-scroll-box { opacity: 1; transition: all .7s .2s; }

.page-novita .brand-wrap .from-customer { padding-top: 56px; }

.page-novita .brand-wrap .from-customer .brand-title-row.action .brand-title { transition-delay: .1s; }

.page-novita .brand-wrap .from-customer .brand-title-row.action .brand-desc { transition-delay: .2s; }

.page-novita .brand-wrap .from-customer .img-box { margin: 56px -20px 0; }

.page-novita .brand-wrap .from-customer .img-box img { display: block; opacity: 0; }

.page-novita .brand-wrap .from-customer .img-box p { margin-top: 56px; padding: 0 20px; color: #333; transform: translateY(50px); opacity: 0; }

.page-novita .brand-wrap .from-customer .img-box.action img { opacity: 1; transition: .5s; }

.page-novita .brand-wrap .from-customer .img-box.action p { transform: translateY(0); opacity: 1; transition: .6s .2s; }

.page-novita .brand-wrap .inno-tech { padding-top: 88px; }

.page-novita .brand-wrap .inno-tech .slider-area { margin-top: 56px; }

.page-novita .brand-wrap .inno-tech .slider-area .swiper-slide strong { display: block; margin-top: 40px; font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.page-novita .brand-wrap .inno-tech .slider-area .swiper-slide p { margin-top: 16px; color: #333; }

.page-novita .brand-wrap .inno-tech .slider-area .swiper-scrollbar { position: static; width: 100%; height: 1px; margin-top: 50px; background: #e9e9e9; }

.page-novita .brand-wrap .inno-tech .slider-area .swiper-scrollbar .swiper-scrollbar-drag { background: #000; }

.page-novita .brand-wrap .patented-tech { padding-top: 88px; }

.page-novita .brand-wrap .patented-tech .img-box { margin: 56px -20px 0; opacity: 0; }

.page-novita .brand-wrap .patented-tech .img-box.action { opacity: 1; transition: all .5s; }

.page-novita .brand-wrap .quality-test { padding-top: 88px; }

.page-novita .brand-wrap .quality-test .ico-list { display: flex; flex-wrap: wrap; margin-top: 16px; transform: translateY(50px); opacity: 0; }

.page-novita .brand-wrap .quality-test .ico-list li { width: calc(33.333% - 5.333px); margin-top: 40px; margin-right: 8px; padding-top: 56px; background-position: center top; background-repeat: no-repeat; background-size: 48px; }

.page-novita .brand-wrap .quality-test .ico-list li:nth-of-type(3n) { margin-right: 0; }

.page-novita .brand-wrap .quality-test .ico-list li:nth-child(1) { background-image: url("../../assets/images/novita/brand-sec5-ico01.png"); }

.page-novita .brand-wrap .quality-test .ico-list li:nth-child(2) { background-image: url("../../assets/images/novita/brand-sec5-ico02.png"); }

.page-novita .brand-wrap .quality-test .ico-list li:nth-child(3) { background-image: url("../../assets/images/novita/brand-sec5-ico03.png"); }

.page-novita .brand-wrap .quality-test .ico-list li:nth-child(4) { background-image: url("../../assets/images/novita/brand-sec5-ico04.png"); }

.page-novita .brand-wrap .quality-test .ico-list li:nth-child(5) { background-image: url("../../assets/images/novita/brand-sec5-ico05.png"); }

.page-novita .brand-wrap .quality-test .ico-list li span { display: block; text-align: center; font-weight: 700; color: #707070; font-size: 16px; line-height: 1.72; color: #333; }

.page-novita .brand-wrap .quality-test .brand-subject-row.action .ico-list { transform: translateY(0); opacity: 1; transition: .6s .4s; }

.page-novita .brand-wrap .quality-test .img-box { margin-top: 56px; margin-left: -20px; opacity: 0; }

.page-novita .brand-wrap .quality-test .img-box.action { opacity: 1; transition: all .5s; }

.page-novita .brand-wrap .kohler-design { padding: 88px 0 80px; }

.page-novita .brand-wrap .kohler-design .brand-subject-row.action .novita-logo { opacity: 1; transform: translateY(0); transition: all .6s; }

.page-novita .brand-wrap .kohler-design .brand-subject-row.action .brand-title { transition-delay: .1s; }

.page-novita .brand-wrap .kohler-design .brand-subject-row.action .point-desc { transition-delay: .2s; }

.page-novita .brand-wrap .kohler-design .brand-subject-row.action .brand-desc { transition-delay: .3s; }

.page-novita .brand-wrap .kohler-design .novita-logo { display: block; margin-bottom: 56px; transform: translateY(50px); opacity: 0; }

.page-novita .brand-wrap .kohler-design .novita-logo img { display: block; width: 120px; }

.page-novita .brand-wrap .kohler-design .kohler-slider { margin: 56px -20px 0; }

.page-novita .brand-wrap .kohler-design .kohler-slider .swiper-slide { position: relative; width: 60.597%; }

.page-novita .brand-wrap .kohler-design .kohler-slider .swiper-slide::before { display: block; padding-top: 151.231%; content: ''; }

.page-novita .brand-wrap .kohler-design .kohler-slider .swiper-slide.clean .img-box { background-image: url("../images/novita/brand-sec6-img01.png"); }

.page-novita .brand-wrap .kohler-design .kohler-slider .swiper-slide.comfort { margin-top: 70px; }

.page-novita .brand-wrap .kohler-design .kohler-slider .swiper-slide.comfort .img-box { background-image: url("../images/novita/brand-sec6-img02.png"); }

.page-novita .brand-wrap .kohler-design .kohler-slider .swiper-slide.minimal { margin-top: 20px; }

.page-novita .brand-wrap .kohler-design .kohler-slider .swiper-slide.minimal .img-box { background-image: url("../images/novita/brand-sec6-img03.png"); }

.page-novita .brand-wrap .kohler-design .kohler-slider .swiper-slide.swiper-slide-active .img-box .txt strong { transform: translateY(0); opacity: 1; }

.page-novita .brand-wrap .kohler-design .kohler-slider .swiper-slide.swiper-slide-active .img-box .txt span { transform: translateY(0); opacity: 1; }

.page-novita .brand-wrap .kohler-design .kohler-slider .swiper-slide .img-box { position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.page-novita .brand-wrap .kohler-design .kohler-slider .swiper-slide .img-box .txt { text-align: center; }

.page-novita .brand-wrap .kohler-design .kohler-slider .swiper-slide .img-box .txt strong { display: block; font-weight: 700; font-size: 26px; line-height: 1.52; letter-spacing: -0.015em; font-family: "Kumbh Sans"; letter-spacing: normal; transform: translateY(20px); opacity: 0; transition: all .6s; }

.page-novita .brand-wrap .kohler-design .kohler-slider .swiper-slide .img-box .txt span { display: block; transform: translateY(20px); opacity: 0; transition: all .6s .1s; }

.page-novita .brand-wrap .social-impact::before { content: ''; display: block; border-top: 8px solid #F7F7F7; margin-bottom: 80px; }

.page-novita .brand-wrap .social-impact .img-box { margin: 56px 0 88px; opacity: 0; }

.page-novita .brand-wrap .social-impact .img-box.action { opacity: 1; transition: all .5s; }

.page-novita .brand-wrap .social-impact .img-txt-row .brand-subject-row .point-desc strong { font-weight: 700; font-size: 18px; line-height: 1.72; }

.page-novita .brand-wrap .social-impact .img-txt-row > img { display: block; margin-top: 48px; opacity: 0; }

.page-novita .brand-wrap .social-impact .img-txt-row.action > img { opacity: 1; transition: all .5s .2s; }

/* page-event */
.page-event .vip-membership { margin-top: 0; }

.page-event .vip-membership .visual { position: relative; }

.page-event .vip-membership .visual .txt { display: flex; flex-direction: column; position: absolute; top: 50%; left: 20px; transform: translateY(-50%); color: #fff; }

.page-event .vip-membership .visual .txt span { font-size: 24px; line-height: 1.52; letter-spacing: -0.015em; }

.page-event .vip-membership .visual .txt strong { margin-top: 8px; font-size: 32px; line-height: 1.52; letter-spacing: -0.015em; }

.page-event .vip-membership .ui-tab { margin-top: 56px; }

.page-event .vip-membership .ui-tab .tab-nav { margin-bottom: 48px; }

.page-event .vip-membership .ui-tab .tab-nav.has-scroll .blind { height: 31px; }

.page-event .vip-membership .ui-tab .tab-nav.has-scroll .blind.blind-r { right: 0; }

.page-event .vip-membership .ui-tab [data-tab-target] { flex: none; position: relative; height: 31px; padding: 0 16px; border: 0; }

.page-event .vip-membership .ui-tab [data-tab-target] + [data-tab-target]::before { display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 16px; background: #e9e9e9; content: ''; }

.page-event .vip-membership .ui-tab [data-tab-target]:first-child { padding-left: 20px; }

.page-event .vip-membership .ui-tab [data-tab-target]:last-child { padding-right: 20px; }

.page-event .vip-membership .ui-tab .tab-content { overflow: hidden; }

.page-event .vip-membership .tab-guide dt { font-weight: 700; font-size: 30px; line-height: 1.52; letter-spacing: -0.015em; }

.page-event .vip-membership .tab-guide .dl-benefits dd { margin-top: 56px; padding-bottom: 64px; text-align: center; }

.page-event .vip-membership .tab-guide .dl-benefits dd span { color: #772480; }

.page-event .vip-membership .tab-guide .dl-join { padding-top: 64px; border-top: 1px solid #e9e9e9; }

.page-event .vip-membership .tab-guide .dl-join dd { margin-top: 48px; }

.page-event .vip-membership .tab-guide .dl-join dd .tit { display: block; margin-bottom: 32px; font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; }

.page-event .vip-membership .tab-guide .dl-join dd .dl-join-condition .condition-txt { font-weight: 400; font-size: 18px; line-height: 1.72; }

.page-event .vip-membership .tab-guide .dl-join dd .dl-join-condition .condition-txt em { display: block; margin-top: 8px; color: #707070; font-size: 16px; line-height: 1.72; }

.page-event .vip-membership .tab-guide .dl-join dd .dl-join-condition .condition-img { display: flex; align-items: center; justify-content: center; margin-top: 24px; border: 1px solid #e2e2e2; padding: 30px; border-radius: 6px; }

.page-event .vip-membership .tab-guide .dl-join dd .dl-join-condition .condition-img span { display: block; padding-top: 68px; flex: 1; font-weight: 700; color: #333; font-size: 16px; line-height: 1.72; text-align: center; background-position: center top; background-repeat: no-repeat; background-size: 56px; }

.page-event .vip-membership .tab-guide .dl-join dd .dl-join-condition .condition-img span.img-member { background-image: url("../images/event/img-member.png"); }

.page-event .vip-membership .tab-guide .dl-join dd .dl-join-condition .condition-img span.img-buy { background-image: url("../images/event/img-member-buy.png"); }

.page-event .vip-membership .tab-guide .dl-join dd .dl-join-condition .condition-img .i-plus { position: relative; display: block; width: 32px; height: 32px; margin: 0 20px; background: #f5f5f5; border-radius: 50%; flex: 0 0 auto; }

.page-event .vip-membership .tab-guide .dl-join dd .dl-join-condition .condition-img .i-plus:before, .page-event .vip-membership .tab-guide .dl-join dd .dl-join-condition .condition-img .i-plus:after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 10px; height: 1px; background-color: #000; border-radius: 2px; }

.page-event .vip-membership .tab-guide .dl-join dd .dl-join-condition .condition-img .i-plus:after { transform: translate(-50%, -50%) rotate(-90deg); }

.page-event .vip-membership .tab-guide .dl-join dd .dl-join-condition .btn { width: 100%; margin-top: 32px; }

.page-event .vip-membership .tab-guide .dl-join dd .dl-join-how { padding-top: 48px; }

.page-event .vip-membership .tab-guide .dl-join dd .dl-join-how ol li { text-align: center; }

.page-event .vip-membership .tab-guide .dl-join dd .dl-join-how ol li:not(:last-of-type) { padding-bottom: 29px; background: url("../images/event/how-step-arrow.png") center bottom no-repeat; background-size: 10px; }

.page-event .vip-membership .tab-guide .dl-join dd .dl-join-how ol li + li { margin-top: 24px; }

.page-event .vip-membership .tab-guide .dl-join dd .dl-join-how ol li .step-ttl { display: inline-block; border-bottom: 1px solid #000; font-weight: 700; color: #333; font-size: 16px; line-height: 1.72; font-family: "Kumbh Sans"; letter-spacing: normal; }

.page-event .vip-membership .tab-guide .dl-join dd .dl-join-how ol li .step-desc { margin-top: 16px; font-weight: 700; color: #333; font-size: 16px; line-height: 1.72; }

.page-event .vip-membership .tab-guide .dl-join dd .dl-join-how ol li .step-desc span { display: block; font-weight: 400; }

.page-event .vip-membership .tab-guide .dl-join dd .dl-join-how ol li .step-content { margin-top: 16px; border: 1px solid #e9e9e9; text-align: left; border-radius: 6px; }

.page-event .vip-membership .tab-guide .dl-join dd .dl-join-how ol li .step-content .step-item { position: relative; display: flex; align-items: center; padding: 0 20px; }

.page-event .vip-membership .tab-guide .dl-join dd .dl-join-how ol li .step-content .step-item + .step-item { border-top: 1px dashed #ccc; }

.page-event .vip-membership .tab-guide .dl-join dd .dl-join-how ol li .step-content .step-item .step-ico-box { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 84px; height: 100px; background-position: center center; background-repeat: no-repeat; background-size: 84px; flex: 0 0 auto; }

.page-event .vip-membership .tab-guide .dl-join dd .dl-join-how ol li .step-content .step-item .step-ico-box .step-ico-txt { display: inline-block; padding: 0 8px; font-size: 10px; font-weight: 500; color: #fff; line-height: 19px; text-align: center; background: #333; border-radius: 76.92px; }

.page-event .vip-membership .tab-guide .dl-join dd .dl-join-how ol li .step-content .step-item .step-txt { display: block; margin-left: 20px; font-weight: 700; color: #333; font-size: 16px; line-height: 1.72; }

.page-event .vip-membership .tab-guide .dl-join dd .dl-join-how ol li.step-1 .step-ico-box { background-image: url("../images/event/join-how-member.png"); }

.page-event .vip-membership .tab-guide .dl-join dd .dl-join-how ol li.step-2 .step-item { /* OR 삭제 & + .step-item::after { display: block; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 12px; font-weight: 700; color: #333; @include family('en'); background: #f5f5f5; border-radius: 50%; content: 'OR'; }*/ }

.page-event .vip-membership .tab-guide .dl-join dd .dl-join-how ol li.step-2 .step-item .step-ico { display: block; background-position: center center; background-repeat: no-repeat; }

.page-event .vip-membership .tab-guide .dl-join dd .dl-join-how ol li.step-2 .step-item .step-ico.step-buy { width: 48px; height: 48px; background-image: url("../images/event/join-how-buy.png"); background-size: 48px; }

.page-event .vip-membership .tab-guide .dl-join dd .dl-join-how ol li.step-2 .step-item .step-ico.step-regist { width: 58px; height: 52px; background-image: url("../images/event/join-how-regist.png"); background-size: 58px; }

.page-event .vip-membership .tab-guide .dl-join dd .dl-join-how ol li.step-3 .step-content { border-color: #772480; }

.page-event .vip-membership .tab-guide .dl-join dd .dl-join-how ol li.step-3 .step-content .step-txt { color: #772480; }

.page-event .vip-membership .tab-guide .dl-join dd .dl-join-how ol li.step-3 .step-content .step-ico-box { background-image: url("../images/event/ico-vip2.png"); }

.page-event .vip-membership .tab-guide .dl-join dd .dl-join-how .bullet-o { margin-top: 40px; padding-top: 40px; border-top: 1px solid #e9e9e9; }

.page-event .vip-membership .tab-guide .dl-join dd .dl-join-how .bullet-o li { color: #545454; }

.page-event .vip-membership .tab-new .product-list .list .util { position: absolute; top: 0; padding-top: 114.6268%; }

.page-event .vip-membership .tab-new .fn-reserve-toggle input:checked + span { background: #830890; border-color: #830890; color: #fff; }

.page-event .vip-membership .tab-new .fn-reserve-toggle span { display: block; font-size: 16px; line-height: 44px; padding: 0 18px 0 51px; color: #fff; border: 2px solid #fff; border-radius: 100px; color: #333; font-weight: 700; }

.page-event .vip-membership .tab-new .fn-reserve-toggle span:before { content: ''; position: absolute; left: 21px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.03915 18L3.00343 6H16.9077L17.872 18H2.03915Z' stroke='white' stroke-width='2'/%3E%3Cpath d='M12.9995 8V4C12.9995 2.34315 11.6564 1 9.99951 1V1C8.34266 1 6.99951 2.34315 6.99951 4V8' stroke='white' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A"); }

.page-event .vip-membership .tab-coupon .coupon-list { margin: 40px 0; padding-bottom: 40px; border-bottom: 1px solid #e9e9e9; }

.page-event .vip-membership .tab-coupon .coupon-list li { position: relative; display: flex; align-items: stretch; border: 1px solid #000; border-radius: 12px; }

.page-event .vip-membership .tab-coupon .coupon-list li + li { margin-top: 16px; }

.page-event .vip-membership .tab-coupon .coupon-list li::before, .page-event .vip-membership .tab-coupon .coupon-list li::after { position: absolute; bottom: 34px; width: 8px; height: 24px; background: url("../images/event/coupon-bg.svg") 1px center no-repeat; background-size: 17px; content: ''; z-index: 2; }

.page-event .vip-membership .tab-coupon .coupon-list li::before { left: -1.5px; transform: rotate(180deg); }

.page-event .vip-membership .tab-coupon .coupon-list li::after { right: -1.5px; }

.page-event .vip-membership .tab-coupon .coupon-list li.is-down { border-color: #d9d9d9; }

.page-event .vip-membership .tab-coupon .coupon-list li.is-down::before, .page-event .vip-membership .tab-coupon .coupon-list li.is-down::after { background-image: url("../images/event/coupon-down-bg.svg"); }

.page-event .vip-membership .tab-coupon .coupon-list li.is-down .txt-area::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f5f5f5; opacity: 0.62; border-radius: 12px; content: ''; }

.page-event .vip-membership .tab-coupon .coupon-list li.is-down .btn-download .ico-sprites-down, .page-event .vip-membership .tab-coupon .coupon-list li.is-down .btn-download .btn-down-menual:after { background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.769531 10.2957L6.75706 16.9229L19.2311 4.61523' stroke='%23CCCCCC' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }

.page-event .vip-membership .tab-coupon .coupon-list .txt-area { padding: 24px 28px; flex: 1; }

.page-event .vip-membership .tab-coupon .coupon-list .txt-area .date { display: block; margin-bottom: 16px; color: #707070; font-size: 16px; line-height: 1.72; }

.page-event .vip-membership .tab-coupon .coupon-list .txt-area .name { margin-bottom: 4px; font-weight: 700; color: #333; font-size: 16px; line-height: 1.72; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.page-event .vip-membership .tab-coupon .coupon-list .txt-area .price { display: block; font-weight: 700; font-size: 22px; line-height: 1.52; letter-spacing: -0.015em; color: #772480; }

.page-event .vip-membership .tab-coupon .coupon-list .btn-download { display: flex; align-items: center; justify-content: center; width: 56px; background: #f5f5f5; border-radius: 0 12px 12px 0; flex: 0 0 auto; }

.page-event .vip-membership .tab-event .board { margin-top: 40px; }

.page-event .vip-membership .tab-event .board .list.thumbnail .btn-more { margin-top: 56px; }

#pop-product-vip .list li:first-of-type { margin-top: 0; }

#pop-product-vip .list li .tag { margin-top: 32px; }

#pop-product-vip .list li .prd-desc { margin-top: 8px; }

#pop-product-vip .btn-group { margin-top: 48px; }

#pop-product-reserve .body .content-area { padding-bottom: 12px; }

#pop-product-reserve .footer { background: #fff; box-shadow: none; }

/*# sourceMappingURL=default.css.map */


/* 제품배송조회 */
.delivery-pop .delivery-area .curr-box{display: flex; flex-direction: column; gap: 11.5px 0; margin: 0 0 32px; padding: 16px 20px; background: #F5F5F5;}

.delivery-pop .delivery-area .curr-box dl{display: flex; align-items: center; gap: 10px 30px; font-weight: 700;}

.delivery-pop .delivery-area .curr-box dl dt{color: #000;}

.delivery-pop .delivery-area .curr-box dl dd{font-weight: 300;}

.delivery-pop .delivery-area .curr-box dl dd strong{font-size: 18px; color: #772480;}

.delivery-pop .delivery-area .info-list{display: flex; flex-direction: column; gap: 20px 0; position: relative;}

.delivery-pop .delivery-area .info-list::before{content: ""; position: absolute; left:33px; top:0; display: block; width: 1px; height:100%; background: #E9E9E9;}

.delivery-pop .delivery-area .info-list li{display: flex; flex-direction: column; justify-content: center; position: relative; height: 68px; padding: 0 0 0 89px;}

.delivery-pop .delivery-area .info-list li::before{content: ""; display: inline-block; position: absolute; left: 0; top: 0; width: 68px; height: 68px; background: url("../images/mypage/icon_delivery.png") center center no-repeat;background-size: 100%;}

.delivery-pop .delivery-area .info-list li p{display: flex; color: #000;}

.delivery-pop .delivery-area .info-list li .area{font-weight: 700;}

.delivery-pop .delivery-area .info-list li .date{display: flex; align-items: center; line-height: 1.3; color: #545454;}

.delivery-pop .delivery-area .info-list li p span:first-child{position: relative; display: inline-block; padding-right: 11px; margin-right: 10px;}

.delivery-pop .delivery-area .info-list li p span:first-child:after{content: ""; position: absolute; right: 0; top: 50%; width: 1px; height: 12px; margin-top: -6px; background: #E9E9E9;}

.delivery-pop .delivery-area .info-list li.active * {color: #772480;}

.delivery-pop .delivery-area .info-list li.active .state{color: #DF3333;}

.delivery-pop .delivery-area .info-list li.active::before{background-image: url("../images/mypage/icon_delivery_on.png");}