@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/* ==================================================
	공통
================================================== */
.no_quick .quick, .no_foot .footer-cont, .no_dockbar #dockbar {
    display: none !important;
}

#footer .footer-cont.pad-plus {
    padding: 48px 15px 75px !important;
}

#footer .footer-cont.pad-plus2 {
    padding: 48px 15px 95px !important;
}

#footer .footer-cont.mainPage {
    padding: 48px 15px 85px !important;
}

.main-padding {
    padding: 0 15px;
    box-sizing: border-box;
}

.flex {
    display: flex !important;
}

.block {
    display: block;
}

.inline {
    display: inline;
}

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

.none {
    display: none;
}

.p-relative {
    position: relative;
}

.white-space-nowrap {
    white-space: nowrap;
}

.break-all {
    word-break: break-all;
}

.img-top-plus1 {
    position: relative;
    top: 1px;
}

.img-top-plus2 {
    position: relative;
    top: 2px;
}

.grid-box {
    display: grid;
}

.product-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 10px;
}

.list {
    padding-bottom: 40px;
}

.img-box {
    width: 100%;
    height: 0;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

.img-box img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
}

.bottom_fixed {
    padding: 10px 15px;
    box-sizing: border-box;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 500px;
    z-index: 15;
}

.bottom_fixed2 {
    padding: 10px 15px 20px;
}

.bottom_fixed.shadow, .bottom_fixed2.shadow, .bottom_fixed_right.shadow {
    box-shadow: 0px -3px 10px 0px rgba(0, 0, 0, 0.03);
}

.txt-black111 {
    color: #111 !important;
}

.txt-black222 {
    color: #222 !important;
}

.txt-white {
    color: #fff !important;
}

.txt-blue {
    color: #0045C9 !important;
}

.txt-red {
    color: #CB0A00 !important;
}

.txt-mint {
    color: #85FFFF !important;
}

.txt-gray666 {
    color: #666666 !important;
}

.txt-gray999 {
    color: #999999 !important;
}

.txt-gray-ccc {
    color: #cccccc !important;
}

.txt-0068C3 {
    color: #0068C3 !important;
}

.txt-0057D1 {
    color: #0057D1 !important;
}

.txt-1B5FBE {
    color: #1B5FBE !important;
}

.bg_black111 {
    background-color: #111 !important;
}

.bg_eee {
    background-color: #eee !important;
}

.bg_0045C9 {
    background-color: #0045C9 !important;
}

.bg_EEF2F6 {
    background-color: #EEF2F6 !important;
}

.bg_E2F0FF {
    background-color: #E2F0FF !important;
}

.bg_f5 {
    background-color: #f5f5f5 !important;
}

.bg_wht {
    background-color: #fff !important;
}

.border_black111 {
    border: 1px solid #111 !important;
}

.border_eee {
    border: 1px solid #eee !important;
}

.border_ddd {
    border: 1px solid #ddd;
}

.border_top_eee {
    border-top: 1px solid #eee !important;
}

.b_radius500 {
    border-radius: 500px !important;
}

.box-sizing-bx {
    box-sizing: border-box;
}

.btn {
    border-radius: 5px !important;
    height: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    box-sizing: border-box;
}

.btn2 {
    height: 50px;
    font-size: 1.4rem;
    font-weight: 600;
    width: 100%;
}

.circle-btn {
    border-radius: 500px !important;
}

.tit-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

#main .tit-box {
    margin-bottom: 0;
}

.tit-box h2 {
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: -0.4px;
    line-height: 1;
}

.tit-box a {
    width: 15px;
    text-align: right;
}

.sub-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.sub-title h3 {
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: -0.32px;
    line-height: 1;
}

.sub-title2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sub-title2 h3 {
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: -0.48px;
    line-height: 1;
    margin-top: 30px;
    margin-bottom: 15px;
}

.product-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: -0.26px;
    padding: 15px 0;
    box-sizing: border-box;
    line-height: 18.2px;
}

.product-header button {
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: -0.26px;
    line-height: 18.2px;
}

.list-style1 span {
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: -0.28px;
    line-height: 19.6px;
    display: block;
    margin-bottom: 10px;
}

.list-style1 li + li {
    margin-top: 20px;
}

.list-style2 span {
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: -0.24px;
    line-height: 1;
    color: #999;
    display: block;
    margin-bottom: 5px;
}

.list-style2 li + li {
    margin-top: 15px;
}

.list-style2 li > div.bg_f5 {
    border-radius: 5px;
    height: 50px;
    padding: 0 15px;
    box-sizing: border-box;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: -0.28px;
    line-height: 48px;
}

.list-style2 li a {
    border-radius: 5px;
    border: 1px solid #eee;
    box-sizing: border-box;
    height: 50px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: -0.28px;
}

.list-style3 li > div {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 15px;
    box-sizing: border-box;
}

.list-style3 p {
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: -0.28px;
    line-height: 19.6px;
    word-break: break-all;
}

.list-style3 p.txt-blue {
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: -0.32px;
    line-height: 22.4px;
}

.list-style3 span {
    color: #666;
    width: 80px;
    min-width: 80px;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: -0.28px;
    line-height: 19.6px;
}

.tab-box1 {
    height: 46px;
    border-bottom: 0.5px solid #EEE;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    background-color: #fff;
}

.tab-box1 a {
    color: #999;
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: -0.28px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    display: block;
    text-align: center;
    position: relative;
}

.tab-box1 a.on {
    color: #0045C9;
}

.tab-box1 a.on::before {
    content: "";
    position: absolute;
    bottom: -4px;
    left: calc(50% - 11.5px);
    transform: translateY(-50%);
    width: 25px;
    height: 2px;
    background-color: #0045C9;
    border-radius: 50px 50px 0 0;
}

.tab-box1.fixed {
    position: fixed;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 500px;
    z-index: 15;
}

.tab-box2 {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.tab-box2 li {
    width: calc(33.333% - 7px);
}

.tab-box2 li a {
    width: 100%;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #eee;
    padding: 0 5px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.26px;
    color: #999;
}

.tab-box2 li a span {
    font-weight: 600;
    letter-spacing: -0.28px;
}

.tab-box2 li a.on {
    color: #0045C9 !important;
    border-color: #0045C9 !important;
}

.input-remove-btn {
    width: 16px;
    height: 16px;
    background-color: #CCC;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}

.input-remove-btn img {
    width: 8px;
    height: 8px;
}

.searchForm .input-remove-btn, .searchForm2 .input-remove-btn {
    right: 60px;
}

.searchForm, .searchForm2 {
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
    padding-bottom: 10px;
    background-color: #fff;
}

.input-wrap {
    position: relative;
}

.searchForm .input-wrap, .searchForm2 .input-wrap {
    padding: 0 15px;
    box-sizing: border-box;
    position: relative;
    height: 40px;
}

.searchForm .input-wrap button[type='submit'] img, .searchForm2 .input-wrap button[type='submit'] img {
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
}

.searchInput {
    height: 40px !important;
    background-color: #EEE;
    border-radius: 500px !important;
    font-size: 1.3rem !important;
    font-weight: 400 !important;
    letter-spacing: -0.26px !important;
    padding: 0 50px 0 15px !important;
    border: none !important;
}

.searchInput.focus {
    padding: 0 70px 0 15px !important;
}

input[type='text'].searchInput::placeholder {
    font-size: 1.3rem !important;
    font-weight: 400 !important;
    letter-spacing: -0.26px !important;
    color: #999 !important;
}

/* 오른쪽에서 열리는 팝업 */
.rightAniPopup.popup {
    display: none;
    width: 100%;
    max-width: 500px;
    height: 100%;
    position: fixed;
    left: 50%;
    top: 0;
    z-index: 30000;
    transform: translateX(-50%);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
}

.rightAniPopup.popup .popup-inner {
    right: -100%;
    border-radius: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: none;
}

.bottom_fixed_right {
    display: none;
    width: 100%;
    max-width: 500px;
    height: 60px;
    position: fixed;
    left: 50%;
    bottom: 0;
    z-index: 2000;
    transform: translateX(-50%);
    overflow: hidden;
}

.bottom_fixed_right .inner {
    right: -100%;
    position: absolute;
    max-width: 500px;
    padding: 10px 15px;
    box-sizing: border-box;
    background-color: #fff;
}

.header_fixed_right {
    display: none;
    width: 100%;
    max-width: 500px;
    position: fixed;
    left: 50%;
    top: 0;
    z-index: 2000;
    transform: translateX(-50%);
    overflow: hidden;
    padding: 0 !important;
}

.header_fixed_right .inner {
    right: -100%;
    position: absolute;
    max-width: 500px;
    box-sizing: border-box;
    background-color: #fff;
    padding: 0 15px;
    height: 100%;
}

.rightAniPopup.popup .popup-cont {
    margin-top: 0;
}

/* 아래에서 올라오는 팝업 */
.bottomAniPopup.popup, #reviewImgPopup.popup, #storeImgPopup.popup {
    padding: 0;
}

.bottomAniPopup.popup .popup-body {
    display: block;
    padding: 0;
}

.bottomAniPopup.popup .popup-inner {
    bottom: -100%;
    border-radius: 20px 20px 0px 0px;
    padding: 30px 15px;
    position: absolute;
    max-width: 500px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: none;
}

.bottomAniPopup.popup.type2-popup .popup-inner, #buyPopup.bottomAniPopup.popup.type2-popup .popup-inner, .popup.type2-popup .popup-inner {
    padding: 30px 15px 20px;
}

.bottomAniPopup.popup.type2-popup .popup-cont, .popup.type2-popup .popup-cont {
    background-color: #F5F5F5;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 5px;
}

.bottomAniPopup.popup.type2-popup p, .popup.type2-popup p {
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: -0.26px;
    line-height: 18.2px;
}

.bottomAniPopup.popup.type2-popup h3, .popup.type2-popup h3 {
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: -0.28px;
    line-height: 19.6px;
    margin-top: 20px;
    margin-bottom: 5px;
}

.bottomAniPopup.popup .popup-cont, .popup.type2-popup .popup-cont {
    margin-top: 0;
}

.bottomAniPopup ul {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.bottomAniPopup ul a {
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: -0.28px;
    color: #222;
    line-height: 19.6px;
}


/* 검색 팝업 */
.popup-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60px;
    padding: 0 15px;
    box-sizing: border-box;
}

#searchPopup .bottom-cont {
    padding: 30px 15px;
    box-sizing: border-box;
}

.searchRecentSwiper.swiper, .hotProductSwiper.swiper, .reviewSwiper.swiper, .relatedProductSwiper.swiper, .faq-page .categorySwiper.swiper, .inquiry-page .categorySwiper.swiper {
    overflow: visible;
}

