@import url(./plugin/normalize.min.css);
@import url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css);

* {font-family: "Pretendard", sans-serif; font-size:16px; font-weight:400; color:#000;}

#popup-bg-loading,
#bowlG {display:none !important;}

img {vertical-align: top;}
ul,ol,li {list-style:none;}
h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-size:inherit;}
button {line-height:inherit;}

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

.font-medium {font-weight:500;}

[class*="icon-"] {display:block; background-position:0 0; background-repeat:no-repeat; background-size:100%;}
.icon-search-circle {width:56px; height:56px; display:flex; align-items: center; justify-content: center; border-radius:50%; background-color:#FAFAFA;}
.icon-triangle {width:6px; height:8px; background-image:url(/static/img/icon/icon-triangle.svg);}

html,
body {scroll-behavior: smooth;}

#wrap {}

#header {position:sticky; left:0; top:0; background: transparent linear-gradient(93deg, #2C4FAA 0%, #3A6CD3 100%) 0% 0% no-repeat padding-box; z-index:1000;}
#header .header-inner {width:1344px; height:100px; margin:0 auto; position:relative; display:flex; align-items: center; gap:0 16px;}
#header .header-inner .left-area {display:flex; gap:0 25px;}

#header .header-logo,
#header .header-logo a {display:flex; gap:0 8px; align-items: flex-end; text-decoration: none;}
#header .header-logo img {width:130px;}
#header .header-logo span {font-size:13px; font-weight:700; color:#fff; opacity:.55; transform:translateY(-8px)}

#header .top-btn {width:80px; display:flex; flex-direction: column; align-items: center; justify-content: center; gap:5px 0; position:relative;}
#header .top-btn .image-area {width:46px; height:46px; display:flex; flex-direction: column; justify-content: center; justify-content: center; border-radius:50%; background-color:#335CB8;}
#header .top-btn:hover .image-area {background-color:#284EA2;}
#header .top-btn img {margin:0 auto;}
#header .top-btn span {font-size:18px; font-weight:500; color:#fff;}
#header .top-btn .total-num {width:20px; height:20px; display:flex; align-items: center; justify-content: center; position:absolute; right:17px; top:5px; background-color:#DD0000; color:#fff; font-size:12px; font-weight:600; border-radius:50%; font-style:normal; line-height:normal;}
#header .top-btn .total-num:empty {display:none;}
#header .top-btn.btn-mo {width:auto; display:none;}
#header .top-btn.btn-mo span {display:none;}
#header .top-btn .icon-login-type {width:20px; height:20px; position:absolute; right:9px; top:0px;}
#header .top-btn.btn-mo .icon-login-type {right: -2px; top: -6px;}

#header .total-search-area {width:100%; max-width:520px; margin-left:auto; position:relative;}
#header .total-search-area label {display:none;}
#header .total-search-area .total-search-inner {position:relative;}
#header .total-search-area .total-search-inner input[type="search"] {width:100%; height:50px; padding:0 16px; border-radius:12px; background-color:#F9F9F9; font-size:16px; color:#000; border:0;}
#header .total-search-area .total-search-inner input[type="search"]::-webkit-search-decoration,
#header .total-search-area .total-search-inner input[type="search"]::-webkit-search-cancel-button,
#header .total-search-area .total-search-inner input[type="search"]::-webkit-search-results-button,
#header .total-search-area .total-search-inner input[type="search"]::-webkit-search-results-decoration {display: none;}
#header .total-search-area .total-search-inner input[type="search"]::placeholder {font-size:16px; color:#999;}
#header .total-search-area .total-search-inner .btn-total-search {width:50px; height:50px; position:absolute; right:10px; top:50%; transform:translateY(-50%); background:url(/static/img/icon/btn-search-black.svg) center center no-repeat;}

#header .header-aside {min-width: fit-content; margin-left:auto; display:flex; flex-direction: column; align-items:flex-end;}
#header .header-aside.is-mo {display:none; margin-bottom:0;}
#header .header-aside .aside-menus {display:flex;}

.sub-visual-wrapper {position:relative;}
.sub-visual-wrapper.type-pc {}
.sub-visual-wrapper.type-mo {display:none}
.sub-visual-area {border-bottom:1px solid #ddd;}
.sub-visual-slider {}
.sub-visual-slider .swiper-wrapper {}
.sub-visual-slider .swiper-wrapper .swiper-slide {}
.sub-visual-slider .swiper-wrapper .swiper-slide a {display:block;}
.sub-visual-wrapper.type-pc .sub-visual-slider .swiper-wrapper .swiper-slide a {height:150px; background-repeat:no-repeat; background-position:center; background-size:cover;}
.sub-visual-slider .swiper-wrapper .swiper-slide .img-visual {width:100%;}

.sub-visual-wrapper .swiper-pagination {bottom:-30px;}
.sub-visual-wrapper .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; background-color:#DBDBDB; opacity:1;}
.sub-visual-wrapper .swiper-pagination .swiper-pagination-bullet-active {background-color:#005AA9;}

.contents-layout {width:1344px; padding-top:80px; margin:0 auto; position:relative;}

.member-layout {max-width:520px; margin:0 auto;}
.member-layout.type-naver .join-stepper-area .join-stepper li.active .join-stepper-circle.step-01,
.member-layout.type-naver .join-stepper-area .join-stepper li.active .join-stepper-circle.step-02 {background-color:#07AA5C; border-color:#07AA5C;}
.member-layout.type-naver .common-btn-area .common-btn:not(.outline) {background-color:#07AA5C;}
.member-layout.type-naver .common-btn-area .common-btn:not(.outline):hover {background-color:#08884A;}
.member-layout.type-naver .form-fieldset-area .form-fieldset-item.last .common-btn {background-color:#08884A;}

.member-layout.type-kakao .join-stepper-area .join-stepper li.active .join-stepper-circle.step-01,
.member-layout.type-kakao .join-stepper-area .join-stepper li.active .join-stepper-circle.step-02 {background-color:#181707; border-color:#181707;}
.member-layout.type-kakao .common-btn-area .common-btn:not(.outline) {background-color:#FADF43; color:#181707;}
.member-layout.type-kakao .common-btn-area .common-btn:not(.outline):hover {background-color:#D1B200;}
.member-layout.type-kakao .form-fieldset-area .form-fieldset-item.last .common-btn {background-color:#D1B200;}

.member-title {font-size:40px; font-weight:600; color:#000; text-align:center;}
.member-box-area {margin-top:40px; padding:60px 40px 40px; box-shadow: 3px 3px 5px #00000008; border: 1px solid #DDDDDD;}
.member-box-area.type-01 {padding:40px;}
.member-box-area.type-login {padding:60px;}

.form-fieldset-item.type-text-box {height:1px; overflow:hidden; background-color:#ddd;}
.form-fieldset-item.type-text-box.active {height:auto; background-color:#FAFAFA; border:1px solid #ddd;}

.find-user-info-box {padding:24px;}
.find-user-info-box .find-user-info-text {font-size:18px; font-weight:600; color:#005AA9;}
.find-user-info-box .find-user-info-text.center {text-align: center;}
.find-user-info-box .find-user-info-detail {margin-top:24px; display:flex; align-items: center; justify-content: center;}
.find-user-info-box .find-user-info-detail .find-user-info-text-01 {font-size:16px; font-weight:500; color:#333;}
.find-user-info-box .find-user-info-detail .find-user-info-text-02 {margin-left:12px; padding-left:12px; position:relative; font-size:14px; color:#999;}
.find-user-info-box .find-user-info-detail .find-user-info-text-02::before {content:''; width:1px; height:10px; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); background-color:#ddd;}

.form-fieldset-area {}
.form-fieldset-area.mt-32 {margin-top:32px;}
.form-fieldset-area .form-fieldset-item {}
.form-fieldset-area .form-fieldset-item + .form-fieldset-item {margin-top:24px;}
.form-fieldset-area .form-fieldset-item.last {margin-top:32px}

.flex-box {display:flex; align-items: center; gap:0 8px;}
.flex-box.flex-end {align-items: flex-end;}
.flex-box .flex-item {flex:1;}
.flex-box.type-both .flex-item {flex:1;}
.flex-box.type-both .flex-item + .flex-item {flex:none;}
.flex-box.flex-address {}
.flex-box.flex-address .flex-item {flex:3;}
.flex-box.flex-address .flex-item + .flex-item {flex:7}
.flex-box.flex-address + .flex-box {margin-top:8px}
.flex-box.type-check {height:42px;}
.flex-box.type-check .flex-item {flex:none; margin-left:24px;}
.flex-box.btn-auto .common-btn {width:auto; min-width:max-content}

.common-msg-box {text-align: center; margin-bottom:40px;}
.common-msg-box .common-msg-image {}
.common-msg-box .common-msg-image img {}
.common-msg-box .common-msg-text-01 {margin-top:44px; font-size:16px; line-height:26px; color:#000;}
.common-msg-box .common-msg-text-02 {margin-top:44px; font-size:24px; font-weight:600; line-height:38px;}

.common-input-area,
.common-select-area {position:relative;}
.common-input-area label {margin-bottom:12px; position:relative; display:inline-flex; font-size:16px; font-weight:600; color:#000;}
.common-input-area label.important::after {content: '*'; color: #DD0000; position: absolute; right: -10px; top: -4px;}
.common-input-area .common-input,
.common-select-area .common-select {width:100%; height:50px; padding-right:12px; padding-left:20px; border:1px solid #ddd; line-height:50px; font-size:17px; color:#000; appearance: none;}
.common-select-area .common-select {padding-right:35px;}
.common-select-area::after {content: ''; width: 16px; height: 16px; display: block; position: absolute; right: 16px; top: 50%; transform: translateY(-50%) rotate(90deg); background: url(/static/img/icon/icon-arrow-sm.svg) 0 0 no-repeat; pointer-events: none;}
.common-input-area .common-input:focus,
.common-select-area .common-select:focus {border:1px solid #005AA9; outline:0;}
.common-input-area .common-input::placeholder {font-size:17px; color:#999;}
.common-input-area.is-error .common-input {border-color:#DD0000;}
.common-input-area .common-input:disabled,
.common-input-area .common-input:read-only {background-color:#EFEFEF; color:#999999;}
.common-input-area.text-r .common-input {text-align: right;}
.common-input-area .btn-input-del {width:50px; height:50px; display:none; position:absolute; right:0; bottom:0; line-height:0;}
.common-input-area .btn-input-del.active {display:block;}
.common-input-area.type-auth-num .btn-input-del {right:35px}
.common-input-area.type-chgpw {max-width:350px}

.common-input-area.size-md .common-input,
.common-select-area.size-md .common-select {height:42px; padding-left:12px; line-height:42px; font-size:14px;}
.common-input-area.size-md .common-input::placeholder {font-size:14px;}
.common-input-area.size-sm .common-input,
.common-select-area.size-sm .common-select {height:32px; line-height:32px; padding-left:12px; font-size:14px;}{height:32px; line-height:32px; padding-left:12px; font-size:14px;}
.common-input-area.size-sm .common-input::placeholder {font-size:14px;}
.common-input-area.size-md .btn-input-del {width:42px; height:42px;}
.common-input-area.size-sm .btn-input-del {width:32px; height:32px;}
.common-input-area .input-count {height:42px; display:inline-flex; align-items: center; position:absolute; right:12px; bottom:0; font-size:14px; font-weight:500; color:#DD0000; line-height:normal;}

.box-text-field.size-sm {width:100%; padding:5px 12px; border:1px solid #ddd; line-height:20px; font-size:14px; color:#000; appearance: none;}
.box-text-field.disabled {background-color:#EFEFEF; color:#999999;}

.common-box-title-area {margin-bottom:16px; display:flex; align-items: center; justify-content: space-between;}
.common-box-title-area .common-box-title {display:flex; align-items: center; gap:0 8px; font-weight:500;}
.common-box-title-area .common-box-title::before {content:''; width:4px; height:4px; display:block; background-color:#000;}
.common-box-title-area .right-btn-area {display:flex; align-items: center; gap:0 8px;}
.common-box-title-area .right-btn-area .common-btn {width:auto;}

.check-item-group {display:flex; flex-wrap:wrap; gap:22px 16px;}
.check-item-group .common-check {}

.common-textarea {}
.common-textarea textarea {width:100%; padding:12px; resize:none; border:0; border:1px solid #ddd; font-size:14px; color:#000; vertical-align: top;}
.common-textarea textarea::placeholder {font-size:14px; color:#999;}

.file-upload-area {display:flex; flex-wrap:wrap; gap:12px;}
.file-upload-area .file-upload-item {width:80px; height:80px; position:relative; display:flex; align-items: center; justify-content: center; border:1px solid #ddd;}
.file-upload-area .file-upload-item.add-item {background-color:#FAFAFA; padding:0;}
.file-upload-area .file-upload-item .upload-thumbnail-box {width:80px; height:80px; display:flex; flex-direction: column; align-items: center; justify-content: center; gap:8px 0; cursor: pointer;}
.file-upload-area .file-upload-item div.upload-thumbnail-box {cursor: default;}
.file-upload-area .file-upload-item .upload-thumbnail-box span {font-size:12px; font-weight:500; color:#aaa;}
.file-upload-area .file-upload-item input[type="file"],
.file-upload-area .file-upload-item input[type="text"] {display:none}
.file-upload-area .file-upload-item .upload-thumbnail {width:100%; height:100%; object-fit: cover;}
.file-upload-area .file-upload-item .btn-upload-img-del {width:18px; height:18px; display:flex; align-items: center; justify-content: center; position:absolute; right:0; top:0; background-color:#EDEDED; border:1px solid #ddd;}
.file-upload-area.size-lg .file-upload-item {width:120px; height:120px; cursor: pointer;}
.file-upload-area.size-lg .file-upload-item .upload-thumbnail-box {width:120px; height:120px; cursor: pointer;}

.type-datepicker {width:100%; height:42px; padding:0 30px 0 12px; appearance: none; border-radius:6px; border:1px solid #ddd; background:url(/static/img/icon/icon-calendar.svg) calc(100% - 16px) center no-repeat;}

.datepicker {min-width:236px; position:absolute; background-color:#fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); border-radius:5px; border: 1px solid #ccc; z-index: 1000; font-size:14px; }
.datepicker td, .datepicker th {width:30px; height:30px;}

.form-guide-text {margin-top:12px; margin-left:12px; display:flex; align-items: center; gap:0 8px; font-size:14px; color:#666;}
.form-guide-text.type-invalid {display:none; color:#DD0000;}
.form-guide-text.type-invalid.active {display:flex;}
.form-guide-text.type-valid {display:none; color:#005AA9;}
.form-guide-text.type-valid span {color:#005AA9;}
.form-guide-text.type-valid.active {display:flex;}

.common-check {display:flex; align-items: center; gap:0 8px;}
.common-check input[type="radio"] {width:24px; min-width:24px; height:24px; appearance: none; background-image:url(/static/img/icon/icon-checkbox-default.svg); background-repeat:no-repeat; background-position:center; border-radius:50%; border:1px solid #ddd; cursor:pointer;}
.common-check input[type="radio"]:checked {background-image:url(/static/img/icon/icon-checkbox-default.svg); border-color:#005AA9; background-color:#005AA9;}
.common-check input[type="radio"] + label {font-size:14px; color:#666; line-height:normal; cursor:pointer;}
.common-check input[type="radio"]:checked + label {color:#005AA9; font-weight:500;}

.common-check input[type="checkbox"] {width:24px; min-width:24px; height:24px; appearance: none; background-image:url(/static/img/icon/icon-checkbox-default.svg); background-repeat:no-repeat; background-position:center; border-radius:4px; border:1px solid #ddd; cursor:pointer; background-color:#fff;}
.common-check input[type="checkbox"]:checked {background-image:url(/static/img/icon/icon-checkbox-default.svg); border-color:#005AA9; background-color:#005AA9;}
.common-check input[type="checkbox"] + label {font-size:14px; color:#666; line-height:normal; cursor:pointer;}
.common-check.type-01 input[type="checkbox"] + label {font-size:15px; color:#000;}
.common-check input[type="checkbox"]:checked + label {color:#005AA9; font-weight:500;}

.common-btn {width:100%; height:60px; padding:0 12px; background-color:#005AA9; font-size:18px; font-weight:500; color:#fff; line-height:normal; text-decoration: none;}
.common-btn:hover {background-color:#004079;}
.common-btn.outline {background-color:#fff; border:1px solid #005AA9; color:#005AA9;}
.common-btn.outline:hover {background-color:#fff; border:1px solid #004079; color:#004079}
.common-btn.outline.color-black {border-color:#000; color:#000; background-color:#fff;}
.common-btn.outline.color-black:hover {border-color:#000; color:#000; background-color:#F4F4F4;}
.common-btn.outline.round {border-radius:16px;}
.common-btn.color-white {background-color:#fff; color:#000;}
.common-btn.color-black {background-color:#000; color:#fff;}
.common-btn.color-blue {background-color:#3A9DF5;}
.common-btn.color-blue:hover {background-color:#177BD5;}
.common-btn:disabled {background-color:#ddd;}
.common-btn.size-lg {height:80px; font-size:24px;}
.common-btn.size-md {height:50px;}
.common-btn.size-sm {height:42px; font-size:15px;}
.common-btn.size-xsm {height:32px; font-size:15px;}
.common-btn.has-icon {display:flex; align-items: center; gap:0 8px; justify-content: center;}

.common-line {margin-top:24px; margin-bottom:24px; height:1px; display:block; background-color:#ddd; border:0;}

.agreement-check-list {}
.agreement-check-list li + li {margin-top:28px}
.agreement-check-list li .common-check {}
.agreement-check-list li .common-check label {font-size:16px; color:#000;}
.agreement-check-list li .common-check label span {color:#DD0000;}
.agreement-check-list li .common-check label span.color-gray {color:#999;}
.agreement-check-list li .common-check .btn-agree-detail {min-width:fit-content; margin-left:auto; font-size:14px; color:#005AA9; text-decoration: underline;}

.order-impor-msg + .common-btn-area {margin-top:32px;}
.common-btn-area {margin-top:40px; display:flex; align-items: center; gap:0 12px;}
.common-btn-area.c {justify-content: center;}
.common-btn-area .common-btn {flex:1;}
.common-btn-area.type-order .common-btn {max-width:214px;}
.common-btn-area.type-inquiry-write {margin-top:12px; justify-content: flex-end;}
.common-btn-area.type-inquiry-write .common-btn {max-width:100px; order:2}

.member-link-area {margin-bottom:24px; padding-bottom:24px; border-bottom:1px solid #ddd; display:flex; align-items: center; justify-content: center;}
.member-link-area a {position:relative; font-size:14px; color:#666; text-decoration:none;}
.member-link-area a + a {margin-left:12px; padding-left:12px;}
.member-link-area a + a::before {content:''; width:1px; height:8px; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); background-color:#ddd;}

.member-login-btn-area {display:flex; flex-direction: column; gap:16px 0;}
.member-login-btn-area .login-btn {width:100%; height:50px; position:relative; font-size:16px; font-weight:500;}
.member-login-btn-area .login-btn img {position:absolute; left:20px; top:50%; transform:translateY(-50%);}
.member-login-btn-area .login-btn.type-naver {background-color:#4AA457; color:#fff;}
.member-login-btn-area .login-btn.type-naver img {width:16px; height:16px;}
.member-login-btn-area .login-btn.type-kakao {background-color:#FADF43; color:#181707;}
.member-login-btn-area .login-btn.type-kakao img {width:24px; height:23px;}
.member-login-btn-area .login-btn.type-google {border:1px solid #999; color:#000;}
.member-login-btn-area .login-btn.type-google img {width:24px; height:24px;}

.agree-info-text {margin-top:40px; margin-bottom:60px; line-height:26px; text-align: center;}
.agree-info-text span {font-weight:500; color:#005AA9;}

.agreement-info-area {}
.agreement-info-area .agreement-info-item {}
.agreement-info-area .agreement-info-item + .agreement-info-item {margin-top:32px;}

.agreement-info-box {margin-top:18px; height:150px; padding:24px 20px; overflow-y:auto; background-color:#FAFAFA; border:1px solid #ddd; font-size:14px; line-height:24px;}

.greeting-text {margin-bottom:40px; display:flex; align-items: center; gap:0 8px; justify-content: center; font-size:24px; font-weight:600; color:#000;}

.information-box-area {margin-top:48px; padding:28px 16px 16px; position:relative; background-color:#F2F6FB; border:1px solid #83B1D9; text-align: center;}
.information-box-area.type-01 {margin-top:38px;}
.information-box-area .information-title {height:30px; padding:0 14px; display:inline-flex; align-items: center; position:absolute; left:50%; top:-15px; transform:translateX(-50%); border-radius:16px; background-color:#fff; border:1px solid #83B1D9; font-size:14px; font-weight:600; color:#005AA9;}
.information-box-area .information-tel {}
.information-box-area .information-tel a {font-size:24px; font-weight:600; color:#000; text-decoration: none;}
.information-box-area .information-text {margin-top:14px; font-size:14px; }
.information-box-area .information-text + .information-text {margin-top:8px;}
.information-box-area .information-text span {font-size:14px; font-weight:500;}
.information-box-area .information-list {}
.information-box-area .information-list li {padding-left:11px; position:relative; line-height:26px;}
.information-box-area .information-list li::before {content:''; width:3px; height:3px; display:block; position:absolute; left:0; top:11px; border-radius:50%; background-color:#000;}
.information-box-area.type-withdraw {text-align:left;}

.join-social-guide-text {margin-top:24px; margin-bottom:24px; padding-top:30px; border-top:1px solid #ddd; font-size:14px; color:#666; text-align: center;}

.join-title-area {display:flex; align-items: center; justify-content:space-between;}
.join-title-area.first {margin-bottom:24px; padding-bottom:12px; border-bottom:1px solid #ddd;}
.join-title-area .join-title {font-size:20px; font-weight:600; color:#000;}
.join-title-area .common-check label {font-weight:500; color:#000;}

.join-stepper-area {margin-top:40px; margin-bottom:60px}
.join-stepper-area .join-stepper {display:flex; align-items: center; justify-content: center;}
.join-stepper-area .join-stepper li {position:relative;}
.join-stepper-area .join-stepper li + li {padding-left:52px;}
.join-stepper-area .join-stepper li + li::before {content:''; width:20px; height:16.6px; display:block; position:absolute; left:19px; top:40px; background:url(/static/img/icon/icon-stepper-arrow.svg) 0 0 no-repeat;}
.join-stepper-area .join-stepper li .join-stepper-circle {width:100px; height:100px; display:block; border:2px solid #ddd; background-position:center; background-repeat:no-repeat; border-radius:50%;}
.join-stepper-area .join-stepper li.active .join-stepper-circle {background-color:#005AA9; border-color:#005AA9;}
.join-stepper-area .join-stepper li .join-stepper-circle.step-01 {background-image:url(/static/img/icon/icon-document-write-gray.svg);}
.join-stepper-area .join-stepper li.active .join-stepper-circle.step-01 {background-image:url(/static/img/icon/icon-document-write-white.svg);}
.join-stepper-area .join-stepper li.complete .join-stepper-circle.step-01 {background-color:#BBBBBB; border-color:#BBBBBB; background-image:url(/static/img/icon/icon-document-write-white.svg);}
.join-stepper-area .join-stepper li .join-stepper-circle.step-02 {background-image:url(/static/img/icon/icon-user-add-gray.svg); background-position:calc(50% + 5px) center;}
.join-stepper-area .join-stepper li.active .join-stepper-circle.step-02 {background-image:url(/static/img/icon/icon-user-add-white.svg);}
.join-stepper-area .join-stepper li .join-stepper-text {margin-top:20px; font-size:20px; font-weight:500; color:#999; text-align: center;}

.sub-page {display:flex; gap:0 40px}
.sub-page .left-section {min-width:230px; width:230px;}
.sub-page .car-info-top-box {margin-bottom:24px;}

.left-title-area {padding-bottom:24px; border-bottom:2px solid #000;}
.left-title-area .left-title {font-size:28px; font-weight:600;}

.left-menu-area {}
.left-menu-area .left-menu-list {padding:24px 0;}
.left-menu-area .left-menu-list + .left-menu-list {border-top:1px solid #ddd;}
.left-menu-area .left-menu-list .left-menu {}
.left-menu-area .left-menu-list .left-menu > li {}
.left-menu-area .left-menu-list .left-menu > li + li {margin-top:12px}
.left-menu-area .left-menu-list .left-menu > li > a {font-size:16px; font-weight:600; text-decoration: none;}
.left-menu-area .left-menu-list .left-menu > li > a:hover,
.left-menu-area .left-menu-list .left-menu > li.active > a {color:#005AA9; font-weight:600;}
.left-menu-area .left-menu-list .left-menu > li ul {margin-top:8px; padding-left:12px;}
.left-menu-area .left-menu-list .left-menu > li ul li {}
.left-menu-area .left-menu-list .left-menu > li ul li a {padding:8px 0; display:block; font-size:14px; text-decoration: none;}
.left-menu-area .left-menu-list .left-menu > li ul li a:hover,
.left-menu-area .left-menu-list .left-menu > li ul li.active a {color:#005AA9; font-weight:600;}

.sub-page .contents-section {flex:1; position:relative;}

.page-location {min-width:max-content; display:flex; align-content: center; gap:0 8px; position:absolute; right:0; top:-28px;}
.page-location a,
.page-location span {display:flex; align-items: center; font-size:14px; gap:0 8px;}
.page-location a:not(.home)::before,
.page-location span::before {content:''; width:3px; height:6px; background:url(/static/img/icon/icon-location-arrow.svg) center center no-repeat; }
.page-location a {text-decoration: none; color:#666;}
.page-location span {color:#1747AC;}

.mymage-main-tab {height:76px; display:flex; border-radius:12px; border:2px solid #000;}
.mymage-main-tab .mymage-main-tab-item {display:flex; flex:1; align-items: center; justify-content: center;}
.mymage-main-tab .mymage-main-tab-item + .mymage-main-tab-item {border-left:2px solid #000;}

.mymage-main-tab .mymage-main-tab-item .grade-member-name {margin:0 4px 0 8px; font-size:18px; font-weight:600;}
.mymage-main-tab .mymage-main-tab-item .grade-text {font-size:14px; }
.mymage-main-tab .mymage-main-tab-item .mileage-text {margin-left:8px; font-size:16px; font-weight:600;}
.mymage-main-tab .mymage-main-tab-item .total-mileage {margin-left:32px; font-size:24px; font-weight:600; text-decoration: none;}

.icon-grade-level {width:20.89px; height:20.22px; display:block; background-image:url(/static/img/icon/icon-grade-normal.svg); background-position:center center; background-repeat:no-repeat;}
.icon-grade-level.level-vip {background-image:url(/static/img/icon/icon-grade-vip.svg)}

.color-icon-bedge {width:28px; min-width:28px; height:28px; display:flex; align-items: center; justify-content: center; border-radius:50%; font-size:14px; font-weight:800; font-style:normal;}
.color-icon-bedge.gold-grade {background-color:#F7A05E; color:#fff;}
.color-icon-bedge.member-mileage {background-color:#3384CB; color:#fff;}

.mypage-title-area {margin-top:40px;}
.mypage-title-area .mypage-title {display:flex; align-items: center; font-size:16px; font-weight:500; gap:0 12px;}
.mypage-title-area .mypage-title span {font-size:14px; color:#999;}

.shop-order-stat-area {margin-top:34px;}
.shop-order-stat-area .shop-order-stat-list {display:flex; justify-content: space-between;}
.shop-order-stat-area .shop-order-stat-list li {position:relative; display:flex; align-items: center; justify-content: center;}
.shop-order-stat-area .shop-order-stat-list li .circle-area {width:130px; min-width:130px; height:130px; display:flex; align-items: center; justify-content: center; flex-direction: column; gap:12px 0; border: 1px solid #D6D6D6; box-shadow: 0px 3px 3px #00000008; border-radius:50%;}
.shop-order-stat-area .shop-order-stat-list li.arrow::before {content:''; width:7.93px; height:15.86px; display:block; background-image:url(/static/img/icon/icon-shop-order-arrow.svg); background-position:center center; background-repeat:no-repeat; background-size:100%;}
.shop-order-stat-area .shop-order-stat-list li .circle-area strong {font-size:36px; font-weight:500; color:#005AA9;}
.shop-order-stat-area .shop-order-stat-list li .circle-area span {font-size:16px; font-weight:600; }

.recent-order-area {margin-top:16px;}
.recent-order-area .recent-order-list {}
.recent-order-area .recent-order-list li {}
.recent-order-area .recent-order-list li.complete {background-color:#F7F7F7;}
.recent-order-area .recent-order-list li + li {margin-top:12px;}
.recent-order-area .recent-order-list li a {padding:24px 48px 24px 24px; display:flex; align-items: center; flex-wrap:wrap; gap:12px 0; text-decoration: none; background-image:url(/static/img/icon/icon-arrow-sm.svg); background-position:calc(100% - 24px) center; background-repeat:no-repeat; background-size:16px; border:1px solid #ddd; border-radius:8px;}
.recent-order-area .recent-order-list li a p {margin-right:16px; padding-right:16px; position:relative; font-size:16px; line-height:19px;}
.recent-order-area .recent-order-list li a p:not(:last-child)::before {content:''; width:1px; height:12px; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); background-color:#ddd;}
.recent-order-area .recent-order-list li a .order-stat {font-weight:600;}
.recent-order-area .recent-order-list li a .order-number {}
.recent-order-area .recent-order-list li a .order-name {}
.recent-order-area .recent-order-list li a .order-price {}
.recent-order-area .recent-order-list li a .order-date {}
.recent-order-area .recent-order-list li.delivery-ing .order-stat {color:#005AA9;}

.sub-page-title-area {margin-bottom:32px;}
.sub-page-title-area.mypage-main {margin-bottom:0;}
.sub-page-title-area.has-check {margin-bottom:16px;}
.sub-page-title-area .sub-page-inner {position:relative;}
.sub-page-title-area .sub-page-inner .sub-page-title {font-size:24px; font-weight:600;}
.sub-page-title-area.mypage-main .sub-page-inner .sub-page-title {display:none;}
.sub-page-title-area .common-check {margin-top:20px;}
.sub-page-title-area .common-check input[type="checkbox"] + label {font-size:18px; color:#000;}

.cart-list-area {}
.cart-list-area ul {}
.cart-list-area ul li {padding:20px 40px 20px 56px; display:flex; align-items: center; position:relative; border:1px solid #ddd;}
.cart-list-area ul li + li {margin-top:16px;}
.cart-list-area ul li .thumbnail-area a {width:120px; height:120px; display:flex; align-items: center; justify-content: center; border:1px solid #ddd; border-radius: 12px; overflow:hidden; background-color:#fff;}
.cart-list-area ul li .thumbnail-area a img {width:100%; object-fit: cover;}
.cart-list-area ul li .detail-wrapper {display:flex; flex:1; align-items: center;}
.cart-list-area ul li .detail-area {margin-left:20px; display:flex; flex-direction: column;}
.cart-list-area ul li .detail-area .common-check {position:absolute; left:20px; top:50%; transform:translateY(-50%);}
.cart-list-area ul li .detail-area .cart-item-name {font-size:18px; font-weight:600;}
.cart-list-area ul li .detail-area .cart-item-num {margin-top:8px; display:inline-flex; align-items: center; gap:0 24px;}
.cart-list-area ul li .detail-area .cart-item-num span {font-size:14px;}
.cart-list-area ul li .detail-area .cart-item-num + p {margin-top:20px;}
.cart-list-area ul li .detail-area .cart-item-price-vip {max-width: fit-content; margin-top:6px; display:flex; align-items:baseline; gap:0 36px;}
.cart-list-area ul li .detail-area .cart-item-price-vip span {font-size:14px; font-weight:600; }
.cart-list-area ul li .detail-area .cart-item-price-vip strong {font-size:18px; font-weight:600; }
.cart-list-area ul li .detail-area .cart-item-price-default {max-width: fit-content; margin-top:6px; display:flex; align-items:baseline; gap:0 36px; position:relative;}
.cart-list-area ul li .detail-area .cart-item-price-default::after {content:''; width:100%; height:1px; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); background-color:#c6c6c6;}
.cart-list-area ul li .detail-area .cart-item-price-default span {font-size:14px; color:#999;}
.cart-list-area ul li .right-area {margin-left:auto; display:flex; align-items: center; gap:0 40px;}
.cart-list-area ul li .right-area .number-control {display:flex; align-items: center; border:1px solid #ddd; }
.cart-list-area ul li .right-area .number-control button {width:40px; height:40px; position:relative; display:flex; align-items: center; justify-content: center; background-color:#FAFAFA;}
.cart-list-area ul li .right-area .number-control button:disabled::after {content:''; width:100%; height:100%; position:absolute; left:0; top:0; background-color: rgba(241, 241, 241, 0.8);}
.cart-list-area ul li .right-area .number-control .cart-item-length {min-width:60px; line-height:40px; align-self: stretch; border-width:0 1px 0 1px; border-style:solid; border-color:#ddd; text-align: center; font-size:16px; font-weight:600; color:#333;}
.cart-list-area ul li .right-area .cart-last-price {min-width:164px; display:flex; justify-content: flex-end; align-items: center; gap:0 4px; font-size:24px; font-weight:600; }
.cart-list-area ul li .right-area .cart-last-price span {font-size:20px; font-weight:400; color:#999;}
.cart-list-area ul li .right-area .cart-btns {display:flex; flex-direction: column; gap:12px 0;}
.cart-list-area ul li .right-area .cart-btns button {min-width:106px}

.cart-list-area ul li.no-data {border:0;}
.cart-list-area ul li.type-empty .thumbnail-area a {position:relative;}
.cart-list-area ul li.type-empty .thumbnail-area a::before {content:'재고없음'; width:100%; height:100%; display:flex; justify-content: center; align-items: center; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.4); z-index:1; font-size:14px; font-weight:500; color:#fff;}

.cart-list-area.type-like ul li {padding:20px 20px 20px 20px;}
.cart-list-area.type-payment ul li {padding:20px 60px 20px 20px;}

.cart-list-area.type-order {margin-top:32px;}
.cart-list-area.type-order ul {}
.cart-list-area.type-order ul li {flex-wrap:wrap; border:0; padding:0;}
.cart-list-area.type-order ul li.complete .order-stat-info,
.cart-list-area.type-order ul li.complete .order-detail-info-area {background-color:#fafafa;}
.cart-list-area.type-order ul li + li {margin-top:32px;}
.cart-list-area.type-order ul li .right-area .cart-btns {gap:8px 0;}

.order-date-info {width:100%;}
.order-date-info .order-date-text {font-size:18px; font-weight:500;}
.order-stat-info {width:100%; height:60px; padding:20px; margin-top:12px; display:flex; align-items: center; justify-content: space-between; background-color:#FAFAFA; border:1px solid #ddd;}
.order-stat-info .order-stat-text {font-size:18px; font-weight:600;}
.order-stat-info .btn-order-detail {display: inline-flex; align-items: center; gap:0 4px;}

.order-detail-info-area {padding:20px; display: flex; align-items: center; flex:1; border:1px solid #ddd; margin-top:-1px;}
.order-detail-info-area .btn-cart-add-item {width:50px; height:50px; display:flex; align-items: center; justify-content: center; border-radius:50%; background-color:#fff; border:1px solid #ddd;}
.order-detail-info-area .btn-cart-add-item img {width:20px;}

.right-area {}
.right-area .order-stat-box {width:106px; height:68px; display:flex; gap:8px 0; flex-direction: column; align-items: center; justify-content: center; border:1px solid #E51D24; border-radius:4px;}
.right-area .order-stat-box .icon-stat {width:20px; height:20px; background-image:url(/static/img/icon/icon-order-01.svg)}
.right-area .order-stat-box span {font-size:14px; font-weight:500; color:#E51C24;}

.right-area .order-stat-box.type-order-01 {border-color:#FC5800; background-color:#FFFAF4;}
.right-area .order-stat-box.type-order-01 .icon-stat {background-image:url(/static/img/icon/icon-order-02.svg)}
.right-area .order-stat-box.type-order-01 span {color:#FC5800;}

.right-area .order-stat-box.type-order-02 {gap:2px 0; border-color:#417200; background-color:#FBFFF5;}
.right-area .order-stat-box.type-order-02 .icon-stat {width:28.68px; height:17.36px; background-image:url(/static/img/icon/icon-order-03.svg)}
.right-area .order-stat-box.type-order-02 span {color:#417200;}

.right-area .order-stat-box.type-order-03 {border-color:#2F6CCC; background-color:#F5F9FF;}
.right-area .order-stat-box.type-order-03 .icon-stat {background-image:url(/static/img/icon/icon-order-04.svg)}
.right-area .order-stat-box.type-order-03 span {color:#2F6CCC;}

.right-area .order-stat-box.type-order-04 {gap:2px 0; border-color:#818181; background-color:#F8F8F8;}
.right-area .order-stat-box.type-order-04 .icon-stat {width:35.6px; height:26.13px; background-image:url(/static/img/icon/icon-order-05.svg)}
.right-area .order-stat-box.type-order-04 span {color:#818181;}

.right-area .order-stat-box.type-order-05 {border-color:#000000; background-color:#FFFFFF;}
.right-area .order-stat-box.type-order-05 .icon-stat {background-image:url(/static/img/icon/icon-order-06.svg)}
.right-area .order-stat-box.type-order-05 span {color:#000;}

.right-area .order-stat-box.type-order-06 {border-color:#000000; background-color:#FFFFFF;}
.right-area .order-stat-box.type-order-06 .icon-stat {background-image:url(/static/img/icon/icon-order-07.svg)}
.right-area .order-stat-box.type-order-06 span {color:#000;}

.right-area .order-stat-box.type-order-07 {border-color:#BA0707; background-color:#BA0707;}
.right-area .order-stat-box.type-order-07 .icon-stat {background-image:url(/static/img/icon/icon-order-08.svg)}
.right-area .order-stat-box.type-order-07 span {color:#FFFFFF;}

.order-number-info {margin-top:32px; text-align: center;}
.order-number-info .order-number-info-text-01 {font-size:24px; font-weight:600;}
.order-number-info .order-number-info-text-01 strong {font-size:24px; color:#005AA9; font-weight:600;}
.order-number-info .order-number-info-text-02 {margin-top:16px; font-size:16px; color:#666; word-break: keep-all;}

.order-detail-title-area {margin-top:32px; margin-bottom:16px; display: flex; align-items: center; justify-content: space-between;}
.order-detail-title-area.first {margin-top:0;}
.order-detail-title-area .order-detail-title {display:flex; align-items: center; gap:0 8px; font-weight:500;}
.order-detail-title-area .order-detail-title::before {content:''; width:4px; height:4px; display:block; background-color:#000;}
.order-detail-title-area.size-sm {margin-bottom:12px;}
.order-detail-title-area.size-sm .order-detail-title {font-size:14px;}
.order-detail-title-area .common-btn {width:auto;}

.order-impor-msg {margin-top:32px; display:flex; justify-content: center; gap:0 8px; align-items: flex-start;}
.order-impor-msg.left {justify-content: flex-start;}
.order-impor-msg p {color:#DD0000; word-break: keep-all;}

.order-tracking-scroll {height:calc(100dvh - 292px); overflow-y:auto;}

.info-color-box {height:62px; padding:0 24px; display:flex; gap:0 16px; align-items: center; justify-content: center; background-color:#F4F7FB; border:1px solid #C9DBF4; border-radius:8px;}
.info-color-box.type-both {justify-content: space-between;}
.info-color-box .info-color-text-01 {font-weight:500;}
.info-color-box .info-color-text-02 {font-weight:600; color:#005AA9;}

.text-info-box {margin-top:32px; text-align: center;}
.text-info-box .text-info-text {font-weight:500;}
.text-info-box .text-info-text strong {font-weight:600; color:#005AA9;}

.order-tracking-info-area {margin-top:32px;}
.order-tracking-info-area ul {display:flex; align-items: center; justify-content: space-between;}
.order-tracking-info-area ul li {display: flex; align-items: center; justify-content: center;}
.order-tracking-info-area ul li .order-tracking-info-inner {display:flex; flex-direction: column; gap:8px 0;}
.order-tracking-info-area ul li .order-tracking-info-inner .order-tracking-circle {width:40px; height:40px; margin:0 auto; display:flex; align-items: center; justify-content: center; border-radius:50%; background-color:#E3E3E3;}
.order-tracking-info-area ul li .order-tracking-info-inner .order-tracking-circle img {}
.order-tracking-info-area ul li .order-tracking-info-inner .order-tracking-text {font-size:14px; font-weight:500; color:#666;}

.order-tracking-detail {margin-top:20px;}
.order-tracking-detail ul {position:relative;}
.order-tracking-detail ul::after {content:''; width:1px; height:calc(100% - 3px); display:block; position:absolute; left:18px; top:3px; background-color:#005AA9;}

.order-tracking-detail ul li {padding-left:52px; position:relative;}
.order-tracking-detail ul li::after {content:''; width:11px; height:11px; display:block; position:absolute; left:13px; top:3px; background-color:#005AA9; border-radius:50%;}
.order-tracking-detail ul li + li {margin-top:32px;}
.order-tracking-detail ul li .order-tracking-step-area {display:flex; align-items: center;}
.order-tracking-detail ul li .order-tracking-step-area .order-tracking-location {font-size:14px; font-weight:500;}
.order-tracking-detail ul li .order-tracking-step-area .order-tracking-step {margin-left:12px; padding-left:12px; display:flex; align-items: center; position:relative; font-size:14px; font-weight:500;}
.order-tracking-detail ul li .order-tracking-step-area .order-tracking-step::before {content:''; width:1px; height:8px; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); background-color:#ddd;}
.order-tracking-detail ul li .order-tracking-date {margin-top:4px; font-size:14px; color:#999;}

.common-no-data {width:100%; min-height:300px; display:flex; align-items: center; justify-content: center; flex-direction: column; gap:20px 0;}
.common-no-data.size-sm {min-height:auto;}
.common-no-data .no-data-text {-size:16px; font-weight:500; color:#666;}

.cart-total-price-area {height:76px; margin-top:16px; padding:0 20px; display:flex; align-items: center; justify-content: space-between; background-color:#F8F8F8; border:1px solid #ddd;}
.cart-total-price-area .cart-total-num {font-size:18px; font-weight:500;}
.cart-total-price-area .cart-total-num span {font-size:18px; color:#005AA9;}
.cart-total-price-area .cart-total-price {display:flex; align-items: flex-end; gap:0 4px; font-size:28px; font-weight:600; }
.cart-total-price-area .cart-total-price span {font-size:20px; font-weight:400; color:#999;}

.page-btn-area {margin-top:16px;}
.page-btn-area.type-cart {display:flex; align-items: center; justify-content: space-between;}
.page-btn-area .common-btn {width:auto; min-width:124px;}
.page-btn-area.type-cart .common-btn.left-auto {margin-left:auto;}

.table-top-area {margin-bottom:16px; display:flex;}
.table-top-area .common-tab-area {display:flex; align-items: center;}
.table-top-area .common-tab-area a {width:156px; height:42px; display:flex; align-items: center; justify-content: center; text-decoration: none; background-color:#ccc; font-size:14px; font-weight:500; color:#fff;}
.table-top-area .common-tab-area a.active {background-color:#000;}
.table-top-area .common-tab-area a:first-child {border-radius:8px 0 0 8px}
.table-top-area .common-tab-area a:last-child {border-radius:0 8px 8px 0;}

.table-top-area .mileage-user-info-area {margin-left:auto; display:flex; align-items: center;}
.table-top-area .mileage-user-info-area .mileage-user-info {font-size:14px; font-weight:600; }
.table-top-area .mileage-user-info-area .mileage-user-point {margin-left:16px; padding-left:16px; display:flex; align-items: center; gap:0 8px; position:relative; font-size:14px; color:#666;}
.table-top-area .mileage-user-info-area .mileage-user-point::before {content:''; width:1px; height:10px; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); background-color:#ddd;}
.table-top-area .mileage-user-info-area .mileage-user-point strong {font-size:14px; font-weight:600; color:#000;}

.table-area {}
.table-area p.important {display:inline-flex; position:relative; line-height:normal; font-weight:inherit; font-size: inherit;}
.table-area p.important::after {content: '*'; color: #DD0000; position: absolute; right: -10px; top: -4px;}
.table-area + .table-area {margin-top:8px}
.table-area .table-scroll-area {}
.table-area.type-mypage {margin-top:16px;}
.table-style1 {width:100%; table-layout: fixed; border-collapse: collapse;}
.table-style1 th,
.table-style1 td {padding:14px 12px; border:1px solid #ddd;}
.table-style1 th {font-size:14px; font-weight:600; background-color:#fafafa;}
.table-style1 th.l {text-align:left;}
.table-style1 th.r {text-align:right;}
.table-style1 td {font-size:14px; word-break: break-all;}
.table-style1 td.c {text-align: center;}
.table-style1 td.r {text-align: right;}
.table-style1 td.mileage-add {color:#005AA9;}
.table-style1 td.mileage-minus {color:#DD0000;}

.table-style2 {width:100%; table-layout: fixed; border-collapse: collapse;}
.table-style2 th,
.table-style2 td {padding:14px 12px; border:1px solid #ddd; font-size:14px;}
.table-style2 th {font-weight:600; background-color:#FAFAFA;}
.table-style2 th.l {text-align: left;}
.table-style2 th.r {text-align: right;}
.table-style2 td {word-break: break-all;}
.table-style2 td.has-input {padding:5px 12px;}
.table-style2 td.c {text-align:center;}
.table-style2 td.r {text-align: right;}
.table-style2.type-result th {background-color:#FFF0DD;}
.table-style2.type-tfoot td {color:#666;}
.table-style2 tfoot th,
.table-style2 tfoot td {background-color:#FFF0DD;}
.table-style2 tfoot th {}
.table-style2 tfoot td {font-weight:600;}
.table-style2.color-yellow th {background-color:#FFF0DD;}
.table-style2 .text-bold {font-weight:600;}

.table-info-text {margin-top:8px; display:flex; margin-left:auto; font-size:14px; color:#F08100;}

.table-top-condition-area {padding:16px; background-color:#F4F7FB; border:1px solid #C9DBF4; border-radius:8px;}
.table-top-condition-area .table-top-condition-inner {display:flex;}
.table-top-condition-area + .support-list-area {margin-top:32px;}
.table-top-condition-area + .support-order-area {margin-top:32px;}
.condition-date-select {display:flex; gap:0 8px;}
.condition-date-select .date-select-item {position:relative;}
.condition-date-select .date-select-item input[type="radio"] {width:100%; height:100%; appearance:none; position:absolute; left:0; top:0; cursor: pointer;}
.condition-date-select .date-select-item input[type="radio"] + label {height:42px; padding:0 24px; display:flex; align-items: center; border-radius:20px; border:1px solid #005AA9; font-size:15px; font-weight:500; color:#005AA9; background-color:#fff; line-height:normal;}
.condition-date-select .date-select-item input[type="radio"]:checked + label {background-color:#005AA9; border-color:#005AA9; color:#fff;}

.datepicker-box-area {display:flex; margin-left:auto;}
.datepicker-box-area .datepicker-box {display:flex; align-items: center; gap:0 12px}
.datepicker-box-area .datepicker-box .datepicker-label {min-width:max-content; font-size:16px; font-weight:500; color:#000;}
.datepicker-box-area .datepicker-box .common-input {max-width:154px; background-color:#fff;}
.datepicker-box-area .datepicker-box .common-select {min-width:154px;}
.datepicker-box-area .datepicker-box .datepicker-line {font-size:16px; font-weight:500;}
.datepicker-box-area .common-btn {max-width:80px; margin-left:12px;}

.datepicker-toggle-btn {display:none;}
.datepicker-toggle-btn img {transform:rotate(180deg)}
.table-top-condition-area.active .datepicker-toggle-btn img {transform:rotate(0)}

.faq-condition-area {padding:16px; background-color:#F4F7FB; border:1px solid #C9DBF4; border-radius:8px;}
.faq-condition-area + .support-list-area {margin-top:32px;}
.faq-condition-area .faq-condition-inner {display:flex;}
.faq-condition-select {display:flex; gap:8px; flex-wrap:wrap;}
.faq-condition-select .faq-select-item {position:relative;}
.faq-condition-select .faq-select-item input[type="radio"] {width:100%; height:100%; appearance:none; position:absolute; left:0; top:0; cursor: pointer;}
.faq-condition-select .faq-select-item input[type="radio"] + label {height:42px; padding:0 24px; display:flex; align-items: center; border-radius:4px; border:1px solid #005AA9; font-size:15px; font-weight:500; color:#005AA9; background-color:#fff; line-height:normal;}
.faq-condition-select .faq-select-item input[type="radio"]:checked + label {background-color:#005AA9; border-color:#005AA9; color:#fff;}

.faq-toggle-btn {display:none;}

.payinfo-dtl-area {padding:0 20px; margin-top:10px;}
.payinfo-dtl-area .payinfo-dtl-list {}
.payinfo-dtl-area .payinfo-dtl-list > li {padding:12px 0; display:flex; align-items: center}
.payinfo-dtl-area .payinfo-dtl-list > li + li {border-top:1px solid #ddd;}
.payinfo-dtl-area .payinfo-dtl-list > li .payinfo-dtl-subj {min-width:110px; display:flex; align-items: center; gap:0 8px; font-size:14px; font-weight:600;}
.payinfo-dtl-area .payinfo-dtl-list > li .payinfo-dtl-subj::before {content:''; width:4px; height:4px; display:block; background-color:#000;}
.payinfo-dtl-area .payinfo-dtl-list > li .payinfo-dtl-desc {font-size:14px; color:#666;}
.payinfo-dtl-area .payinfo-dtl-list > li.has-table {display:block;}
.payinfo-dtl-area .payinfo-dtl-list > li.has-table.no-line {border-top:0;}
.payinfo-dtl-area .payinfo-dtl-list > li .table-area {margin-top:16px; padding-left:12px;}

.payinfo-btm-area {margin-top:32px; display:none; padding-top:32px; border-top:1px solid #ddd;}
.payinfo-btm-area.active {display:block;}
.payinfo-btm-area .payinfo-tr-01,
.payCashInfo .payinfo-tr-01 {display:none;}
.payinfo-btm-area .payinfo-tr-01.active,
.payCashInfo .payinfo-tr-01.active {display:table-row;}
.payinfo-btm-area .payinfo-tr-02,
.payCashInfo .payinfo-tr-02 {display:none;}
.payinfo-btm-area .payinfo-tr-02.active,
.payCashInfo .payinfo-tr-02.active {display:table-row;}
.table-style2.payCashInfo p.important {font-size:14px; font-weight:600;}

.car-reg-append-area .table-style2 th p {font-size:15px;}
.car-reg-list + .car-reg-list {margin-top:32px;}
.car-reg-top-box {margin-bottom:16px; padding:12px; display:flex; gap:0 8px; background-color:#FFF8F8; border:1px solid #FFAAAA;}
.car-reg-top-box .important-text-box {min-width:40px; display:flex; align-items: center; justify-content: center; border-radius:4px; background-color:#DD0000; font-size:14px; font-weight:600; color:#fff;}
.car-reg-top-box .car-reg-top-text {font-size:14px; line-height:20px; color:#000; word-break: keep-all;}

.car-img-upload {display:inline-flex; position:relative;}
.car-img-upload .file-upload-image {width:80px; height:80px; display:flex; flex-direction: column; gap:8px 0; align-items: center; justify-content: center; position:relative; border:1px solid #ddd; background-color:#FAFAFA; cursor: pointer;}
.car-img-upload .file-upload-image span {font-size:12px; font-weight:500; color:#aaa;}
.car-img-upload.active .file-upload-image span {display:none;}
.car-img-upload input[type="file"],
.car-img-upload input[type="text"] {display:none}
.car-img-upload .file-upload-image .icon-add-item {width:17px; height:17px; display:block; background:url(/static/img/icon/icon-file-add.svg) center center no-repeat;}
.car-img-upload.active .file-upload-image .icon-add-item {display:none;}
.car-img-upload .file-upload-image .upload-thumbnail {width:100%; height:100%; object-fit: cover; display:none;}
.car-img-upload.active .file-upload-image .upload-thumbnail {display:block;}
.car-img-upload .btn-upload-img-del {width:18px; height:18px; display:none; align-items: center; justify-content: center; position:absolute; right:0; top:0; background-color:#EDEDED; border:1px solid #ddd;}
.car-img-upload.active .btn-upload-img-del {display:flex;}

.car-img-wrapper {display:flex;}
.car-img-wrapper .car-img-upload .file-upload-image {width:126px; height:126px;}
.car-img-example {display:flex; flex:1;}
.car-img-example .car-img-example-text {margin-left:12px; padding-left:12px; display:flex; align-items: center; gap:0 4px; border-left:1px dashed #ddd; font-size:12px; font-weight:500; color:#666;}
.car-img-example .car-img-example-img {margin-left:auto;}
.car-img-example .car-img-example-img img {width:126px; height:126px; object-fit: contain;}

.car-reg-help-text {margin-bottom:16px; text-align: center;}
.car-reg-help-text p {font-size:14px; line-height:20px;}
.car-reg-help-text strong {font-size:14px; font-weight:600;}
.car-reg-help-box {margin-bottom:12px; position:relative; padding:25px; display:flex; align-items: center; justify-content:space-between; background-color:#3BAFF6;}
.car-reg-help-box p {padding-right:180px; font-size:14px; font-weight:500; color:#fff; line-height:20px;}
.car-reg-help-box img {width:134px; position:absolute; right:0; top:50%; transform:translateY(-50%)}

.car-reg-infor-box {margin-top:32px; padding:20px; background-color:#FAFAFA;}
.car-reg-infor-box .car-reg-infor-text {margin-bottom:16px; font-weight:600; line-height:20px;}
.car-reg-infor-box .car-reg-infor-list {margin-bottom:24px;}
.car-reg-infor-box .car-reg-infor-list li {display:flex; gap:0 8px; font-size:14px; line-height:20px; color:#666; word-break:keep-all;}
.car-reg-infor-box .car-reg-infor-list li::before {content:'-'; font-size:14px; color:#666;}
.car-reg-infor-box .car-reg-infor-thumb {display:flex; gap:0 16px; flex-wrap:wrap;}
.car-reg-infor-box .car-reg-infor-item {flex:1;}
.car-reg-infor-box .car-reg-infor-item .car-reg-infor-image {padding-top:56.25%; position:relative; aspect-ratio: 1/1; background-color:#fff; border:1px solid #ddd;}
.car-reg-infor-box .car-reg-infor-item .car-reg-infor-image img {max-width:calc(100% - 20px); max-height:calc(100% - 20px); display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit: cover;}
.car-reg-infor-box.pay-history {margin-top:16px;}
.car-reg-infor-box.pay-history .table-btm-desc-area {margin-top:0; text-align:left;}
.car-reg-infor-box.pay-history .table-btm-desc-area .table-btm-desc {line-height:20px;}
.car-reg-infor-box.pay-history .table-btm-desc-area .table-btm-desc + .table-btm-desc {margin-top:8px}
.car-reg-infor-box.pay-history .table-btm-desc-area .table-btm-desc a {color:inherit;}

.sns-login-box {display:flex; align-items: center; flex-wrap:wrap;}
.sns-login-box .btn-sns-login {display:flex; align-items: center; font-size:14px; gap:0 8px;}
.sns-login-box .btn-sns-login i {width:22px; height:22px; display:flex; align-items: center; justify-content: center; border-radius:50%;}
.sns-login-box .btn-sns-login.type-kakao i {background-color:#FADF43;}
.sns-login-box .btn-sns-login.type-naver i {background-color:#4AA457;}
.sns-login-box .btn-sns-login.type-google i {border:1px solid #C4C4C4;}
.sns-login-box .btn-sns-login i img {}
.sns-login-box .btn-sns-login.type-kakao i img {width:12.15px; height:11.69px;}
.sns-login-box .btn-sns-login.type-naver i img {width:8.17px; height:8.11px;}
.sns-login-box .btn-sns-login.type-google i img {width:10.96px; height:10.96px;}
.sns-login-box .common-btn {width:auto;}
.sns-login-box .common-btn.active {background-color:#E8E8E8; border:1px solid #A8A8A8; color:#898989;}
.sns-login-box .btn-sns-login.type-kakao + .common-btn,
.sns-login-box .btn-sns-login.type-naver + .common-btn,
.sns-login-box .btn-sns-login.type-google + .common-btn {margin-left:16px;}
.sns-login-box .sns-login-info-text {margin-left:16px; display:none; font-size:14px;}
.sns-login-box:has(.common-btn.active) .sns-login-info-text {display:block;}

.table-style2 .table-text {font-size:14px;}
.table-style2.type-sns-login .flex-box.type-01 {gap:0 16px}
.table-style2.type-sns-login .flex-box .common-btn,
.table-style2.type-sns-login .flex-box .type-datepicker {width:auto;}
.table-style2.type-sns-login .flex-box .type-datepicker {max-width:154px;}

.address-form-area {display:flex; gap:8px;}
.address-form-area .address-form-item {display:flex; flex:1; gap:8px;}
.address-form-area .address-form-item .common-input-area {flex:1;}
.address-form-area .address-form-item .common-input-area.address-number {flex:3}
.address-form-area .address-form-item .common-input-area.address-number + .common-input-area {flex:7}
.address-form-area .address-form-item .common-btn {width:auto;}

.withdraw-area {max-width:496px; margin:0 auto;}
.withdraw-area .withdraw-top {text-align: center;}
.withdraw-area .withdraw-top .withdraw-deco {}
.withdraw-area .withdraw-top .withdraw-info-text {margin-top:32px; line-height:26px;}
.withdraw-area .withdraw-top .withdraw-info-text strong {font-weight:600;}

.car-info-btm-area {display:none; margin-top:24px;}
.car-info-btm-area.active {display:block;}

.car-info-top-box {/*padding:24px; display:flex; justify-content: space-between; background-color:#F2F6FB; border:1px solid #83B1D9;*/}
.main-section-area .car-info-top-box {margin-top:30px; margin-bottom:24px; display:none;}
.main-section-area .car-info-top-box.active {display:flex;}
.car-info-top-box .car-info-text {max-width:80%}
.car-info-top-box .car-info-text strong {font-weight:600;}
.car-info-top-box .car-info-text > span {margin-top:12px; display:inline-flex; position:relative; font-size:20px; font-weight:500;}
.car-info-top-box .car-info-text > span span {font-size:20px; font-weight:600; color:#005AA9;}
.car-info-top-box .car-info-text > span::after {content:''; width:100%; height:8px; position:absolute; left:0; bottom:0; background-color:rgba(0, 90, 169, 0.1);}
.car-info-top-box .common-btn {width:auto;}

.carinfo-preview-img-area {margin-top:32px; display:flex; gap:0 32px}
.carinfo-preview-img-area .carinfo-preview-img-item {flex:1;}

.preview-img-area {padding-top:56.25%; position:relative; border:1px solid #ddd; aspect-ratio: 1/1;}
.preview-img-area img {width:100%; height:100%; max-width:100%; max-height:100%; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit: cover;}

.carinfo-pdf-area {margin-top:32px;}
.carinfo-pdf-list {display:flex; flex-wrap:wrap; gap:8px 20px;}
.carinfo-pdf-list li {}
.carinfo-pdf-list li a {padding:16px; display:flex; align-items: center; justify-content:space-between; border-radius:8px; background-color:#FAFAFA; border:1px solid #ddd; text-decoration: none; font-size:14px;}

.model-sch-area {display:flex; gap:0 8px;}
.model-sch-area .common-input-area {flex:1;}
.model-sch-area .common-btn {width:auto; min-width:80px;}

.model-radio-area {margin-top:32px; display:flex; gap:12px; flex-wrap:wrap; overflow-y: auto; max-height: 40vh;}
.model-radio-area .common-check {}
.model-radio-area .common-check input[type="radio"] {display:none;}
.model-radio-area .common-check input[type="radio"] + label {height: 42px; padding: 0 16px; display: flex; align-items: center; justify-content: center; background-color: #fff; border: 1px solid #005AA9; border-radius: 22px; font-size: 16px; color: #005AA9; line-height: normal;}
.model-radio-area .common-check input[type="radio"]:checked + label {background-color: #005AA9; color: #fff; font-weight: 500;}

.btm-checkbox-area {margin-top:12px;}
.btm-checkbox-area .common-check {justify-content: center;}
.btm-checkbox-area .common-check input[type="checkbox"] + label {font-size:15px; font-weight:500; color:#000;}

.btm-agree-box {height:56px; margin-top:24px; display:flex; align-items: center; justify-content: center; gap:0 20px; background-color:#F2F6FB; border:1px solid #83B1D9; }
.btm-agree-box .common-btn {width:auto;}

.layer-image-preview-box {display:flex; align-items: center; justify-content: center;}
.layer-image-preview-box .layer-image-preview {max-width:100%; height:100%; object-fit: cover; }
#mediaContainer.layer-image-preview-box .layer-image-preview {width:100%}

.support-list-area {}
.support-list-area .support-list {}
.support-list-area .support-list li {border-radius:8px; border:1px solid #ddd;}
.support-list-area .support-list li + li {margin-top:12px;}
.support-list-area .support-list li .btn-support-title {width:100%; padding:24px; display:flex; position:relative; text-align:left; overflow:hidden;}
.support-list-area .support-list li .btn-support-title::after {content:''; width:16px; height:16px; display:block; position:absolute; right:24px; top:50%; margin-top:-8px; background:url(/static/img/icon/icon-arrow-down.svg) center center no-repeat;}
.support-list-area .support-list li .btn-support-title p:not(.no-data-text) {margin-right:16px; padding-right:16px; display:flex; position:relative; line-height:24px;}
.support-list-area .support-list li .btn-support-title p:not(:last-child)::after {content:''; width:1px; height:12px; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); background-color:#ddd;}
.support-list-area .support-list li .support-number {font-weight:600; }
.support-list-area .support-list li .support-subj {flex:1; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.support-list-area .support-list li .support-subj .common-badge {margin-right:16px;}
.support-list-area .support-list li .support-category {min-width:100px;}
.support-list-area .support-list li .support-date {font-size:14px;}
.support-list-area .support-list li .support-desc-area {display:none; margin:0 24px 24px; padding:24px; background-color:#FAFAFA; border-radius:8px;}
.support-list-area .support-list li .support-desc-area .support-desc {font-size:14px; line-height:24px;}
.support-list-area .support-list li .support-desc-area .support-desc img {max-width:100%;}
.support-list-area .support-list li .support-desc-area.type-faq {margin:0 24px 24px 48px; position:relative;}
.support-list-area .support-list li .support-desc-area.type-faq .faq-answer {position:absolute; left:-24px; top:0; margin:0; padding:0;}
.support-list-area .support-list li .support-desc-area.type-faq .faq-answer::after {display:none;}
.support-list-area .support-list li.active {border-color:#005AA9;}
.support-list-area .support-list li.active .btn-support-title::after {transform:rotate(180deg)}
.support-list-area .support-list li.active .support-subj {font-weight:600;}
.support-list-area .support-list li.active .support-desc-area {display:block;}
.support-list-area .support-list li.active .support-desc-area.type-faq .faq-answer {font-weight:600;}
.support-list-area .support-list.type-inquiry li.complete {background-color:#fafafa;}
.support-list-area .support-list.type-inquiry li .btn-support-title::after {transform:rotate(-90deg)}

.delivery-address-info-area {}
.delivery-address-info-area .delivery-address-list {}
.delivery-address-info-area .delivery-address-list li {padding:20px 40px 20px 64px; display:flex; align-items: center; position:relative; gap:0 20px; border:1px solid #ddd;}
.delivery-address-info-area .delivery-address-list li + li {margin-top:12px;}
.delivery-address-info-area .delivery-address-list li:has(.common-check input:checked) {background-color:#F4F7FB; border:1px solid #C9DBF4;}
.delivery-address-info-area .delivery-address-list li .common-check {position:absolute; left:20px; top:50%; transform:translateY(-50%)}

.delivery-user-info {}
.delivery-user-info .delivery-info-top {display:flex; flex-wrap:wrap; align-items: center;}
.delivery-user-info .delivery-info-top .delivery-name,
.delivery-user-info .delivery-info-top .delivery-tel {font-weight:600; line-height:24px;}
.delivery-user-info .delivery-info-top .delivery-name {order:1; display:flex; align-items: center;}
.delivery-user-info .delivery-info-top .delivery-name::after {content:''; width:1px; height:12px; margin:0 12px; display:block; background-color:#ddd;}
.delivery-user-info .delivery-info-top .delivery-tel {order:2; margin-right:16px;}
.delivery-user-info .delivery-info-top .common-badge {order:3; line-height:normal; display:none}
.delivery-address-info-area .delivery-address-list li.selected .delivery-user-info .delivery-info-top .common-badge {display:flex;}
.delivery-user-info .delivery-address {margin-top:10px; font-size:15px; line-height:24px;}

.delivery-address-info-area .delivery-address-list li .delivery-btns {display:flex; flex-direction: column; gap:8px 0; margin-left:auto;}
.delivery-address-info-area .delivery-address-list li .delivery-btns .common-btn {min-width:50px; padding:0;}

.tel-input-group {display:flex; align-items: center; gap:0 8px;}
.tel-input-group .common-input-area {}
.tel-input-group .common-input-area .common-input {padding:0; text-align: center;}

.address-fieldset-area {}
.address-fieldset-area .form-fieldset.address-fieldset-wrapper {flex-wrap: wrap; gap: 8px;}
.address-fieldset-area .form-fieldset {display:flex; gap:0 8px;}
.address-fieldset-area .form-fieldset + .form-fieldset {margin-top:6px;}
.address-fieldset-area .form-fieldset .common-btn {width:auto; min-width:max-content;}
.address-fieldset-area .form-fieldset .common-input-area.full-width {width:100%;}
.address-fieldset-area .form-fieldset .address-01 {max-width:80px;}
.address-fieldset-area .form-fieldset .address-02 {width:100%; order:2;}
.address-fieldset-area .form-fieldset .address-03 {width:100%; order:4;}

.branch-select-area {border:1px solid #ddd;}
.branch-select-area .branch-list {}
.branch-select-area .branch-list .branch-item + .branch-item {border-top:1px solid #ddd;}
.branch-select-area .branch-list > .branch-item {}
.branch-select-area .branch-list > .branch-item .btn-fold {width:100%; height:56px; padding:0 16px; display:flex; align-items: center; gap:0 16px; font-size:14px;}
.branch-select-area .branch-list > .branch-item .btn-fold .icon-fold-toggle {width:20px; height:20px; background:url(/static/img/icon/icon-fold.svg) center center no-repeat;}
.branch-select-area .branch-list > .branch-item.active > .btn-fold .icon-fold-toggle {background-image:url(/static/img/icon/icon-unfold.svg)}
.branch-select-area .branch-list > .branch-item .btn-fold .branch-btn-text {font-size:14px; color:#333;}
.branch-select-area .branch-list > .branch-item > .branch-depth2 {display:none}
.branch-select-area .branch-list > .branch-item.active > .branch-depth2 {display:block;}
.branch-select-area .branch-list > .branch-item > .branch-depth2 > .branch-item {}
.branch-select-area .branch-list > .branch-item > .branch-depth2 > .branch-item .btn-fold {padding:0 16px 0 36px}
.branch-select-area .branch-list > .branch-item > .branch-depth2 > .branch-item.active .btn-fold .icon-fold-toggle {background-image:url(/static/img/icon/icon-unfold.svg)}
.branch-select-area .branch-list > .branch-item > .branch-depth2 > .branch-item > .branch-depth3 {display:none;}
.branch-select-area .branch-list > .branch-item > .branch-depth2 > .branch-item.active > .branch-depth3 {display:block;}
.branch-select-area .branch-list > .branch-item > .branch-depth2 > .branch-item > .branch-depth3 .branch-item {}

.branch-info {padding:12px 16px 12px 56px; display:flex; align-items: center; flex-wrap:wrap; gap:0 8px; font-size:14px;}
.branch-info .branch-location {display:flex; gap:0 8px; font-size:14px; color:#333;}
.branch-info .branch-location::before {content:''; width:20px; height:20px; display:block; background:url(/static/img/icon/icon-expand-right-gray.svg) center center no-repeat;}
.branch-info .branch-number {display:flex; gap:0 8px;}
.branch-info .branch-number .branch-num-01,
.branch-info .branch-number .branch-num-02 {font-size:14px; color:#333;}
.branch-info .branch-number .branch-num-01 {display:flex; align-items: center; gap:0 8px;}
.branch-info .branch-number .branch-num-01::before {content:''; width:4px; height:4px; display:block; border-radius:50%; background-color:#ccc;}
.branch-info .branch-number .branch-num-02 {display:flex; align-items: center; gap:0 8px;}
.branch-info .branch-number .branch-num-02::before {content:''; width:1px; height:10px; display:block; background-color:#ddd;}
.branch-info .common-btn {width:auto; margin-left:auto;}

.common-badge {min-width:40px; height:25px; display:inline-flex; align-items: center; justify-content: center; border-radius:12px; border:1px solid #3A9DF5; font-size:14px; color:#3A9DF5;}
.common-badge.color-black {background-color:#000; color:#fff;}
.common-badge.color-red {background-color:#DD0000; color:#fff;}
.common-badge.size-sm {min-width:auto; height:20px; padding:0 8px; font-size:12px; border-radius:10px;}

.table-btm-desc-area {margin-top:12px; text-align: right;}
.table-btm-desc-area .table-btm-desc {font-size:14px; color:#F08100; word-break: keep-all;}

.reply-box-area {padding:24px; display:flex; flex-direction: column; gap:8px 0; border:1px solid #ddd; text-align: center;}
.reply-box-area .reply-box-text1 {font-size:14px; font-weight:600; color:#005AA9;}
.reply-box-area .reply-box-text2 {font-size:14px; line-height:24px;}

.reply-table-area {}
.reply-table-area .table-area {display:none;}
.reply-table-area.active .reply-box-area {display:none;}
.reply-table-area.active .table-area {display:block;}

.contents-top-area {margin-bottom:40px; position:relative;}
.contents-top-area .contents-title-area {}
.contents-top-area .contents-title-area .contents-title {font-size:40px; font-weight:600; text-align: center;}
.contents-top-area .page-location {}

.contents-top-area.type-01 {margin-bottom:32px;}
.contents-top-area.type-01 .contents-title-area .contents-title {text-align: left; font-size:24px;}

.contents-top-area .main-section-area {padding:0;}

.order-payment-area {display:flex; gap:0 16px;}
.order-payment-area .left-section {flex:7}
.order-payment-area .right-section {flex:3}

.cart-list-area.type-payment ul li .order-paymemt-info {display:flex; align-items: center; gap:0 65px;}
.cart-list-area.type-payment ul li .order-paymemt-info .cart-item-len-box {display:flex; flex-direction: column; gap:12px 0; text-align: center;}
.cart-list-area.type-payment ul li .order-paymemt-info .cart-item-len-box .cart-item-len-text {font-size:14px; font-weight:500;}
.cart-list-area.type-payment ul li .order-paymemt-info .cart-item-len-box .cart-item-len {font-size:18px; font-weight:600;}
.cart-list-area.type-payment ul li .order-paymemt-info .cart-item-len-box .cart-item-len span {font-weight:400; color:#999;}

.cart-list-area.type-payment ul li .order-paymemt-info .cart-last-price-box {display:flex; flex-direction: column; gap:12px 0; text-align: center;}
.cart-list-area.type-payment ul li .order-paymemt-info .cart-last-price-box .cart-last-price-text {font-size:14px; font-weight:500; text-align: right;}
.cart-list-area.type-payment ul li .order-paymemt-info .cart-last-price-box .cart-last-price {}
.cart-list-area.type-payment ul li .order-paymemt-info .cart-last-price-box .cart-last-price .cart-last-price-text {}

.check-with-select {}
.check-with-select .flex-box {margin-top:8px; display:none}
.check-with-select .flex-box.active {display:flex;}
.check-with-select .flex-box .common-btn {width:auto; min-width:fit-content;}

.select-with-textarea {}
.select-with-textarea .common-textarea {display:none; margin-top:8px;}
.select-with-textarea .common-textarea.active {display:block;}

.total-payment-info-box {padding:32px 20px; background-color:#F4F7FB; border:1px solid #C9DBF4; border-radius:8px;}
.total-payment-info-box .total-payment-list {display:flex; flex-direction: column; gap:18px 0;}
.total-payment-info-box .total-payment-list li {display:flex; justify-content: space-between; gap:0 16px;}
.total-payment-info-box .total-payment-list li .total-info-text-01 {color:#666;}
.total-payment-info-box .total-payment-list li .total-info-text-02 {font-weight:500; text-align: right;}

.last-payment-box {margin-top:30px; display:flex; justify-content: space-between; align-items:baseline; gap:0 8px}
.last-payment-box .last-payment-price {font-size:18px; font-weight:600; }
.last-payment-box .last-payment-won {display:flex; align-items: baseline; gap:0 4px; font-size:18px; color:#666; text-align: right;}
.last-payment-box .last-payment-won strong {font-size:36px; font-weight:600; color:#3A9DF5;}
.last-payment-box.type-mypage {margin-top:12px; justify-content: flex-end; gap:0 40px;}
.last-payment-box.type-mypage .last-payment-won strong {font-size:30px; color:#005AA9;}

.order-complete-area {max-width:520px; margin:0 auto;}
.order-complete-area .order-complete-deco {text-align: center;}
.order-complete-area .order-complete-deco img {}
.order-complete-area .order-complete-deco p {margin-top:32px; font-size:24px; font-weight:600;}
.order-complete-area .order-complete-deco p span {font-size:24px; color:#005AA9; font-weight:600;}
.order-complete-area .common-btn-area {padding:0 32px;}

.category-area {}
.category-area ul {display:flex; gap:40px; flex-wrap:wrap;}
.category-area ul li {width:calc(100% / 3 - 27px)}
.category-area ul li .category-link {width:100%; height:120px; position:relative; display:flex; align-items: center; gap:0 20px; padding:0 30px; border:1px solid #ddd; border-radius:12px;}
.category-area ul li .category-link:hover {border-color:#005AA9;}
.category-area ul li .category-link::after {content:''; width: 16px; height: 16px; display: block; position: absolute; right: 24px; top: 50%; margin-top: -8px; background: url(/static/img/icon/icon-arrow-down.svg) center center no-repeat; transform: rotate(-90deg);}
.category-area ul li .category-link .category-icon {}
.category-area ul li .category-link .category-name {font-size:18px; font-weight:600;}
.category-area ul li .category-link:hover .category-name {color:#005AA9;}

.product-sch-checked-area {display:flex; gap:0 40px}
.product-sch-checked-area .product-sch-area {max-width:230px; padding:28px 24px; border:1px solid #ddd;}
.product-sch-inner {}
.product-left-title-area {}
.product-left-title-area .product-left-title {font-weight:600;}
.product-sch-inner .common-input-area {margin-top:12px;}
.product-sch-inner .common-input-area .btn-product-sch {width:42px; height:42px; position:absolute; right:8px; top:50%; transform:translateY(-50%); background: url(/static/img/icon/btn-search-black.svg) center center no-repeat;}

.product-sch-checked-area .common-check-group {margin-top:20px; display:flex; flex-direction: column; gap:20px 0;}
.product-sch-checked-area .product-category-area {padding:24px 24px 0; margin-top:32px; margin-left:-24px; margin-right:-24px; border-top:1px solid #ddd;}
.product-sch-checked-area .btn-product-toggle {display:none;}
.product-sch-checked-area .btn-product-toggle img {transform: rotate(180deg);}

.product-checked-area {flex:1;}
.checked-box {margin-bottom:12px; padding:16px; /*display:none;*/ background-color:#F4F7FB; border:1px solid #ddd; border-radius:8px;}
.checked-box.active {display:block;}
.checked-box .checked-all-del-area {display:none;}
.checked-box-inner {display:flex; flex-wrap:wrap; gap:8px;}
.checked-box-inner .checked-badge {height:42px; padding:0 16px; display:inline-flex; align-items: center; gap:0 8px; background-color:#fff; border:1px solid #005AA9; border-radius:4px;}
.checked-box-inner .checked-badge .checked-badge-text {color:#005AA9; line-height:normal;}
.checked-box-inner .checked-badge .btn-checked-badge-del {width:18px; height:18px; display:flex; align-items: center; justify-content: center; border-radius:50%; background-color:#EDEDED; border:1px solid #ddd;}
.checked-box-inner .btn-badge-all-del {height:42px; padding:0 16px; font-size:14px; color:#005AA9; text-decoration: underline;}

.quick-search-area {height:50px; padding:0 18px; display:flex; align-items: center; background-color:#F7F7F7; border-radius:8px;}
.quick-search-area .quick-search-info {display:flex; align-items: center; justify-content: space-between; flex:1;}
.quick-search-area .quick-search-text {font-size:15px;}
.quick-search-area .quick-search-info .common-btn {width:auto; display:flex; align-items: center; justify-content: center; gap:0 8px;}

.model-list-area {margin-top:32px;}
.total-count-area {margin-bottom:16px; display:flex; align-items: center; justify-content:space-between;}
.total-count-area .total-count-num strong {font-size:16px; font-weight:500; color:#2C60D0;}
.total-count-area .toggle-btns {display:flex; align-items: center;}
.total-count-area .toggle-btns button {font-size:14px; margin-right:12px;}
.total-count-area .toggle-btns button + button {margin-left:12px; margin-right:0; position:relative;}
.total-count-area .toggle-btns button + button::before {content:''; width:1px; height:10px; display:block; position:absolute; left:-12px; top:50%; transform:translateY(-50%); background-color:#ddd;}
.total-count-area .toggle-btns button.active {color:#005AA9;}

.product-item-list-area {}
.product-item-list-area .product-item-list {display:flex; gap:40px 32px; flex-wrap:wrap;}
.product-item-list-area .product-item-list li {width:calc(100% / 4 - 24px);}
.product-item-list-area .product-item-list li .item-image-area {position:relative; border-radius:12px; border:1px solid #ddd; overflow:hidden;}
.main-section-area .product-item-list-area .product-item-list li:hover .item-image-area {border-color:#005AA9;}
.product-item-list-area .product-item-list li .item-image-area a {padding-top:56.25%; display:block; position:relative; aspect-ratio: 1/1;}
.product-item-list-area .product-item-list li .item-image-area a .product-badge {width:52px; height:28px; position:absolute; left:0; top:0; display:flex; align-items: center; justify-content: center; border-radius:0 0 12px 0; background-color:#4924E2CC; font-size:15px; font-weight:600; color:#fff; z-index:1;}
.product-item-list-area .product-item-list li .item-image-area a .product-badge.type-best {background-color:#00A828CC;}
.product-item-list-area .product-item-list li .item-image-area a .product-badge.type-sale {background-color:#DD0000; }
.product-item-list-area .product-item-list li .item-image-area img {width:100%; height:100%; object-fit: cover; position:absolute; left:0; top:0; transform:scale(1); transition:transform ease-in-out .3s;}
.product-item-list-area .product-item-list li .item-image-area a:hover img {transform:scale(1.1); transition:transform ease-in-out .3s;}
.product-item-list-area .product-item-list li .item-image-area .btn-item-favorite {width:40px; height:40px; position:absolute; right:10px; bottom:10px; background:url(/static/img/icon/icon-item-favorite.svg) center center #fff no-repeat; border:1px solid #ddd; border-radius:50%; z-index:2;}
.product-item-list-area .product-item-list li .item-image-area .btn-item-favorite.active {background-image:url(/static/img/icon/icon-item-favorite-active.svg)}
.product-item-list-area .product-item-list li .item-image-area .btn-item-cart {width:40px; height:40px; position:absolute; right:60px; bottom:10px; background:url(/static/img/icon/icon-item-cart-sm.svg) center center #fff no-repeat; border:1px solid #ddd; border-radius:50%; z-index:2;}
.product-item-list-area .product-item-list li.type-empty .item-image-area a::before {content:'재고없음'; width:100%; height:100%; display:flex; justify-content: center; align-items: center; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.4); z-index:1; font-size:24px; font-weight:500; color:#fff;}

.product-item-list-area .product-item-list li .product-item-detail-area {margin-top:20px;}
.product-item-list-area .product-item-list li.type-empty .product-item-detail-area {opacity:0.4}
.product-item-list-area .product-item-list li .product-item-detail-area .product-item-name {min-height:52px; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-all; line-height:26px; text-decoration: none; font-size:18px; color:#333;}
.product-item-list-area .product-item-list li .product-item-serial {margin-top:8px; padding-bottom:10px; display:flex; justify-content: space-between; border-bottom:1px solid #ddd;}
.product-item-list-area .product-item-list li .product-item-serial .product-item-serial-text1,
.product-item-list-area .product-item-list li .product-item-serial .product-item-serial-text2 {font-size:15px;}
.product-item-list-area .product-item-list li .item-value-01 {margin-top:18px; display:flex; justify-content: space-between;}
.product-item-list-area .product-item-list li .item-value-01 .item-value-text-01 {align-self: center; font-size:18px; font-weight:600; color:#B40037;}
.product-item-list-area .product-item-list li .item-value-01 .item-value-text-02 {font-size:18px; color:#666666;}
.product-item-list-area .product-item-list li .item-value-01 .item-value-text-02 strong {font-size:30px; font-weight:600; color:#005AA9;}
.product-item-list-area .product-item-list li .item-value-02 {margin-top:18px; position:relative; display:flex; justify-content: space-between;}
.product-item-list-area .product-item-list li .item-value-02::before {content:''; width:100%; height:1px; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); background-color:#AAAAAA;}
.product-item-list-area .product-item-list li .item-value-02 .item-value-text-01 {align-self: center; font-size:15px; color:#AAAAAA;}
.product-item-list-area .product-item-list li .item-value-02 .item-value-text-02 {position:relative; font-size:18px; color:#999;}

.product-item-list-area .product-item-list li .item-value-02 .item-value-text-02 strong {font-size:20px; font-weight:400; color:#aaa;}
.product-item-list-area .product-item-list li .item-value-01 + .item-value-02,
.product-item-list-area .product-item-list li .item-value-02 + .item-value-01 {margin-top:8px;}

.product-item-list-area.length-5 .product-item-list li {width:calc(100% / 5 - 26px);}

.product-detail-top {display:flex; gap:0 40px;}
.product-detail-top .left-section {max-width:600px; flex:1;}
.product-detail-top .left-section .product-thumbnail-big {padding-top:75%; position:relative; border:1px solid #ddd; border-radius:12px; overflow:hidden;}
.product-detail-top .left-section .product-thumbnail-big img {width:100%; height:100%; position:absolute; left:0; top:0; aspect-ratio: 4/3; object-fit: contain;}
.product-detail-top .left-section .product-thumbnail-small {margin-top:20px; display:flex; gap:0 20px; justify-content: center;}
.product-detail-top .left-section .product-thumbnail-small button {width:calc(100% / 4 - 10px); height:102px; position:relative; border:1px solid #ddd; border-radius:12px; overflow:hidden;}
.product-detail-top .left-section .product-thumbnail-small button img {width:100%; height:100%; position:absolute; left:0; top:0; aspect-ratio: 4/3; object-fit: contain; opacity:0.4;}
.product-detail-top .left-section .product-thumbnail-small button.active img {opacity:1;}

.product-detail-top .right-section {flex:1; overflow: hidden;}

.right-section .product-desc-area {display:flex; justify-content: space-between; align-items: center; gap:0 32px;}
.right-section .product-desc-area .product-desc {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all; font-size:28px; line-height:40px; font-weight:600;}
.right-section .product-desc-area .btn-share {width:40px; min-width:40px; height:40px; border:1px solid #ccc; border-radius:50%; background:url(/static/img/icon/icon-share-black.svg) center center no-repeat;}

.product-detail-spec-area {margin-top:32px; padding:32px; background-color:#F8F8F8; border-radius:12px;}
.product-spec-list {}
.product-spec-list li {display:flex; gap:0 24px;}
.product-spec-list li + li {margin-top:8px;}
.product-spec-list li p {min-width:72px; line-height:24px; text-align: justify;}
.product-spec-list li .product-spec-title {display:flex; align-items: center; gap:0 10px; color:#666;}
.product-spec-list li .product-spec-title::before {content:''; width:5px; height:5px; display:block; border-radius:50%; background-color:#005AA9; font-weight:500;}
.product-spec-list li .product-spec-text {font-weight:500;}
.product-spec-list li.default-price {width:max-content; position:relative;}
.product-spec-list li.default-price::before {content:''; width: calc(100% - 15px); height:1px; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); background-color:#bbb;}
.product-spec-list li.default-price .product-spec-title,
.product-spec-list li.default-price .product-spec-text {color:#bbb;}
.product-price-area {margin-top:30px; padding-bottom:30px; display: flex; align-items: center; justify-content: space-between; border-bottom:1px solid #ddd;}
.product-price-area .product-quantity {display:flex; align-items: center;}
.product-price-area .product-quantity .product-quantity-text {margin-right:25px; font-size:18px; font-weight:600;}
.product-price-area .product-quantity .number-control {display:flex; align-items: center; border:1px solid #ddd; }
.product-price-area .product-quantity .number-control button {width:40px; height:40px; position:relative; display:flex; align-items: center; justify-content: center; background-color:#FAFAFA;}
.product-price-area .product-quantity .number-control button:disabled::after {content:''; width:100%; height:100%; position:absolute; left:0; top:0; background-color: rgba(241, 241, 241, 0.8);}
.product-price-area .product-quantity .number-control .cart-item-length {min-width:60px; line-height:40px; align-self: stretch; border-width:0 1px 0 1px; border-style:solid; border-color:#ddd; text-align: center; font-size:16px; font-weight:600; color:#333;}

.product-price-area {}
.product-price-area .product-total-price {display:flex; align-items: center; font-size:18px; color:#666;}
.product-price-area .product-total-price span {margin-right:25px; font-size:18px; font-weight:600; color:#000;}
.product-price-area .product-total-price strong {font-size:36px; font-weight:600; color:#005AA9;}

.product-buy-btns {margin-top:40px; display:flex; align-items: center; gap:12px;}
.product-buy-btns .btn-product-favorite {width:40px; min-width:40px;  height:40px; background:url(/static/img/icon/icon-item-favorite.svg) center center no-repeat; border-radius:50%; border:1px solid #ccc;}
.product-buy-btns .btn-product-favorite.active {background-image:url(/static/img/icon/icon-item-favorite-active.svg)}
.product-buy-btns .common-btn.outline {flex:4}
.product-buy-btns .common-btn {flex:6}

.product-detail-info {margin-top:40px; position:relative;}
.product-detail-info::before,
.product-detail-info::after {content:''; width:100%; height:1px; display:block; position:absolute; left:0; background-color:#ddd;}
.product-detail-info::before {top:0; display:none;}
.product-detail-info::after {bottom:0;}
.product-detail-tab-area {display:flex; gap:0 2px; position:sticky; top:100px; background-color:#fff; z-index:1;}
.product-detail-tab-area a {height:60px; flex:1; display:flex; justify-content: center; align-items: center; background-color:#ccc; font-size:18px; font-weight:500; color:#fff; text-decoration: none;}
.product-detail-tab-area a.active {background-color:#000;}

:target,
#product-detail-tab-01,
#product-detail-tab-02,
#product-detail-tab-03,
#product-detail-tab-04 {scroll-margin-top:100px}

.product-detail-info-inner {padding:60px 20px;}
.product-detail-info-inner * {font-size: inherit; color: inherit; font-weight: inherit; line-height: inherit; box-sizing: border-box; line-height: 1.5;}
.product-detail-info-inner img {max-width:100%;}

.product-panel-inner {padding:40px 0 60px;}

.support-device-list {display:flex; flex-wrap:wrap; gap:16px;}
.support-device-list li {min-width:119px; height:40px; padding:0 16px; display:flex; align-items: center; justify-content:center; border-radius:8px; background-color:#F4F4F4; border:1px solid #ddd; font-size:14px; color:#666;}

.information-list {display:flex; gap:40px; flex-wrap:wrap;}
.information-list .information-item {width:calc(50% - 20px); padding-left:100px; position:relative;}
.information-list .information-item .information-title {}
.information-list .information-item .information-title i {width:80px; height:80px; display:flex; align-items: center; justify-content: center; position:absolute; left:0; top:0; background-color:#F4F4F4; border-radius:10px;}
.information-list .information-item .information-title p {font-size:20px; font-weight:600;}
.information-list .information-item .information-desc {margin-top:12px;}
.information-list .information-item .information-desc li {display:flex; gap:0 4px; font-size:14px; line-height:24px;}
.information-list .information-item .information-desc li::before {content:'-';}
.information-list .information-item .information-desc li a {font-size:14px;}

.product-item-list-top {margin:60px 0 24px}
.product-item-list-top .product-item-list-title {font-size:24px; font-weight:600;}

.policy-content-area {}
.policy-title-01,
.policy-title-02 {margin-top:24px; font-weight:600;}
.policy-title-01 {font-size:18px;}
.policy-title-02 {font-size:16px;}
.policy-list-01 {margin-top:24px;}
.policy-list-01.mt-0 {margin-top:0;}
.policy-list-02 {margin-left:12px; margin-top:8px;}
.policy-list-02.mt-0 {margin-top:0;}
.policy-list-01 > li {padding-left:11px; display:flex; flex-wrap:wrap; position:relative;}
.policy-list-01 > li::before {content:''; width:3px; height:3px; position:absolute; left:0; top:10px; display:block; border-radius:50%; background-color:#000;}
.policy-list-01.no-bul > li {padding-left:0;}
.policy-list-01.no-bul > li::before {display:none;}
.policy-list-01 > li,
.policy-list-02 > li {font-size:14px; line-height:24px; word-break: keep-all;}
.policy-desc-01 {margin-top:24px; font-size:14px; line-height:24px; word-break: keep-all;}
.policy-desc-01.first {margin-top:0px;}
.policy-list-02 + .policy-list-01 {margin-top:8px;}

.main-contents {position:relative;}
.main-banner-slider-area {width:1334px; margin:20px auto 100px; }
.main-banner-slider-area .main-banner-slider {padding-bottom:30px;}
.main-banner-slider-area .main-banner-slider.type-mo {display:none}
.main-banner-slider-area .main-banner-slider.type-pc a {border-radius:12px; border:1px solid rgba(0,0,0,0.1); overflow:hidden; display:block;}
.main-banner-slider-area .main-banner-slider img {width:100%;}
.main-banner-slider-area .main-banner-slider .swiper-pagination {top:auto; bottom:0px; pointer-events: none}
.main-banner-slider-area .main-banner-slider .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; background-color:#DBDBDB; opacity:1;}
.main-banner-slider-area .main-banner-slider .swiper-pagination .swiper-pagination-bullet-active {background-color:#005AA9;}
.main-banner-slider-area .main-banner-slider .swiper-button-prev,
.main-banner-slider-area .main-banner-slider .swiper-button-next {width:40px; height:40px; border-radius:50%; background-color:#fff; border:1px solid #ccc;}
.main-banner-slider-area .main-banner-slider .swiper-button-prev::after,
.main-banner-slider-area .main-banner-slider .swiper-button-next::after {color:#000; font-size:16px;}
.main-banner-slider-area .main-banner-slider .swiper-button-prev.swiper-button-disabled,
.main-banner-slider-area .main-banner-slider .swiper-button-next.swiper-button-disabled {pointer-events: all; cursor: pointer;}

.main-section-area {width:1336px; margin:0 auto;}
.main-section-area .main-section-inner {width:1336px; margin:0 auto;}
.main-section-area.type-bg {width:100%; padding:80px 0; background-color:rgba(242, 246, 250, 0.8);}
.main-section-area + .main-section-area {margin:100px auto 0;}
.main-section-title-area {margin-bottom:24px; text-align: center;}
.main-section-title-area .main-section-title,
.main-section-title-area .main-section-title span {font-size:28px; font-weight:600;}
.main-section-title-area .main-section-title strong {font-size:28px; font-weight:600; color:#005AA9;}

.main-tab-area {margin-bottom:24px; overflow-x:auto; display:none;}
.main-tab-area.active {display:block;}
.main-tab-area .main-tab-list {display:flex; justify-content: center; gap:0 52px; white-space: nowrap;}
.main-tab-area .main-tab-list li button {height:60px; position:relative; font-size:24px; color:#999;}
.main-tab-area .main-tab-list li.active button {font-weight:600; color:#000;}
.main-tab-area .main-tab-list li.active button::before {content:''; width:100%; height:3px; display:block; position:absolute; left:0; bottom:0; background-color:#000;}

.main-section-area .car-info-top-box {margin-bottom:20px;}

.main-tab-slider-area {height:74px; margin-bottom:20px; position:relative; display:flex; align-items: center; background-color:#F4F7FB; border:1px solid #C9DBF4; border-radius:8px;}
.main-tab-slider-area .main-tab-slider {width:100%; padding:0 60px;}
.main-tab-slider-area .main-tab-slider .swiper-wrapper {border-bottom:1px solid transparent;}
.main-tab-slider-area .main-tab-slider .swiper-slide {width:auto; display:inline-flex;}
.main-tab-slider-area .main-tab-slider .swiper-slide button {height:42px; padding:0 16px; display:flex; align-items: center; justify-content: center; background-color:#fff; border:1px solid #005AA9; border-radius:22px; font-size:16px; color:#005AA9; line-height:normal;}
.main-tab-slider-area .main-tab-slider .swiper-slide.active {pointer-events: none}
.main-tab-slider-area .main-tab-slider .swiper-slide.active button {background-color:#005AA9; color:#fff; font-weight:500;}

.main-tab-slider-area .swiper-button-prev.swiper-button-lock,
.main-tab-slider-area .swiper-button-next.swiper-button-lock {display:flex;}
.main-tab-slider-area .swiper-button-prev,
.main-tab-slider-area .swiper-button-next {width:60px; height:74px; top:0; margin-top:0;}
.main-tab-slider-area .swiper-button-prev::after,
.main-tab-slider-area .swiper-button-next::after {content:''; width:60px; height:100%; background:url(/static/img/icon/icon-arrow-sm.svg) center center #F4F7FB no-repeat;}
.main-tab-slider-area .swiper-button-prev {left:-1px;}
.main-tab-slider-area .swiper-button-prev::after {transform:rotate(180deg)}
.main-tab-slider-area .swiper-button-prev.swiper-button-disabled {}
.main-tab-slider-area .swiper-button-next {right:-1px;}
.main-tab-slider-area .swiper-button-next.swiper-button-disabled {}

.quick-search-area.active {height:auto; padding:0;}
.quick-search-area.active .quick-search-info {display:none;}
.quick-search-area .main-tab-slider-area {width:100%; display:none; margin-bottom:0; border:0; background-color:#fff;}
.quick-search-area.active .main-tab-slider-area {display:flex; }
.quick-search-area .main-tab-slider-area {height:auto; position:relative}
.quick-search-area .main-tab-slider-area .main-tab-slider {height:54px}
.quick-search-area .main-tab-slider-area .main-tab-slider .swiper-slide {align-items: center;}
.quick-search-area .main-tab-slider-area .main-tab-slider .swiper-slide button {position:relative; background-color:unset; border:unset; color:#aaa;}
.quick-search-area .main-tab-slider-area .main-tab-slider .swiper-slide.active {pointer-events: none;}
.quick-search-area .main-tab-slider-area .main-tab-slider .swiper-slide.active button {background-color:unset; border:unset; color:#000;}
.quick-search-area .main-tab-slider-area .main-tab-slider .swiper-slide.active button::after {content:''; width:100%; height:3px; display:block; position:absolute; left:0; bottom:0; background-color:#000;}
.quick-search-area .main-tab-slider-area .swiper-button-prev,
.quick-search-area .main-tab-slider-area .swiper-button-next {height:100%;}
.quick-search-area .main-tab-slider-area .swiper-button-prev::after,
.quick-search-area .main-tab-slider-area .swiper-button-next::after {background-color:#fff;}

.main-section-title-area.type-category .main-section-title {position:relative;}
.main-section-title-area.type-category .main-section-title span {display:inline-flex; padding:0 18px; background-color:#fff; position:relative; z-index: 1;}
.main-section-title-area.type-category .main-section-title::after {content:''; width:100%; height:1px; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); background-color:#000;}

.main-section-title-area .common-btn {width:auto; margin-top:16px; display:inline-flex;}
.main-section-title-area.type-favorite-model {position:relative;}
.main-section-title-area.type-favorite-model .common-btn {margin-top:0; position:absolute; right:0; top:50%; transform:translateY(-50%);}

.main-favorite-list-area {margin-top:60px;}
.main-favorite-list-area .main-favorite-list {display:flex; gap:0 58px;}
.main-favorite-list-area .main-favorite-list li {width:calc(100% / 5);}
.main-favorite-list-area .main-favorite-list li a {display:flex; align-items: center; justify-content: center; flex-direction: column; gap:40px 0; text-decoration:none;}
.main-favorite-list-area .main-favorite-list li a .image-area {width:100%; height:100%; aspect-ratio: 1/1; overflow:hidden; position:relative; border:1px solid #ddd; background-color:#fff; border-radius:50%;}
.main-favorite-list-area .main-favorite-list li a:hover .image-area {border-color:#005AA9; box-shadow: 0px 3px 6px #00000029;}
.main-favorite-list-area .main-favorite-list li a .image-menu {font-size:18px; font-weight:500;}
.main-favorite-list-area .main-favorite-list li a:hover .image-menu {font-weight:600; color:#005AA9;}
.main-favorite-list-area .main-favorite-list li a img {width:calc(100% - 80px); height:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); object-fit: cover;}

.guide-text-size {margin-top:12px; margin-bottom:7px; font-size:12px; text-align: right;}
.guide-text-size span {font-size:12px;}

#footer {margin-top:100px; background-color:#FAFAFA; border-top:1px solid #ddd;}
#footer .footer-inner {width:1334px; margin:0 auto;}
#footer .footer-menu-area {border-bottom:1px solid #ddd;}
#footer .footer-menu-area .footer-inner {height:80px; display:flex; align-items: center; flex-wrap:wrap; align-content: center;;}
#footer .footer-menu-area .footer-inner a {margin-left:16px; padding-left:16px; position:relative; font-size:16px; font-weight:500; text-decoration: none;}
#footer .footer-menu-area .footer-inner a:first-child {margin-left:0; padding-left:0;}
#footer .footer-menu-area .footer-inner a + a::before {content:''; width:1px; height:8px; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); background-color:#ddd;}

#footer .footer-information {padding:40px 0 16px;}
#footer .footer-information .footer-inner {position:relative;}

#footer .footer-information .footer-aside {position:absolute; right:0; top:40px; display:flex; flex-direction: column; gap:8px 0; text-align: right; font-size:18px;}
#footer .footer-information .footer-aside .footer-aside-text-01 {display:flex; align-items: flex-end; justify-content: flex-end; gap:0 8px;}
#footer .footer-information .footer-aside .footer-aside-text-02 {font-size:40px; font-weight:700; line-height:28px; text-decoration: none;}
#footer .footer-information .footer-aside .footer-aside-text-03 {font-size:14px; line-height:20px; color:#666;}

#footer .footer-information .footer-information-list {margin-top:24px;}
#footer .footer-information .footer-information-list li {font-size:16px; line-height:28px;}

#footer .copyright {margin-top:24px; font-size:14px; color:#999;}

#footer .mobile-footer-menu {width:100%; height:60px; display:none; align-items: center; justify-content: space-between; position:fixed; left:0; bottom:0; border-top:1px solid #ddd; background-color:#F8F8F8; z-index:2;}
#footer .mobile-footer-menu .btn-footer {flex:1; align-self:stretch; position:relative;}
#footer .mobile-footer-menu .btn-footer .total-num {width:20px; height:20px; display:flex; align-items: center; justify-content: center; position:absolute; left:50%; top:50%; transform:translate(calc(-50% + 10px),calc(-50% - 10px)); background-color:#DD0000; color:#fff; font-size:12px; font-weight:600; border-radius:50%; font-style:normal; line-height:normal;}
#footer .mobile-footer-menu .btn-footer .total-num:empty {display:none;}

.common-paging {margin-top:20px; display: flex; align-items: center; justify-content: center; gap:0 4px;}
.common-paging button {width:28px; min-width:28px; height:28px; border-radius:50%; display: flex; align-items: center; justify-content: center; gap:0 4px; font-size:14px;}
.common-paging button:hover {background-color:#EDF7FF;}
.common-paging .paging {display:flex; }
.common-paging .paging button.active {background-color:#005AA9; color:#fff; font-weight:600;}

.quick-area {position:absolute; left:calc(50% + 732px); bottom:0; transform:translateX(-50%); display:flex; flex-direction: column; gap:8px 0; z-index:100; }
.quick-area.fixed {position:fixed; bottom:100px; }
.quick-area.is-mo {opacity:0; transition:opacity ease-in-out .3s;}
.quick-area.is-mo.active {opacity:1; transition:opacity ease-in-out .3s;}

.quick-area .btn-quick-link,
.quick-area .quick-btn-top {width:66px; height:66px; border-radius:50%; overflow:hidden;}
.quick-area .btn-quick-link {display:flex; position:relative; align-items: center; justify-content: center; text-decoration: none; background-color:#F5F5F5; border:1px solid #E5E5E5;}
.quick-area .btn-quick-link img {}
.quick-area .btn-quick-link .total-num {width:20px; height:20px; display:flex; align-items: center; justify-content: center; position:absolute; left:50%; top:50%; transform:translate(calc(-50% + 10px),calc(-50% - 10px)); background-color:#DD0000; color:#fff; font-size:12px; font-weight:600; border-radius:50%; font-style:normal; line-height:normal;}
.quick-area .btn-quick-link .total-num:empty {display:none;}
.quick-area .btn-quick-link span {display:none;}
.quick-area .btn-quick-link:hover img {display:none;}
.quick-area .btn-quick-link:hover .total-num {display:none}
.quick-area .btn-quick-link:hover span {width:100%; height:100%; display:flex; align-items: center; justify-content: center; background-color:#000; border-color:#000; color:#fff; font-size:14px; line-height:16px; text-align: center;}
.quick-area .quick-btn-top {display:flex; justify-content: center; align-items: center; flex-direction: column; background-color:#000;}
.quick-area .quick-btn-top img {width:24px; height:24px;}
.quick-area .quick-btn-top span {font-size:16px; font-weight:500; color:#fff;}

.layer-popup {display: none; position:relative;}
.layer-popup.active {display: block;}
.layer-popup:before {content:''; width:100%; height:100%; display:block; position:fixed; left:0; top:0; background-color: rgba(0,0,0,0.5); z-index:1000; opacity: 0;}
.layer-popup.active:before {opacity: 0.7;}
.layer-popup .layer-inner {width:100%; max-width:400px; transform:translate(-50%, -50%); position:fixed; left:50%; top:50%; z-index:1000; background-color:#fff; z-index:1000;}
.layer-popup.preview-w-1000 .layer-inner {width:calc(100% - 40px); max-width:1000px;}
.layer-popup.w-600 .layer-inner {max-width:600px;}
.layer-popup.w-540 .layer-inner {max-width:540px;}
.layer-popup.w-500 .layer-inner {max-width:500px;}
.layer-popup.w-360 .layer-inner {max-width:360px;}
.layer-popup.w-300 .layer-inner {max-width:300px;}
.layer-popup .layer-head {height:64px; display:flex; align-items: center; justify-content: center; border-bottom:1px solid #ddd;}
.layer-popup .layer-head .head-inner {padding:0 20px; position:relative; flex:1;}
.layer-popup .layer-head .head-inner .btn-layer-close {width:32px; height:32px; padding:0; display:flex; align-items: center; justify-content: center; position:absolute; right:20px; top:50%; transform:translateY(-50%); border:0; background-image:url(/static/img/icon/icon-layer-close.svg); background-repeat:no-repeat; background-position:center;}
.layer-popup .layer-head .head-inner .head-title {margin:0; font-size: 18px; font-weight: 600;}
.layer-popup .layer-body {}
.layer-popup .layer-body .layer-body-inner {padding:32px 20px 20px; max-height:80svh; overflow-y:auto;}
.layer-popup.main-popup .layer-body .layer-body-inner {padding:0; max-height:inherit; overflow:visible;}
.layer-popup.main-popup .layer-body .layer-body-inner .banner-link {display:block;}
.layer-popup.main-popup .layer-body .layer-body-inner .banner-link img {width:100%;}

.layer-popup .layer-body .layer-deco-icon {text-align: center; margin-bottom:20px;}
.layer-popup .layer-body .layer-msg-box {text-align: center; font-size:16px; line-height:28px; color:#000; word-break:keep-all;}
.layer-popup .layer-body .layer-msg-box.bold {font-size:20px; font-weight:600; line-height:32px;}
.layer-popup .layer-body .layer-msg-box.bold + .layer-msg-box {margin-top:16px;}
.layer-popup .layer-body .common-btn-area {margin-top:16px;}
.layer-popup.main-popup .layer-body .common-btn-area {margin-top:0; gap:0;}
.layer-popup.main-popup .layer-body .common-btn-area button {font-size:16px;}

.layer-address-area {margin-top:16px; border-top:1px solid #ddd;}
.layer-address-area .address-no-data {min-height:300px; display:flex; flex-direction: column; align-items: center; justify-content: center; gap:16px 0;}
.layer-address-area .address-no-data .no-data-text {font-size:16px; color:#666; font-weight:500;}
.layer-address-area .address-table-area {margin-top:32px;}
.layer-address-area .address-table-area .address-table-head {margin-bottom:12px;}
.layer-address-area .address-table-area .address-table-head .address-result-text {font-size:14px; font-weight:500; color:#000;}
.layer-address-area .address-table-area .address-table-head .address-result-text span {font-size:14px; color:#005AA9;}
.layer-address-area .address-table-area .address-table-body {max-height:300px; overflow-y:auto;}

.address-table {width:100%; table-layout: fixed; border-collapse: collapse;}
.address-table th,
.address-table td {border:1px solid #ddd;}
.address-table th {padding:14px 12px; background-color:#FAFAFA; font-size:14px; font-weight:600; color:#000;}
.address-table th.l {text-align:left;}
.address-table td {padding:12px; font-size:14px; color:#666; vertical-align: top; text-align: center;}
.address-table td + td {text-align: left;}
.address-table td .btn-address {text-align: left;}
.address-table td .btn-address .address-road-name {font-size:14px; color:#666;}
.address-table td .btn-address .address-name {margin-top:10px; display:flex; align-items: baseline; gap:0 4px; font-size:14px; color:#666;}
.address-table td .btn-address .address-name .address-badge {width:29px; min-width:29px; height:18px; border:1px solid #000; display:inline-flex; align-items: center; justify-content: center; border-radius:4px; font-size:12px; line-height:normal;}

.layer-popup .join-stepper-area {margin-top:0;}
.layer-popup .member-box-area.type-01 {padding:24px;}

.layer-info-box {margin-top:32px; padding:25px; background-color:#FAFAFA; border:1px solid #ddd; text-align: center;}
.layer-info-box .layer-info-text {font-size:14px; line-height:24px;}
.layer-info-box .layer-info-text .layer-info-text-01 {font-size:14px; font-weight:500; color:#09AF61;}
.layer-info-box .layer-info-text .layer-info-text-02 {font-size:14px; font-weight:600;}
.layer-info-box .layer-info-text + .layer-info-text {margin-top:20px;}

.layer-auth-form-box {margin-top:32px; padding:20px; background-color:#FAFAFA; border:1px solid #ddd;}
.layer-auth-form-box .form-fieldset-area .form-fieldset-item + .form-fieldset-item {margin-top:8px;}

.layer-user-equipment-area {margin-top:32px;}
.layer-user-equipment-area .user-equipment-list {border:1px solid #ddd;}
.layer-user-equipment-area .user-equipment-list li {padding:13px 0; display:flex; align-items: center;}
.layer-user-equipment-area .user-equipment-list li:nth-child(even) {background-color:#FAFAFA;}
.layer-user-equipment-area .user-equipment-list li + li {border-top:1px solid #ddd;}
.layer-user-equipment-area .user-equipment-list li p {padding:0 16px; position:relative; word-break: break-all;}
.layer-user-equipment-area .user-equipment-list li p:first-child {min-width: max-content; text-align: center;}
.layer-user-equipment-area .user-equipment-list li p + p {}
.layer-user-equipment-area .user-equipment-list li p + p::before {content:''; width:1px; height:10px; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); background-color:#ddd;}

.layer-menu-area {}
.layer-menu-area .layer-menu-box {padding-top:24px; padding-bottom:24px;}
.layer-menu-area .layer-menu-box:first-child {padding-top:0;}
.layer-menu-area .layer-menu-box + .layer-menu-box {border-top:8px solid #F1F1F1;}
.layer-menu-area .layer-menu-box .layer-menu-title {padding:0 20px; font-size:18px; font-weight:600;}
.layer-menu-area .layer-menu-box .layer-menu-list {padding:0 10px; margin-top:14px; display:flex; flex-wrap:wrap; }
.layer-menu-area .layer-menu-box .layer-menu-list li {}
.layer-menu-area .layer-menu-box .layer-menu-list li a {padding:10px; display:block; text-decoration:none; font-size:14px;}

.layer-popup.type-naver .layer-head {background-color:#07AA5C; color:#fff;}
.layer-popup.type-naver .layer-head .head-inner .head-title {color:#fff;}
.layer-popup.type-naver .layer-head .head-inner .btn-layer-close {background-image:url(/static/img/icon/icon-layer-close-white.svg)}
.layer-popup.type-naver .join-stepper-area .join-stepper li.active .join-stepper-circle.step-01,
.layer-popup.type-naver .join-stepper-area .join-stepper li.active .join-stepper-circle.step-02 {background-color:#07AA5C; border-color:#07AA5C;}
.layer-popup.type-naver .common-btn-area .common-btn:not(.outline) {background-color:#07AA5C;}
.layer-popup.type-naver .common-btn-area .common-btn:not(.outline):hover {background-color:#08884A;}

.layer-popup.type-kakao .layer-head {background-color:#FADF43;}
.layer-popup.type-kakao .layer-head .head-inner .head-title {color:#181707;}
.layer-popup.type-kakao .join-stepper-area .join-stepper li.active .join-stepper-circle.step-01,
.layer-popup.type-kakao .join-stepper-area .join-stepper li.active .join-stepper-circle.step-02 {background-color:#181707; border-color:#181707;}
.layer-popup.type-kakao .common-btn-area .common-btn:not(.outline) {background-color:#FADF43; color:#181707;}
.layer-popup.type-kakao .common-btn-area .common-btn:not(.outline):hover {background-color:#D1B200;}

.layer-popup .layer-agreement-text {font-size:14px; line-height:28px; }

.sns-share-list {display:flex; justify-content: space-between;}
.sns-share-list li {width:20%; flex:1; text-align: center;}
.sns-share-list li button {width:100%; display:flex; flex-direction: column; gap:12px; justify-content: center;}
.sns-share-list li button img {width:50px; height:50px; margin:0 auto;}
.sns-share-list li button span {font-size:12px; font-weight:500; color:#666;}

.sns-share-url {margin-top:20px; display:flex;}
.sns-share-url .common-input-area {flex:1;}
.sns-share-url .common-btn {width:auto;}

.common-banner-box {border-radius:12px; overflow:hidden; border:1px solid #CCDAF5;}
.common-banner-box .common-banner-button {display:block;}
.common-banner-box .common-banner-button img {width:100%;}
.common-banner-box .common-banner-button .banner-pc {}
.common-banner-box .common-banner-button .banner-mo {display:none;}

#common-loading {width:100%; height:100%;}
.common-loader {width: 48px; height: 48px; margin:-24px 0 0 -24px; display: block; position:fixed; left:50%; top:50%; border: 5px solid #FFF; border-bottom-color: #005AA9; border-radius: 50%; box-sizing: border-box; animation: loading-rotation 1s linear infinite; z-index:9999;}

@keyframes loading-rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@media screen and (max-width: 1561px) {
    .quick-area {position:absolute; left:auto; right:-24px; bottom:-76px;}
    .quick-area.fixed {bottom:24px;}
    .quick-area .btn-quick-link {display:none;}
}

@media screen and (max-width: 1401px) {
    .product-item-list-area .product-item-list li {width:calc(100% / 3 - 22px)}
}

@media screen and (max-width: 1400px) {
    #header .header-inner {width:100%; padding:0 16px}
    #header .header-aside .aside-top {right:20px;}

    .contents-layout {width:auto; padding-left:16px; padding-right:16px;}

    #footer .footer-inner {width:100%; padding:0 16px;}
    #footer .footer-information .footer-aside {right:20px;}
}

@media screen and (max-width: 1367px) {
    .main-banner-slider-area {width:100%; padding:0 16px}

    .main-section-area {width:100%; padding:0 16px}
    .main-section-area .main-section-inner {width:100%; padding:0 16px}
}

@media screen and (max-width: 1240px) {
    .sub-page .left-section {min-width:150px; width:150px;}
    .shop-order-stat-area .shop-order-stat-list li .circle-area {width:100px; min-width:100px; height:100px; gap:4px 0;}
    .product-item-list-area.length-5 .product-item-list li {width:calc(100% / 4 - 24px);}
    .product-item-list-area.length-5 .product-item-list li:last-child {display:none}
    .main-section-area .product-item-list-area .product-item-list li:last-child {display:block;}

    .main-favorite-list-area .main-favorite-list {gap:0 24px;}
}

@media screen and (max-width: 1160px) {
    .table-top-condition-area .table-top-condition-inner {display:block;}
    .condition-date-select {gap:0 4px;}
    .condition-date-select .date-select-item input[type="radio"] + label {}
    .datepicker-box-area {margin-top:12px;}
}

@media screen and (max-width: 1150px) {
    .cart-list-area ul li {padding:20px 20px 20px 56px; align-items: flex-start;}
    .cart-list-area ul li .thumbnail-area a {width:75px; height:75px;}
    .cart-list-area ul li .detail-wrapper {margin-left:20px; flex-direction: column; align-items: flex-start;}
    .cart-list-area ul li .detail-area {min-height:100px; margin-left:0px;}
    .cart-list-area ul li .detail-area .common-check {top:20px; transform:none;}
    .cart-list-area ul li .detail-area .cart-item-name {font-size:16px;}
    .cart-list-area ul li .detail-area .cart-item-num span:first-child {min-width:fit-content;}
    .cart-list-area ul li .detail-area .cart-item-num span {font-size:12px;}
    .cart-list-area ul li .detail-area .cart-item-price-vip span {font-size:12px;}
    .cart-list-area ul li .detail-area .cart-item-price-vip strong {font-size:16px;}
    .cart-list-area ul li .detail-area .cart-item-price-default span {font-size:12px;}
    .cart-list-area ul li .right-area {width:100%; margin-left:0; flex-direction: column; align-items: flex-start;}
    .cart-list-area ul li .right-area .number-control {width: 75px; position: absolute; left: 56px; top: 104px;}
    .cart-list-area ul li .right-area .number-control button {width:20px; height:20px;}
    .cart-list-area ul li .right-area .number-control button img {width:8px;}
    .cart-list-area ul li .right-area .number-control .cart-item-length {min-width:auto; height:20px; flex:1; line-height:22px; font-size:12px;}
    .cart-list-area ul li .right-area .cart-last-price {width: calc(100% + 95px); height:50px; padding:0 16px; margin-top:16px; margin-left: -95px; justify-content: flex-end; background-color:#FAFAFA; font-size:20px; border-radius:12px;}
    .cart-list-area ul li .right-area .cart-last-price span {font-size:16px;}
    .cart-list-area ul li .right-area .cart-btns {width: calc(100% + 95px); margin-top:16px; margin-left: -95px; display:flex; align-items: center; flex-direction: row; gap:0 8px}
    .cart-list-area ul li .right-area .cart-btns button {flex:1;}

    .cart-list-area.type-like ul li {padding:20px 20px 20px 20px}

    .cart-list-area.type-order ul li .right-area .cart-btns {gap:0 8px;}
    .cart-list-area.type-order ul li .right-area .cart-btns button {min-width:auto;}

    .order-stat-info {}
    .order-date-info .order-date-text {font-size:16px}
    .order-stat-info {height:45px;}
    .order-stat-info .order-stat-text {font-size:16px}
    .order-stat-info .btn-order-detail {font-size:14px}

    .order-detail-info-area {align-items: flex-start;}
    .order-detail-info-area .btn-cart-add-item {margin-left:auto;}

    .right-area .order-stat-box {width:auto; height:32px; margin-top:20px; padding:0 12px; flex-direction: row; gap:0 8px;}
    .right-area .order-stat-box.type-order-02 {gap:0 8px;}
    .right-area .order-stat-box.type-order-04 {gap:0 8px;}
    .right-area .order-stat-box .icon-stat {width:16px; height:16px;}
    .right-area .order-stat-box.type-order-02 .icon-stat {width:26.43px; height:17.36px;}
    .right-area .order-stat-box.type-order-04 .icon-stat {width:21.8px; height:16px;}

    .cart-list-area.type-payment ul li {padding:20px 20px 20px 20px}
    .cart-list-area.type-payment ul li .detail-area {min-height:auto;}
    .cart-list-area.type-payment ul li .order-paymemt-info {width: calc(100% + 95px); height:50px; margin-top:16px; margin-left:-95px; padding:0 16px; background-color:#FAFAFA; justify-content: space-between; border-radius: 12px;}
    .cart-list-area.type-payment ul li .order-paymemt-info .cart-item-len-box {flex-direction: row; align-items: center; gap:0;}
    .cart-list-area.type-payment ul li .order-paymemt-info .cart-item-len-box .cart-item-len-text {margin-right:4px;}
    .cart-list-area.type-payment ul li .order-paymemt-info .cart-item-len-box .cart-item-len {font-size:14px;}

    .cart-list-area.type-payment ul li .order-paymemt-info .cart-last-price-box {gap:0;}
    .cart-list-area.type-payment ul li .order-paymemt-info .cart-last-price-box .cart-last-price-text {display:none;}
    .cart-list-area.type-payment ul li .order-paymemt-info .cart-last-price-box .cart-last-price {}
    .cart-list-area.type-payment ul li .right-area .cart-last-price {width:auto; margin-top:0; margin-left:0; padding:0;}

    .last-payment-box {flex-direction: column; gap:4px 0;}
    .last-payment-box.type-mypage {flex-direction: row;}
}

@media screen and (max-width: 1141px) {
    .flex-box.input-both-check {flex-direction: column; gap:8px 0; align-items: flex-start;}
}

@media screen and (max-width: 1120px) {
    #header .total-search-area {width:calc(100% - 500px);}
}


@media screen and (max-width: 1101px) {
    .product-item-list-area .product-item-list li {width:calc(100% / 2 - 16px)}
}

@media screen and (max-width: 1046px) {
    .category-area ul {gap:16px;}
    .category-area ul li {width:calc(100% / 2 - 8px)}
    .product-item-list-area.length-5 .product-item-list li {width:calc(100% / 3 - 22px);}
    .product-item-list-area.length-5 .product-item-list li:nth-child(4) {display:none;}
    .main-section-area .product-item-list-area .product-item-list li:nth-child(4) {display:block;}
}

@media screen and (max-width: 1040px) {
    .shop-order-stat-area .shop-order-stat-list li .circle-area {width:80px; min-width:80px; height:80px; gap:0;}
    .shop-order-stat-area .shop-order-stat-list li .circle-area strong {font-size:24px;}
    .shop-order-stat-area .shop-order-stat-list li .circle-area span {font-size:14px;}
}

@media screen and (max-width: 961px) {
    .product-price-area {flex-direction: column; align-items: flex-start; gap:12px 0;}
    .main-favorite-list-area .main-favorite-list li a img {width:calc(100% - 40px);}
}

@media screen and (max-width: 950px) {
    .address-form-area {display:block;}
    .address-form-area .address-form-item {width:100%;}
    .address-form-area .address-form-item + .address-form-item {margin-top:8px;}
}

@media screen and (max-width: 910px) {
    .shop-order-stat-area .shop-order-stat-list li .circle-area {width:60px; min-width:60px; height:60px; gap:0;}
    .shop-order-stat-area .shop-order-stat-list li .circle-area strong {font-size:16px;}
    .shop-order-stat-area .shop-order-stat-list li .circle-area span {font-size:12px;}
}

@media screen and (max-width: 890px) {
    .sns-login-box .sns-login-info-text {width:100%; margin-left:0; margin-top:8px;}
}

@media screen and (max-width: 875px) {
    .table-top-area {flex-direction: column;}
    .table-top-area .mileage-user-info-area {margin-left:0; margin-top:20px;}
}

@media screen and (max-width: 850px) {
    .mymage-main-tab {height:auto; padding:20px; flex-direction: column; gap:12px 0;}
    .mymage-main-tab .mymage-main-tab-item {justify-content: flex-start;}
    .mymage-main-tab .mymage-main-tab-item + .mymage-main-tab-item {border-left:0;}
    .mymage-main-tab .icon-grade-level {width:18.89px; height:18.28px;}
    .mymage-main-tab .mymage-main-tab-item .grade-member-name {font-size:16px;}
    .mymage-main-tab .mymage-main-tab-item .grade-text {font-size:12px;}
    .mymage-main-tab .mymage-main-tab-item .total-mileage {margin-left:16px; font-size:20px;}

    .color-icon-bedge {width:22px; min-width:22px; height:22px; font-size:11px; line-height:normal;}
}

@media screen and (max-width: 800px) {
    .main-favorite-list-area .main-favorite-list {flex-wrap:wrap; gap:24px; }
    .main-favorite-list-area .main-favorite-list li {width:calc(100% / 3 - 16px)}
}

@media screen and (max-width: 768px) {
    #header .header-inner {height:60px;}
    #header .header-inner .left-area {gap:0 8px;}
    #header .header-logo {align-items: center; transform:translateY(3px)}
    #header .header-logo img {width:78px;}
    #header .header-logo span {font-size:13px; transform:translateY(-2px)}
    #header .top-btn {display:none;}
    #header .top-btn.btn-mo {display:flex;}
    #header .total-search-area {width:100%; max-width:inherit; display:none; position:absolute; left:0; top:60px;}
    #header .total-search-area.active {display:block; padding:16px; background: transparent linear-gradient(103deg, #2C4FAA 0%, #3A6CD3 100%) 0% 0% no-repeat padding-box;}
    #header .total-search-area label {margin-bottom:8px; display:block; text-align: center; font-size:16px; font-weight:600; color:#fff;}
    #header .total-search-area .total-search-inner {}
    #header .header-aside.is-pc {display:none;}
    #header .header-aside.is-mo {display:flex;}
    #header .header-aside .aside-top {display:none;}
    #header .header-aside .aside-menus {gap:0 8px}

    .contents-layout {padding-top:32px;}

    .sub-visual-wrapper.type-pc {display:none}
    .sub-visual-wrapper.type-mo {display:block}

    .member-layout .member-title {text-align: left; font-size:24px;}
    .member-box-area {margin-top:32px; padding:0; box-shadow:none; border:0;}
    .member-box-area.type-login {padding:0;}
    .member-box-area.type-01 {padding:0;}

    .sub-page .left-section {display:none;}
    .page-location {position:static; margin-top:20px;}

    .sub-page-title-area {margin-bottom:22px;}
    .sub-page-title-area.has-check {margin-bottom:12px;}
    .sub-page-title-area .sub-page-inner .sub-page-title {font-size:18px}
    .sub-page-title-area .common-check input[type="checkbox"] + label {font-size:15px;}

    .cart-total-price-area {height:60px;}
    .cart-total-price-area .cart-total-num {font-size:16px;}
    .cart-total-price-area .cart-total-num span {font-size:16px;}
    .cart-total-price-area .cart-total-price {font-size:24px;}
    .cart-total-price-area .cart-total-price span {font-size:18px;}

    .page-btn-area.type-cart {gap:0 8px;}
    .page-btn-area.type-cart .common-btn {width:100%;}

    .shop-order-stat-area .shop-order-stat-list li.arrow::before {transform:translateY(-10px)}
    .shop-order-stat-area .shop-order-stat-list li .circle-area {width: max-content; border:0; box-shadow:none; gap:8px 0;}
    .shop-order-stat-area .shop-order-stat-list li .circle-area strong {width:44px; min-width:44px; height:44px; min-height:44px; display:flex; align-items: center; justify-content: center; font-size:18px; border: 1px solid #D6D6D6; box-shadow: 0px 3px 3px #00000008; border-radius: 50%;}

    .agree-info-text {margin-bottom:40px;}

    .common-msg-box .common-msg-text-01 {margin-top:22px; font-size:14px; line-height:20px;}
    .common-msg-box .common-msg-text-02 {margin-top:22px; font-size:20px; line-height:24px;}

    .agreement-check-list li .common-check label {font-size:14px}
    .agreement-check-list li .common-check label span {font-size:14px;}

    .sub-page-title-area.mypage-main {margin-bottom:20px;}
    .sub-page-title-area.mypage-main .sub-page-inner .sub-page-title {display:block;}

    .mypage-title-area .mypage-title {font-size:14px;}
    .mypage-title-area .mypage-title span {font-size:12px;}

    .table-area.type-mypage {margin-top:12px}

    .recent-order-area {margin-top:12px;}
    .recent-order-area .recent-order-list li a p {font-size:14px;}

    .order-number-info {margin-top:20px;}
    .order-number-info .order-number-info-text-01 {font-size:18px;}
    .order-number-info .order-number-info-text-01 strong {font-size:18px;}
    .order-number-info .order-number-info-text-02 {margin-top:16px; font-size:14px;}

    .car-info-top-box {display:block;}
    .common-box-title-area {margin-bottom:12px;}
    .main-section-area .car-info-top-box {margin-top:24px; display:none;}
    .main-section-area .car-info-top-box.active {display:block;}
    .car-info-top-box .car-info-text {max-width:100%;}
    .car-info-top-box .common-btn {width:100%; margin-top:12px;}

    .carinfo-preview-img-area {gap:24px 16px; flex-wrap:wrap;}
    .carinfo-preview-img-area .carinfo-preview-img-item {width: calc(100% / 2 - 8px); flex: none;}

    .support-list-area .support-list li .btn-support-title {padding:20px 40px 20px 20px; flex-wrap:wrap; gap:12px 0;}
    .support-list-area .support-list li .support-number {font-size:14px;}
    .support-list-area .support-list li .support-subj {max-width:100%; flex:none; font-size:14px; display: -webkit-box; -webkit-line-clamp:none; line-clamp: none;}

    .table-top-condition-area {padding:12px 12px 0;}
    .table-top-condition-area.active {box-shadow: 0px 3px 3px #00000029;}
    .table-top-condition-area.active .condition-date-select {padding-bottom:12px; border-bottom:1px solid #C9DBF4;}
    .condition-date-select .date-select-item {flex:1;}
    .condition-date-select .date-select-item input[type="radio"] + label {height:36px; padding:0 8px; display:flex; justify-content: center; font-size:14px;}
    .datepicker-box-area {display:none;}
    .table-top-condition-area.active .datepicker-box-area {display:block;}
    .datepicker-box-area .common-btn {margin-left:0; margin-top:8px; width:100%; max-width:none;}
    .datepicker-box-area .datepicker-box {gap:0 8px}
    .datepicker-box-area .datepicker-box .common-input {max-width:none;}
    .datepicker-box-area .datepicker-box .common-select-area {width:100%;}
    .datepicker-box-area .datepicker-box .datepicker-label {font-size:14px; margin-right:8px;}

    .datepicker-toggle-btn {width:100%; padding:8px 0; display:block; text-align: center;}

    .faq-condition-area {padding:12px;}
    .faq-condition-area + .support-list-area {margin-top:12px;}
    .table-top-condition-area + .support-list-area {margin-top:12px;}
    .faq-condition-area.active {box-shadow: 0px 3px 3px #00000029;}
    .faq-condition-select {gap:4px;}
    .faq-condition-select .faq-select-item input[type="radio"] + label {height:36px; padding:0 16px; font-size:14px;}

    .support-list-area .support-list li .support-desc-area {margin:0 20px 20px;}
    .support-list-area .support-list li .support-desc-area.type-faq {margin:0 20px 20px 48px}

    .file-upload-area.size-lg .file-upload-item {width:60px; height:60px;}
    .file-upload-area.size-lg .file-upload-item .upload-thumbnail-box {width:60px; height:60px;}

    .support-order-area {display:flex; flex-direction: column;}
    .table-top-condition-area + .support-order-area {margin-top:0;}
    .support-order-area .support-list-area {order:2; margin-top:12px;}
    .support-order-area .common-btn-area {order:1;}
    .support-order-area .common-btn-area .common-btn {max-width:100%;}

    .contents-top-area {margin-bottom:22px;}
    .contents-top-area .contents-title-area .contents-title {font-size:18px; text-align: left;}
    .contents-top-area.type-01 {margin-bottom:22px}
    .contents-top-area.type-01 .contents-title-area .contents-title {font-size:18px;}

    .order-payment-area {flex-direction: column;}
    .order-payment-area .left-section {flex:1}
    .order-payment-area .right-section {flex:1}

    .total-payment-wrapper {margin-top:32px; padding:26px 16px 20px; box-shadow: 0px -3px 6px #0000000F; border: 1px solid #DDDDDD;}
    .total-payment-wrapper + .common-btn-area {margin-top:0;}
    .total-payment-wrapper .order-detail-title-area {margin-bottom:20px; justify-content: center;}
    .total-payment-wrapper .order-detail-title-area .order-detail-title {font-size:18px; font-weight:500;}
    .total-payment-wrapper .order-detail-title-area .order-detail-title::before {display:none}

    .total-payment-info-box .total-payment-list {gap:16px 0;}
    .total-payment-info-box .total-payment-list li .total-info-text-01,
    .total-payment-info-box .total-payment-list li .total-info-text-02 {font-size:14px;}

    .last-payment-box {flex-direction:row; gap:0 8px;}
    .last-payment-box .last-payment-price {font-size:14px;}
    .last-payment-box .last-payment-won {font-size:16px;}
    .last-payment-box .last-payment-won strong {font-size:28px;}
    .last-payment-box.type-mypage {justify-content: space-between; gap:0 8px;}
    .last-payment-box.type-mypage .last-payment-won strong {font-size:28px}

    .table-top-area .common-tab-area a {width:100%}

    .layer-user-equipment-area .user-equipment-list li p {font-size:14px;}

    .order-tracking-scroll {height:calc(100dvh - 174px);}

    .category-area ul {gap:12px}
    .category-area ul li {width:calc(100%)}

    .common-btn-area .common-btn {font-size:16px;}
    .common-btn.size-lg {height:50px; font-size:16px}

    .product-sch-checked-area {flex-direction: column;}
    .product-sch-checked-area .product-sch-area {max-width:none;padding:12px 12px 0; background-color:#F4F7FB; border:1px solid #C9DBF4; border-radius:8px;}
    .product-sch-inner {display:flex; align-items: center;}
    .product-left-title-area {min-width:50px;}
    .product-sch-inner .common-input-area {margin-top:0; flex:1;}
    .product-sch-checked-area .common-check-group {flex-direction: row; flex-wrap:wrap; gap:20px 16px;}
    .product-sch-checked-area .product-category-area {padding:24px 0 0; margin-top:20px; margin-left:0; margin-right:0; border-top:1px dashed #C9DBF4;}
    .product-sch-checked-area .btn-product-toggle {width: calc(100% + 24px); padding: 12px; margin: 0 -12px; display: block; text-align:right;}
    .product-sch-checked-area .btn-product-toggle::after {content:'더보기'; font-size:14px; font-weight:600; color:#005AA9;}
    .product-sch-checked-area .product-sch-area {}
    .product-sch-checked-area .product-sch-area.active {box-shadow: 0px 3px 3px #00000029;}
    .product-sch-checked-area .product-sch-area .product-toggle-area {display:none;}
    .product-sch-checked-area .product-sch-area.active .product-toggle-area {display:block; }
    .product-sch-checked-area .product-sch-area.active .btn-product-toggle::after {content:'접기';}

    .checked-box {margin-right:-16px; margin-bottom:0; padding:16px 0 0 0; display:none; align-items: center; background-color:unset; border:unset;}
    .checked-box.active {display:flex;}
    .checked-box .checked-all-del-area {display:block; margin-right:8px; padding-right:8px; position:relative;}
    .checked-box .checked-all-del-area::after {content:''; width:1px; height:18px; display:block; position:absolute; right:0; top:50%; transform: translateY(-50%); background-color:#005AA9;}
    .checked-box .checked-all-del-area .btn-mo-badge-all-del {width:36px; height:36px; background-color:#005AA9; border:1px solid #005AA9; border-radius:4px;}

    .checked-box-inner {display:block; white-space: nowrap; overflow-y:auto;}
    .checked-box-inner .checked-badge {height:36px; padding:5px 8px; margin-right:8px;}
    .checked-box-inner .checked-badge:last-of-type {margin-right:16px;}
    .checked-box-inner .checked-badge .checked-badge-text {font-size:16px;}
    .checked-box-inner .btn-badge-all-del {display:none;}

    .quick-search-area {margin:16px -16px 0; padding:20px 16px 0; border-top:10px solid #F2F2F2; background-color:transparent;}
    .quick-search-area .quick-search-info {padding:0; gap:0 16px;}
    .quick-search-area .quick-search-info .common-btn {min-width: fit-content;}

    .product-item-list-area .product-item-list {gap:24px;}
    .product-item-list-area .product-item-list li {width:calc(100% / 2 - 12px)}
    .product-item-list-area .product-item-list li .item-image-area .btn-item-favorite {width:28px; height:28px; background-size:50%}
    .product-item-list-area .product-item-list li .item-image-area .btn-item-cart {width:28px; height:28px; right:44px; background-size:14px}
    .product-item-list-area .product-item-list li .product-item-detail-area {margin-top:14px}
    .product-item-list-area .product-item-list li .product-item-detail-area .product-item-name {min-height:48px; font-size:16px; line-height:24px;}
    .product-item-list-area .product-item-list li .product-item-serial .product-item-serial-text1,
    .product-item-list-area .product-item-list li .product-item-serial .product-item-serial-text2 {font-size:13px;}
    .product-item-list-area .product-item-list li .item-value-01 {margin-top:10px;}
    .product-item-list-area .product-item-list li .item-value-01 .item-value-text-01 {font-size:14px;}
    .product-item-list-area .product-item-list li .item-value-01 .item-value-text-02 {font-size:13px;}
    .product-item-list-area .product-item-list li .item-value-01 .item-value-text-02 strong {font-size:18px;}
    .product-item-list-area .product-item-list li .item-value-02 {margin-top:10px;}
    .product-item-list-area .product-item-list li .item-value-02 .item-value-text-01 {font-size:12px;}
    .product-item-list-area .product-item-list li .item-value-02 .item-value-text-02 {font-size:13px;}
    .product-item-list-area .product-item-list li .item-value-02 .item-value-text-02 strong {font-size:14px;}

    .product-item-list-area .product-item-list li.type-empty .item-image-area a::before {font-size:18px}

    .product-item-list-area.length-5 .product-item-list li {width:calc(100% / 2 - 12px);}
    .product-item-list-area.length-5 .product-item-list li:nth-child(4) {display:block;}

    .product-detail-top {flex-direction: column; gap:32px 0;}
    .product-detail-top .left-section {max-width:100%;}
    .product-detail-top .left-section .product-thumbnail-small {margin-top:8px; gap:0 8px;}
    .product-detail-top .left-section .product-thumbnail-small button {width:calc(100% / 4); height:64px;}

    .right-section .product-desc-area {gap:0 12px;}
    .right-section .product-desc-area .product-desc {font-size:18px; line-height:26px;}

    .product-detail-info-inner {padding:32px 0;}
    .product-detail-spec-area {margin-top:12px; padding:20px;}
    .product-spec-list li .product-spec-title,
    .product-spec-list li .product-spec-text {font-size:14px;}

    .product-price-area {margin-top:12px; padding-top:12px; padding-bottom:12px; border-top:1px solid #ddd;}
    .product-price-area .product-quantity .product-quantity-text {font-size:14px;}
    .product-price-area .product-total-price {font-size:14px;}
    .product-price-area .product-total-price span {font-size:14px;}
    .product-price-area .product-total-price strong {font-size:24px;}
    .product-price-area .product-quantity .number-control button {width:32px; height:32px;}
    .product-price-area .product-quantity .number-control .cart-item-length {min-width:48px; line-height:32px;}

    .product-buy-btns {margin-top:12px;}
    .product-buy-btns .common-btn {padding:0;}

    .product-detail-info {margin-top:32px;}
    .product-detail-info::before,
    .product-detail-info::after {width:calc(100% + 32px); height:10px; left:-16px; background-color:#f2f2f2;}
    .product-detail-info::before {top:-10px; display:block;}
    .product-detail-tab-area {top:60px; margin:0 -16px;}
    .product-detail-tab-area a {height:44px; font-size:13px;}

    :target,
    #product-detail-tab-01,
    #product-detail-tab-02,
    #product-detail-tab-03,
    #product-detail-tab-04 {scroll-margin-top:60px}

    .product-panel-inner {padding:16px 0 40px;}

    .support-device-list {gap:8px;}
    .support-device-list li {min-width:84px; height:36px; padding:0 8px;}

    .information-list {gap:32px 0; flex-direction: column;}
    .information-list .information-item {width:100%; padding-left:0;}
    .information-list .information-item .information-title {display:flex; align-items: center; gap:0 8px;}
    .information-list .information-item .information-title i {width:32px; height:32px; position:static;}
    .information-list .information-item .information-title i img {width:20px;}
    .information-list .information-item .information-title p {font-size:16px;}
    .information-list .information-item .information-desc {margin-top:8px; padding-left:20px;}

    .product-item-list-top {margin:32px 0 12px}
    .product-item-list-top .product-item-list-title {font-size:18px}

    .main-banner-slider-area {padding:0; margin-top:0; margin-bottom:40px;}
    .main-banner-slider-area .main-banner-slider {padding-bottom: 0;}
    .main-banner-slider-area .main-banner-slider.type-pc {display:none;}
    .main-banner-slider-area .main-banner-slider.type-mo {display:block;}
    .main-banner-slider-area .main-banner-slider .swiper-pagination {bottom:10px;}

    .main-section-area .main-section-inner {padding:0;}
    .main-section-area + .main-section-area {margin-top:40px; padding-top:40px; position:relative;}
    .main-section-area + .main-section-area.type-line::before {content:''; width:100%; height:10px; display:block; position:absolute; left:0; top:0; background-color:#F2F2F2;}
    .main-section-area + .main-section-area.last {padding-top:0;}
    .main-section-area.type-bg {padding:40px 16px;}
    .main-section-title-area .main-section-title,
    .main-section-title-area .main-section-title span {font-size:18px;}
    .main-section-title-area .main-section-title strong {font-size:18px;}

    .main-tab-area {margin-bottom:24px; padding-right:16px;}
    .main-tab-area .main-tab-list {justify-content: flex-start; gap:0 14px;}
    .main-tab-area .main-tab-list li {padding-right:16px;}
    .main-tab-area .main-tab-list li button {height:52px; font-size:18px;}

    .main-tab-slider-area {height:60px; margin-bottom:12px;}
    .main-tab-slider-area .main-tab-slider {padding:0 32px;}
    .main-tab-slider-area .main-tab-slider .swiper-slide button {height:36px}
    .main-tab-slider-area .swiper-button-prev,
    .main-tab-slider-area .swiper-button-next {width:32px; height:60px;}

    .quick-search-area .main-tab-slider-area {margin-top:12px;}
    .quick-search-area .main-tab-slider-area .main-tab-slider {height:50px}

    .main-favorite-list-area {margin-top:40px; gap:32px 25px;}
    .main-favorite-list-area .main-favorite-list li {width:calc(100% / 2 - 12px)}
    .main-favorite-list-area .main-favorite-list li a {gap:28px 0;}
    .main-favorite-list-area .main-favorite-list li a .image-menu {font-size:16px;}
    .main-favorite-list-area .main-favorite-list li a img {width:calc(100% - 80px);}

    .main-section-title-area.type-favorite-model .main-section-title {text-align:left;}

    #footer {margin-top:60px; margin-bottom:60px;}
    #footer .footer-inner {width:100%; padding:0 16px;}
    #footer .footer-menu-area .footer-inner {justify-content: center; gap:8px 0;}
    #footer .footer-menu-area .footer-inner a {margin-left:8px; padding-left:8px;}
    #footer .footer-information .footer-aside {margin-top:16px; position:static; justify-content: flex-start; text-align: left;}
    #footer .footer-information .footer-aside .footer-aside-text-01 {justify-content: flex-start; font-size:14px; }
    #footer .footer-information .footer-aside .footer-aside-text-01 img {width:24px;}
    #footer .footer-information .footer-aside .footer-aside-text-02 {font-size:24px; width:fit-content;}
    #footer .footer-information .footer-information-list {margin-top:16px;}
    #footer .footer-information .footer-information-list li {font-size:14px; line-height:24px;}
    #footer .copyright {text-align: center;}
    #footer .mobile-footer-menu {display:flex;}

    .layer-popup .layer-inner {width:calc(100% - 40px);}

    .layer-popup.mobile-menu-layer .layer-head {border-bottom:0;}
    .layer-popup.mobile-menu-layer .layer-inner {width:100%; max-width:100%;}
    .layer-popup.mobile-menu-layer .layer-body .layer-body-inner {height:calc(100dvh - 64px); max-height:calc(100dvh - 64px); padding:0;}

    .layer-popup.full-size .layer-inner {width:100%;}
    .layer-popup.full-size .layer-body .layer-body-inner {height:calc(100dvh - 64px); max-height:calc(100dvh - 64px); padding:32px 20px 20px;}
    .layer-popup.w-540.full-size .layer-inner {max-width:100%}

    .quick-area {position:fixed; right:0; bottom:76px;}
    .quick-area.fixed {bottom: 76px;}
    .quick-area .quick-btn-top {width:40px; height:40px;}
    .quick-area .quick-btn-top img {width:18px; height:18px;}
    .quick-area .quick-btn-top span {font-size:12px;}

    .model-radio-area {gap:12px 8px;}

    .common-banner-box .common-banner-button .banner-pc {display:none;}
    .common-banner-box .common-banner-button .banner-mo {display:block;}
}

@media screen and (max-width: 723px) {
    .faq-condition-area {padding:12px 12px 0;}
    .faq-condition-select {height:38px; overflow:hidden;}
    .faq-condition-area.active .faq-condition-select {height:auto;}
    .faq-toggle-btn {width: calc(100% + 24px); padding: 12px; margin: 0 -12px; display: block; text-align:right;}
    .faq-toggle-btn::after {content:'더보기'; font-size:14px; font-weight:600; color:#005AA9;}
    .faq-condition-area.active .faq-toggle-btn::after {content:'접기';}
}

@media screen and (max-width: 546px) {
    .branch-info {flex-direction: column; gap:8px 0; justify-content: flex-start; align-items: flex-start;}
    .branch-info .branch-number {flex-direction: column; gap:8px 0;}
    .branch-info .branch-number .branch-num-02::before {content:''; width:4px; height:4px; display:block; border-radius:50%; background-color:#ccc;}
    .branch-info .common-btn {width:100%;}
}

@media screen and (max-width: 535px) {
    .delivery-user-info .delivery-info-top .delivery-name {order:2}
    .delivery-user-info .delivery-info-top .delivery-tel {order:3;}
    .delivery-user-info .delivery-info-top .common-badge {order:1; min-width:max-content; margin-right:100%; margin-bottom:8px;}
}

@media screen and (max-width: 530px) {
    .car-img-wrapper .car-img-upload .file-upload-image,
    .car-img-example .car-img-example-img img {width:80px; height:80px;}
}

@media screen and (max-width: 500px) {

}

@media screen and (max-width: 500px) {
    .table-style2 .table-text {flex:1;}
    .table-style2.type-sns-login .flex-box {flex-wrap:wrap;}

    .car-reg-help-box p {padding-right:130px}
}

@media screen and (max-width: 486px) {
    .table-style2.type-sns-login .flex-box .type-datepicker {margin-top:8px; width:100%; max-width:100%;}
}

@media screen and (max-width: 465px) {
    .table-style2.type-sns-login td.has-input {padding: 14px 12px;}
    /* .sns-login-box .btn-sns-login.type-kakao + .common-btn,
    .sns-login-box .btn-sns-login.type-naver + .common-btn,
    .sns-login-box .btn-sns-login.type-google + .common-btn {margin-left:0px} */
    .sns-login-box .common-btn {margin-left:8px;}
    .table-style2.type-sns-login .flex-box .common-btn {width:100%; margin-top:8px; margin-left:0;}

    .address-form-area .address-form-item {display:block;}
    .address-form-area .address-form-item .common-input-area.address-number + .common-input-area {margin-top:8px;}
    .address-form-area .address-form-item .common-btn {width:100%; margin-top:8px;}

    .check-with-select .flex-box.active {flex-wrap:wrap;}
    .check-with-select .flex-box .common-btn {margin-top:8px; width:100%;}
}

@media screen and (max-width: 450px) {
    .join-title-area {display:flex; flex-direction: column; align-items: flex-start; gap:8px 0}
}

@media screen and (max-width: 440px) {
    .shop-order-stat-area .shop-order-stat-list {flex-wrap:wrap; gap:16px 0; justify-content:flex-start;}
    .shop-order-stat-area .shop-order-stat-list li:not(.arrow) {width:calc(100% / 3 - 8px);}
}

@media screen and (max-width: 420px) {
    .car-img-wrapper {gap:0 16px;}
    .car-img-example {flex-direction: column; gap:4px 0; justify-content: center; align-items: center; border-left:1px dashed #ddd;}
    .car-img-example .car-img-example-text {margin-left:0; padding-left:0; border-left:0;}
    .car-img-example .car-img-example-img {margin:0 auto;}

    .main-favorite-list-area .main-favorite-list li a img {width:calc(100% - 40px);}
}

@media screen and (max-width: 401px) {
    .delivery-address-info-area .delivery-address-list li {padding:12px 12px 12px 64px; flex-direction:column; gap:12px 0;}
    .delivery-address-info-area .delivery-address-list li .delivery-btns {width:100%; flex-direction: row; gap:0 8px;}

    .cart-list-area.type-payment ul li .order-paymemt-info {gap:0;}
    .cart-list-area.type-payment ul li .right-area .cart-last-price {min-width:auto;}

    .car-reg-help-box {padding:16px; flex-direction: column; gap:16px 0;}
    .car-reg-help-box p {padding-right:0; order:2;}
    .car-reg-help-box img {position:static; order:1; transform:none;}
}