@charset 'utf-8';

/* ====================== */
/* UI Reset */
/* ====================== */
* {margin:0;padding:0;font:inherit;font-family:'NO', 'Noto Sans KR', 'Noto Sans Korean', sans-serif;letter-spacing:-0.1px;-webkit-tap-highlight-color: transparent;}
*, *::before, *::after {box-sizing:border-box;}
html {font-size: 62.5%;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;}
img, video, svg, picture {display:block;height:auto;max-width:100%;}
body {font-size:1.6rem;color:#1f1f1f;}
a {text-decoration:none;cursor:pointer;-webkit-tap-highlight-color: transparent;color:inherit;}
button {border:none;cursor:pointer;background-color:transparent;-webkit-tap-highlight-color: transparent;}
sup {line-height:1;vertical-align:0px;}
ul, ol, li {list-style:none;}

input {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input::-ms-clear {display: none;}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input[type='number'] {-moz-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button {appearance: none; /* 크롬, 엣지, 사파리 */-webkit-appearance: none;}

select {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::-ms-expand {display:none;}

::-webkit-scrollbar {width: 6px;height:6px;}
::-webkit-scrollbar-thumb {background: #d6d6d6;border-radius: 10px;}
/* ====================== */
/*Variable */
/* ====================== */
:root {
    --primary-color: #1F1F1F;
}
/* ====================== */
/* interval */
/* ====================== */
.ft-no {font-family: 'NO';}
.ta-center {text-align:center;}
.ta-right {text-align:right;}
.ta-left {text-align:left;}

.w-full {width:100%;}
.w-half {width:50%;}
.w-auto {width:auto;}

.blind {position: absolute;width: 1px;height: 1px;clip: rect(0 0 0 0);overflow: hidden;}

.ft-red {color:#F32D2D;}
.ft-blue {color:#4A6CFC;}

.anchor {text-decoration:underline;color:#4A6CFC;}

.msg {color:#737373;margin-top:7px;font-size:14px;}
.msg.error {color:#ED7779;}

.page-title {font-size:24px;font-weight:600;display:block;text-align:left;padding-left:16px;line-height:1;border-left:4px solid #1f1f1f;margin-bottom:15px;}
.page-top {margin-bottom:42px;}
.page-top p {color:#727272;line-height:1.5;}

.loading {position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:100;}
.loading .spinner {top:50%;left:50%;transform:translate(-50%,-50%);width:48px; height:48px; display:block; position:absolute; color:#FFF; box-sizing:border-box; animation:rotation 1s linear infinite;}
.loading .spinner::after,
.loading .spinner::before {content:''; box-sizing:border-box; position:absolute; width:24px; height:24px; top:50%; left:50%; transform:scale(0.5) translate(0, 0); background-color:#FFF; border-radius:50%; animation:animloader 1s infinite ease-in-out;}
.loading .spinner::before {background-color:#000; transform:scale(0.5) translate(-48px, -48px);}
@keyframes rotation { 0% {transform:rotate(0deg);} 100% {transform:rotate(360deg); }}
@keyframes animloader { 50% {transform:scale(1) translate(-50%, -50%);} }


/* ====================== */
/* input */
/* ====================== */
/* input */
.input {padding:1px 16px;width:100%;height:48px;background:#fff;border:1px solid #BFC1C3;vertical-align:middle;box-sizing:border-box;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;outline:0 none;transition:all 0.3s ease;font-family:'Pretendard';}
// css
.input:-webkit-autofill,
.input:-webkit-autofill:hover,
.input:-webkit-autofill:focus,
.input:-webkit-autofill:active {
	-webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}

.input:autofill,
.input:autofill:hover,
.input:autofill:focus,
.input:autofill:active {
	-webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}
.input.size-small {padding:1px 14px;height:36px;}
textarea {height:auto;resize:none;padding:14px;line-height:1.45;border:1px solid #BFC1C3;width:100%;}
.input::placeholder,
textarea::placeholder {color:#bbb;}
.input:focus,
textarea:focus {border-color:#1F1F1F;outline:none;}
.input.error,
textarea.error {border-color:#ED7779;}
.input:disabled,
textarea:disabled {background-color:#f8f8f8;color:#777;}
.input:read-only,
textarea:read-only {background-color:#f8f8f8;color:#777;}
.input::-ms-reveal,
.input::-ms-clear {display: none;}

/* select */
select {position:relative;outline:none;width:100%;padding:0 44px 0 16px;height:48px;border:1px solid #BFC1C3;border-radius:0;overflow:hidden;z-index:1;background:url(../images/select_arrow.svg) no-repeat calc(100% - 10px) center/24px;background-color:#fff;transition:all .3s ease;white-space:nowrap;text-overflow:ellipsis;color:#1f1f1f;}
select:focus {border-color:#1F1F1F;}
select:disabled {background-color:#f8f8f8;color:#777;}

/* radio */
.radio {position:relative;display:inline-flex;text-align:left;vertical-align:middle;}
.radio input[type='checkbox'] {position:absolute;left:0;top:0;height:100%;border:none;background:transparent;z-index:2;}
.radio input[type='radio'] {position:absolute;left:0;top:0;height:100%;border:none;background:transparent;z-index:2;}
.radio label {display:inline-flex;word-break:break-word;align-items:center;gap:8px;cursor: pointer;}
.radio label i {display:block;position:relative;width:24px;height:24px;border:1px solid #cacaca;border-radius:100%;box-sizing:border-box;transition:all 0.2s ease;flex:none;}
.radio input:checked + label i {border-color:var(--primary-color);background:var(--primary-color)  url(/images/checkbox.svg) no-repeat center;background-size:14px auto;}
.radio input:disabled + label i {border-color:#CFD2D7;background-color:#fff;}
.radio input:disabled + label {color:#CFD2D7;}
.radio input:checked:disabled + label {color:#CFD2D7;}
.radio input:checked:disabled + label i {background-color:var(--primary-color);opacity:.3;}

/* check */
.checkbox {position:relative;display:inline-flex;text-align:left;vertical-align:middle;}
.checkbox input[type='checkbox'] {position:absolute;left:0;top:0;height:100%;border:none;background:transparent;z-index:2;}
.checkbox input[type='radio'] {position:absolute;left:0;top:0;height:100%;border:none;background:transparent;z-index:2;}
.checkbox label {display:inline-flex;word-break:break-word;align-items:center;gap:8px;cursor: pointer;}
.checkbox label i {display:block;position:relative;width:24px;height:24px;box-sizing:border-box;transition:all 0.2s ease;flex:none;background-color:#fff;border:1px solid #cacaca;}
.checkbox label i:before {content: '';position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%, -50%);background:url(/images/checkbox.svg) no-repeat center;background-size:14px auto;}
.checkbox input:checked + label i {background-color:var(--primary-color);border-color:var(--primary-color);}
.checkbox input:disabled + label i {background-color:#DCDDDE;border-color:#DCDDDE;}
.checkbox input:checked:disabled + label i {opacity:.3;}

/* range */
.range {display:inline-flex;gap:8px;align-items:center;}

/* email */
.email-set div {position:relative;width:100%;display:flex;align-items:center;}
.email-set div > .input {width:55%;border-right-color:transparent;padding-right:40px;}
.email-set div em {flex:none;position:absolute;left:46.5%;top:50%;transform:translateY(-53%);}
.email-set div select {width:45%;}
.email-set div .input:focus {border-right-color:#1f1f1f !important;}
.email-set div .input:focus + select {border-left-color:transparent;}
.email-set > .input {margin-top:10px;}

/* switch */
.switch {display:inline-flex;align-items:center;cursor:pointer;}
.switch [type='checkbox'] {appearance:none;position:relative;border:0;border-radius:100px;width:52px;height:28px;background:#F2F3F5;}
.switch [type='checkbox']::before {content: '';position:absolute;left:2px;top:3px;width:22px;height:22px;border-radius: 50%;background-color:#fff;transition: left 250ms linear;box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15), 0px 1px 1px rgba(0, 0, 0, 0.16), 0 0 0 .5px rgba(0, 0, 0, 0.04);box-sizing:border-box;}
.switch [type='checkbox']:checked {background-color:var(--primary-color);}
.switch [type='checkbox']:checked::before {background-color: white;left:27px;box-shadow:none;}
.switch [type='checkbox']:disabled {background-color:#F2F3F5;}
.switch [type='checkbox']:disabled:before {background-color:#B7BBBF;box-shadow:none;}
.switch [type='checkbox']:disabled + span {color:#CFD2D7;}

/* form */
.input-area {display:flex;flex-direction:column;gap:20px;}
.input-area .input-row {display:flex;align-items:start;}
.input-area .input-label {width:120px;padding-top:10px;}
.input-area .input-label sup {font-size:0;}
.input-area .input-label sup:after {content:'*';color:#ED7779;font-weight:500;font-size:1.6rem;display:inline-block;}
.input-area .input-box {flex:1;}

/* password check */
.pw-check {margin-top:8px;display:flex;gap:4px 8px;flex-wrap:wrap;}
.pw-check li {color:#ED7779;font-size:14px;}
.pw-check li:before {content:'';display:inline-block;margin-right:5px;width:14px;height:14px;background:url(../images/password_check.svg) no-repeat center;background-size:contain;vertical-align:-2px;}
.pw-check li.on {color:#7ED295;}
.pw-check li.on:before {background-image:url(../images/password_check_active.svg);background-size:12px auto;}

/* pw eyes */
.pw-input {position:relative;}
.pw-input .input {padding-right:48px;}
.pw-input .btn-eyes {width:54px;height:48px;position:absolute;right:0;top:0;background:url(/images/btn_eyes.svg) no-repeat center/22px auto;font-size:0;text-indent:-9999px;overflow:hidden;white-space:nowrap;}
.pw-input .btn-eyes.active {background-image:url(/images/btn_eyes_active.svg);}

/* 본인인증 */
.identification {display:flex;flex-direction:column;gap:14px;}
.identification .btn-solid {width:100%;}
.input-btn {display:flex;gap:10px;align-items:center;}
.input-btn .input {flex:1;}
.input-btn .dropdown-wrap {flex:1;}
.input-btn .btn-solid {width:auto;flex:none;}
.time-set {position:relative;flex:auto;}
.time-set em {position:absolute;right:16px;top:50%;transform:translateY(-50%);color: #ED7779;font-size:14px;}
.count-set {position:relative;flex:auto;}
.count-set em {position:absolute;right:16px;bottom:15px;color: #B6B6B6;font-size:14px;}

/* 텍스트 라디오 버튼 */
.text-radio-wrap {display:flex;gap:1rem;}
.text-radio {position:relative;display:inline-flex;text-align:left;vertical-align:middle;width:100%;}
.text-radio span {display:flex;word-break:keep-all;align-items:center;cursor: pointer;border:1px solid #BFC1C3;height:48px;font-weight:500;transition:all .3s ease;width:100%;justify-content:center;text-align:center;color:#bbb;}
.text-radio input[type='radio'],
.text-radio input[type='checkbox'] {position:absolute;left:0;top:0;height:100%;border:none;background:transparent;z-index:2;}
.text-radio input[type='radio']:checked + span,
.text-radio input[type='checkbox']:checked + span {background-color:#1F1F1F;color:#fff;}

.file-set label {display:inline-block;}
.file-set input[type="file"] { display: none; }
.file-set .btn-upload {border-radius: 4px;border: 1px solid #DDD;background: #FFF;width:84px;height:84px;text-align: center;font-size:13px;display:flex;justify-content:center;align-items:center;flex-direction:column;font-weight:500;}
.file-set .btn-upload:before {content:'';display:block;margin:0 auto 8px;width:32px;height:32px;background:url(/images/btn_upload.svg) no-repeat center/contain;}
.file-set .file-noti {font-size:14px;color:#9F9F9F;word-break:keep-all;margin-top:10px;}
.file-set .file-list {display:flex;flex-wrap:wrap;gap:16px;}
.file-set .file-list .file-box {width:136px;min-width:0;margin-top:16px;position:relative;}
.file-set .file-list .file-url {width:100%;height:136px;overflow:hidden;display:block;border:1px solid #ddd;}
.file-set .file-list .file-url img {object-fit:cover;width:100%;height:100%;}
.file-set .file-list .file-delete {padding:3px 5px;border-radius:4px;font-size:12px;background:#f4f4f4;color:#555;position:absolute;right:8px;top:8px;}

.filter {display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;}
.filter .input {height:40px;font-size:14px;}
.filter .btn-filter-search {display:inline-flex;align-items:center;height:40px;padding:0 16px;margin-left:10px;}
.filter .btn-filter-search:before {content:'';width:14px;height:14px;background:url(/images/support/btn_search.svg) no-repeat center/contain;margin-right:6px;}
.filter .filter-right {display:flex;align-items:center;}

.range-radio-wrap {display:flex;gap:10px;}
.range-radio {position:relative;display:inline-flex;text-align:left;vertical-align:middle;width:86px;}
.range-radio span {display:flex;font-size:14px;align-items:center;cursor: pointer;border:1px solid #1F1F1F;height:40px;font-weight:500;transition:all .3s ease;width:100%;justify-content:center;border-radius:100px;}
.range-radio input[type='radio'],
.range-radio input[type='checkbox'] {position:absolute;left:0;top:0;height:100%;border:none;background:transparent;z-index:2;}
.range-radio input[type='radio']:checked + span,
.range-radio input[type='checkbox']:checked + span {background-color:#1F1F1F;color:#fff;}

.finish {text-align:center;padding-top:35px;}
.finish img {margin:0 auto 24px;}
.finish .title {font-size:24px;font-weight:700;color:#000;display:block;margin-bottom:20px;}
.finish .text {line-height:1.6;margin-bottom:60px;}
.finish .btn-area {display:flex;gap:10px;justify-content:center;}

.security {text-align:center;padding-top:35px;max-width:345px;margin:0 auto;}
.security img {margin:0 auto 24px;}
.security .title {font-size:24px;font-weight:700;color:#000;display:block;margin-bottom:20px;}
.security .text {line-height:1.6;margin-bottom:60px;}

.dropdown-wrap {position:relative;}
.dropdown-wrap .input:focus + .dropdown {opacity:1;visibility:visible;z-index:2;max-height:300px;overflow:auto;}
.dropdown-wrap .dropdown {position:absolute;left:0;width:100%;background:#f8f8f8;opacity:0;z-index:0;visibility:hidden;box-shadow:0 0 10px rgba(0,0,0,.1);}
.dropdown-wrap .dropdown li {padding:9px 14px;color:#1f1f1f;transition:all .3s ease;cursor:pointer;}
.dropdown-wrap .dropdown li:hover {background-color:#f0f0f0;}
.dropdown-wrap .dropdown li span {color:#ed7779;}
.dropdown-wrap .dropdown li.disabled {color:#9f9f9f;}
.dropdown-wrap .dropdown li.none {display:flex;align-items:center;}
.dropdown-wrap .dropdown li .dropdown-delete-btn {width:24px;height:24px;font-size:0;background:url(/images/dropdown_delete_btn.svg) no-repeat center/50% auto;float:right;margin-top:2px;}

.btn-icon-wrap {display:flex;gap:10px;align-items:center;}
.btn-icon-edit {display:inline-flex;align-items:center;gap:6px;color:#9F9F9F;font-size:14px;}
.btn-icon-edit:before {content:'';display:inline-block;width:20px;height:20px;background:url(/images/btn_icon_edit.svg) no-repeat center/contain;}
.btn-icon-delete {display:inline-flex;align-items:center;gap:6px;color:#9F9F9F;font-size:14px;}
.btn-icon-delete:before {content:'';display:inline-block;width:20px;height:20px;background:url(/images/btn_icon_delete.svg) no-repeat center/contain;}
.btn-icon-soldout {display:inline-flex;align-items:center;gap:6px;color:#9F9F9F;font-size:14px;}
.btn-icon-soldout:before {content:'';display:inline-block;width:20px;height:20px;background:url(/images/btn_icon_soldout.svg) no-repeat center/18px auto;}

.product-count-set {display:inline-flex;gap:18px;align-items:center;}
.product-count-set .count {font-family:'NO';font-size:18px;font-weight:bold;}
.product-count-set .btn-count-minus,
.product-count-set .btn-count-plus {width:32px;height:32px;display:inline-block;border-radius:100px;overflow:hidden;font-size:0;text-indent:-9999px;white-space:nowrap;background:#eee no-repeat center;background-size:14px auto;}
.product-count-set .btn-count-minus:disabled,
.product-count-set .btn-count-plus:disabled {opacity:.4;}
.product-count-set .btn-count-plus {background-image:url(/images/btn_count_plus.svg);}
.product-count-set .btn-count-minus {background-image:url(/images/btn_count_minus.svg);}

.order-process {display:flex;justify-content:space-between;align-items:center;position:relative;max-width:600px;margin:0 auto 60px;}
.order-process:before {content:'';position:absolute;width:100%;height:1px;background-color: #EFEFEF;display:block;left:0;top:30px;z-index:-1;}
.order-process .order-process-item {text-align:center;font-size:14px;color:#c1c1c1;transition:all .3s ease;}
.order-process .order-process-item span {width:60px;height:60px;border-radius:100px;background-color:#EFEFEF;transition:all .3s ease;display:block;margin:0 auto 7px;font-size:0;text-indent:-9999px;overflow:hidden;}
.order-process .order-process-item.active {color:#1f1f1f;}
.order-process .order-process-item.active span {background-color:#1F1F1F !important;}
.order-process .order-process-item:nth-child(1) span {background:#EFEFEF url(/images/order_step1.svg) no-repeat center/50% auto;}
.order-process .order-process-item:nth-child(2) span {background:#EFEFEF url(/images/order_step2.svg) no-repeat 55% center/50% auto;}
.order-process .order-process-item:nth-child(3) span {background:#EFEFEF url(/images/order_step3.svg) no-repeat center/50% auto;}
.order-process .order-process-item.active:nth-child(1) span {background-image:url(/images/order_step1_active.svg);}
.order-process .order-process-item.active:nth-child(2) span {background-image:url(/images/order_step2_active.svg);}
.order-process .order-process-item.active:nth-child(3) span {background-image:url(/images/order_step3_active.svg);}

#wrap .product-search .select2 {width:100% !important;}
#wrap .select2-container--default .select2-selection--single {height: 48px;border: 1px solid #BFC1C3;border-radius: 0;}
#wrap .select2-container--default .select2-selection--single .select2-selection__rendered {line-height:48px;}
#wrap .select2-container--default .select2-selection--single .select2-selection__arrow {height:46px;width:40px;background:url(../images/select_arrow.svg) no-repeat center / 24px auto;}
#wrap .select2-container--default .select2-selection--single .select2-selection__arrow b {display:none;}
#wrap .select2-container .select2-selection--single .select2-selection__rendered {padding-left:15px;padding-right:40px;}
/* ====================== */
/* table */
/* ====================== */
.tls .btn-sort {width:14px;height:14px;font-size:0;display:inline-flex;align-items:center;justify-content:center;vertical-align:-3px;margin-left:4px;}
.tls .btn-sort:before {font-family:"Material Icons Round";content:"unfold_more";font-size:16px;color:#666;font-weight:800;}
.tls {border-radius:5px;border: 1px solid #F0F0F0;display:block;width:100%;overflow:auto;}
.tls table {border-collapse: collapse;text-align:center;white-space:nowrap;width:100%;}
.tls thead th {background:#f9f9f9;color:#626262;padding:14px 20px;font-weight:600;}
.tls tbody td {padding:0 20px;border:1px solid #F0F0F0;border-width:1px 0;height:44px;color:#313131;}
.tls tbody tr:hover {background-color:#f9f9f9;}
.tls tbody tr:last-child td {border-bottom:0;}

.tvs {border:1px solid #f0f0f0;border-radius:5px;width:100%;}
.tvs table {border-collapse:collapse;width:100%;text-align:left;}
.tvs th {background:#F0F1F5;color:#72777A;height:54px;padding:0 20px;}
.tvs tr {border-bottom:1px solid #E9E9E9;}
.tvs tr:last-child {border-bottom:0;}
.tvs td {background:#fff; padding:12px 20px;color:#212B36;}


/* ====================== */
/* button */
/* ====================== */
.btn-solid {display:inline-flex;height:48px;padding:0 24px;background-color:#efefef;align-items:center;justify-content:center;overflow:hidden;position:relative;}
.btn-solid:disabled {opacity: .5;}
.btn-round {display:inline-flex;height:48px;padding:0 24px;background-color:#efefef;align-items:center;justify-content:center;border-radius:100px;overflow:hidden;position:relative;}
.btn-round:disabled {opacity: .5;}

.size-small {height:40px;padding:0 16px;font-size:14px;}
.size-large {height:52px;padding:0 28px;font-size:18px;}

.color-black {background:#1f1f1f;color:#fff;}
.color-gray {background:#eee;color:#1F1F1F;}
.color-outline {background-color:#fff;color:#1f1f1f;border:1px solid #1f1f1f;}

.circle {
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
	width: 1px;
	height: 1px;
	z-index: 3;
	background: radial-gradient(circle closest-side, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.42));
	animation: ripple 0.5s ease-in;
}
.color-outline .circle {background:radial-gradient(circle closest-side, rgba(140, 140, 140, 0.1), rgba(140, 140, 140, 0.4));}
.color-gray .circle {background:radial-gradient(circle closest-side, rgba(140, 140, 140, 0.1), rgba(140, 140, 140, 0.4));}
@keyframes ripple {
	0% {transform: scale(0, 0);opacity: 0;}
	75% {transform: scale(400, 400);opacity: 0.75;}
	100% {transform: scale(700, 700);opacity: 0;}
}


/* ====================== */
/* Layout */
/* ====================== */
.inner {max-width:1420px;margin-left:auto;margin-right:auto;}
.common-pd {padding:60px 0 120px;}
.header-wrap {position:fixed;top:0;left:0;width:100%;height:105px;box-shadow:0 0 15px rgba(0, 0, 0, .1);padding:16px 0 12px;z-index:2;background-color:#fff;transition:all .3s ease;}
.header-wrap .header-top {display:flex;justify-content:end;align-items:center;}
.header-wrap .header-top .sub-util {display:flex;align-items:center;gap:15px;}
.header-wrap .header-top .sub-util a {color:#727272;font-size:14px;}
.header-wrap .header-top .sub-util .btn-mypage strong {font-weight:500;color:#1f1f1f;}
.header-wrap .header-bottom {display:flex;justify-content:space-between;align-items:center;margin-top:16px;}
.header-wrap .header-bottom .main-left .mobile {display:none;}
.header-wrap .header-bottom .main-left .logo h1 {font-size:0;text-indent:-9999px;overflow:hidden;white-space:nowrap;width:136px;height:22px;background:url(/images/logo_black.svg) no-repeat center/contain;}
.header-wrap .header-bottom .main-left .btn-back {width:40px;height:40px;display:inline-block;font-size:0;text-indent:-9999px;overflow:hidden;white-space:nowrap;background:url(/images/btn_back.svg) no-repeat center/contain;}
.header-wrap .header-bottom .main-nav {display:flex;gap:40px;align-items:center;}
.header-wrap .header-bottom .main-nav a {color:#1f1f1f;font-weight:500;font-size:18px;}
.header-wrap .header-bottom .main-util {display:flex;align-items:center;gap:0;}
.header-wrap .header-bottom .main-util .btn-coupon {width:40px;height:40px;display:inline-block;font-size:0;text-indent:-9999px;overflow:hidden;white-space:nowrap;background:url(/images/btn_header_coupon.svg) no-repeat center/130% auto;}
.header-wrap .header-bottom .main-util .btn-search {width:40px;height:40px;display:inline-block;font-size:0;text-indent:-9999px;overflow:hidden;white-space:nowrap;background:url(/images/btn_header_search.svg) no-repeat center/contain;}
.header-wrap .header-bottom .main-util .btn-basket {position:relative;width:40px;height:40px;display:inline-block;font-size:0;text-indent:-9999px;overflow:hidden;white-space:nowrap;background:url(/images/btn_header_basket.svg) no-repeat center/contain;}
.header-wrap .header-bottom .main-util .btn-basket .basket-count {position:absolute;top:1px;right:1px;font-size:12px;color:#fff;font-weight:500;font-family:'Noto Sans KR';width:18px;height:18px;background:#ed7779;border-radius:100px;display:flex;justify-content:center;text-indent:0;line-height:1.4;}
.header-wrap .header-bottom .main-util .btn-notify {position:relative;width:40px;height:40px;display:inline-block;font-size:0;text-indent:-9999px;overflow:hidden;white-space:nowrap;background:url(/images/btn_header_notify.svg) no-repeat center/contain;}
.header-wrap .header-bottom .main-util .btn-notify .notify-count {position:absolute;top:2px;right:2px;font-size:12px;color:#ed7779;font-weight:800;TEXT-INDENT:0;}
.header-wrap .header-bottom .main-util .btn-menu {width:40px;height:40px;display:inline-block;font-size:0;text-indent:-9999px;overflow:hidden;white-space:nowrap;background:url(/images/btn_header_menu.svg) no-repeat center/contain;display:none;}
.header-wrap.transparent {box-shadow:none;background:transparent;}
.header-wrap.transparent .header-top .sub-util a {color:#fff;}
.header-wrap.transparent .header-top .sub-util .btn-mypage strong {color:#fff;}
.header-wrap.transparent .header-bottom .logo h1 {background-image:url(/images/logo_white.svg);}
.header-wrap.transparent .header-bottom .main-nav a {color:#fff;}
.header-wrap.transparent .header-bottom .main-util .btn-coupon {background-image:url(/images/btn_header_coupon_white.svg);}
.header-wrap.transparent .header-bottom .main-util .btn-search {background-image:url(/images/btn_header_search_white.svg);}
.header-wrap.transparent .header-bottom .main-util .btn-basket {background-image:url(/images/btn_header_basket_white.svg);}
.header-wrap.transparent .header-bottom .main-util .btn-notify {background-image:url(/images/btn_header_notify_white.svg);}
.btn-top {position:fixed;right:30px;bottom:30px;border-radius: 6px;border: 1px solid #DBDBDB;background:#F9F9F9 url(/images/btn_top.svg) no-repeat center/40% auto;width:48px;height:48px;font-size:0;z-index:10;transition:all .3s ease;}

.search-wrap {position:fixed;top:0;left:0;width:100%;box-shadow:0 0 15px rgba(0, 0, 0, .1);padding:50px 0;background-color:#fff;transition:all .3s ease;visibility:hidden;opacity:0;z-index:-1;transform:translateY(-100%);transition:all .3s ease;}
.search-wrap.active {z-index:3;opacity:1;visibility:visible;transform:translateY(0);box-shadow:0 10px 15px rgba(0,0,0,.1);}
.search-wrap .inner {max-width:780px;}
.search-wrap .search-close-btn {display:inline-block;width:40px;height:40px;font-size:0;text-indent:-9999px;overflow:hidden;white-space:nowrap;background:url(../images/btn_search_close.svg) no-repeat center/contain;position:absolute;top:40px;right:40px;}
.search-wrap .search-input {width:100%;display:flex;gap:10px;margin-bottom:40px;}
.search-wrap .search-field {position:relative;flex:1;}
.search-wrap .search-field input {border-radius:4px;border:2px solid #B9C0C2;background: #FFF;height:54px;width:100%;transition:all .3s ease;padding:0 15px;}
.search-wrap .search-field input:focus {border-color:#1F1F1F;}
.search-wrap .search-field input:focus ~ .input-clear-btn {opacity:1;}
.search-wrap .search-field input:focus ~ .search-dropdown {visibility:visible;opacity:1;z-index:4;}
.search-wrap .search-field .input-clear-btn {position:absolute;right:16px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:100px;font-size:0;text-indent:-9999px;overflow:hidden;white-space:nowrap;background:#BFC1C3 url(../images/btn_input_clear.svg) no-repeat center/14px auto;opacity:0;}
.search-wrap .search-field .search-dropdown {position:absolute;top:100%;left:0;right:0;padding-top:10px;visibility:hidden;opacity:0;}
.search-wrap .search-field .search-dropdown-list {border-radius:4px;border:1px solid #EFEFEF;background:#FFF;padding:10px;max-height:200px;overflow:auto;}
.search-wrap .search-field .search-dropdown-item {padding:8px 14px;border-radius:4px;background:#fff;transition:all .3s ease;cursor:pointer;color:#525252;}
.search-wrap .search-field .search-dropdown-item span {font-weight:500;color:#1f1f1f;}
.search-wrap .search-field .search-dropdown-item:hover {background:#f8f8f8;}
.search-wrap .search-submit-btn {width:54px;height:54px;border:0;border-radius:4px;background:#4A4A4A url(../images/btn_search_submit.svg) no-repeat center/40% auto;font-size:0;text-indent:-9999px;overflow:hidden;white-space:nowrap;}
.search-wrap .search-recent {margin-bottom:40px;}
.search-wrap .search-recent-header {display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}
.search-wrap .search-recent-header .title {display:flex;align-items:center;}
.search-wrap .search-recent-header .title strong {font-weight:600;font-size:20px;}
.search-wrap .search-recent-header .recent-clear-btn {font-size:14px;text-decoration:underline;color:#9F9F9F;}
.search-wrap .search-recent-header .save {display:inline-flex;align-items:center;gap:8px;margin-left:14px;font-size:15px;color:#525252;font-weight:500;}
.search-wrap .recent-list {display:flex;flex-wrap:wrap;gap:8px;}
.search-wrap .recent-none {text-align:center;width:100%;color:#727272;line-height:1.4;padding:20px 0;font-size:15px;}
.search-wrap .recent-item {border-radius:100px;border:1px solid #DBDBDB;display:inline-flex;align-items:center;padding:10px 18px 12px 20px;line-height:1;background:#f8f8f8;}
.search-wrap .recent-item .recent-delete-btn {width:14px;height:14px;margin-left:8px;font-size:0;text-indent:-9999px;overflow:hidden;white-space:nowrap;background:url(../images/btn_recent_delete.svg) no-repeat center/9px auto;}
.search-wrap .search-recommend-header {display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}
.search-wrap .search-recommend-header .title strong {font-weight:600;font-size:20px;}
.search-wrap .recommend-list {display:flex;flex-wrap:wrap;gap:8px;}
.search-wrap .recommend-item {border-radius:100px;border:1px solid #DBDBDB;display:inline-flex;align-items:center;padding:10px 18px 11px 18px;line-height:1;}

#container {margin-top:105px;min-height:calc(84vh - 105px);}

.drawer-wrap {position:fixed;left:0;top:0;bottom:0;right:0;width:100%;background-color:rgba(0, 0, 0, .4);z-index:-1;visibility:hidden;opacity:0;transition:all .3s ease-in;}
.drawer-wrap.active {z-index:10;visibility:visible;opacity:99;}
.drawer-wrap .drawer {position:absolute;left:0;top:0;bottom:0;width:290px;height:100%;display:flex;flex-direction:column;background-color:#fff;transform:translateX(-290px);transition:all .35s ease-in;}
.drawer-wrap.active .drawer {transform:translateX(0);}
.drawer-wrap .drawer .btn-drawer-close {position:absolute;right:16px;top:16px;font-size:0;text-indent:-9999px;overflow:hidden;white-space:nowrap;background:url(/images/btn_drawer_close.svg) no-repeat center/14px auto;width:30px;height:30px;}
.drawer-wrap .drawer .drawer-contents {flex:1;padding:20px;}
.drawer-wrap .drawer .drawer-contents nav a {font-size:18px;font-weight:600;margin-bottom:20px;display:block;color:#1f1f1f;}
.drawer-wrap .drawer .drawer-profile {display:block;margin:80px 20px 0;padding-bottom:16px;border-bottom:2px solid #1f1f1f;position:relative;}
.drawer-wrap .drawer .drawer-profile .name {font-size:18px;color:#555;}
.drawer-wrap .drawer .drawer-profile .name strong {font-weight:600;color:#1f1f1f;}
.drawer-wrap .drawer .drawer-profile .btn-logout {position:absolute;right:0;top:0;font-size:12px;color:#fff;background-color:#1f1f1f;border-radius:100px;padding:5px 11px;display:inline-flex;align-items:center;}
.drawer-wrap .drawer .drawer-profile .btn-logout:after {content:'';width:12px;height:12px;display:block;margin-left:4px;background:url(/images/btn_logout.svg) no-repeat center/contain;}
.drawer-wrap .drawer .drawer-profile .coupon {display:flex;justify-content:space-between;align-items:center;}
.drawer-wrap .drawer .drawer-profile .coupon .label {color:#888;font-size:15px;font-weight:500;}
.drawer-wrap .drawer .drawer-profile .coupon .count {font-size:18px;font-weight:500;}
.drawer-wrap .drawer .drawer-count {display:flex;gap:10px;padding:0 20px;margin-top:10px;}
.drawer-wrap .drawer .drawer-count .drawer-count-item {width:100%;border-radius: 6px;background: #F5F5F7;padding:8px;text-align:center;font-weight:600;}
.drawer-wrap .drawer .drawer-count .drawer-count-item span {font-size:12px;display:block;margin-bottom:2px;font-weight:400;color:#565656;}

.bn-wrap {display:none;position:fixed;bottom:0;left:0;right:0;width:100%;background:#fff;border-radius: 10px 10px 0px 0px;box-shadow: 0px -2px 5px 0px rgba(0, 0, 0, 0.10);overflow:hidden;transition:bottom .3s ease;z-index:10;}
.bn-wrap.hide {bottom:-60px;}
.bn-wrap .bn-nav {display:flex;height:60px;padding:0 10px;}
.bn-wrap .bn-nav .bn-item {width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:4px;}
.bn-wrap .bn-nav .bn-item-icon {flex:none;}
.bn-wrap .bn-nav .bn-item-name {font-size:11px;color:#5a5a5a;}

.footer-wrap {background:#363636;padding:40px 0;color:#fff;}
.footer-wrap .ft-main {display:flex;justify-content:space-between;border-bottom:1px solid #333339;margin-bottom:20px;padding-bottom: 20px;}
.footer-wrap .ft-link {margin-bottom:30px;}
.footer-wrap .ft-link a {font-weight:600;color:#fff;}
.footer-wrap .ft-link a:after {content:'';display:inline-block;margin:0 12px;vertical-align:-1px;width:1px;height:16px;background-color:rgb(212, 212, 212);opacity:.4;}
.footer-wrap .ft-link a:last-child::after {content:none;}
.footer-wrap .ft-link a.highlight {color:#FFECAC;}
.footer-wrap .login-sc {margin-top:24px;border-radius: 10px;background: rgba(255, 255, 255, 0.05);padding:14px 20px;display:inline-flex;align-items:center;color:#fff;}
.footer-wrap .login-sc:after {content:'';display:inline-block;background:url(/images/login_sc_arrow.svg) no-repeat center/contain;width:16px;height:16px;margin-left:14px;}
.footer-wrap .ft-corp {color:#fff;font-weight:300;font-size:14px;}
.footer-wrap .ft-corp .ft-corp-row {margin-bottom:10px;}
.footer-wrap .ft-corp .ft-corp-row a {text-decoration:none;}
.footer-wrap .ft-corp .ft-corp-row:last-child {margin-bottom:0;}
.footer-wrap .ft-corp .ft-corp-item {display:inline-flex;align-items:center;font-size: 15px;}
.footer-wrap .ft-corp .ft-corp-item:after {content:'';display:inline-block;margin:0 20px;vertical-align:-1px;width:1px;height:12px;background-color:rgb(212, 212, 212);opacity:.4;}
.footer-wrap .ft-corp .ft-corp-item:last-child::after {content:none;}
.footer-wrap .ft-corp .ft-corp-item span {font-weight:500;opacity:.6;margin-right:8px;}
.footer-wrap .ft-copyright {color:#FFF;font-weight:300;font-size:14px;opacity:.4;}


/* ====================== */
/* modal */
/* ====================== */
/* 기본 모달 */
.modal {position:fixed;left:0;top:0;right:0;bottom:0;background: rgba(32, 34, 36, 0.6);width:100%;height:100%;overflow:hidden;visibility:hidden;opacity:0;transition:all .35s ease;z-index:-1;visibility:hidden;}
.modal.active {z-index:100;visibility:visible;opacity:1;}
.modal-close {width:30px;height:30px;display:block;text-indent:-9999px;font-size:0;background:url(/images/btn_modal_close.svg) no-repeat center;background-size:contain;position:absolute;right:20px;top:20px;z-index:1;}
.modal .modal-box {display:block;width:440px;padding:20px 24px;background-color:#fff;border-radius:14px;overflow:hidden;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.modal .modal-title {font-size:22px;font-weight:600;display:block;text-align:left;border-bottom:2px solid #1F1F1F;padding-bottom:14px;margin-bottom:18px;}
.modal .modal-contents {}
.modal .modal-btn {margin-top:20px;}

/* 동작 확인 팝업 */
.modal.alert .modal-box {padding:0;max-width:82%;width:320px;}
.modal.alert .modal-box p {font-size:16px;font-weight:400;line-height:1.55;word-break:keep-all;}
.modal.alert .modal-contents {padding:40px 24px;text-align:center;}
.modal.alert .modal-btn {border-top:1px solid #ECECEC;display:flex;margin-top:0;}
.modal.alert .modal-btn > * {width:100%;}
.modal.alert .modal-btn .btn-white {height:52px;display:inline-flex;align-items:center;justify-content:center;color:#1f1f1f;}
.modal.alert .modal-btn .btn-black {height:52px;display:inline-flex;align-items:center;justify-content:center;background:#1f1f1f;color:#fff;}

@media (max-width: 1420px) {
	.inner {padding:0 16px;}
	.common-pd {padding:40px 0 80px;}
}

@media (max-width: 1024px) {
	body {font-size:1.5rem;}
	#container {margin-top:64px;min-height:calc(100vh - 64px);}
	.header-wrap {height:64px;background-color:#000;padding:0;}
	.header-wrap .header-top {display:none;}
	.header-wrap .header-bottom {margin-top:0;height:64px;}
	.header-wrap .header-bottom .main-left .pc {display:none;}
	.header-wrap .header-bottom .main-left .mobile {display:block;}
	.header-wrap .header-bottom .main-nav {display:none;}
	.header-wrap .header-top .sub-util a {color:#fff;}
    .header-wrap .header-top .sub-util .btn-mypage strong {color:#fff;}
    .header-wrap .header-bottom .main-left .logo h1 {background-image:url(/images/logo_white.svg);}
    .header-wrap .header-bottom .main-nav a {color:#fff;}
    .header-wrap .header-bottom .main-util .btn-coupon {background-image:url(/images/btn_header_coupon_white.svg);display:none;}
    .header-wrap .header-bottom .main-util .btn-search {background-image:url(/images/btn_header_search_white.svg);}
    .header-wrap .header-bottom .main-util .btn-basket {background-image:url(/images/btn_header_basket_white.svg);}
    .header-wrap .header-bottom .main-util .btn-notify {background-image:url(/images/btn_header_notify_white.svg);display:none;}
    .header-wrap .header-bottom .main-util .btn-menu {display:block;}

    .footer-wrap .ft-main {flex-direction:column-reverse;gap:32px;padding-bottom:12px;margin-bottom:12px;}
    .footer-wrap .ft-link {margin-bottom:16px;}
    .footer-wrap .ft-link a {font-size:13px;}
    .footer-wrap .ft-link a:after {height:12px;}
    .footer-wrap .login-sc {margin-top:16px;}
    .footer-wrap .ft-corp .ft-corp-item:after {content:none;}
    .footer-wrap .ft-corp .ft-corp-row {margin-bottom:0;}
    .footer-wrap .ft-corp .ft-corp-item {display:flex;margin-bottom:7px;font-size:13px;}
    .footer-wrap .ft-corp .ft-corp-row:last-child .ft-corp-item:last-child {margin-bottom:0;}
    .footer-wrap .ft-copyright {font-size:12px;}

    .bn-wrap {display:block;}

	.btn-solid,
	.btn-round {height:44px;padding:0 20px;font-size:15px;}
	.size-small {height:36px;padding:0 14px;font-size:14px;}
	.size-large {height:48px;padding:0 28px;font-size:16px;}

	.input {height:44px;padding:0 14px;}
	select {height:44px;padding-left:14px;}
	.checkbox label i {width:20px;height:20px;}
	.checkbox label i:before {background-size:10px auto;}
	.radio label i {width:20px;height:20px;}
	.radio input:checked + label i {background-size:10px auto;}

	.input-area .input-row {flex-direction:column;}
	.input-area .input-label {width:100%;margin-bottom:8px;padding-top:0;font-size:14px;}
	.input-area .input-box {width:100%;}

	.file-set .file-list {flex-wrap:nowrap;overflow:auto;gap:10px;}
	.file-set .file-list .file-box {flex:none;}

	.filter {flex-direction:column;gap:10px;}
	.filter .filter-left {width:100%;flex-direction:column;gap:10px;}
	.filter .filter-right {width:100%;flex-direction:column;gap:10px;}
    .filter .range-radio {width:100%;}
	.filter .range-radio span {height:36px;font-size:13px;}
    .filter .range {width:100%;}
    .filter .range .input {width:100%;height:36px;}
	.filter .btn-filter-search {margin-left:0;width:100%;height:36px;}

	.search-wrap .search-close-btn {top:unset;right:unset;left:50%;bottom:-20px;transform:translateX(-50%);background:#4a4a4a url(../images/btn_search_close_white.svg) no-repeat center/32px auto;border-radius:100px;}
	.search-wrap {padding:20px 0 70px;}
	.search-wrap .search-recent-header .title strong {font-size:18px;}
	.search-wrap .recent-item {font-size:14px;padding:8px 14px 10px 16px;}
	.search-wrap .search-recommend-header .title strong {font-size:18px;}
	.search-wrap .search-recent-header .save {zoom:.8;}
	.search-wrap .recommend-item {font-size:14px;padding:8px 16px 10px 16px;}

	.btn-top {width:35px;height:35px;right:16px;bottom:75px;}
}

@media (max-width: 768px) {
    .modal .modal-box {max-width:calc(100% - 32px);}

    .order-process {max-width:265px;margin-bottom:30px;display:none;}
    .order-process:before {top:22px;}
    .order-process .order-process-item {font-size:13px;}
    .order-process .order-process-item span {width:44px;height:44px;}

    .text-radio-wrap {gap:8px;}
    .text-radio span {height:44px;}

    .file-set .file-noti {font-size:13px;}
}