.searchRecentSwiper.swiper {
    min-height: 30px;
}

.searchRecentSwiper .swiper-slide {
    border-radius: 500px;
    border: 1px solid #eee;
    width: fit-content !important;
    padding: 0 10.5px;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: -0.26px;
    line-height: 1;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    box-sizing: border-box;
}

/* ==================================================
    헤더
================================================== */
.h_type1 > div a:nth-of-type(1) {
    border-radius: 5px;
    border: 1px solid #0045C9;
    box-sizing: border-box;
    width: 48px;
    min-width: 48px;
    height: 23px;
    line-height: 21px;
    text-align: center;
    font-size: 1.1rem;
    color: #0045C9;
    font-weight: 500;
    letter-spacing: -0.33px;
    display: block;
}

.cart-num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    background-color: #CB0A00;
    border-radius: 50%;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    position: absolute;
    top: -2px;
    right: -3px;
}

#header h1, #deliveryPopup h1, #datePopup h1, #deliveryBulkPopup h1 {
    color: #222222;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 22.4px;
    letter-spacing: -0.32px;
}

#datePopup h1 {
    margin-left: 0;
}

#header img.on, #header .viewHtml + h1 {
    display: none;
}

#headerType8Wrap p {
    width: 80%;
    margin: 0 auto;
}

#headerType9Wrap h1, .headerType9Wrap h1, #headerType7Wrap h1 {
    width: 220px;
    text-align: center;
    margin-left: 8px;
}


/* ==================================================
    풋터
================================================== */
#footer .footer-cont {
    padding: 15px;
    box-sizing: border-box;
    background-color: #F5F5F5;
}

#footer .btnSet a {
    background-color: #ddd;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: -0.24px;
    height: 36px;
    padding: 0 5px;
}

#footer .btnSet li:nth-of-type(3) a {
    background-color: #666;
    color: #fff;
}

#footer .foot-info li {
    margin-top: 10px;
    display: flex;
    align-items: center;
}

#footer .foot-info p {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1;
    color: #666;
    display: inline-block;
}

#footer .foot-info p + p {
    position: relative;
    padding-left: 7px;
    margin-left: 7px;
}

#footer .foot-info p + p::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-color: #CCC;
    width: 1px;
    height: 8px;
}

#footer .long-txt {
    color: #999;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 15.4px;
    letter-spacing: -0.22px;
    padding-top: 15px;
    box-sizing: border-box;
    margin-top: 15px;
    border-top: 1px solid #eee;
}

.quick {
    transition: .3s ease;
}

#dockbar {
    height: 70px;
    padding: 0px 15px;
    box-sizing: border-box;
    border-top: 1px solid #eee;
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 50%;
    width: 100%;
    max-width: 500px;
    transform: translateX(-50%);
    z-index: 1000;
}

#dockbar li {
    width: 100%;
    /*max-width: 72px;*/
    flex: 1;
}

#dockbar li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

#dockbar li a img {
    width: 20px;
    height: 20px;
}

#dockbar li a span {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.3px;
    line-height: 15px;
}

#dockbar li a img.on, #dockbar li a.on span, #dockbar li a.on img.dock_nor {
    display: none;
}

#dockbar li a.on img.on {
    display: block;
}

#dockbar li a.on {
    background-color: rgba(0, 69, 201, 0.20);
    border-radius: 50%;
    width: 36px;
    height: 36px;
    margin: 0 auto;
}


/* ==================================================
    main 메인
================================================== */
.main-tap {
    height: 40px;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 0 15px;
}

.main-tap a {
    font-size: 1.7rem;
    font-weight: 400;
    letter-spacing: -0.34px;
    line-height: 23.8px;
    position: relative;
}

.main-tap a.fw600::before {
    content: "";
    position: absolute;
    bottom: -7.5px;
    left: 0;
    background-color: #111;
    border-radius: 50px 50px 0 0;
    width: 14px;
    height: 2px;
}

.mVisual.section .section-body {
    padding: 0;
}

.mVisualSwiper.swiper {
    padding: 15px;
}

.mVisualSwiper .img-box {
    padding-bottom: 66.67%;
    border-radius: 10px;
}

.mVisualSwiper .img-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3)); */
    z-index: 1;
}

.mVisualSwiper .sw-txt-box {
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 2;
    width: 100%;
}

.mVisualSwiper .sw-txt-box p {
    font-size: 2.4rem;
    font-weight: 700;
    letter-spacing: -0.48px;
    line-height: 31.6px;
    color: #fff;
    width: 68%;
}

.mVisualSwiper .sw-txt-box p + p {
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: -0.88px;
    line-height: 19.6px;
    color: #fff;
    margin-top: 10px;
    width: 58%;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction, .productSwiper-pagination-custom, .quoteSwiper-pagination-custom {
    line-height: 1;
    text-align: center;
    margin: 15px 0;
    height: 7px;
}

#main .swiper-horizontal > .swiper-pagination-bullets, #main .swiper-pagination-bullets.swiper-pagination-horizontal, #main .swiper-pagination-custom, #main .swiper-pagination-fraction, #main .productSwiper-pagination-custom, #main .quoteSwiper-pagination-custom {
    /*margin: 15px 0 0 0;*/
}

#main .section1 .productSwiper-pagination-custom {
    margin: 0;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 3.5px !important;
    opacity: 1 !important;
    width: 7px !important;
    height: 7px !important;
    position: relative;
    top: -5px;
}

.swiper-pagination-bullet {
    background: #DDDDDD !important;
}

.swiper-pagination-bullet-active {
    background: #0045C9 !important;
}

.swiper-grid-column > .swiper-wrapper {
    flex-direction: row !important;
}

.swiper-grid .swiper-slide {
    margin-top: 0 !important;
}

.swiper-pagination-custom {
    position: absolute;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.50);
    width: fit-content !important;
    height: 24px;
    border-radius: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    bottom: 25px !important;
    right: 25px;
    font-size: 1.2rem;
    font-weight: 500;
    left: auto !important;
    color: #fff;
    padding: 0 8px;
    margin: 0;
}

.separator-pagination {
    width: 1px;
    height: 10px;
    background-color: #fff;
}

#main .section1 {
    margin-bottom: 56px;
}

#main .section1 .bg_f5 {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 1.3rem;
    font-weight: 500;
    letter-spacing: -0.26px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.product-type1 .prdt-name, .review-type1 .prdt-name {
    min-height: 40px;
}

.product-type1 .img-box {
    padding-bottom: 100%;
    margin-bottom: 10px;
}

.product-type2, .product-type3 {
    display: flex;
    align-items: center;
    gap: 10px;
}

.product-type2 .img-box, .product-type3 .img-box {
    width: 120px;
    min-width: 120px;
    padding-bottom: 120px;
}

.product-type2 .label-area {
    margin-bottom: 6px;
    margin-top: 0;
}

.product-type4 .img-box {
    padding-bottom: 100%;
}

.product-type4 .img-box::before {
    content: "";
    position: absolute;
    top: 35px;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
    z-index: 1;
}

.product-type4 .txt-box {
    position: absolute;
    bottom: 10px;
    left: 10px;
    z-index: 2;
}

.product-type4 .txt-box img {
    width: 10.588px;
    height: 10px;
    position: relative;
    top: -1px;
}

.product-type4 .txt-box b, .product-type4 .txt-box span {
    color: #fff;
}

.product-type4 .txt-box span {
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: -0.28px;
    line-height: 1;
    display: block;
    margin-top: 3px;
}

.prdt-name {
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: -0.28px;
    line-height: 19.6px;
    margin-bottom: 5px;
}

.cost {
    color: #999;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: -0.24px;
    line-height: 1;
    text-decoration: line-through;
    margin-bottom: 5px;
    display: block;
}

.disc-amount {
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: -0.32px;
    line-height: 1;
}

.disc-rate {
    color: #CB0A00;
    font-weight: 700;
    margin-right: 5px;
}

.disc-amount span {
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: -0.28px;
    line-height: 1;
    margin-left: 1px;
    position: relative;
    top: -1px;
}

.addr-txt {
    color: #999;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: -0.24px;
    line-height: 16.8px;
    margin-top: 5px;
    width: 97%;
}

.review-rate-wrap {
    display: flex;
    align-items: center;
    margin-top: 8px;
}

.product-type1 .review-rate-wrap img {
    position: relative;
    top: -1px;
}

.review-rate-wrap b {
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: -0.24px;
    line-height: 1;
    margin-left: 3px;
}

.review-rate-wrap p {
    color: #999;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: -0.24px;
    line-height: 1;
}

.review-rate-wrap em {
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: -0.24px;
    line-height: 16.8px;
}

.gray-bullet {
    background-color: #999;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    margin: 0 5px;
    display: inline-block;
}

.label-area {
    margin-top: 8px;
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

.label-area span {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    height: 17px;
    padding: 0 4px;
    box-sizing: border-box;
    border-radius: 3px;
}

.represent-label {
    background-color: #0045C9;
    color: #fff;
}

.increase-label {
    background-color: #E2F0FF;
    color: #0045C9;
}

.new-label {
    background-color: #FFF1F1;
    color: #CB0A00;
}

.soldout-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: -0.32px;
    color: #fff;
    z-index: 5;
    display: none;
}

.soldout-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    background-color: #000;
    z-index: 3;
}

.soldout-box span {
    z-index: 4;
}

.soldout .soldout-box {
    display: flex;
}

.order-box .soldout-box {
    font-size: 1.2rem;
    letter-spacing: -0.24px;
}

.like-btn {
    background-image: url("/member/images/ico_heart_empty_wht.svg");
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px;
    border: 1px solid #FFF;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.10);
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
}

.like-btn.on {
    background-image: url("/member/images/ico_heart_full.svg") !important;
    background-color: rgba(255, 255, 255, 0.90);
}

/*.view-like-btn img.on, .view-like-btn.on img.off {*/
/*    display: none;*/
/*}*/

.view-like-btn.on img.on {
    display: block;
}

.productSwiper .control-box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 10px;
}

.productSwiper-total-pagination, .productSwiper-current-pagination, .quoteSwiper-current-pagination, .quoteSwiper-total-pagination {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1;
    min-width: 8px;
}

.productSwiper-separator-pagination, .quoteSwiper-separator-pagination {
    background-color: #999;
    width: 1px;
    height: 10px;
    display: inline-block;
    margin: 0 7px;
}

.quoteSwiper-separator-pagination {
    margin: 0 5px;
}

.productSwiper-button-next, .productSwiper-button-prev {
    border-radius: 5px;
    border: 1px solid #eee;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 4px 7px;
    background-image: url("/member/images/ico_arrow_back.svg");
    cursor: pointer;
}

.productSwiper-button-next {
    background-image: url("/member/images/ico_arrow_right_black.svg");
}

#main .section2 .banner-area {
    margin: 0 0 35px 0;
}

.banner-area {
    border-radius: 5px;
    background-color: #E2F0FF;
    padding: 0 20px;
    height: 72px;
    line-height: 92px;
    margin: 56px 0;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    background-image: url("/member/images/bg_graph.svg");
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 67px 80px;
}

.banner-area p {
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: -0.28px;
    line-height: 1;
}

.banner-area p + p {
    color: #0045C9;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: -0.24px;
    line-height: 1;
}

.banner-area p + p img {
    margin-left: 5px;
    position: relative;
    top: -1px;
}

#main .section3 .img-box {
    background-color: #eee;
    border-radius: 50%;
    padding-bottom: 100%;
}

#main .section3 .img-box img {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#main .section3 ul li {
    width: 100%;
}

#main .section3 ul span {
    display: block;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: -0.24px;
    line-height: 16.8px;
    text-align: center;
    margin-top: 5px;
}

#main .section3 ul li:nth-of-type(1) img {
    width: 84px;
    height: 47px;
}

#main .section3 ul li:nth-of-type(2) img {
    width: 43px;
    height: 40px;
}

#main .section3 ul li:nth-of-type(3) img {
    width: 49px;
    height: 36px;
}

#main .section3 ul li:nth-of-type(4) img {
    width: 55px;
    height: 36px;
}

.popularProductSwiper .swiper-slide a + a, .storeSwiper .swiper-slide a + a {
    display: block;
    margin-top: 10px;
}

#main .btn.border_eee, #main .btn.bg_wht {
    font-size: 1.3rem;
    font-weight: 500;
    letter-spacing: -0.26px;
    line-height: 1;
    margin-top: 15px;
}

#main .btn.border_eee img {
    margin-left: 5px;
}

#main .section4 .section-body {
    padding: 0;
    border-top: 8px solid #F5F5F5;
    border-bottom: 8px solid #F5F5F5;
    margin: 56px 0;
}

#main .section4 .cont-area {
    padding: 56px 15px;
    box-sizing: border-box;
}

#main .section6 .banner-area {
    background-color: #FFF1F1;
    background-image: url("/member/images/bg_gift.svg");
    background-size: 80px 63px;
    background-position: right 20px top 16px;
}

#main .section6 .banner-area {
    height: 92px;
}

#main .section6 .banner-area p {
    font-size: 1.6rem;
}

#main .section6 .banner-area p + p {
    font-size: 1.2rem;
}

#main .section7 .grid-box {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

#main .section8 {
    background-color: #0045C9;
    padding: 48px 0;
    box-sizing: border-box;
    margin-top: 56px;
}

#main .section8 .tit-box h2 {
    font-size: 2.4rem;
    font-weight: 600;
    letter-spacing: -0.48px;
    line-height: 1;
    text-align: center;
    color: #fff;
}

#main .section8 .tit-box a {
    width: 98px;
    height: 24px;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: -0.24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #111;
    border-radius: 3px;
    margin-top: 15px;
    gap: 5px;
}

#main .section8 .tit-box a img {
    position: relative;
    top: -1px;
}

.specialOfferSwiper .swiper-slide {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 10px;
}

.specialOfferSwiper .swiper-pagination-bullet {
    background: #999999 !important;
}

.specialOfferSwiper .swiper-pagination-bullet-active {
    background: #fff !important;
}

.hotProductSwiper .swiper-slide {
    width: 130px;
}

.hotProductSwiper .product-type1 .img-box {
    padding-bottom: 130px;
    width: 130px;
}

/* ==================================================
    sub 서브
================================================== */
.search-category-page .section .section-body, .store-list-page .section .section-body {
    padding: 0;
}

.search-category-page .searchForm, .store-list-page .fixed {
    position: fixed;
    z-index: 10;
    top: 60px;
    left: 50%;
    width: 100%;
    background: #fff;
    max-width: 500px;
    transform: translateX(-50%);
    z-index: 15;
}

.sideMenu {
    width: 100%;
    min-width: 100px;
    height: calc(100vh - 70px);
    background-color: #EEF2F6;
    position: fixed;
    top: 111px;
    left: 50%;
    max-width: 500px;
    transform: translateX(-50%);
    z-index: 1;
}

.sideMenu a {
    width: 100px;
    height: 50px;
    display: block;
    color: #999;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: -0.28px;
    padding: 0 15px;
    box-sizing: border-box;
    transition: .3s ease;
}

.sideMenu a.on {
    color: #111;
    background-color: #fff;
    font-weight: 500;
}

.menuList {
    width: 100%;
    padding: 15px 15px 85px 15px;
    box-sizing: border-box;
    overflow: auto;
    margin-left: 100px;
    margin-top: 51px;
    background-color: #fff;
    position: relative;
    z-index: 10;
}

.menuList h2 {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: -0.3px;
    line-height: 1;
    margin-top: 15px;
    margin-bottom: 10px;
}

.menuList li:nth-of-type(6) h2 {
    margin-bottom: 0;
}

.menuList h2 .icon {
    width: 36px;
    min-width: 36px;
    height: 36px;
}

.menuList ul li + li {
    margin-top: 10px;
    padding-top: 10px;
    box-sizing: border-box;
    border-top: 1px solid #eee;
}

.menuList li > a {
    display: block;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: -0.28px;
    line-height: 44px;
    height: 44px;
}

.search-result-page {
    margin-top: 157px;
}

.search-result-page .section .section-body {
    padding: 0;
}

.search-result-page .product-header button:nth-of-type(2), .search-result-page .product-header button:nth-of-type(3) {
    display: none;
}

.search-result-page .fixed {
    position: fixed;
    top: 60px;
    width: 100%;
    max-width: 500px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 15;
}

.store-represent-product {
    background-color: #F5F5F5;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 10px;
}

.store-represent-product span {
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: -0.24px;
    line-height: 1;
    color: #666;
    margin-right: 5px;
    padding-right: 5px;
    border-right: 1px solid #ddd;
    box-sizing: border-box;
}

.store-represent-product p {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 16.8px;
    letter-spacing: -0.24px;
}

.store-rp-box {
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: -0.24px;
    line-height: 1;
    display: flex;
    align-items: center;
}

.store-rp-box span {
    color: #CB0A00;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: -0.24px;
    line-height: 1;
    margin-right: 3px;
    padding-right: 0;
    border-right: none;
}

.store-rp-box b {
    font-weight: 700;
}

.store-photo {
    border-radius: 5px;
    display: flex;
    overflow: hidden;
    position: relative;
}

.store-photo .represent-img {
    padding-bottom: calc(50% + 0.5px);
    border-right: 1px solid #fff;
    border-radius: 0;
}

.store-photo div .img-box {
    padding-bottom: 50%;
    border-radius: 0;
}

.store-photo div .img-box:nth-of-type(1) {
    border-bottom: 1px solid #fff;
}

.store-list .prdt-name {
    margin-top: 10px;
}

.store-list .addr-txt {
    margin-top: 3px;
}

.store-list .label-area {
    margin-top: 10px;
}

.store-list li + li {
    margin-top: 20px;
    padding-top: 20px;
    box-sizing: border-box;
    border-top: 1px solid #EEEEEE;
}

.quote-list a, .quote-list .quote-list-a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 102px;
    padding: 0 15px;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: #fff;
}

.quote-list .img-box {
    padding-bottom: 18.485%;
    max-width: 79.442px;
}

.quote-list li + li {
    margin-top: 10px;
}

.quote-list b {
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: -0.28px;
    line-height: 1;
    display: flex;
    align-items: center;
}

.quote-list b em {
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: -0.32px;
    line-height: 1;
    color: #0045C9;
}

.quote-list p {
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: -0.24px;
    line-height: 1;
    color: #999;
}

.quote-list .no-result-area p.fs16 {
    font-size: 1.6rem;
    line-height: 22.4px;
    letter-spacing: -0.32px;
    color: #111;
}

.quote-list .no-result-area p.fs14 {
    font-size: 1.4rem;
    line-height: 19.6px;
    letter-spacing: -0.28px;
}

.review-type1 .top .img-box {
    padding-bottom: 100%;
}

.review-type1 .top .review-rate-wrap b {
    margin-left: 0;
}

.review-type1 .top .review-rate-wrap b img {
    margin-right: 3px;
    position: relative;
    top: -1px;
}

.review-type1 .bottom {
    background-color: #F5F5F5;
    border-radius: 5px;
    padding: 0 22.5px 0 5px;
    box-sizing: border-box;
    height: 50px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.review-type1 .bottom .img-box {
    padding-bottom: 40px;
    width: 40px;
    min-width: 40px;
}

.review-type1 .prdt-name {
    margin-bottom: 8px;
}

.review-type2 li {
    padding: 30px 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #EEEEEE;
}

.review-type2 li:last-child {
    border-bottom: none;
}

.search-result-page .store-list, .search-result-page .quote-list, .search-result-page .review-type1 {
    display: none;
}

.store-review-page .product-header.fixed, .product-realtimeReview-page .product-header.fixed {
    position: fixed;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 15;
    background-color: #fff;
    width: 100%;
    max-width: 500px;
    padding: 15px;
}

.store-review-page .cont-area, .product-realtimeReview-page .cont-area {
    margin-top: 48.2px;
}

.store-view-page, .product-view-page {
    overflow-y: auto;
    overflow-x: hidden;
}

.store-view-page .category-wrap.fixed {
    position: fixed;
    top: 106px;
    width: 100%;
    max-width: 500px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 15;
    padding: 0 15px 15px;
    box-sizing: border-box;
    background-color: #fff;
}

.store-view-page #header .header-body, .product-view-page #header .header-body {
    background: transparent;
}

.store-view-page .container, .product-view-page .container {
    margin-top: 0;
}

.store-view-page .section1 .section-body {
    padding: 0;
}

.store-view-page .section1 .store-photo {
    border-radius: 0;
    cursor: pointer;
}

.store-view-page .section1 .store-photo::before, .productViewSwiper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    z-index: 2;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.00) 100%);
}

.store-view-page .more-picture {
    border-left: 1px solid #fff;
    box-sizing: border-box;
    position: relative;
}

.store-view-page .more-picture::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
    z-index: 10;
}

.store-view-page .more-picture.n_before::before {
    display: none;
}

.picnum-txt {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 11;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.picnum-txt span {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 16.8px;
    letter-spacing: -0.24px;
    font-family: 'Be Vietnam Pro';
    color: #fff;
    display: flex;
    align-items: center;
    gap: 1px;
}

.picnum-txt img {
    position: static;
    width: 20px;
    height: 20px;
}

.store-sc-tab {
    padding: 10px 0;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
}

.store-view-page .store-sc-tab a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 3px;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: -0.36px;
    line-height: 18px;
    border-left: 1px solid #EEE;
    box-sizing: border-box;
}

.store-view-page .store-sc-tab a:nth-of-type(1) {
    border-left: none;
}

.store-view-page .top-notice {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 15px;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: #E2F0FF;
    height: 40px;
    margin-bottom: 15px;
    cursor: pointer;
}

.store-view-page .top-notice p {
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: -0.28px;
    line-height: 1;
}

.store-name {
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: -0.36px;
    line-height: 25.2px;
    color: #222;
}

.store-view-page .section.section2 .section-body {
    padding: 0;
}

.store-view-page .section1 .review-rate-wrap {
    margin-top: 10px;
    margin-bottom: 10px;
}

.store-view-page .section1 .review-rate-wrap b, .review-header b {
    font-size: 1.4rem;
    letter-spacing: -0.28px;
}

.store-view-page .section1 .review-rate-wrap p, .review-header p {
    font-size: 1.4rem;
    letter-spacing: -0.28px;
}

.store-view-page .section1 .review-rate-wrap .gray-bullet, .review-header .gray-bullet {
    width: 3px;
    height: 3px;
}

.store-view-page .store-addr {
    color: #666;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: -0.26px;
    line-height: 18.2px;
}

.copy-btn {
    color: #0068C3;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: -0.26px;
    line-height: 18.2px;
    cursor: pointer;
}

.store-time b {
    color: #666;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: -0.26px;
    line-height: 18.2px;
}

.store-time ul {
    margin-left: 19px;
    display: none;
}

.store-time ul li {
    line-height: 18.2px;
    margin-top: 5px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.store-time ul li.on b {
    color: #111;
    font-weight: 600;
}

.store-view-page .down-btn {
    margin-left: 5px;
    position: relative;
    line-height: 1;
    top: -1px;
}

.store-view-page .up-btn {
    position: relative;
    line-height: 1;
    top: -2px;
    display: none;
}

.gray-line {
    background-color: #F5F5F5;
    width: 100%;
    height: 8px;
}

.call-btn {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    background-color: #222;
    border-radius: 5px;
    font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: -0.26px;
    line-height: 18.2px;
    color: #fff !important;
}

.categorySwiper .swiper-slide, #categoryPopup a {
    border-radius: 500px;
    border: 1px solid #ccc;
    width: fit-content !important;
    padding: 0 11.5px;
    font-size: 1.3rem;
    font-weight: 500;
    letter-spacing: -0.26px;
    line-height: 1;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    color: #ccc;
    cursor: pointer;
}

.categorySwiper .swiper-slide {
    margin-left: 0.5px;
}

.categorySwiper .swiper-slide.on, #categoryPopup a.on {
    color: #0045C9;
    border: 1px solid #0045C9;
}

#categoryPopup ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 10px;
}

.all-cate-btn {
    background-color: #111;
    border-radius: 5px;
    width: 26px;
    min-width: 26px;
    height: 26px;
}

.category-wrap, .review-header {
    display: none;
}

.review-header {
    padding: 15px;
    box-sizing: border-box;
    border-bottom: 8px solid #F5F5F5;
}

.reviewSwiper .img-box {
    padding-bottom: 100%;
    cursor: pointer;
}

/* 상점상세페이지 후기 이미지 크기 제한 */
.store-view-page .reviewSwiper .swiper-slide {
    width: 80px !important;
}

/* 상품후기페이지 후기 이미지 크기 제한 */
.product-review-page .reviewSwiper .swiper-slide {
    width: 80px !important;
}

.review-type2 .bg_f5 {
    border-radius: 5px;
    padding: 0 10px;
    box-sizing: border-box;
    height: 60px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

.review-type2 .bg_f5 .img-box {
    padding-bottom: 40px;
    width: 40px;
    min-width: 40px;
}

.review-detail-txt {
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: -0.28px;
    line-height: 19.6px;
}

.store-view-page .review-type2 {
    display: none;
}

#reviewImgPopup.popup .popup-inner {
    background-color: #111;
    width: 100%;
    height: 100%;
    padding: 0 0 20px;
    overflow-y: auto;
}

#reviewImgPopup a.bg_f5 {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 10px;
    box-sizing: border-box;
    height: 60px;
    border-radius: 5px;
}

#reviewImgPopup a.bg_f5 .img-box {
    padding-bottom: 40px;
    width: 40px;
    min-width: 40px;
}

#reviewImgPopup .popup-close, #storeImgPopup.popup .popup-close {
    background-image: url('/member/images/ico_close_wht_big.svg');
    background-repeat: no-repeat;
    background-size: 14px;
    width: 14px;
    height: 14px;
}

#storeImgPopup.popup, #reviewImgPopup.popup, .bottomAniPopup.popup, #agreePopup.popup, #agreePopup2.popup, #agreePopup3.popup {
    z-index: 20000;
}

#storeImgPopup.popup .popup-inner {
    background-color: #000;
    width: 100%;
    height: 100%;
    padding: 0 0 20px;
    overflow-y: auto;
}

.popup-close-wrap {
    height: 60px;
    padding: 0 15px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#reviewImgPopup .imgSwiper-wrap {
    margin-top: 80px;
    margin-bottom: 76px;
}

#reviewImgPopup .reviewImgSwiper .img-box {
    padding-bottom: 75.9%;
    border-radius: 0;
}

#reviewImgPopup .reviewImgSwiper2 .img-box {
    padding-bottom: 100%;
    max-width: 60px;
}

#reviewImgPopup .reviewImgSwiper2 .img-box:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(51, 51, 51, 0.70);
    z-index: 1;
}

#reviewImgPopup .reviewImgSwiper2 .swiper-slide-thumb-active .img-box:before {
    display: none;
}

#reviewImgPopup .reviewImgSwiper2 .swiper-slide {
    max-width: 60px;
}

#reviewImgPopup .reviewImgSwiper2 .swiper-wrapper {
    justify-content: center;
}

.reviewImgSwiper2-wrap {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 10;
}

.store-view-page #header.active .header-body, .product-view-page #header.active .header-body {
    background: #fff;
    border-bottom: 1px solid #eee;
}

#header.active img.off {
    display: none;
}

#header.active img.on {
    display: block;
}

#header.active .viewHtml + h1 {
    display: -webkit-box;
    width: 50%;
    text-align: center;
}

.storeImg-list {
    padding: 15px 0;
    box-sizing: border-box;
}

.storeImg-list .img-box {
    padding-bottom: 100%;
}

.image-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(auto, 1fr));
    gap: 10px;
}

.image-item {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}

.image-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
    cursor: pointer;
}

.storeImg-page .cont-area {
    padding: 15px 0;
    box-sizing: border-box;
}

#storeImgPopup .img-box {
    border-radius: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#storeImgPopup .img-box img {
    position: static;
    height: auto;
}

.swiper-btnBox {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 10;
}

.swiper-btnBox div {
    background-color: rgba(0, 0, 0, 0.50);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#storeImgPopup .swiper-pagination-custom {
    bottom: 0 !important;
    top: 23px !important;
    left: 15px !important;
    font-size: 1.4rem;
    color: #999;
    font-weight: 500;
    line-height: 1;
    gap: 7px;
    padding: 0;
    background-color: transparent;
    position: fixed;
    z-index: 10;
}

.storeImg-separator-pagination {
    background-color: #999;
    width: 1px;
    height: 10px;
}

.storeImg-current-pagination {
    color: #fff;
}

#storeImgPopup .popup-close-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
}

#storeImgPopup .popup-cont {
    height: 100vh;
}

#storeImgPopup .storeImgSwiper.swiper {
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
}

#storeImgPopup .storeImgSwiper .swiper-wrapper {
    align-items: center;
}

.login .cont-area {
    box-sizing: border-box;
    text-align: center;
    height: calc(100vh - 60px);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.login .kakao {
    background-color: #FEE500;
    border-radius: 5px;
    padding: 0 20px;
    height: 50px;
    box-sizing: border-box;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1;
    display: flex;
    align-items: center;
    margin-top: 80px;
    margin-bottom: 40px;
    width: 100%;
}

.login .c-line {
    width: 100%;
    height: 1px;
    background-color: #EEEEEE;
}

.lo_naver {
    width: 44px;
    height: 44px;
    border-radius: 500px;
    background-color: #03C75A;
    text-align: center;
    line-height: 42px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/member/images/ico_naver.svg");
    background-size: 16px 17px;
}

.lo_google {
    width: 44px;
    height: 44px;
    border-radius: 500px;
    box-sizing: border-box;
    border: 1px solid #EAEAEA;
    background-color: #FFF;
    text-align: center;
    line-height: 42px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/member/images/ico_google.svg");
    background-size: 20px 21px;
}

.lo_email {
    width: 44px;
    height: 44px;
    border-radius: 500px;
    box-sizing: border-box;
    background-color: #0045C9;
    text-align: center;
    line-height: 42px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/member/images/ico_email.svg");
    background-size: 17px 14px;
}

.lo_kakao {
    width: 44px;
    height: 44px;
    border-radius: 500px;
    box-sizing: border-box;
    background-color: #FEE500;
    text-align: center;
    line-height: 42px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("/member/images/ico_kakao.svg");
    background-size: 16px 15px;
}

.no-result-area {
    margin-top: 198.5px;
    text-align: center;
}

.pw-show-btn {
    background-size: 20px;
    background-repeat: no-repeat;
    background-image: url("/member/images/ico_eye.svg");
    background-position: center;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}

.pw-show-btn.on {
    background-image: url("/member/images/ico_eye_off.svg");
}

.find-link {
    color: #666;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: -0.26px;
    line-height: 18.2px;
    gap: 4px;
}

.findaccount.login .cont-area {
    height: auto;
}

.certify-btn, .certify-btn2, .id-certify-btn {
    background-color: #999;
    border-radius: 3px;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.03);
    width: fit-content;
    padding: 0 8px;
    box-sizing: border-box;
    height: 27px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: -0.24px;
    color: #fff;
}

.certify-btn.on, .id-certify-btn.on {
    background-color: #0045C9;
}

.certify-btn2, .email-certify-btn {
    background-color: rgba(153, 153, 153, 0.10);
    border-radius: 3px;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.03);
    width: fit-content;
    padding: 0 8px;
    box-sizing: border-box;
    height: 27px;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: -0.24px;
    color: #999;
    position: static;
    transform: none;
}

.certify-btn2.on, .email-certify-btn.on {
    background-color: #E2F0FF;
    color: #0045C9;
}

/*.certify-btn.copt {*/
/*    pointer-events: none;*/
/*}*/

.certify-btn2.copt, .email-certify-btn.copt {
    background-color: transparent;
    /*pointer-events: none;*/
}

.certify-wrap2 {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: 10px;
}

.certify_clock {
    color: #666;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: -0.28px;
}

.certify-input-wrap {
    display: none;
}

.id-area, .pw-area, .pw-area .step2, .pw-area .step3, .id-area .id-result {
    display: none;
}

.result-box {
    border: 1px solid #0045C9;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: #fff;
    padding: 14px 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.result-box .lo_kakao {
    background-position: 11px center;
}

.result-box + .result-box {
    margin-top: 10px;
}

.signup-page .gray-bullet {
    width: 3px;
    min-width: 3px;
    height: 3px;
    margin: 0;
    position: relative;
    top: 6px;
}

.myinfo_change .certify-btn {
    width: 100%;
    height: 50px;
    padding: 0 15px;
    margin-bottom: 30px;
    background-color: #fff;
    border: 1px solid #0045C9;
    border-radius: 5px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 19.6px;
    letter-spacing: -0.28px;
    color: #0045C9;
    position: static;
    transform: unset;
    box-shadow: none;
}

.signup-page .step1 .certify-btn, #niceAuthFindPw {
    width: 100%;
    height: 50px;
    padding: 0 15px;
    margin-bottom: 30px;
    background-color: #fff;
    border: 1px solid #0045C9;
    border-radius: 5px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 19.6px;
    letter-spacing: -0.28px;
    color: #0045C9;
    position: static;
    transform: unset;
    box-shadow: none;
}

/*.signup-page .step2 .certify-btn {
    width: 100%;
    height: 50px;
    padding: 0 15px;
    margin-bottom: 30px;
    background-color: #fff;
    border: 1px solid #0045C9;
    border-radius: 5px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 19.6px;
    letter-spacing: -0.28px;
    color: #0045C9;
    position: static;
    transform: unset;
    box-shadow: none;
}*/

.signup-page .step2, .signup-page .step3 {
    display: none;
}

.signup-page .big_check {
    margin-bottom: 20px;
    padding-bottom: 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #EEEEEE;
}

.signup-result-page .bottom_fixed img {
    position: absolute;
    bottom: 78.17px;
    right: 0;
}

.windowPopup .section-body, .policy-page .section-body, .terms-page .section-body {
    padding: 30px 15px 40px;
}

.windowPopup h1, .policy-page h1, .terms-page h1 {
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: -0.4px;
    line-height: 1;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #EEEEEE;
    box-sizing: border-box;
}

.windowPopup h2, .policy-page h2, .terms-page h2 {
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: -0.32px;
    line-height: 22.4px;
    margin-top: 30px;
    margin-bottom: 10px;
}

.windowPopup p, .policy-page p, .terms-page p {
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: -0.28px;
    line-height: 19.6px;
}

.product-list-page .category-wrap {
    display: flex;
}

.product-list-page#sub {
    margin-top: 105px;
}

.product-list-page .top {
    position: fixed;
    top: 60px;
    width: 100%;
    max-width: 500px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 15;
    padding: 0 15px 15px;
    box-sizing: border-box;
    background-color: #fff;
}

/*.product-list-page .product-header.on {*/
/*    padding-top: 0;*/
/*    margin-top: 125px;*/
/*}*/

.quote-box {
    padding: 15px;
    height: 50px;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
}

.quote-box a {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
}

.productViewSwiper .img-box {
    padding-bottom: 100%;
    border-radius: 0;
}

.product-view-page .section2 {
    padding-bottom: 30px;
    box-sizing: border-box;
}

.product-view-page .tab-box1.fixed + .section2 {
    margin-top: 46px;
}

.product-view-page .swiper-pagination-custom {
    bottom: 20px !important;
    right: 15px;
}

.product-view-page .top .prdt-name {
    font-size: 1.6rem;
    letter-spacing: -0.32px;
    line-height: 22.4px;
    margin-bottom: 10px;
}

.product-view-page .top .disc-amount {
    font-size: 2.2rem;
    letter-spacing: -0.66px;
    font-weight: 600;
}

.product-view-page .top .disc-rate {
    letter-spacing: -0.44px;
    font-weight: 700;
    margin-right: 2px;
}

.product-view-page .top .disc-amount span {
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: -0.32px;
    margin-left: 2px;
}

.product-view-page .top .label-area, .product-view-page .top .review-rate-wrap {
    margin-top: 10px;
}

.product-view-page .top .review-rate-wrap b {
    font-size: 1.4rem;
    letter-spacing: -0.28px;
}

.product-view-page .top .gray-bullet {
    width: 3px;
    height: 3px;
}

.product-view-page .top .review-rate-wrap p {
    font-size: 1.4rem;
    letter-spacing: -0.28px;
}

.product-view-page .fold-btn, .move-btn {
    height: 40px;
    border-radius: 5px;
    border: 1px solid #eee;
    box-sizing: border-box;
    background-color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: -0.28px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: 100%;
    margin-top: 10px;
}

.store-view-page .move-btn {
    display: none;
}

.review-type2-wrap.on .move-btn {
    display: flex;
}

.product-view-page .info-area {
    padding: 0 15px;
    box-sizing: border-box;
    max-height: 420px;
    overflow: hidden;
}

.product-view-page .info-area.fold {
    max-height: 100%;
    overflow: visible;
}

.product-view-page .info-area img {
    max-width: 100%;
    transition: .3s ease;
}

.product-view-page .up-btn img {
    transition: .3s ease;
}

.product-view-page .fold-btn img, .up-btn.on img {
    transform: rotate(180deg);
}

.product-view-page .fold-btn.fold img {
    transform: rotate(0);
}

.prod-notice {
    padding: 20px 15px;
    box-sizing: border-box;
    border-top: 1px solid #F5F5F5;
    margin-top: 20px;
}

.prod-notice-table tr {
    border-top: 1px solid #ddd;
    box-sizing: border-box;
}

.prod-notice-table table tbody tr:last-child {
    border-bottom: 1px solid #ddd;
}

.prod-notice-table th {
    text-align: left;
    padding: 10px;
    box-sizing: border-box;
    background-color: #F5F9FD;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: -0.24px;
    line-height: 16.8px;
}

.prod-notice-table td {
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: -0.24px;
    line-height: 16.8px;
    padding: 10px;
    box-sizing: border-box;
    vertical-align: top;
}

.product-view-page .review-header {
    display: flex;
    border-bottom: 1px solid #F5F5F5;
}

.product-view-page .review-type2 li {
    padding: 30px 0;
}

.b-box {
    background-color: #EEF2F6;
    border-radius: 5px;
    padding: 8px 10px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    gap: 5px;
}

.g-box {
    background-color: #F9F9F9;
    border-radius: 5px;
    padding: 8px 10px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    gap: 5px;
}

.product-view-page .buy-btn.soldout, .product-review-page .buy-btn.soldout {
    background-color: #ccc !important;
}

/* 셀렉트 */
.ss-main {
    height: 40px;
    padding: 0 15px !important;
    border: 1px solid #EEE !important;
    border-radius: 5px !important;
    z-index: 10;
}

.ss-content {
    border: 1px solid #EEE !important;
    border-radius: 5px !important;
    padding: 5px 15px;
    overflow-y: auto !important;
    max-height: 345px !important;
}

.ss-content .ss-list .ss-option {
    padding: 15px 0 !important;
    border-bottom: 1px solid #eee;
}

.ss-content .ss-list .ss-option:last-child {
    border-bottom: none;
}

.ss-content .ss-list .ss-option.ss-highlighted, .ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
    background-color: #fff !important;
    color: #111 !important;
}

.ss-main .ss-values .ss-placeholder {
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: -0.26px;
    color: #ccc !important;
    padding: 0 !important;
}

.ss-main .ss-arrow {
    margin: 0 !important;
    height: 100% !important;
    width: 10px !important;
}

.ss-main:focus {
    box-shadow: none !important;
}

.ss-main .ss-arrow path {
    stroke: #111 !important;
    stroke-width: 14 !important;
}

#slim_select_position, #slim_select_position2, .custom-select-normal .slim_select_position {
    position: absolute;
    bottom: 45px;
    width: 100%;
}

#buyPopup.on #slim_select_position {
    bottom: auto;
    top: 45px;
}

#buyPopup.on2 #slim_select_position2 {
    bottom: auto;
    top: 45px;
}

.custom-select-normal .slim_select_position {
    bottom: auto;
    top: 55px;
}

.ss-content .ss-list .ss-option {
    color: #111 !important;
}

.ss-content .ss-list .ss-option.ss-disabled {
    background-color: transparent !important;
    color: #999 !important;
}

.ss-content .ss-list .ss-option.ss-disabled:hover {
    color: #999 !important;
}

.ss-content .ss-list .ss-option.ss-disabled .disc-rate {
    color: #999 !important;
}

.ss-main .ss-values .ss-single {
    margin: 0 !important;
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: -0.26px;
    align-items: center;
    color: #111 !important;
}

.ss-main .ss-values .ss-single option {
    padding: 0 !important;
}

/*.product-slim-select2-wrap .ss-main .ss-values .ss-single {*/
/*    color: #ccc !important;*/
/*}*/

.ss-content .ss-list .ss-option:hover {
    background-color: transparent !important;
    color: #111 !important;
}

.custom-select-normal .ss-content .ss-list {
    height: 162px;
}

.custom-select-normal .ss-main {
    height: 50px;
}

.custom-select-normal .ss-main .ss-values .ss-single, .custom-select-normal .ss-content .ss-list .ss-option {
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: -0.28px;
    color: #111 !important;
}


/* 셀렉트 끝 */

.product-option .prdt-name {
    font-size: 1.3rem;
    font-weight: 400;
    letter-spacing: -0.26px;
    line-height: 18.2px;
    margin-bottom: 3px;
}

.product-option .disc-amount {
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 18.2px;
    letter-spacing: -0.26px;
}

.product-option .disc-amount span {
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 18.2px;
    letter-spacing: -0.26px;
    margin-left: 0;
    top: 0;
}

.product-option .disc-rate {
    color: #CB0A00;
}

.select-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 205px;
    overflow-y: auto;
    position: relative;
    z-index: 10;
}

.select-list .select-box:first-child {
    margin-top: 15px;
}

.select-box {
    border-radius: 5px;
    background-color: #F5F5F5;
    padding: 15px;
    box-sizing: border-box;
}

.select-delete-btn, .addr-delete-btn {
    background-color: #111;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    min-width: 20px;
    height: 20px;
}

.minus-btn, .plus-btn {
    width: 20px;
    height: 20px;
    background-color: #ddd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.quantity-num {
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.24px;
}

.total-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    padding-top: 20px;
    box-sizing: border-box;
    border-top: 1px solid #EEE;
}

.total-info {
    display: none;
}

.bottom_fixed .like-btn {
    position: static;
    min-width: 24px;
    background-size: 24px;
    background-image: url("/member/images/ico_heart_empty.svg");
    background-color: #fff;
    border-radius: 0;
}

.sel2 {
    display: none;
}

#buyPopup label {
    padding: 24px 20px;
    box-sizing: border-box;
    border: 1px solid #eee;
    border-radius: 5px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

#buyPopup label span {
    width: 40px;
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

#buyPopup label h3 {
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: -0.28px;
    line-height: 1;
}

#buyPopup label h3 + p {
    color: #666;
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: -0.24px;
    line-height: 16.8px;
    margin-top: 8px;
}

#buyPopup .radio_box + .radio_box {
    margin-top: 10px;
}

#buyPopup .radio_box label:before, #buyPopup .radio_box label:after {
    display: none;
}

#buyPopup .radio_box input[type="radio"]:checked + label {
    border-color: #0045C9;
    background-color: #F5F9FD;
}

#buyPopup .btn {
    position: relative;
    z-index: 10;
}

#cartPopup.popup .popup-body {
    max-width: 330px;
}

.product-review-page {
    padding-bottom: 60px;
    box-sizing: border-box;
}

.product-review-page .review-type2 li {
    padding: 30px 0;
}

.special-price-page .box {
    height: 50px;
    padding: 0 20px;
    border-radius: 5px;
    box-sizing: border-box;
    background-color: #E2F0FF;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin-top: 15px;
}

.store-list-page {
    padding-bottom: 70px;
    box-sizing: border-box;
}

.store-list-page .cont-area {
    margin-top: 99.2px;
}

.check_box.check_box2 label {
    padding-left: 22px;
}

.check_box.check_box2 label:before {
    margin-top: -9px;
}

.quote-list-page .banner-area {
    height: 120px;
    margin: 15px 0;
    background-size: 64px 82px;
    background-image: url("/member/images/bg_graph_big.svg");
    background-position: right 20px bottom;
}

.quote-list-page .banner-area p, .quote-list-page .banner-area p + p {
    font-size: 1.6rem;
    letter-spacing: -0.32px;
}

.quote-list-page .sub-title2 h3 {
    letter-spacing: -0.32px;
}

.quote-view-page .category-wrap {
    display: flex;
}

.quote-view-page .cate-select-area {
    /*display: none;*/
}

.quote-view-page .category-wrap.fixed {
    position: fixed;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 500px;
    z-index: 15;
    background-color: #fff;
    box-sizing: border-box;
    padding: 15px;
}

.quote-view-page .product-header.on {
    padding-top: 0 !important;
    margin-top: 60px;
}

.mypage-main-page .top {
    padding: 20px 15px;
    box-sizing: border-box;
    background-color: #0045C9;
    border-radius: 5px;
}

.mypage-main-page .login_off em, .mypage-main-page .login_on em {
    font-size: 1.8rem;
    font-weight: 600;
    letter-spacing: -0.54px;
    line-height: 1;
    color: #fff;
    display: block;
}

.mypage-main-page .login_off p, .mypage-main-page .login_on p {
    color: #BFD4EC;
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: -0.36px;
    line-height: 1;
    margin-top: 5px;
}

.go-modify {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #E2F0FF;
    display: block;
    text-align: center;
    line-height: 28px;
}

.mypage-main-page .top ul {
    justify-content: center;
    gap: 15px;
}

.mypage-main-page .top ul li {
    flex: 1;
}

.mypage-main-page .top ul span {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.2px;
    display: block;
    color: #BFD4EC;
    margin: 5px 0;
}

.mypage-main-page .top ul b {
    display: block;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.28px;
    color: #fff;
}

.mypage-main-page .bottom a {
    background-color: #EEF2F6;
    border-radius: 5px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 5px;
    flex: 1;
}

.mypage-main-page .bottom a:nth-of-type(4) {
    background-color: #FEE500;
}

.mypage-main-page .bottom a span {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.24px;
    display: block;
}

.mypage-main-page .bg_f5 {
    border-radius: 5px;
    padding: 15px 20px;
    box-sizing: border-box;
}

.mypage-main-page .bg_f5 li {
    flex: 1;
}

.mypage-main-page .bg_f5 b {
    display: block;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: -0.32px;
    line-height: 1;
}

.mypage-main-page .bg_f5 span {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.24px;
    display: block;
    margin-top: 7px;
}

.mypage-main-page .bg_f5 a::after {
    content: "";
    position: absolute;
    top: 50%;
    left: -18px;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-image: url("/member/images/ico_full_arrow_right_gray.svg");
    background-position: center;
    background-size: 18px;
    background-repeat: no-repeat;
}

.mypage-main-page .bg_f5 ul li:first-child a::after {
    display: none;
}

.mypage-main-page .bg_f5 > a {
    background-color: #fff;
    height: 42px;
    border-radius: 5px;
    padding: 0 15px;
    box-sizing: border-box;
}

.my-menu-list a {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.my-menu-list a h3 {
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: -0.28px;
    line-height: 19.6px;
}

.mypage-main-page {
    padding-bottom: 70px;
    box-sizing: border-box;
}

.mypage-info-page .border_black111 {
    justify-content: center;
}

.mypage-withdrawal-page .box {
    padding: 15px;
    box-sizing: border-box;
}

.mypage-withdrawal-page .step2 {
    display: none;
}

.blue-circle {
    width: 3px;
    min-width: 3px;
    height: 3px;
    background-color: #0045C9;
    border-radius: 50%;
}

.mypage-order-page .product-header {
    justify-content: flex-end;
}

.mypage-order-page .order-list li > div + div + div {
    margin-top: 15px;
}

.order-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.order-blue-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 36px;
    padding: 0 10px;
    box-sizing: border-box;
    background-color: #EEF2F6;
    border-radius: 5px;
    margin-bottom: 10px;
}

.order-blue-box p {
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: -0.24px;
    display: flex;
    align-items: center;
    gap: 8px;
    line-height: 16.8px;
}

.order-blue-box em {
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: -0.28px;
    color: #0045C9;
}

.order-blue-box span {
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: -0.24px;
    line-height: 16.8px;
}

.order-blue-box span + span {
    color: #8C929E;
}

.order-blue-box a {
    width: 20px;
    text-align: right;
}

.order-box {
    display: flex;
    gap: 10px;
}

.order-box .img-box {
    padding-bottom: 64px;
    width: 64px;
    min-width: 64px;
}

.prdt-option {
    font-size: 1.1rem;
    font-weight: 400;
    letter-spacing: -0.22px;
    line-height: 15.4px;
    color: #999;
    display: flex;
    align-items: flex-start;
    gap: 3px;
}

.order-box .disc-amount {
    margin-top: 10px;
    font-size: 1.3rem;
    letter-spacing: -0.26px;
    display: flex;
    align-items: center;
}

.order-box .disc-amount em {
    font-size: 1.3rem;
    letter-spacing: -0.26px;
    font-weight: 700;
}

.order-box .disc-amount span {
    font-size: 1.3rem;
    letter-spacing: -0.26px;
    top: 0;
}

.order-box .cost {
    margin-bottom: 0;
    margin-left: 5px;
}

.order-btnSet {
    display: flex;
    gap: 5px;
    margin-top: 10px;
}

.order-btnSet .btn {
    height: 30px;
    padding: 0 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #fff;
    flex: 1;
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: -0.22px;
}

.no-order-list {
    text-align: center;
    margin: 200px 0 300px;
}

.mypage-order-page .rounded-5, .return-view-page a.rounded-5 {
    width: 68px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.mypage-order-page .sub-title2 h3, .mypage-cancel-page .sub-title2 h3, .mypage-return-page .sub-title2 h3, .review-write-page .sub-title2 h3, .order-page .sub-title2 h3, .order-result-page .sub-title2 h3, .inquiry-insert-page .sub-title2 h3 {
    margin-top: 15px;
}

.gray-btn {
    height: 20px;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.03);
    width: fit-content;
    padding: 0 5.43px;
    box-sizing: border-box;
    color: #fff !important;
    border-radius: 3px;
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: -0.22px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #999;
}

.delivery-info-list .delivery-info-box + .delivery-info-box {
    margin-top: 15px;
}

.delivery-info-box {
    border-radius: 5px;
    padding: 15px;
    border: 1px solid #eee;
    box-sizing: border-box;
    background-color: #f9f9f9;
}

.delivery-info-box .bg_eee {
    height: 30px;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 20px;
    width: 100%;
    justify-content: flex-start;
    margin-top: 10px;
}

.delivery-info-box .bg_eee span {
    width: 80px;
    min-width: 80px;
}

.delivery-detail-info-box {
    margin-top: 10px;
    padding-top: 10px;
    box-sizing: border-box;
    border-top: 1px solid #EEEEEE;
}

.delivery-detail-info-box .list-style3 li > div {
    margin-bottom: 10px;
}

.delivery-detail-info-box .list-style3 span, .delivery-detail-info-box .list-style3 p {
    font-size: 1.3rem;
    letter-spacing: -0.26px;
    line-height: 18.2px;
}

.delivery-detail-info-box a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    background-color: #fff;
}

.mypage-order-page .bottom_fixed, .r-btn, .shipping .c-btn, .shipping_complete .c-btn, .purchase_confirmed .c-btn, .purchase_confirmed .r-btn {
    display: none;
}

.shipping .bottom_fixed2, .shipping_complete .bottom_fixed2 {
    padding: 15px 15px 20px;
}

.shipping .pb-20, .shipping_complete .pb-20 {
    padding-bottom: 0px !important;
}

.shipping .r-btn, .shipping_complete .r-btn {
    display: flex;
}

.shipping .bottom_fixed, .shipping_complete .bottom_fixed {
    display: block;
}

.mypage-cancel-page textarea, .mypage-return-page textarea, .review-write-page textarea, .delivery-write-page textarea, .inquiry-insert-page textarea {
    min-height: 200px;
}

.mypage-cancel-page .order-blue-box {
    height: 33px;
}

.mypage-cancel-page .c_num, .mypage-return-page .c_num, .order-page .c_num {
    width: 80px;
    height: 32px;
    text-align: right;
}

input.c_num.highlight {
    border-color: #0045C9;
}

.mypage-cancel-page span.p-relative::before, .mypage-return-page span.p-relative::before, .order-page span.p-relative::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
    background-color: #ddd;
    width: 1px;
    height: 16px;
}

.mypage-cancel-page .pt-10.mt10, .mypage-return-page .pt-10.mt10 {
    border-top: 1px solid #eee;
    box-sizing: border-box;
}

.mypage-cancel-page .wid175, .mypage-return-page .wid175, .order-page .wid175 {
    width: 175px;
}

#agreePopup .popup-cont, #agreePopup2 .popup-cont, #agreePopup3 .popup-cont {
    max-height: 200px;
    overflow-y: auto;
}

.mypage-cancel-page .bg_EEF2F6, .mypage-return-page .bg_EEF2F6, .order-page .bg_EEF2F6 {
    border-radius: 5px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    margin: 20px 0;
}

.mypage-return-page .border_eee, #deliveryPopup .border_ddd, .delivery-list-page .border_ddd, .delivery-setting-page .border_eee, .delivery-setting-page .addr-add-btn {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px;
    padding: 0 10px;
    box-sizing: border-box;
    position: relative;
    z-index: 15;
}

#deliveryPopup .border_ddd, .delivery-list-page .border_ddd, .delivery-setting-page .addr-add-btn {
    justify-content: center;
    gap: 5px;
}

.calender-btn {
    height: 20px;
    width: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    background-color: #eee;
    border-radius: 5px;
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: -0.22px;
    color: #666;
    position: relative;
    z-index: 15;
}

#deliveryPopup .popup-header, #datePopup .popup-header, #deliveryBulkPopup .popup-header {
    border-bottom: 1px solid #eee;
}

.delivery-addr-list .delivery-info-box {
    background-color: #fff;
}

.delivery-addr-list .radio_box label {
    padding-left: 0;
    width: 100%;
}

.delivery-addr-list .radio_box label:before, .delivery-addr-list .radio_box input[type="radio"]:checked + label:after {
    display: none;
}

.comm-addr-tag {
    background-color: #0045C9;
    border-radius: 3px;
    width: 53px;
    height: 17px;
    line-height: 17px;
    text-align: center;
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    margin-left: 10px;
    display: inline-block;
}

.delivery-addr-list .radio_box input[type="radio"]:checked + label .delivery-info-box {
    border-color: #0045C9;
}

.default-btn {
    border-radius: 5px;
    border: 1px solid #ddd;
    height: 20px;
    width: 74px;
    line-height: 18px;
    text-align: center;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    margin-right: 8px;
}

.delivery-addr-list li + li {
    margin-top: 10px;
}

#deliveryPopup .popup-cont {
    padding-bottom: 100px;
    padding-top: 60px;
    box-sizing: border-box;
}

#datePopup .popup-cont {
    margin-top: 88px;
    padding-bottom: 20px;
    box-sizing: border-box;
}

.mypage-return-page .return-area {
    display: none;
}

/* 별점 */
.rate {
    display: flex;
    align-items: center;
    border: 0;
    flex-direction: row-reverse;
    justify-content: center;
}

.rate > input {
    display: none;
}

.rate > label {
    color: #999;
    margin-left: 5px;
    width: 21.176px;
    height: 20px;
}

.rate > label:before {
    display: block;
    font-size: 2.2rem;
    cursor: pointer;
    font-family: FontAwesome;
    content: "\f005 ";
    width: 21.176px;
    height: 20px;
    margin-top: -6px;
}

.rate .half:before {
    content: "\f089 ";
    position: absolute;
    padding-right: 0;
}

.rate input:checked ~ label,
.rate label:hover, .rate label:hover ~ label {
    color: #FFB400 !important;
}

.rate input:checked + .rate label:hover,
.rate input input:checked ~ label:hover,
.rate input:checked ~ .rate label:hover ~ label,
.rate label:hover ~ input:checked ~ label {
    color: #FFB400 !important;
}

/* 후기등록 */
.photo-file-select-box label {
    width: 100px;
    min-width: 100px;
    height: 100px;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box;
    background-color: #F5F5F5;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    z-index: 20;
    margin-right: 5px;
}

.preview-box {
    position: relative;
    width: 100px !important;
    min-width: 100px !important;
    height: 100px !important;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #eee;
    box-sizing: border-box;
}

.preview-box .img-box {
    padding-bottom: 100px;
    width: 100px;
    min-width: 100px;
}

.preview-box .delete-btn {
    width: 24px;
    min-width: 24px;
    height: 24px;
    background-color: rgba(0, 0, 0, 0.50);
    border-radius: 50%;
    position: absolute;
    top: 5px;
    right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.swiper.photoSwiper {
    margin: 0;
}

.photo-file-select-box {
    position: relative;
}

.photo-file-select-box::before {
    position: absolute;
    content: "";
    background-color: #fff;
    width: 110px;
    height: 110px;
    top: 0;
    left: -45px;
    z-index: 10;
}

.file-txt {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: -0.24px;
    padding: 7px 10px;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: #0045C9;
    width: fit-content;
    position: relative;
    margin-left: 12.7px;
}

.file-txt::before {
    content: "";
    position: absolute;
    left: -3.5px;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: url("/member/images/ico_triangle_blue.svg");
    background-position: center;
    background-size: 12px 10px;
    background-repeat: no-repeat;
    width: 12px;
    height: 10px;
}

.review-write-page .middle {
    margin-top: 45px;
    padding-top: 15px;
    border-top: 1px solid #EEEEEE;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #EEEEEE;
    box-sizing: border-box;
}

#cautionPopup .blue-circle, .return-view-page .blue-circle, .order-cart-page .blue-circle {
    position: relative;
    top: 6px;
}

.mypage-review-page .cont-area, .wishlist-page .cont-area {
    margin-top: 46px;
}

.mypage-review-page .tab-box1, .wishlist-page .tab-box1 {
    position: fixed;
    width: 100%;
    max-width: 500px;
    z-index: 20;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
}

.mypage-review-page .review-type2 li {
    padding: 30px 0 15px;
}

.mypage-review-page .order-list.writeable {
    gap: 0;
}

.mypage-review-page .order-list.writeable li + li {
    padding-top: 15px;
    margin-top: 15px;
    box-sizing: border-box;
    border-top: 1px solid #eee;
}

.delivery-write-page input:read-only {
    background-color: #F9F9F9;
}

.delivery-write-page .textarea {
    display: none;
}

.delivery-write-page .ss-content {
    max-height: 150px !important;
}

input:read-only:focus {
    border-color: #eee;
}

.zip-code-btn {
    width: 80px;
    height: 27px;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: -0.24px;
    color: #fff;
    padding: 0;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    background-color: #0045C9;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.03);
    z-index: 1;
}

.step-box span.c-span {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #E2F0FF;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.step-box .s-inner {
    position: relative;
}

.step-box + .step-box .s-inner::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -80px;
    transform: translateY(-50%);
    background-color: #E2F0FF;
    width: 80px;
    height: 1px;
    z-index: 1;
}

.return-view-page .b-style {
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 15px;
    box-sizing: border-box;
}

.re-cancel-btn {
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: -0.28px;
    color: #CB0A00;
    width: 100%;
}

.s_cancel .return-area, .s_return .cancel-area, .s_return.r_exchange .r-return-area, .s_return.r_return .r-exchange-area {
    display: none;
}

.notice-list li a {
    display: block;
    padding: 19px 15px;
    border: 1px solid #EEE;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 10px;
}

.notice-list li a.top {
    border-color: #E2F0FF;
    background-color: #F5F9FD;
}

.notice-list li + li {
    margin-top: 15px;
}

.notice-list-page .new {
    width: 12px;
    height: 12px;
    border-radius: 3px;
    background-color: #0045C9;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 600;
    letter-spacing: -0.16px;
    color: #fff;
}

.notice-view-page .cont-wrap, .inquiry-view-page .cont-wrap {
    margin-top: 15px;
    padding-top: 15px;
    box-sizing: border-box;
    border-top: 1px solid #EEEEEE;
    margin-bottom: 30px;
}

.notice-view-page .cont-wrap img {
    max-width: 100%;
}

.attach-wrap > div {
    padding: 13px 15px;
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 7px;
}

.attach-wrap > div + div, .post-link-wrap a + a {
    margin-top: 5px;
}

.attach-wrap > div:last-child {
    margin-bottom: 10px;
}

.notice-list li a, .post-link-wrap a {
    padding: 19px 15px;
    border: 1px solid #EEE;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 10px;
}

.file-link {
    display: inline-block;
    max-width: 100%;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
}

.faq-page .fixed, .inquiry-page .fixed {
    border: none;
    width: 100%;
    max-width: 500px;
    z-index: 10;
    padding-top: 15px;
    position: fixed;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    background-color: #fff;
}

.faq-page .fixed .searchForm {
    border: none;
    padding-bottom: 0;
}

.faq-page .categorySwiper.swiper, .inquiry-page .categorySwiper.swiper {
    background-color: #fff;
    padding: 15px;
    box-sizing: border-box;
}

.qnaList {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.qna-box {
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-radius: 10px;
    overflow: hidden;
}

.qna-box.on {
    border-color: #0045C9;
}

.qna-Q {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 20px 15px;
    box-sizing: border-box;
    background-color: #fff;
    transition: .3s ease;
}

.qna-Q::after {
    content: "";
    background-image: url('/member/images/ico_arrow_down_black.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    width: 20px;
    min-width: 20px;
    height: 20px;
}

.qna-Q > div {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 7px;
    position: relative;
    width: 100%;
    transition: .3s ease;
}

.qna-Q.on > div {
    color: #111;
}

.qna-Q.on {
    background-color: #fff;
}

.qna-Q.on::after {
    background-image: url('/member/images/ico_arrow_up_blue.svg');
}

.qna-A {
    background-color: #F7F7F7;
    padding: 20px 15px;
    box-sizing: border-box;
    display: none;
}

.qna-A-wrap {
    display: flex;
    align-items: flex-start;
    gap: 7px;
}

.qna-A p {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 18.2px;
    letter-spacing: -0.26px;
}

.qna-box .cate {
    font-size: 1.2rem;
    font-weight: 400;
    letter-spacing: -0.24px;
    line-height: 1;
    color: #0068C3;
}

.qna-Q .tit {
    font-size: 1.4rem;
    font-weight: 500;
    letter-spacing: -0.28px;
    line-height: 19.6px;
}

.qna-Q-img {
    background-image: url("/member/images/ico_question.svg");
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    width: 30px;
    min-width: 30px;
    height: 30px;
    background-color: #CCC;
    border-radius: 50%;
}

.qna-box.on .qna-Q-img {
    background-image: url("/member/images/ico_question_on.svg");
    background-color: #E2F0FF;
}

.qna-A-img {
    display: block;
    background-image: url("/member/images/ico_answer.svg");
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    width: 30px;
    min-width: 30px;
    height: 30px;
    background-color: #0045C9;
    border-radius: 50%;
}

.cartList .check_box {
    width: 18px;
}

.cartList .check_box label:before {
    margin-top: -15px;
}

.pdt-header {
    height: 48px;
    border-bottom: 1px solid #eee;
    box-sizing: border-box;
    padding: 0 15px;
}

.pdt-cate-header .check_box {
    box-sizing: border-box;
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 15px;
    margin: 15px 15px 20px;
}

.cartList {
    padding: 0 15px;
    box-sizing: border-box;
}

.cartList .chg-btn {
    height: 30px;
    padding: 0 20px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: -0.22px;
    width: 100%;
}

.cartList .trash-btn {
    width: 30px;
    min-width: 30px;
    height: 30px;
    border-radius: 5px;
    background-color: #999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cartList li + li {
    margin-top: 30px;
}

.allList li + li .gray-line {
    margin-top: 20px;
}

.cartStoreWrap + .cartStoreWrap {
    margin-top: 40px;
    border-top: 1px solid #eee;
    box-sizing: border-box;
}

.delivery-setting-page .custom-select-normal .ss-main, .order-page .custom-select-normal .ss-main {
    height: 40px;
}

.delivery-setting-page .custom-select-normal .ss-main .ss-values .ss-single, .order-page .custom-select-normal .ss-main .ss-values .ss-single {
    font-size: 1.3rem;
    letter-spacing: -0.26px;
}

.delivery-setting-page .custom-select-normal .slim_select_position, .order-page .custom-select-normal .slim_select_position {
    top: 49px;
}

.delivery-setting-page .textarea, .order-page .textarea {
    display: none;
    font-size: 1.3rem;
    letter-spacing: -0.26px;
    font-weight: 400;
    line-height: 18.2px;
    min-height: 100px;
}

.delivery-setting-page .textarea::placeholder, .order-page .textarea::placeholder {
    font-size: 1.3rem;
    letter-spacing: -0.26px;
    font-weight: 400 !important;
    line-height: 18.2px;
}

.delivery-setting-page .d_delivery_area .bg_EEF2F6 {
    padding: 10px;
    box-sizing: border-box;
    margin: 15px;
}

.delivery-setting-page .d_delivery_area .border_ddd {
    height: 30px;
    background-color: #fff;
    line-height: 28px;
    text-align: center;
    margin-top: 8px;
    width: 100%;
}

.selectedDateDisplay {
    color: #ccc;
}

.delivery-setting-page .delivery-info-wrap {
    display: none;
}

.d_quick .d_delivery_area, .d_direct .d_delivery_area, .d_pickup .d_delivery_area, .d_pickup .other_area, .d_delivery .other_area, .d_pickup_area, .d_pickup .not_pickup_area, .d_quick_area {
    display: none;
}

.d_pickup .d_pickup_area, .d_pickup .other_area.pickup_area {
    display: block;
}

.d_delivery .d_delivery_area.other_area, .d_quick .d_quick_area {
    display: flex;
}

.order-page .d_quick .fold-area .other_area.d_delivery_area, .order-page .d_direct .fold-area .other_area.d_delivery_area {
    display: flex;
    margin-top: 10px;
}

.order-result-page .p-list li:first-child {
    margin-top: 30px;
}

.order-result-page .not_pickup_area .p-list li:first-child {
    margin-top: 0;
}

.d_pickup_area .bg_eee {
    padding: 8px 10px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    border-radius: 5px;
}

.d_pickup_area .bg_eee span {
    min-width: 80px;
}

.file-attach-txt .file-label {
    border: 1px solid #EEE;
    padding: 10px 20px;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 100px;
}

.file-attach-txt .file-label.on {
    background-color: #F5F5F5;
}

.file-attach-txt label span {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #eee;
}

.file-attach-txt.check_box label:before {
    display: none;
}

#deliveryBulkPopup .download-btn span {
    width: 20px;
    height: 20px;
    border-radius: 5px;
    background-color: #111;
    display: flex;
    align-items: center;
    justify-content: center;
}

#deliveryBulkPopup .delete-btn, .inquiry-insert-page .delete-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    min-width: 20px;
    height: 20px;
    border-radius: 5px;
    background-color: #111;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 20;
}

.inquiry-insert-page .delete-btn {
    position: static;
}

.order-page .d_delivery .prdt-name {
    font-size: 1.3rem;
    letter-spacing: -0.26px;
    line-height: 18.2px;
}

.order-page .order-list li + li {
    margin-top: 10px;
    padding-top: 10px;
    box-sizing: border-box;
    border-top: 1px solid #EEEEEE;
}

.order-page .d_delivery_area > ul > li + li {
    padding-top: 25px;
    box-sizing: border-box;
}

.fold-box {
    border-radius: 5px;
    padding: 6.5px 10px;
    box-sizing: border-box;
    background-color: #eee;
}

.fold_sum, .bt_area, .bt_rt_area {
    display: none;
}

.bt_rt_area.on.b-box {
    display: flex !important;
}

.order-page .fold-btn img, .order-result-page .fold-btn img {
    transition: .3s ease;
}

.order-page .fold-btn.on img, .order-result-page .fold-btn.on img {
    transform: rotate(180deg);
}

.order-page .tab-box2 li a {
    border-color: #ccc;
    color: #ccc;
    font-weight: 500;
}

.calendar_ico {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.order-page .big_check {
    margin-bottom: 15px;
    padding-bottom: 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #EEEEEE;
}

.order-page .p-list li + li {
    margin-top: 15px;
    padding-top: 15px;
    box-sizing: border-box;
    border-top: 1px solid #eee;
}

.order-result-page .fold-area .order-list li + li {
    margin-top: 10px;
    padding-top: 10px;
    box-sizing: border-box;
    border-top: 1px solid #eee;
}

.order-result-page .p-list li + li {
    padding-top: 25px;
    box-sizing: border-box;
}

.order-result-page .other_area .p-list li + li {
    margin-top: 15px;
    padding-top: 15px;
    box-sizing: border-box;
    border-top: 1px solid #eee;
}

.inquiry-page li a {
    border-radius: 10px;
    padding: 18px 15px;
    box-sizing: border-box;
    border: 1px solid #eee;
    background-color: #FFF;
    display: block;
}

.inquiry-page li + li {
    margin-top: 15px;
}

.inquiry-page .status, .inquiry-view-page .status {
    width: 28px;
    height: 16px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: -0.2px;
    line-height: 1;
    color: #fff;
}

.inquiry-page .status.waiting, .inquiry-view-page .status.waiting {
    border-color: #0045C9;
    background-color: #0045C9;
}

.inquiry-page .status.answered, .inquiry-view-page .status.answered {
    border-color: #666;
    background-color: #666;
}

.answered-area .box {
    border: 1px solid #E2F0FF;
    box-sizing: border-box;
    border-radius: 10px;
    overflow: hidden;
}

.answered-area .box .top {
    padding: 20px 15px;
    box-sizing: border-box;
    background-color: #F5F9FD;
}

.answered-area .box .bottom {
    padding: 20px 15px;
    box-sizing: border-box;
    background-color: #fff;
}

.inquiry-insert-page .grid-box {
    grid-template-columns: repeat(3, 1fr);
    gap: 15px 10px;
}

.inquiry-insert-page .file-attach-txt .file-label {
    min-height: 50px;
}

.inquiry-insert-page .file-attach-txt .file-label.on {
    min-height: 44px;
}

.policies-page a {
    height: 50px;
    line-height: 50px;
}

#iyeonGoPopup.bottomAniPopup.popup.type2-popup .popup-cont {
    background-color: #fff;
    padding: 0;
}

#iyeonGoPopup .iyeon-box {
    padding: 0 15px;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: #f5f5f5;
    text-align: center;
    width: 100%;
    height: 226px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#no-more-data {
    margin-bottom: 30px;
}

.order-box + .order-box {
    margin-top: 15px;
}

#idFindBtn {
    position: static;
    transform: none;
    padding: 0;
}

#productSelectPopup.bottomAniPopup ul, #reviewSelectPopup.bottomAniPopup ul, #storeSelectPopup.bottomAniPopup ul, #dateSelectPopup.bottomAniPopup ul {
    gap: 0;
}

#productSelectPopup.bottomAniPopup ul a, #reviewSelectPopup.bottomAniPopup ul a, #storeSelectPopup.bottomAniPopup ul a, #dateSelectPopup.bottomAniPopup ul a {
    padding-bottom: 15px;
    padding-top: 15px;
    box-sizing: border-box;
    display: block;
}

#productSelectPopup.bottomAniPopup ul li:first-child a, #reviewSelectPopup.bottomAniPopup ul li:first-child a, #storeSelectPopup.bottomAniPopup ul li:first-child a, #dateSelectPopup.bottomAniPopup ul li:first-child a {
    padding-top: 0;
}

#productSelectPopup.bottomAniPopup ul li:last-child a, #reviewSelectPopup.bottomAniPopup ul li:last-child a, #storeSelectPopup.bottomAniPopup ul li:last-child a, #dateSelectPopup.bottomAniPopup ul li:last-child a {
    padding-bottom: 0;
}

/* 관리자 등록 팝업 */
.preview_popup {
    display: block;
    position: fixed;
    z-index: 15000;
}

.preview_popup .img-box {
    width: 100%;
    padding-bottom: 100%;
    border-radius: 0;
}

.preview_popup .btnSet {
    background-color: #111;
    height: 35px;
    padding: 0 15px;
    margin-top: 0;
    box-sizing: border-box;
}

.preview_popup button, .preview_popup label {
    font-size: 1.4rem;
    font-weight: 600;
    color: #fff;
}

.preview_popup label {
    padding-left: 23px;
}

.preview_popup .check_box label:before {
    border-radius: 5px;
}

.preview_popup.popup .popup-inner {
    padding: 20px;
}

.preview_popup .popup_wrap {
    height: 100%;
    width: 100%;
}

.preview_popup .popup_wrap .lined {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.preview_popup .popup-cont {
    max-width: 360px;
    margin-top: 0;
}

#reviewImgPopup .is-single .swiper-wrapper {
    transform: none !important;
}

#reviewImgPopup .reviewImgSwiper.is-single,
#reviewImgPopup .reviewImgSwiper2.is-single {
    overflow-x: hidden;
    touch-action: pan-y;
}

#reviewImgPopup .is-single .swiper-slide {
    width: 100% !important;
}

#reviewImgPopup .reviewImgSwiper2-wrap .is-single .img-box::before {
    display: none;
}