/* 메인 이미지 slide [swiper] : 좌측 메뉴 */

.main-slide {
    position: relative;
    overflow: hidden;
    max-height: var(--main-slide-height);
}

.main-slide .swiper-wrapper {
    max-height: var(--main-slide-height);
}

.main-slide .swiper-main-image .swiper-slide {
    position: relative;
    z-index: 2;
}

.main-slide .swiper::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    transform: translateX(-100%) scale(1);
    z-index: 3;
}

.main-slide .swiper::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    transform: translateX(100%) scale(1);
    z-index: 3;
}

.slide-main-title,
.slide-sub-title {
    position: absolute;
    left: 60px;
}

.slide-main-title {
    top: 70px;
}

.slide-main-title span {
    font-size: 25px;
}

.slide-main-title p {
    font-size: 38px;
    font-weight: 700;
    margin-top: 10px;
}

.slide-sub-title {
    display: flex;
    flex-direction: column;
    top: 245px;
    font-size: 20px;
}

.dark-img .slide-main-title span,
.dark-img .slide-main-title p,
.dark-img .slide-sub-title span,
.dark-img .slide-sub-title p,
.dark-img .banner-title p,
.dark-img .banner-title span {
    color: #fff !important;
}

.dark-img .slide-sub-title .color-red {
    color: #FF3838 !important;
}

.slide-sub-title span:nth-of-type(1) {
    font-size: 23px;
}

.slide-sub-title>*:not(:first-child) {
    padding-top: 5px;
}

.swiper-main-image {
    overflow: initial;
    width: calc(var(--container-width) - var(--ctg-all-width));
    transform: translateX(140px);
}

.ctg-innerImg-title {
    position: absolute;
    top: 42px;
    left: 0;
    text-align: center;
    width: 100%;
}

.ctg-innerImg-title p {
    color: #333;
}

.ctg-innerImg-title.dark-img p {
    color: #fff !important;
}

.ctg-innerImg-title p:first-child {
    font-size: 20px;
    letter-spacing: -.25px;
    font-weight: 400;
}

.ctg-innerImg-title p:nth-child(2) {
    font-size: 28px;
    letter-spacing: -.25px;
    font-weight: 600;
    margin-top: 5px;
}

.ctg-innerImg-title .ctg-innerImg-discount {
    display: inline-block;
    position: relative;
    color: #fff !important;
    font-size: 26px;
    font-weight: 600;
    line-height: 33px;
    padding-right: 4px;
    top: -4px;
    letter-spacing: -2px;
    width: 50px;
    height: 40px;
    background: url("../images/discount-arrow.png") no-repeat center/contain;
}

.ctg-innerImg-title .ctg-innerImg-discount::after {
    content: "%";
    position: absolute;
    font-size: 10px;
    line-height: 1;
    background-color: #f20d0d !important;
    bottom: 11px;
    right: 12px;
}

.ctg-innerImg-title .ctg-innerImg-price {
    color: #f20d0d !important;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -.5px;
    margin: 13px 0 0 4px;
    display: inline-block;
}

.ctg-innerImg-title span {
    color: #f20d0d !important;
    font-size: 24px;
    letter-spacing: -1px;
    font-weight: 400;
    display: inline-block;
    margin: 0 0 0px -2px;
}

.in-container-display-none {
    display: block !important;
}

.newperDeal-prev.in-container-display-none,
.newperDeal-next.in-container-display-none {
    display: flex !important;
}

.in-container-display-block {
    display: none !important;
}

.newperDeal-arrow.mo {
    display: none;
}

@media (max-width: 1380px) {
    section {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }
    .main-slide {
        min-width: auto;
    }
    .swiper-main-image {
        width: 100%;
        height: auto;
        transform: translateX(0);
        margin-left: 0;
    }
    .ctg-all {
        display: none;
    }
    .searchBar {
        min-width: 320px;
        width: 100%;
    }
    .floating-left,
    .floating-right {
        display: none;
    }
    .newperDeal-arrow {
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }
    .newperDeal-prev,
    .newperDeal-next {
        position: relative;
        width: 32px !important;
        height: 32px !important;
        top: 0;
        left: auto !important;
        right: auto !important;
        transform: translateX(0);
    }
    .newperDeal-next.next-custom {
        background: #fff url(../images/thumb-arrow-right.png) no-repeat 13px center/8px auto;
    }
    .newperDeal-prev.prev-custom {
        background: #fff url(../images/thumb-arrow-left.png) no-repeat 11px center/8px auto;
    }
    .newperDeal-prev+.newperDeal-next {
        margin-left: 20px;
    }
    .newperDeal-prev.btn-disabled+.newperDeal-next {
        margin-left: 0;
    }
    .newperDeal-pagination.pagination.dot-pagination {
        width: auto !important;
        display: flex !important;
        align-items: center;
        padding: 0 5px !important;
    }
    .newperDeal-next img {
        margin-left: 4px !important;
    }
    .newperDeal-prev img {
        margin-right: 4px !important;
    }
    .newperDeal-arrow.pc {
        display: none;
    }
    .newperDeal-arrow.mo {
        display: flex;
    }
    .in-container-display-none {
        display: none !important;
    }
    .in-container-display-block {
        display: block !important;
    }
    .todayBest-tab-wrap {
        width: 100% !important;
        padding-left: 0px !important;
    }
    .benefit-price-pop,
    .saving-pop,
    .card-view-pop {
        right: -10px !important;
        top: calc(100% + 25px) !important
    }
    .benefit-price-pop::after,
    .saving-pop::after,
    .card-view-pop::after {
        right: 7px !important;
    }
    .generalPrice-pop::after,
    .prod-status-pop::after {
        left: 157px !important;
    }
    .prod-status-pop.pc-status-tip::after {
        left: auto !important;
    }
    .page-top-banner {
        height: auto !important;
    }
    .ctg-second-area .second-area-1 {
        display: none !important;
    }
    .ctg-open {
        width: calc(100vw - 280px) !important;
    }
    .ctg-first-area {
        width: calc(100% - 330px) !important;
    }
    .second-area-2 {
        min-width: 330px;
    }
    .ctg-first-area>ul {
        width: 50% !important;
        padding: 20px 0 0 25px !important;
    }
    .first-area-sub {
        width: 100% !important;
        padding: 20px 0 10px 25px !important;
    }
}

@media (max-width: 991px) {
    body,
    html {
        min-width: 375px;
    }
    section {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .page-top-banner .top-banner {
        display: none !important;
    }
    .page-top-banner .top-banner-mo {
        display: block !important;
        object-fit: contain;
    }
    .main-slide,
    .main-slide .swiper-wrapper {
        max-height: 100%;
    }
    .swiper-main-image {
        width: 100%;
        height: auto;
        transform: translateX(0);
        margin-left: 0;
    }
    .swiper-main-image li a img {
        object-fit: cover;
    }
    .prod-status-pop::after,
    .generalPrice-pop::after {
        left: 64px !important;
        top: -32px !important;
    }
    .prod-status-pop.mo-status-tip {
        max-width: 99vw !important;
        width: 525px;
        left: 2px;
        top: calc(100% + 10px);
    }
    .prod-status-pop.mo-status-tip::after {
        left: 41px !important;
    }
}

.item-img {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.item-img .thumbnail-img {
    max-width: 250px;
    max-height: 250px;
}

.swiper-newperDeal .item-img .thumbnail-img {
    max-width: 180px;
    max-height: 180px;
}

.swiper-event-group1 .thumbnail-img,
.swiper-event-group3 .thumbnail-img {
    max-width: 240px;
    max-height: 240px;
}

.pc-img {
    display: block;
}

.mo-img {
    display: none;
}

@media (max-width: 991px) {
    .pc-img {
        display: none !important;
    }
    .mo-img {
        display: block !important;
    }
}

/* swiper arrow */

.swiper-prev,
.swiper-next {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    background-color: rgba(17, 17, 17, 0.3);
    color: #fff;
    transform: translateY(-50%) scale(1);
    transition: all 0.3s ease;
    margin-top: 0;
    border-radius: 50%;
    z-index: 99;
    cursor: pointer;
}

.swiper-prev {
    left: -330px;
}

.swiper-next {
    right: -50px;
}

.swiper-prev::after,
.swiper-next::after {
    content: "";
    width: 100%;
    height: 100%;
    display: inline-block;
}

.swiper-prev::after {
    background: url(../images/arrow-left.png) no-repeat 45%
}

.swiper-next::after {
    background: url(../images/arrow-right.png) no-repeat 55%;
}

/*메인 슬라이드*/

.main-slide .swiper-prev,
.main-slide .swiper-next {
    width: 48px;
    height: 48px;
}

.main-slide .swiper-prev {
    left: -340px;
}

.main-slide .swiper-next {
    right: -60px;
}

.swiper-pagination2.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: var(--scPoint) !important;
}

/* 스와이퍼 우측 하단 페이지네이션 & 정지재생버턴 박스 */

.swiper-bottom-box {
    width: 125px;
    height: 40px;
    position: absolute;
    bottom: 30px;
    right: 135px;
}

/* pagination-custom */

.swiper-pagination-custom {
    width: 100%;
    height: 100%;
    background: rgba(17, 17, 17, 0.4);
    border-radius: 50px;
    color: #fff;
    bottom: 0;
    z-index: 1;
    line-height: 40px;
    font-weight: 300;
    text-align: initial;
    text-indent: 17px;
    letter-spacing: -1px;
}

.current-num {
    font-size: 21px;
}

.swiper-pagination-progressbar {
    background: rgba(255, 255, 255, .75);
    position: absolute;
    top: auto !important;
    bottom: 0 !important;
    height: 5px !important;
    z-index: 1;
}

/* button-player */

.swiper-button-play,
.swiper-button-pause {
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.swiper-button-play {
    background: rgba(17, 17, 17, 0.5) url(../images/play.png) no-repeat 55%;
    display: none;
}

.swiper-button-play:hover {
    background: rgba(17, 17, 17, 0.8) url(../images/play.png) no-repeat 55%;
    display: none;
}

.swiper-button-pause {
    background: rgba(17, 17, 17, 0.5) url(../images/pause.png) no-repeat 53%;
}

.swiper-button-pause:hover {
    background: rgba(17, 17, 17, 0.8) url(../images/pause.png) no-repeat 53%;
}

/* 더보기 버튼 */

.more-view {
    position: absolute;
    bottom: 30px;
    right: 60px;
    width: 70px;
    height: 40px;
    z-index: 1;
    font-size: 14px;
    color: #fff;
    background-color: rgba(1, 1, 1, 0.4);
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding: 0 0 0 2px;
}

.more-view:hover {
    background-color: #009EFF;
}

/*스와이퍼 스크롤바*/

.swiper-scrollbar-custom.swiper-scrollbar {
    position: relative;
    width: 415px;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 25px;
}

.swiper-scrollbar-custom .swiper-scrollbar-drag {
    background-color: var(--scPoint);
}

@media (max-width: 991px) {
    .swiper-scrollbar-custom.swiper-scrollbar {
        width: 120px;
        height: 2px;
        margin-top: 15px;
    }
}

/* 슬라이드 이미지 내부 고정 - 좌측 nav category all */

.gnb-ctg-all {
    position: absolute;
    top: 100%;
    left: var(--ctg-all-width);
    display: none;
}

.ctg-all {
    width: var(--ctg-all-width);
    height: var(--main-slide-height);
    position: absolute;
    top: 0px;
    left: calc(0% - var(--ctg-all-width));
    z-index: 3;
    background-color: var(--scPoint);
    padding: 11px 0 15px;
    display: flex;
    flex-direction: column;
	/*
	overflow-y: auto;	
	*/
}

.ctg-all>li {
    width: 100%;
    height: 100%;
    max-height: 60px;
}

.ctg-all>li>a {
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    padding-left: 35px;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    border-left: 1px solid transparent;
}

.ctg-all>li.on>a {
    background-color: #fff;
    color: var(--scPoint);
    border-left: 1px solid var(--scLine);
}

.ctg-all .separation {
    display: inline-block;
    margin: 0 10px;
}

.ctg-all>.separation::before {
    width: 2px;
    background: #d1d1d1;
}

/* 좌측 nav category 서브 메뉴 열림 */

.ctg-open {
    display: flex;
    width: 1100px;
    height: 100%;
    min-height: var(--main-slide-height);
    position: absolute;
    top: 0px;
    left: 100%;
    background-color: #fff;
    border-top: 1px solid #C5C5C5;
    border-bottom: 1px solid #C5C5C5;
}

.swiper-ctg-banner-arrow {
    position: absolute;
    bottom: -1px;
    right: 0;
}

.swiper-ctg-banner-arrow>div {
    width: 34px;
    height: 34px;
    z-index: 1;
    background-color: #fff;
    border: 1px solid var(--scLine);
    cursor: pointer;
}

.swiper-ctg-banner-arrow>div:first-child {
    border-right: none;
}

.swiper-ctg-banner-arrow>div img {
    width: 15px;
    height: 15px;
    object-fit: contain;
}

/*중분류, 소분류*/

.ctg-first-area {
    width: 455px;
    height: 100%;
    position: relative;
    background-color: #fff;
}

.ctg-first-area>ul {
    width: 210px;
    height: 100%;
    position: relative;
    padding: 25px 0 0 40px;
}

.ctg-first-area>ul>li,
.first-area-sub li {
    padding: 6px 0;
    font-weight: 400;
    cursor: pointer;
}

.ctg-first-area>ul li a {
    display: inline-flex;
    width: auto;
    height: 100%;
    position: relative;
    font-size: 16px;
}

.ctg-first-area>ul li:hover>a .ctg-first-area>ul li.on>a {
    color: var(--scPoint);
}

.ctg-first-area>ul li:hover>a::after,
.ctg-first-area>ul li.on>a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 110%;
    width: 100%;
    height: 2px;
    background-color: var(--scPoint);
}

.first-area-sub {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    width: calc(455px - 100%);
    height: 100%;
    padding: 25px 0 15px 40px;
    border-left: 1px solid var(--scLine);
    overflow-y: auto;
}

.first-area-sub.on {
    display: block;
}

.ctg-second-area {
    width: calc(100% - 455px);
    height: 100%;
    display: flex;
}

/*상품썸네일 상하*/

.second-area-1 {
    width: calc(100% - 430px);
    border-left: 1px solid var(--scLine);
    display: flex;
    flex-direction: column;
}

.second-area-1 li {
    flex: 1;
    padding: 10px 5px 5px;
}

.second-area-1 li img {
    object-fit: contain;
    height: 120px;
    padding: 5px;
}

.second-area-1 .item-title {
    font-size: 15px;
    font-weight: 500;
    min-height: auto;
    line-height: 15px;
    padding-top: 5px;
    margin-bottom: 5px !important;
    text-align: center;
}

.second-area-1 .item-title p {
    font-size: 16px;
    line-height: 15px;
    font-weight: 600;
    margin-bottom: 5px;
}

.second-area-1 .item-title span {
    font-size: 14px;
    line-height: 15px;
    font-weight: 400;
    letter-spacing: -.5px;
}

.second-area-1 .discount-price {
    font-size: 15px;
    margin-right: 1px;
}

.second-area-1 .item-price {
    display: block;
    text-align: center;
    font-size: 12px;
    margin-bottom: 0px;
}

.second-area-1 .item-price p {
    color: #666;
}

.second-area-1 .real-price {
    font-size: 12px;
}

/*우측 배너 슬라이드*/

.second-area-2 {
    width: 430px;
}

.second-area-2>a {
    display: block;
    width: 100%;
    height: 100%;
}

.second-area-2 img {
    max-height: 518px !important;
    max-width: 518px !important;
    object-fit: cover;
}

/* section */

section {
    padding: 40px 0;
}

.section-title {
    text-align: center;
    font-weight: 600;
    font-size: 36px;
}

.menu-title h1 {
    text-align: center;
    font-size: 28px !important;
    font-weight: 600 !important;
}

.menu-sub-title {
    margin-top: 7px;
    font-size: 17px !important;
    font-weight: 400;
    color: #7A7A7A !important;
}

.page-sub-title {
    margin-top: 7px;
    font-size: 16px;
    font-weight: 500;
}

.section-title2 {
    font-size: 36px;
    font-weight: 500;
}

.swiper-thumbnail {
    margin: 0px auto;
    padding: 5px 7px 5px 7px !important;
    /*그림자용 여백*/
}

@media (max-width: 991px) {
    section {
        padding: 20px 0;
    }
    .section-title,
    .section-title2 {
        font-size: 25px;
    }
    .slide-main-title {
        top: 25px;
    }
    .slide-main-title,
    .slide-sub-title {
        left: 30px;
    }
    .slide-sub-title {
        top: initial;
        bottom: 20px;
        font-size: 15px;
    }
    .slide-sub-title>*:not(:first-child) {
        padding-top: 0;
    }
    .slide-main-title span {
        font-size: 17px;
    }
    .slide-main-title p {
        font-size: 26px;
    }
    .swiper-bottom-box {
        right: 85px;
        bottom: 15px;
        width: 102px;
        height: 32px;
    }
    .swiper-button-play,
    .swiper-button-pause {
        width: 32px;
        height: 32px;
    }
    .current-num {
        font-size: 17px;
    }
    .swiper-pagination-custom {
        line-height: 32px;
        text-indent: 13px;
    }
    .swiper-pagination-custom .total-num {
        font-size: 14px;
    }
    .more-view {
        right: 15px;
        bottom: 15px;
        width: 65px;
        height: 32px;
    }
    .main-border-bottom {
        border-bottom: 6px solid #F1F1F1;
    }
}

/* 페이지 타이틀 */

.page-title h1 {
    color: #111;
    font-size: 36px;
    font-weight: 600;
}

/* KIMCHI딜 이벤트 */

.newperDeal .swiper-slide .thumbnail {
    padding: 16px 30px 14px;
    border-radius: 20px;
}

.time {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 500;
}

.time-remaining {
    display: flex;
    align-items: center;
    font-size: 19px;
    font-weight: 600;
}

.time-remaining i {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../images/time.png) no-repeat center/contain;
    margin-right: 6px;
    margin-bottom: 2px;
}

.time-num {
    font-size: 28px;
    font-weight: 600;
    margin-left: 12px;
    margin-bottom: 4px;
    white-space: nowrap;
}

.stock-quantity {
    font-weight: 600;
    font-size: 18px;
}

.stock-quantity span {
    font-size: 21px;
}

.newperDeal .item-title {
    font-size: 20px;
    min-height: 50px;
    line-height: 25px;
    font-weight: 700;
}

.newperDeal .item-price {
    align-items: end;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 10px;
}

.newperDeal .real-price {
    font-size: 16px;
    padding-left: 7px;
    letter-spacing: -.5px;
}

.newperDeal .discount-price {
    font-size: 21px;
    margin-bottom: -1px;
    letter-spacing: -.5px;
}

.newperDeal .discount-rate {
    margin-left: 10px;
    margin-bottom: -4px;
    font-size: 27px;
    letter-spacing: -1px;
}

.newperDeal .purchase-btn {
    margin-right: -12px;
    margin-bottom: 4px;
    font-size: 18px;
    padding: 9px 28px;
    font-weight: 500;
    line-height: 20px;
    white-space: nowrap;
}

/*기획전*/

.collectPlan.thumbnail-wide {
    cursor: none;
}

.collectPlan .thumbnail {
    padding: 15px 17px 15px 15px;
}

.collectPlan .swiper-event-group4 .item-list {
    padding: 7px 0px;
    margin: 0;
}

.img-banner-padding {
    padding: 20px 0px !important;
}

@media (max-width: 991px) {
    .page-title h1 {
        font-size: 21px !important;
        font-weight: 500;
    }
    .time {
        margin-bottom: 5px;
    }
    .time-remaining {
        font-size: 14px;
    }
    .time-remaining i {
        width: 18px;
        height: 18px;
    }
    .newperDeal .swiper-slide {
        padding: 0;
    }
    .newperDeal .swiper-slide .thumbnail {
        padding: 10px 10px 5px;
    }
    .newperDeal .item-inner-wrap {
        margin-bottom: 5px !important;
    }
    .newperDeal .stock-quantity,
    .newperDeal .stock-quantity span {
        font-size: 13px;
        font-weight: 400;
    }
    .newperDeal .item-info {
        display: flex;
        flex-direction: column;
        margin-top: 5px;
    }
    .newperDeal .item-title {
        font-size: 15px;
        min-height: 39px;
        line-height: 19px;
        font-weight: 600;
        margin-bottom: 5px !important;
    }
    .newperDeal .item-price {
        font-size: 14px;
    }
    .newperDeal .discount-price {
        font-size: 17px;
    }
    .newperDeal .real-price {
        font-size: 14px;
    }
    .newperDeal .time-num {
        font-size: 18px;
    }
    .newperDeal .item-img .thumbnail-img {
        max-width: 170px;
        max-height: 170px;
    }
    .newperDeal .item-badge {
        margin-bottom: 3px;
    }
    .newperDeal .purchase-btn {
        font-size: 16px;
        font-weight: 500;
        padding: 8px 36px 8px;
        border: 1px solid #EAEAEA;
        margin: 0 auto;
    }
    .img-banner-padding {
        padding: 0px 0px !important;
    }
    .menu-title h1 {
        text-align: center;
        font-size: 19px !important;
        font-weight: 700 !important;
        letter-spacing: 0px;
    }
    .menu-sub-title {
        margin-top: 6px;
        font-size: 13px !important;
        font-weight: 400;
        color: #7A7A7A !important;
    }
}

.newperDeal-prev.btn-disabled,
.newperDeal-next.btn-disabled {
    display: none !important;
}

/*.newperDeal-prev,
.newperDeal-next {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 300;
    width: 75px;
    height: 75px;
}
.newperDeal-prev.prev-custom, .newperDeal-next.next-custom {
    background: #fff;
}*/

.newperDeal-prev img,
.newperDeal-next img {
    height: 12px;
    width: auto;
    object-fit: contain;
}

.newperDeal-prev {
    left: -50px;
}

.newperDeal-prev img {
    margin-right: 6px;
}

.newperDeal-next {
    right: -50px;
}

.newperDeal-next img {
    margin-left: 6px;
}

/*가로형 썸네일*/

/* 한정수량 일일특가 (이벤트 상품 그룹 2) */

.swiper-event-group2 {
    height: 590px;
}

.swiper-event-group2 .swiper-slide {
    height: calc((100% - 35px) / 2) !important;
    display: flex;
    border-radius: 0;
}

.swiper-event-group2 .swiper-slide:nth-child(even) {
    border-top: 1px solid #eeeeee;
    padding-top: 15px;
}

.swiper-event-group2 .item-img {
    min-width: 110px;
    height: auto !important;
    margin-bottom: 0;
}

.swiper-event-group2 .thumbnail-img {
    max-width: 200px !important;
    max-height: 200px !important;
}

.swiper-event-group2 .item-info {
    width: 60%;
    padding: 0px 0px 0px 10px;
    align-items: flex-start;
    justify-content: center;
}

.swiper-event-group2 .thumbnail {
    border-radius: 20px;
    padding: 25px 30px 25px 25px;
}

.thumbnail-wide {
    flex-direction: row !important;
}

.thumbnail-wide .thumbnail {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.thumbnail-wide .item-info {
    margin-top: 0px;
}

@media (max-width: 991px) {
    .swiper-event-group2 {
        height: 460px !important;
    }
    .swiper-event-group2 .swiper-wrapper {
        height: 110%;
    }
    .swiper-event-group2 .swiper-slide {
        height: auto !important;
    }
    .swiper-event-group2 .swiper-slide:nth-child(odd)>.thumbnail {
        border-bottom: 1px solid #eeeeee;
    }
    .swiper-event-group2 .item-info {
        width: 100% !important;
        justify-content: flex-start !important;
    }
    .swiper-event-group2 .item-inner-wrap,
    .stock-quantity {
        margin-bottom: 5px;
    }
    .thumbnail-wide .item-img {
        width: 100%;
    }
    .swiper-event-group2 .swiper-slide:nth-child(even) {
        border-top: none;
        padding-top: 0;
        margin-top: 0 !important;
    }
    .swiper-event-group2 .thumbnail {
        padding: 15px;
    }
}

@media (max-width: 500px) {
    .swiper-event-group2 {
        height: 397px !important;
    }
}

@media (max-width: 375px) {
    .swiper-event-group2 {
        height: 385px !important;
    }
}

/* 알짜만 모아모아 기획전 (이벤트 상품 그룹 4) */

.special-exhibition-thumb {
    width: 100%;
    height: 220px;
    position: relative;
}

.special-exhibition-thumb>img {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    object-fit: cover;
    object-position: right;
}

.special-exhibition-thumb>div {
    position: absolute;
    top: 35px;
    left: 35px;
}

.special-exhibition-thumb>div>p:nth-child(1) {
    font-weight: 500;
    font-size: 24px;
    padding-bottom: 5px;
}

.special-exhibition-thumb>div>p:not(:nth-child(1)) {
    font-size: 15px;
    padding-top: 5px;
}

.swiper-event-group4 .item-list {
    display: flex;
    padding: 15px 15px;
    margin: 5px 0;
    border-bottom: 1px solid #eeeeee;
}

.swiper-event-group4 .item-list:last-child {
    border-bottom: none;
    padding-bottom: 0px !important;
}

.swiper-event-group4 .item-img {
    margin-bottom: 0;
    height: auto !important;
}

.swiper-event-group4 .item-img .thumbnail-img {
    max-width: 140px !important;
    max-height: 140px !important;
}

.swiper-event-group4 .item-info {
    width: calc(100% - 140px);
    padding-left: 10px;
}

.swiper-event-group4 .item-inner-wrap {
    font-size: 15px;
}

.swiper-event-group4 .item-condition {
    padding: 3px 7px;
    font-size: 11px;
    margin-right: 2px;
}

.swiper-event-group4-prev,
.swiper-event-group4-next {
    top: 120px !important;
}

/*@media (max-width: 1300px) {
    .swiper-event-group4-next {
        width: 45px;
        right: 0;
        background: linear-gradient(to left,#fff 0,#fff 30px,rgba(255,255,255,0) 100%);
        box-shadow: none;
        border-radius: 0;
        top: -55px!important;
    }
    .swiper-event-group4-next::after {
        content: "";
        display: inline-block;
        position: absolute;
        top: 50%;
        right: 7px;
        transform: translateY(-50%);
        background: #fff url("/images/arrow/gnb-arrow-blue.png") no-repeat center/contain;
        width: 21px;
        height: 21px;
        right: 7px;
    }
}*/

@media (max-width: 991px) {
    .special-exhibition-thumb {
        height: 150px;
        margin-bottom: 15px;
    }
    .special-exhibition-thumb>div {
        top: 20px;
        left: 20px;
    }
    .special-exhibition-thumb>div>p:nth-child(1) {
        font-size: 16px;
        padding-bottom: 2px;
    }
    .special-exhibition-thumb>div>p:not(:nth-child(1)) {
        font-size: 12px;
        padding-top: 1px;
    }
    .swiper-event-group4 .item-list {
        padding: 3px 0 !important;
    }
    .swiper-event-group4 .item-img {
        max-width: 140px;
    }
    .swiper-event-group4 .thumbnail {
        padding: 5px 0px !important;
    }
    .swiper-event-group4 .item-info {
        width: calc(100% - 140px) !important;
        padding-left: 10px !important;
    }
}

/* TODAY BEST */

.todayBest-wrap {
    display: flex;
}

.realTime-trend {
    width: 242px;
    padding: 0 0 0 10px;
}

.realTime-trend h3 {
    font-size: 19px;
    font-weight: 600;
}

.realTime-trend p {
    font-size: 14px;
    font-weight: 300;
    padding-top: 5px;
}

.realTime-trend>ul {
    border-top: 1px solid #939393;
    padding: 20px 0 0;
    margin-top: 20px;
}

.realTime-trend>ul>li {
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    cursor: pointer;
}

.realTime-trend>ul>li:hover a {
    color: var(--scPoint);
}

.todayBest-tab-wrap {
    width: calc(100% - 242px);
    padding-left: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.realTime-trend>ul>li .trend-num {
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    min-width: 25px;
    margin-right: 10px;
}

.realTime-trend>ul>li>span {
    display: inline-flex;
    align-items: flex-end;
    justify-content: center;
    font-size: 14px;
    margin-right: 10px;
    margin-bottom: 3px;
    min-width: 35px;
    line-height: 14px;
    text-align: center;
}

.up,
.down,
.same {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 3px;
}

.same {
    background: url("../images/same.png") no-repeat center/contain;
}

.up {
    background: url("../images/up.png") no-repeat center/contain;
}

.down {
    background: url("../images/down.png") no-repeat center/contain;
}

.todayBest-tab {
    display: flex;
    flex-wrap: wrap;
    height: auto;
}

.todayBest-tab li.all {
    padding: 7px 65px;
}

.todayBest-tab li {
    padding: 7px 50px 9px;
    border-radius: 30px;
    border: 1px solid var(--scLine);
    cursor: pointer;
    margin-bottom: 5px;
    margin-right: 7px;
    line-height: 22px;
    width: auto;
}

.todayBest-content {
    min-height: 500px;
}

.todayBest-tab li.swiper-slide {
    width: auto;
}

.todayBest-tab li.on {
    color: #fff;
    background-color: var(--scPoint);
    border: 1px solid var(--scPoint);
}

.todayBest-content>li {
    min-height: 420px;
}

.todayBest-content>li {
    display: none;
}

.todayBest-content>li.on {
    display: block;
    overflow-x: hidden;
}

.todayBest-content>li .swiper-all {
    width: calc(100% + 40px);
}

.todayBest-content .thumbnail {
    padding: 20px 15px;
}

.todayBest-content .item-img .thumbnail-img {
    max-width: 230px;
    max-height: 230px;
}

.swiper-todayBest {
    margin: 23px 0 0;
}

.swiper-todayBest .item-condition {
    padding: 2px 12px;
    font-size: 11px;
    margin-right: 0;
}

/* MD 추천 카테고리 */

.md-tab-content {
    padding: 25px 0 40px 0;
}

.md-tab-content .swiper-pointer-events {
    padding: 5px !important;
}

.swiper-md-content {
    margin-top: 5px;
}

.swiper-md-content>ul>li {
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    padding: 0px !important;
}

.swiper-md-content .thumbnail {
    padding: 20px !important;
}

.pagination {
    text-align: center;
    display: block;
}

.pagination .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    margin: 0 9px !important;
    background-color: #fff;
    border: 1px solid var(--scPoint);
    opacity: 1;
}

.pagination .swiper-pagination-bullet-active {
    background-color: var(--scPoint);
}

.pagination.dot-pagination {
    padding-top: 25px !important;
}

.todayBest-pagination {
    padding-top: 20px !important;
}

.halfPrice-customPagination.pagination.dot-pagination {
    padding-top: 15px !important;
}

.onedaySpecialPrice-customPagination.pagination.dot-pagination {
    padding-top: 10px !important;
}

.pagination.dot-pagination.inside-pagination {
    position: absolute;
    left: calc(50% - 16px);
    bottom: 7px;
    padding-top: 0px !important;
    padding-bottom: 0px;
    z-index: 1;
    width: auto;
    line-height: 0px;
}

@media (max-width: 1380px) {
    .pagination .swiper-pagination-bullet {
        width: 9px;
        height: 9px;
        margin: 0 6px !important;
    }
}

@media (max-width: 991px) {
    .md-tab-content {
        padding: 15px 0 0 0;
    }
    .swiper-md-content .thumbnail {
        padding: 10px !important;
    }
    .questionMark {
        width: 15px !important;
        height: 15px !important;
        margin-left: 4px;
        margin-right: 0px !important;
    }
    .revert-icon {
        width: 12px !important;
        height: 12px !important;
        margin-right: 3px !important;
    }
    .revert {
        font-size: 12px !important;
        color: #777;
        font-weight: 300;
    }
    .itemSort-header p {
        font-size: 15px !important;
        letter-spacing: -.25px !important;
    }
    #itemSort-option {
        padding: 6px 20px 6px 10px !important;
        font-size: 13px !important;
        background: url(../images/arrow/open-arrow.png) no-repeat right 9px center;
    }
    .itemSort {
        margin-left: 15px !important;
    }
    .pagination .swiper-pagination-bullet {
        width: 7px;
        height: 7px;
        margin: 0 5px !important;
    }
    .pagination.dot-pagination {
        padding-top: 5px !important;
        padding-bottom: 15px;
    }
}

.all-view {
    display: flex;
    justify-content: end;
    font-size: 16px;
    color: #333;
    margin-bottom: 0px;
}

.all-view a {
    display: flex;
}

.all-view i {
    display: inline-block;
    width: 23px;
    height: 22px;
    background: url("../images/viewAll-arrow.png") no-repeat center/contain;
    margin-left: 10px;
    margin-right: 15px;
    margin-top: -2px;
}

.swiper-md-content .item-img {
    margin-top: 15px;
}

.swiper-md-content .item-img .thumbnail-img {
    max-width: 240px;
    max-height: 240px;
}

/* 공지사항 */

.notice-wrap {
    display: flex;
    padding-bottom: 46px !important;
}

.notice-left {
    padding-right: 50px;
}

.notice-left ul {}

.notice-left ul li {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 100%;
    font-size: 16px;
    font-weight: 300;
    padding-left: 19px;
    padding-bottom: 11px;
}

.notice-left ul li a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notice-left ul li:last-child {
    padding-bottom: 0px;
}

.notice-left ul li::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #474747;
    position: absolute;
    top: 7px;
    left: 2px;
    border-radius: 50%;
}

.notice-left ul li span {
    margin-left: 20px;
}

.title-more {
    position: relative;
    padding-right: 24px;
    font-size: 16px;
    margin-bottom: -6px;
}

.more-arrow-dark {
    background: url(../images/more-arrow-dark.png) no-repeat center/contain;
    width: 8px;
    height: 13px;
    position: absolute;
    top: 3px;
    right: 0px;
    cursor: pointer;
    z-index: 1;
}

.notice-right {
    padding-left: 30px;
}

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

.notice-title h2 {
    font-size: 23px;
    font-weight: 600;
}

.notice-separation {
    width: 1px;
    height: 65px;
    position: absolute;
    top: 74px;
    left: 50%;
    transform: translateY(-50%);
    background: #EBEBEB;
}

.swiper-storeInfo,
.storeInfo .notice-title {
    padding: 0 10px 0 20px;
}

.storeInfo p {
    color: #909090 !important;
    font-weight: 300;
    font-size: 15px;
    letter-spacing: -.5px;
    line-height: 20px;
}

.storeInfo .phone-number {
    color: #222222 !important;
    font-size: 21px;
    font-weight: 400;
    padding-top: 5px;
    letter-spacing: -1px;
}

.storeInfo-prev,
.storeInfo-next {
    width: 10px;
    height: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 1;
}

.storeInfo-prev {
    background: url(../images/storeInfo-prev.png) no-repeat center/contain;
    left: 0;
}

.storeInfo-next {
    background: url(../images/storeInfo-next.png) no-repeat center/contain;
    right: 0;
}

@media (max-width: 991px) {
    /* 공지사항 */
    .notice-wrap {
        flex-direction: column;
        padding: 20px 0px 10px !important;
    }
    .notice-wrap>div {
        width: 100%;
    }
    .notice-left {
        padding: 0 20px 20px 20px;
        position: relative;
    }
    .notice-title h2 {
        font-size: 18px;
        font-weight: 600;
        color: #555;
    }
    .title-more {
        position: relative;
        padding-right: 20px;
        font-size: 14px;
        font-weight: 100;
    }
    .more-arrow-dark {
        width: 6px;
        height: 12px;
        top: 2px;
        right: 2px;
    }
    .notice-left ul li {
        font-size: 14px;
        font-weight: 100;
        padding-left: 13px;
        padding-bottom: 11px;
        align-items: center;
    }
    .notice-left ul li::before {
        width: 5px;
        height: 5px;
        background-color: #777;
        top: 5px;
        left: 0px;
    }
    .notice-left ul li a {
        width: 100%;
    }
    .notice-left ul li span {
        margin-left: 5px;
        min-width: 75px;
        text-align: end;
    }
    .notice-left::after {
        content: "";
        position: absolute;
        height: 1px;
        width: 90vw;
        left: 50%;
        bottom: -1px;
        transform: translateX(-50%);
        background-color: var(--scLine);
    }
    .swiper-storeInfo,
    .storeInfo .notice-title {
        padding: 0px 20px;
    }
    .storeInfo .phone-number {
        font-size: 17px;
        font-weight: 400;
    }
    .notice-right {
        padding: 20px 0px 20px 0px;
    }
}

/* 베스트 100 */

.best,
.best-down {
    display: inline-block;
    height: 68px;
    position: absolute;
    top: 10px;
    left: calc(50% - 142px);
    z-index: 1;
}

.best {
    width: 56px;
    background: url(../images/best.png) no-repeat center/contain;
}

.best-down {
    width: 50px;
    background: url(../images/best-down.png) no-repeat center/contain;
}

.best>span,
.best-down>span {
    position: absolute;
    top: 41%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-style: normal;
    color: #fff;
    width: 100%;
    text-align: center;
    white-space: nowrap;
}

.best>span {
    font-size: 22px;
    font-weight: 700;
}

.best-down>span {
    font-size: 21px;
    font-weight: 500;
}

@media (max-width: 991px) {
    .best,
    .best-down {
        height: 45px;
        top: 5px;
        left: 5px;
    }
    .best {
        width: 40px;
    }
    .best-down {
        width: 33px;
    }
    .best>span {
        top: 42%;
        font-size: 13px;
    }
    .best-down>span {
        top: 42%;
        font-size: 14px;
    }
}

/* 로그인 모달창 */

#loginForm .form-control {
    height: 61px;
}

.login-left {
    padding: 0 50px 0 15px !important;
}

.main-login-btn,
.nonMember-login-btn {
    font-size: 19px !important;
    font-weight: 600;
    letter-spacing: 1px !important;
    width: 100%;
    padding: 15px 0 !important;
}

.nonMember-login-btn {
    background-color: #81889B !important;
    width: 100px;
    font-size: 13px !important;
    margin: 0 auto;
    height: 35px;
    font-weight: 300 !important;
}

.joinComplete-content {
    text-align: center;
    width: 360px;
    margin: 0 auto;
    padding: 25px 0 80px;
}

.joinComplete-content .join-common-btn {
    font-size: 19px !important;
    letter-spacing: 1px !important;
    width: 100%;
    padding: 15px 0 !important;
    margin-top: 50px;
    margin-bottom: 55px;
}

.custCenter-btn {
    font-size: 28px !important;
    width: 290px;
    height: 65px;
    border-radius: 60px;
    font-weight: 500 !important;
}

.login-right {
    padding: 0px !important;
}

.login-right img {
    width: 440px;
    height: 440px;
    margin: 0 auto;
    object-fit: contain;
}

.login-check-wrap>label {
    display: flex;
    align-items: center;
}

.input-wrap input {
    width: 100%;
    padding: 21px 30px !important;
}

.login-check {
    display: flex;
    line-height: 21px;
    font-weight: 500;
    cursor: pointer;
}

.login-checkbox {
    margin-right: 5px;
}

.loginModal-wrap .div-line::before {
    height: 12px;
    background: #9b9b9b;
}

.or {
    font-size: 24px;
    text-align: center;
    color: #d1d1d1;
}

.dummy-line {
    width: 100%;
    height: 25px;
    position: relative;
}

.dummy-line::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 100%;
    background-color: #d1d1d1;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.login-sns {
    padding: 0 10px;
}

.login-sns img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

@media (max-width: 991px) {
    .login-right img {
        width: 100%;
        height: 100%;
    }
    .login-left {
        padding: 0 !important;
    }
    .input-wrap input {
        padding: 17px 24px !important;
    }
}

@media (max-width: 370px) {
    .joinComplete-content {
        width: 100%;
    }
}

/* 아이디/비밀번호 찾기 */

#findCustomer {
    width: 685px;
    margin: 0 auto;
    padding-bottom: 80px;
}

#findCustomer .menu-box {
    height: 55px;
    font-size: 20px;
}

#findCustomer .dummy-line {
    margin: 15px 0 0 0;
}

.findCustomer-title {
    margin: 80px 0 20px;
}

.findCustomer-table {
    max-width: 500px;
    margin: 0 auto;
}

.findCustomer-table>li {
    display: flex;
    align-items: center;
    padding: 5px 0;
}

.findCustomer-table .table-title {
    width: 100px;
    background-color: transparent;
    color: #333;
    border: none;
    justify-content: start;
    align-items: flex-start;
    padding-top: 25px;
}

.findCustomer-table .table-content {
    width: calc(100% - 100px);
    padding: 0;
    justify-content: space-between;
}

.findCustomer-table .table-content>* {
    width: 100%;
}

.findCustomer-table .phone {
    width: 145px;
}

.findCustomer-table-phone {
    align-items: start !important;
    line-height: 45px;
}

#findPwReset input {
    width: 380px;
    height: 48px;
}

.findCompleteSleep {
    width: 375px;
    margin: 0 auto;
}

@media (max-width: 991px) {
    #findCustomer {
        width: 100%;
    }
    .findCustomer-title {
        margin: 0;
        padding: 30px 0;
    }
    #findCustomer .table-content {
        padding: 0 8px !important;
    }
    #findCustomer .menu-box {
        height: 50px;
        font-size: 17px;
    }
}

/* 신상입고 페이지 */

.main-newLaunch {
    width: 35%;
    padding-bottom: 15px;
}

.sub-newLaunch {
    width: 65%;
}

.main-newLaunch-thumb {
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    border-radius: 15px;
    padding: 40px 40px 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    cursor: pointer;
}

.main-newLaunch-thumb .item-img .thumbnail-img {
    max-width: 100%;
    max-height: 100%;
}

.main-newLaunch-thumb .item-title {
    height: auto;
    font-size: 25px;
    margin-bottom: 15px !important;
    line-height: 32px;
    font-weight: 600;
}

.main-newLaunch-thumb .item-price>p {
    font-size: 21px;
}

.main-newLaunch-thumb .discount-price {
    font-size: 30px;
}

.main-newLaunch-thumb .real-price {
    font-size: 21px;
}

.main-newLaunch-thumb .discount-rate {
    font-size: 35px;
}

.sub-newLaunch-thumb {
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    border-radius: 15px;
    padding: 25px 17px 15px;
    cursor: pointer;
}

.sub-newLaunch-thumb .item-img a {
    aspect-ratio: 1/1;
}

.sub-newLaunch-thumb .item-img .thumbnail-img {
    max-width: 230px;
    max-height: 230px;
    height: auto;
}

.sub-newLaunch>ul>li {
    padding: 0 0 15px 15px;
}

.sub-newLaunch>ul>li:hover {
    box-shadow: none;
}

.sub-newLaunch-thumb .item-title {
    height: auto;
    font-size: 15px;
    line-height: 19px;
}

.sub-newLaunch-thumb .discount-rate {
    font-size: 23px;
}

/*태블릿*/

.main-newLaunch .thumbnail-wide {
    flex-direction: column !important;
}

.main-newLaunch .thumbnail-wide .item-info {
    margin-top: 15px;
}

@media (max-width: 1380px) {
    #newLaunch-event {
        justify-content: center;
    }
    .main-newLaunch-thumb {
        flex-direction: row;
        justify-content: center;
        padding: 25px;
    }
    .main-newLaunch .item-img .thumbnail-img {
        width: 230px !important;
        height: 230px !important;
    }
    .main-newLaunch .item-info {
        margin-top: 0px;
        justify-content: center;
        margin-left: 45px;
    }
    .sub-newLaunch {
        width: 100%;
    }
    .sub-newLaunch>ul>li {
        padding: 0 0 15px 15px;
    }
    #newLaunch {
        flex-direction: column;
    }
    .main-newLaunch,
    .sub-newLaunch {
        width: 100%;
    }
    .main-newLaunch-thumb .item-title {
        font-size: 20px !important;
        margin-bottom: 10px !important;
        line-height: 25px !important;
        min-height: 50px;
    }
}

@media ( min-width: 991px) and (max-width: 1380px) {
    .sub-newLaunch>ul>li:nth-child(1),
    .sub-newLaunch>ul>li:nth-child(4) {
        padding-left: 0px !important;
    }
}

@media (max-width: 991px) {
    .main-newLaunch {
        padding: 5px !important;
    }
    .main-newLaunch .item-img {
        margin-right: 0;
    }
    .main-newLaunch .item-info {
        margin-left: 0;
    }
    .main-newLaunch .item-img .thumbnail-img {
        width: 180px !important;
        height: 180px !important;
    }
    .main-newLaunch-thumb {
        flex-direction: column !important;
        justify-content: center;
    }
    .sub-newLaunch>ul>li:nth-child(odd) {
        padding-left: 5px !important;
    }
    .sub-newLaunch-thumb {
        padding: 10px 10px 10px !important;
    }
    .sub-newLaunch-thumb .item-title {
        margin-bottom: 5px !important;
    }
    .item-price>p {
        display: flex;
        flex-direction: column;
    }
    .item-price>p>span:first-child {
        display: inline-flex;
        order: 2;
        align-items: center;
    }
    .item-price>p>span:nth-child(2) {
        display: inline-flex;
        order: 1;
        padding-left: 0 !important;
    }
    .main-newLaunch-thumb .item-price>p,
    .thumbnail-lastSecond .item-price>p,
    .review-section .item-price>p {
        font-size: 15px !important;
        flex-direction: row;
        align-items: center;
    }
    .main-newLaunch-thumb .item-price>p>span:first-child,
    .thumbnail-lastSecond .item-price>p>span:first-child,
    .review-section .item-price>p>span:first-child {
        order: 1;
    }
    .main-newLaunch-thumb .item-price>p>span:nth-child(2),
    .thumbnail-lastSecond .item-price>p>span:nth-child(2),
    .review-section .item-price>p>span:nth-child(2) {
        order: 2;
        padding-left: 5px !important;
    }
    .main-newLaunch-thumb .discount-price {
        font-size: 19px !important;
    }
    .main-newLaunch-thumb .real-price {
        font-size: 16px !important;
    }
    .main-newLaunch-thumb .discount-rate {
        font-size: 21px !important;
    }
    .sub-newLaunch-thumb .item-img .thumbnail-img {
        aspect-ratio: initial;
    }
}

/* 타임세일 페이지 */

/*썸네일 목록 1행 1열*/

.thumbnailLayout_1>li {
    max-width: 1145px;
}

.thumbnailLayout_1>li {
    margin: 0 auto 30px;
}

.thumbnailLayout_1>li:last-child {
    margin-bottom: 0;
}

.thumbnailLayout_1 .thumb-wrap {
    padding: 10px;
}

/*타임세일 썸네일*/

.thumbnail-timeSale.thumbnail-wide .item-img {
    width: 37%;
}

.thumbnail-timeSale.thumbnail-wide .item-img .thumbnail-img {
    max-width: 300px;
    max-height: 300px;
}

.thumbnail-timeSale .time {
    justify-content: start;
    position: absolute;
    width: auto;
    top: 35px;
    left: 40%;
    margin-left: 4px;
}

.thumbnail-timeSale .time-remaining {
    font-size: 22px;
}

.thumbnail-timeSale .time-num {
    font-size: 32px;
    margin-left: 15px;
}

.thumbnail-timeSale .item-title {
    font-size: 26px;
    height: 53px;
    font-weight: 600;
    margin-top: 6px;
    line-height: 28px;
}

.thumbnail-timeSale .item-info {
    width: 63% !important;
    margin-left: 0 !important;
    padding-right: 45px;
    margin-top: 70px;
}

.thumbnail-timeSale .timeSale-price,
.buyTogether-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 6px;
}

.thumbnail-timeSale .timeSale-price p {
    font-size: 27px;
    margin-left: 0px;
    font-weight: 700 !important;
}

.thumbnail-timeSale .timeSale-price .discount-price span {
    font-size: 28px;
    color: #333;
    font-weight: 600;
}

.thumbnail-timeSale .timeSale-price .discount-price span.won {
    font-size: 24px;
    margin-left: 1px;
    font-weight: 400;
}

.thumbnail-timeSale .timeSale-price .discount-rate {
    font-size: 35px;
    margin-left: 10px;
}

.thumbnail-timeSale .timeSale-price span {
    font-size: 22px;
    color: #999;
}

.thumbnail-timeSale .timeSale-price .real-price {
    letter-spacing: .5px;
}

.thumbnail-timeSale .purchase-btn2 {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.thumbnail-timeSale .purchase-btn2 a {
    border: 2px solid #0c2da3;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0px;
    border-radius: 30px;
    padding: 10px 120px;
    color: #0c2da3;
    margin-bottom: 7px;
}

@media (max-width: 991px) {
    .thumbnailLayout_1>li {
        margin: 0 auto 15px;
    }
    .thumbnailLayout_1 .thumb-wrap {
        padding: 0px;
    }
    .thumbnail-timeSale.thumbnail-wide .item-img {
        width: 35%;
    }
    .thumbnail-timeSale.thumbnail-wide .item-img .thumbnail-img {
        max-width: 150px;
        max-height: 150px;
    }
    .thumbnail-timeSale .item-info {
        width: 65% !important;
        padding-left: 10px !important;
        padding-right: 0px;
        margin-top: 30px;
    }
    .thumbnail-timeSale.thumbnail-wide {
        padding: 15px 10px !important;
    }
    .thumbnail-timeSale .time {
        top: 15px;
        left: 20px;
        margin-left: 0px;
    }
    .thumbnail-timeSale .time-remaining {
        font-size: 13px;
    }
    .thumbnail-timeSale .time-remaining i {
        width: 15px;
        height: 15px;
    }
    .thumbnail-timeSale .time-num {
        font-size: 20px;
        margin-left: 11px;
        margin-bottom: 1px;
    }
    .thumbnail-timeSale .item-title {
        font-size: 17px;
        height: 42px;
        margin-top: 4px;
        line-height: 20px;
        margin-bottom: 5px !important;
    }
    .thumbnail-timeSale .quantity {
        width: 60px;
        height: 60px;
        top: auto;
        bottom: 10px;
        right: auto;
        left: 10px;
    }
    .thumbnail-timeSale .timeSale-price,
    .buyTogether-price {
        margin-top: 0px;
        margin-bottom: 5px;
    }
    .thumbnail-timeSale .timeSale-price p {
        font-size: 17px;
    }
    .thumbnail-timeSale .timeSale-price .discount-price span {
        font-size: 18px;
        font-weight: 700;
    }
    .thumbnail-timeSale .timeSale-price .discount-price span.won {
        font-size: 15px;
        font-weight: 300;
    }
    .thumbnail-timeSale .timeSale-price .discount-rate {
        font-size: 20px !important;
        margin-left: 4px;
        letter-spacing: -.5px;
    }
    .thumbnail-timeSale .timeSale-price span {
        font-size: 13px;
    }
    .thumbnail-timeSale .purchase-btn2 a {
        border: 1px solid #0c2da3;
        font-size: 14px;
        font-weight: 500;
        border-radius: 20px;
        padding: 5px 80px;
        margin-bottom: 0px;
    }
}

/* 가로형 썸네일 */

.thumbnail-wide {
    display: flex;
    justify-content: space-between;
    position: relative;
    border-radius: 15px;
    padding: 22px 28px;
    background-color: #fff;
    cursor: pointer;
}

.thumbnail-wide .item-img {
    padding: 0;
    display: flex;
    align-items: center;
    height: 100%;
}

.thumbnail-wide .item-info {
    width: 64%;
    padding-left: 15px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

@media (max-width: 991px) {
    .thumbnail-wide {
        padding: 10px;
    }
}

/* 품절임박, 이벤트 상세 */

.thumbnail-lastSecond.thumbnail-wide {
    padding: 30px 25px;
}

.thumbnail-lastSecond.thumbnail-wide .item-img {
    width: 36%;
}

.thumbnail-lastSecond .item-inner-wrap {
    margin-bottom: 5px;
}

.thumbnail-lastSecond .item-img .thumbnail-img {
    max-width: 290px;
    max-height: 290px;
}

.thumbnail-lastSecond .item-title {
    font-size: 22px;
    line-height: 29px;
    font-weight: 600;
    margin-bottom: 10px !important;
}

.thumbnail-lastSecond .item-color {
    margin-bottom: 3px;
}

.thumbnail-lastSecond .item-price {
    font-size: 19px;
    font-weight: 300;
}

.thumbnail-lastSecond .discount-price {
    font-size: 25px;
}

.thumbnail-lastSecond .real-price {
    font-size: 19px;
    padding-left: 12px;
}

.thumbnail-lastSecond .discount-rate {
    font-size: 31px;
}

.thumbnail-lastSecond .grade-wrap {
    font-size: 19px;
    line-height: 17px;
}

.thumbnail-lastSecond .heart {
    width: 25px;
    height: 25px;
    margin-bottom: -3px;
}

.thumbnail-lastSecond .wish span {
    font-size: 20px;
    line-height: 17px;
    color: #888 !important;
}

.thumbnail-lastSecond .purchase-btn2 {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.thumbnail-lastSecond .purchase-btn2 a {
    font-size: 22px;
    font-weight: 500;
    border: 2px solid #0c2da3;
    border-radius: 30px;
    padding: 7px 85px;
    color: #0c2da3;
}

.thumbnail-lastSecond .item-footer {
    font-size: 18px;
}

@media (max-width: 991px) {
    .event-thumb-list {
        padding: 0 !important;
    }
    .thumbnail-lastSecond.thumbnail-wide {
        padding: 12px 10px !important;
        align-items: center;
    }
    .thumbnail-lastSecond.thumbnail-wide .item-info {
        padding-left: 10px;
    }
    .thumbnail-lastSecond .item-inner-wrap {
        margin-bottom: 3px;
    }
    .thumbnail-lastSecond .item-img .thumbnail-img {
        max-width: 200px;
        max-height: 200px;
    }
    .thumbnail-lastSecond .item-title {
        font-size: 15px;
        line-height: 19px;
        margin-bottom: 5px !important;
    }
    .thumbnail-lastSecond .item-color {
        margin-bottom: 1px !important;
    }
    .thumbnail-lastSecond .item-price {
        font-size: 13px !important;
    }
    .thumbnail-lastSecond .discount-price {
        font-size: 18px !important;
    }
    .thumbnail-lastSecond .real-price {
        font-size: 13px !important;
        padding-left: 7px !important;
    }
    .thumbnail-lastSecond .discount-rate {
        font-size: 21px !important;
    }
    .thumbnail-lastSecond .grade-wrap {
        font-size: 12px;
        line-height: 12px;
    }
    .thumbnail-lastSecond .heart {
        width: 17px;
        height: 17px;
        margin-bottom: -1px;
    }
    .thumbnail-lastSecond .wish span {
        font-size: 12px;
        line-height: 13px;
    }
    .thumbnail-lastSecond .purchase-btn2 {
        margin-top: 5px;
    }
    .thumbnail-lastSecond .purchase-btn2 a {
        font-size: 15px;
        font-weight: 500;
        border: 1px solid #0c2da3;
        padding: 5px 65px;
    }
}

.lastSecond-thumb .item-img {
    position: relative;
    padding: 10px;
}

/* 상품상세 */

.menu-route {
    display: flex;
}

.idx-menu-route .menu-route {
    color: #666;
    font-size: 16px;
    font-weight: 300;
}

.menu-route>div {
    position: relative;
    cursor: pointer;
}

.category-breadcrumb {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0 10px 20px 0px;
}

.category-breadcrumb:hover {
    color: #000;
}

.category-breadcrumb:hover>.menu-route-open {
    display: block !important;
}

.menu-route-title {
    font-size: 17px;
    line-height: 16px;
    color: #666666;
}

.menu-route-product .menu-route-title {
    font-size: 15px;
    line-height: 14px;
}

.menu-route-product .menu-route-open {
    top: 30px;
}

.category-breadcrumb {
    position: relative;
}

.menu-route-sub .menu-route-title {
    margin-left: 30px;
}

.menu-route-sub .menu-route-title:before {
    content: "";
    position: absolute;
    left: 1px;
    top: -2px;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: cover;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='breadcrumb-next' viewBox='0 0 9.9 19.94'%3E%3Cdefs%3E%3Cstyle%3E.breadcrumb-next%7Bfill:%23999;font-family:PretendardVariable-Light, 'Pretendard Variable';font-size:16px;font-variation-settings:'wght' 300;font-weight:300;%7D%3C/style%3E%3C/defs%3E%3Cg id='ROUTE'%3E%3Ctext class='breadcrumb-next' transform='translate(0 15.23)'%3E%3Ctspan x='0' y='0'%3E>%3C/tspan%3E%3C/text%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain;
}

.menu-route-open {
    display: none;
    position: absolute;
    top: 33px;
    left: 0;
    padding: 17px 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    z-index: 999;
    border-radius: 0px;
    min-width: 250px;
    background-color: #fff;
}

.menu-route-open li a {
    display: block;
    font-size: 16px;
    line-height: 19px;
    padding: 6px 23px;
    color: #666;
}

.menu-route-open li a:hover {
    color: var(--scPoint);
}

.menu-route-sub .menu-route-open {
    left: 30px !important;
}

.circle-down,
.circle-down2 {
    display: inline-block;
    margin-left: 8px;
}

.circle-down {
    width: 15px;
    height: 15px;
    background: url("../images/arrow/down-arrow2.png") no-repeat center/contain;
}

.category-breadcrumb:hover .circle-down,
.circle-down.active {
    background: url("../images/arrow/up-arrow4.png") no-repeat center/contain;
}

.circle-down2 {
    width: 18px;
    height: 18px;
    background: url("../images/arrow/down-arrow4.png") no-repeat center/contain;
}

.category-breadcrumb:hover .circle-down2,
.circle-down2.active {
    background: url("../images/arrow/up-arrow2.png") no-repeat center/contain;
}

.product-thumb {
    display: flex;
    font-size: 18px;
}

.product-thumb>li:nth-child(1) {
    padding: 0 55px;
    width: 45%;
    font-size: 16px;
}

.product-thumb>li:nth-child(2) {
    padding-left: 75px;
    width: 55%;
}

.prod-thumb-swiper {
    cursor: pointer;
}

.prod-thumb li {
    margin-bottom: 15px;
    aspect-ratio: 1/1;
    background-color: #fff;
}

.prod-thumb li img {
    height: auto;
}

.prod-thumb-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.prod-comp {
    margin-right: 15px;
    padding-right: 15px;
    position: relative;
}

.prod-num {
    font-weight: 300;
    color: #666;
}

.prod-comp:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 15px;
    background: #000;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.share {
    background: url("../images/share.png") no-repeat center/contain;
    width: 36px;
    height: 36px;
    display: inline-block;
    cursor: pointer;
}

.share.active {
    background: url("../images/share-active.png") no-repeat center/contain;
}

.prod-thumbList {
    margin-bottom: 25px;
}

.prod-thumbList ul>li {
    cursor: pointer;
}

.delivery-notice {
    display: flex;
    flex-direction: column;
}

.delivery-notice .delivery {
    width: 49px;
    height: 30px;
    margin-right: 5px;
}

.prod-banner a {
    margin: 0 auto;
}

.arrival-prediction p {
    font-size: 15px;
    color: #999;
}

.arrival-prediction>div p:nth-child(1) span:nth-child(2) {
    font-size: 12px;
    font-weight: 300;
}

.arrival-prediction>div p:nth-child(2) {
    color: #333 !important;
    font-size: 20px;
    font-weight: 500;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
}

.arrival-term {
    border-top: 1px solid var(--scLine);
    padding-top: 15px;
}

.arrival-term>p {
    display: flex;
    justify-content: space-between;
}

.arrival-term>p:not(:last-child) {
    margin-bottom: 5px;
}

.statistics {
    width: 100%;
    background-color: #f6f6f6;
    padding: 20px;
    margin-top: 20px;
    font-size: 15px;
}

.statistics span.color-red {
    font-size: 20px;
}

.prod-thumb-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.prod-thumb-top .item-condition {
    font-size: 15px;
    margin-right: 10px;
    font-weight: 500;
}

.prod-thumb-top-left {
    display: flex;
    align-items: center;
}

.prod-thumb-top-left>p {
    margin-left: 10px;
    white-space: nowrap;
}

.naverCompareLink {
    display: flex;
    height: 35px;
    align-items: center;
    font-size: 16px;
    text-indent: 15px;
}

.naverCompareLink img {
    width: 135px;
    height: 32px;
    object-fit: contain;
}

.companyItemView-btn a {
    padding: 2px 17px;
    font-size: 15px;
    font-weight: 500;
    color: #666;
    border-radius: 30px;
    border: 1px solid #666;
}

.companyItemView-btn a i {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url("../images/arrow/arrow5.png") no-repeat center/contain;
    margin-left: 10px;
}

.otherProduct-thumb .item-condition {
    font-size: 12px;
}

.prod-title {
    border-bottom: 1px solid var(--scLine);
}

.prod-title h2 {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #333;
}

.prod-title p {
    color: #999;
    margin-bottom: 10px;
    line-height: 24px;
    font-weight: 300;
}

/*사은품*/

.btn-gift {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0px !important;
    margin: 15px 0 0 0 !important;
    background-color: #F1F2F8;
}

.btn-gift:hover {
    background-color: #F6F6F6;
}

.btn-gift:hover .present-box {
    background-color: #0C2DA3;
}

.present-box {
    width: 50px;
    height: 50px;
    background-color: #009EFF;
    z-index: 1;
}

.present-icon {
    background: url(../images/icon/gift.png) no-repeat center/contain;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 10px;
    left: 9px;
    cursor: pointer;
}

.present-name {
    width: calc(100% - 80px);
    text-align: left;
    white-space: pre-wrap;
    padding-left: 15px;
    font-size: 16px;
    line-height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.arrow-icon {
    background: url(../images/more-arrow-dark.png) no-repeat center/contain;
    width: 8px;
    height: 13px;
    position: absolute;
    top: 19px;
    right: 10px;
    cursor: pointer;
    z-index: 1;
}

@media (max-width: 991px) {
    .present-name {
        padding-left: 13px;
        font-size: 14px;
        line-height: 16px;
    }
}

.prod-info,
.prod-option {
    padding: 10px 0;
    border-bottom: 1px solid var(--scLine);
}

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

.prod-info>li {
    display: flex;
    align-items: center;
    height: auto !important;
    min-height: 60px !important;
}

.prod-option>li {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    align-items: center;
    min-height: 70px;
    padding: 10px 0;
}

.prod-info>li>div:nth-child(1),
.prod-option>li>label {
    width: 190px;
    color: #666c7f;
    font-weight: 500;
}

.prod-info-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 190px);
    position: relative;
}

.card-pop-cccc {
    padding-right: 10px;
}

/* .saving {
	justify-content: flex-end;
}*/

.info-icon,
.generalPrice-info,
.newperCare-info {
    display: inline-flex;
    background: url("../images/info.png") no-repeat center/contain;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    cursor: pointer;
}

.aenuri {
    display: inline-block;
    width: 68px;
    height: 29px;
    background: url("../images/aenuri.png") no-repeat center/contain;
    margin-left: 10px;
}

.naver-price,
.generalPrice {
    color: #666;
    font-size: 22px;
    font-weight: 500;
}

.naver-price span:nth-child(1),
.generalPrice span:nth-child(1) {
    text-decoration: line-through;
}

.newper-price {
    font-size: 28px;
    font-weight: 500;
    color: #333;
}

.finalPrice {
    font-size: 35px;
    font-weight: 600;
}

.open-arrow-red,
.open-arrow-red2 {
    display: inline-flex;
    background: url("../images/open-arrow-red.png") no-repeat center/contain;
    width: 26px;
    height: 26px;
    cursor: pointer;
    margin-right: 2px;
}

.open-arrow-grey {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background: url("../images/open-arrow-grey.png") no-repeat center/contain;
    width: 26px;
    height: 26px;
    cursor: pointer;
    margin-right: 2px;
}

.prod-option select,
.fixed-buy-option select {
    height: 46px;
    width: calc(100% - 190px);
    border: 1px solid #666;
    border-radius: 7px;
    outline: none;
    color: #999;
    padding: 0 45px 0 20px;
    appearance: none;
    background: url('../images/arrow/down-arrow.png') no-repeat right 20px center;
}

.prod-option select option,
.fixed-buy-option select option {
    color: #333;
}

.prod-option select+select {
    margin-top: 10px;
}

#spoForm {
    padding: 20px 0;
}

#spoForm .option-close {
    transform: translateY(-10px);
    margin-left: 15px;
}

.prod-option-price ul>li {
    padding: 20px 0;
    font-size: 16px;
    font-weight: 300;
}

.prod-op-price-group {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.prod-op-price-group>p {
    width: calc(100% - 290px);
    color: #666;
}

.prod-op-price-group.select-amount-wrap {
    padding-top: 0;
}

.select-amount-wrap {
    width: 265px;
    position: relative;
}

.select-amount {
    border-radius: 30px;
    border: 1px solid var(--scLine);
    background-color: #fcfcfc;
    width: 79px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 5px;
}

.select-amount>span {
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    font-size: 15px;
    font-weight: 500;
    width: 10px;
    padding: 5px 13px;
}

.select-amount input {
    width: 24px;
    outline: none;
    border: none;
    background-color: #fcfcfc;
    text-align: center;
    font-size: 15px;
    font-weight: 300;
}

.option-close {
    display: inline-block;
    background: url("../images/option-close.png") no-repeat center/contain;
    width: 19px;
    height: 19px;
    cursor: pointer;
}

.option-totalPrice {
    display: flex;
    justify-content: end;
    align-items: center;
    padding: 30px 0;
    font-size: 24px;
    border-top: 1px solid #333;
    font-weight: 300;
    color: #333 !important;
}

.option-totalPrice p {
    font-size: 35px;
    font-weight: 600;
    padding-left: 30px;
}

.prod-heart {
    width: 70px;
    height: 67px;
    border: 1px solid #333;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: #fff;
    margin-left: 12px;
}

.product-thumb .heart {
    width: 33px;
    height: 30px;
    margin-left: 0;
}

.product-thumb .heart.active {
    width: 33px;
    height: 30px;
}

.prod-heart span {
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    font-size: 20px;
    font-weight: 300;
    color: #999;
    display: none;
}

.prod-heart span.on {
    color: var(--scPoint);
}

.idx-group1 {
    width: calc(100% - 70px);
    height: 67px;
    display: flex;
}

.idx-group1>a {
    margin-right: 10px;
}

.buyNow-btn,
.cart-btn {
    flex: 1;
    height: 100%;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 600;
}

.buyNow-btn {
	color: var(--scPointFont) !important;
    background-color: var(--scPoint) !important;
    border: 1px solid var(--scPoint) !important;
}

.cart-btn {
    color: #df0011 !important;
    border: 2px solid #df0011;
}

.nonMember-buy {
    font-size: 20px;
    font-weight: 300;
    color: #666;
    position: relative;
    display: inline-block;
    margin-top: 10px;
}

.nonMember-buy::before {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #999;
}

/* 제품 상태 가이드 툴팁 */

.pop {
    background-color: #fff;
    border: 10px solid #d1d1d1;
    border-radius: 15px;
    position: absolute;
    z-index: 999;
    display: none;
}

.pop::after {
    content: "";
    position: absolute;
    width: 33px;
    height: 33px;
    top: -32px;
    background: url("../images/tail_popup.png") no-repeat center/contain;
}

.pop h4 {
    font-size: 17px;
    padding: 15px;
    border-bottom: 1px solid #b1b1b1;
}

.prod-status-pop {
    max-width: 100vw;
    width: 525px;
    top: calc(100% + 24px);
    left: -12px;
}

.prod-status-pop::after {
    left: 155px;
}

.prod-status-pop.pc-status-tip {
    left: auto;
    right: -35px;
    top: calc(100% + 20px);
}

.prod-status-pop.pc-status-tip::after {
    left: auto;
    right: 131px;
    top: -32px;
}

.pop-content {
    padding: 5px 0;
}

.pop-content>li {
    display: flex;
    padding: 10px 15px 10px 28px;
}

.prod-status-pop .pop-content>li:nth-child(2n),
.pop-content>li:nth-child(3) {
    background-color: #f8f8f8;
}

.pop-content>li.focus {
    color: #f00000;
}

.pop-content>li.focus .prodStatus {
    border: 1px solid #f00000;
}

.pop-des>li>span {
    height: 21px;
    padding: 10px 0;
}

.pop-title {
    width: 55px;
    padding-top: 5px;
    padding-right: 25px;
    text-align: center;
}

.pop-des {
    width: calc(100% - 65px);
    font-size: 15px;
}

.prodStatus {
    display: inline-block;
    border: 1px solid var(--scLine);
    padding: 5px 10px;
    margin-bottom: 5px;
    text-indent: 0px;
}

/* 일반유통가 툴팁 */

.generalPrice-pop {
    width: 440px;
    top: calc(100% + 25px);
    left: -12px;
}

.generalPrice-pop::after {
    left: 155px;
}

.generalPrice-pop .pop-content {
    padding: 15px;
    line-height: 27px;
    font-size: 16px;
}

/* KIMCHI케어 툴팁 */

.newperCare-pop {
    max-width: 100vw;
    width: 465px;
    top: calc(100% + 24px);
    left: -20px;
}

.newperCare-pop::after {
    left: 5px;
}

.newperCare-pop .pop-content {
    padding: 15px;
}

.newperCare-pop p {
    font-size: 15px;
}

.newperCare-pop p:not(:last-child) {
    padding-bottom: 5px;
}

.newperCare-pop p span:not(:last-child) {
    padding-top: 3px;
}

.imp {
    position: relative;
}

.imp::before {
    content: "※";
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    display: inline-block;
}

.imp2 {
    position: relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 5px;
}

/* 공유하기 툴팁 */

.share-pop {
    width: 250px;
    top: 100%;
    right: 0;
    padding: 10px 30px 15px;
    border: 2px solid #d1d1d1;
    border-radius: 10px;
}

.share-pop::after {
    content: none;
}

.share-pop h4 {
    font-size: 16px;
    padding: 10px 0 10px;
    border-bottom: none;
    font-weight: 500;
    color: #333;
}

.share-pop .pop-content {
    font-size: 11px;
    font-weight: 300;
}

.share-pop .pop-content>ul {
    padding: 0 15px;
}

.share-pop .pop-content>ul>li {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.share-pop .pop-content>ul>li img {
    width: 38px;
    height: 38px;
    margin: 0 auto 7px;
}

.urlCopy {
    border: 1px solid var(--scLine);
}

.urlCopy>* {
    padding: 5px 0 !important;
}

.urlCopy>*:first-child {
    border-right: none;
    width: calc(100% - 50px);
    font-size: 10px;
    color: #999;
    font-weight: 300;
}

.urlCopy>*:last-child {
    width: 50px;
    text-align: center;
    border-left: 1px solid var(--scLine);
}

.urlCopy input {
    outline: none;
}

.review-guide-pop {
    top: calc(100% + 24px);
    right: -23px;
    padding: 20px;
    font-size: 14px;
}

.review-guide-pop:after {
    right: 10px;
}

.review-guide-pop p {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 300;
}

.review-guide-pop p:last-child {
    margin-bottom: 0px;
}

.interestFreeCard {
    justify-content: initial;
}

.interestFreeCard>div:first-child {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: calc(100% - 35px);
}

/* 무이자 할부 카드 보기 툴팁 */

.card-view {
    cursor: pointer;
    position: relative;
    right: 0;
}

.card-view-pop {
    top: calc(100% + 25px);
    right: -30px;
}

.card-view-pop::after {
    right: 18px;
}

.card-view-pop .pop-content {
    padding: 25px 15px 25px 25px;
}

.card-view-pop .pop-content>div {
    overflow-y: scroll;
    overflow-x: hidden;
    height: auto;
    padding: 10px 5px;
}

/*DB값 맞춤*/

.card-view-pop .pop-content>div:nth-child(2) {
    padding: 0px !important;
}

.card-view-pop .pop-content>div:nth-child(2)>table {
    width: 342px !important;
}

.card-view-pop .pop-content>div:nth-child(2)>table td {
    padding: 0 16px 14px;
    text-align: left;
}

.event_card h4 span {
    margin-bottom: 8px;
}

.card-view-pop .pop-content>div::-webkit-scrollbar {
    background-color: transparent;
    width: 10px;
}

.card-view-pop .pop-content>div::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 30px;
}

.card-view-pop img {
    width: auto;
    max-width: 345px;
    object-fit: contain;
}

/* 최종혜택가 툴팁 */

.benefit-price-pop,
.saving-pop {
    width: 330px;
    top: calc(100% + 20px);
    right: -30px;
    display: block;
}

.benefit-price-pop::after,
.saving-pop::after {
    right: 18px;
}

.benefit-price-pop .pop-content,
.saving-pop .pop-content {
    padding: 15px 30px;
}

.benefit-price-pop .pop-content>p,
.saving-pop .pop-content>p {
    margin-bottom: 25px;
}

.benefit-price-pop .pop-content>div,
.saving-pop .pop-content>div {
    border-bottom: 2px solid #000;
    margin-bottom: 7px;
}

.benefit-price-pop .pop-content>ul::after,
.saving-pop .pop-content>ul::after {
    content: "VS";
    position: absolute;
    left: 48%;
    top: 50%;
    font-size: 24px;
    font-family: 'Lato', 'Noto Sans Kr', 'Arial', 'sans-serif';
    font-weight: bold;
    transform: translate(-50%, -50%);
}

.graph {
    height: 150px;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    flex: 1;
}

.graph>p {
    margin-bottom: 5px;
}

@keyframes stack1 {
    0% {
        height: 0;
        opacity: 0;
    }
    100% {
        height: 100%;
        opacity: 1;
    }
}

@keyframes stack2 {
    0% {
        height: 0;
        opacity: 0;
    }
    100% {
        height: 31%;
        opacity: 1;
    }
}

.graph>span {
    display: flex;
    width: 50px;
}

.graph.stack1>span {
    background-color: #dddddd;
    height: 100%;
    animation: stack1 2s;
}

.graph.stack2>span {
    background-color: var(--scPoint);
    height: 31%;
    animation: stack2 2s;
}

.fixed-buy-option .newperCare-pop h4 {
    padding: 7px 15px;
}

.fixed-buy-option .newperCare-pop {
    width: 610px;
    top: -190px;
    left: 120px;
}

.fixed-buy-option .newperCare-pop::after {
    top: 174px;
    left: -32px;
    transform: rotate(270deg);
}

@media (max-width: 991px) {
    .pop h4 {
        font-size: 14px;
        padding: 10px 0;
        font-weight: 500;
    }
    .benefit-price-pop .pop-content>p,
    .saving-pop .pop-content>p {
        margin-bottom: 15px;
    }
    .graph {
        height: 115px;
    }
    .graph>span {
        width: 35px;
    }
    .benefit-price-pop .pop-content>ul::after,
    .saving-pop .pop-content>ul::after {
        font-size: 17px;
    }
    .benefit-price-pop,
    .saving-pop {
        width: 240px;
    }
    .benefit-price-pop .pop-content>div,
    .saving-pop .pop-content>div {
        border-bottom: 1px solid #000;
    }
    .generalPrice-pop .pop-content {
        font-size: 14px;
        line-height: 19px;
        padding: 10px;
    }
    .prod-status-pop .pop-content>li {
        padding: 10px;
    }
    .pop-title {
        padding-right: 10px;
    }
    .pop-des {
        font-size: 14px;
    }
    .interestFreeCard p,
    .interestFreeCard span {
        font-size: 15px !important;
    }
    .share-pop .pop-content>ul>li img {
        width: 35px;
        height: 35px;
    }
    .newperCare-pop {
        top: -107px !important;
        left: 95px !important;
        width: calc(100% - 90px) !important;
        max-width: 510px !important;
        border-width: 7px !important;
    }
    .newperCare-pop p {
        font-size: 12px !important;
    }
    .newperCare-pop p:not(:last-child) {
        padding-bottom: 3px !important;
    }
    .newperCare-pop .pop-content {
        padding: 7px 15px !important;
    }
    .newperCare-pop::after {
        left: -24px !important;
        width: 25px !important;
        height: 25px !important;
        top: 95px !important;
        transform: rotate(270deg) !important;
    }
    .newperCare-pop .pop-content .imp2::before,
    .newperCare-pop .pop-content .imp3::before {
        top: 3px !important;
    }
}

@media (max-width: 500px) {
    .interestFreeCard p,
    .interestFreeCard span {
        font-size: 13px !important;
    }
    .interestFreeCard p {
        padding-right: 5px;
    }
    .card-view .div-line {
        margin-right: 0;
    }
    .card-view .div-line::before {
        height: 12px;
    }
    .interestFreeCard>div:first-child {
        justify-content: space-between;
    }
}

/* 연관상품 슬라이드 */

.relatedProducts {
    display: flex;
}

.relatedProducts .item-img {
    margin-bottom: 0;
    width: 140px;
    height: 140px;
    padding: 0;
}

.relatedProducts .item-info {
    width: calc(100% - 140px);
    padding: 10px 0 10px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-top: 0;
}

.prev-custom-small,
.next-custom-small {
    width: 40px;
    height: 40px;
    top: 50%;
}

.prev-custom-small {
    background: #fff url(../images/thumb-arrow-left.png) no-repeat center/8px auto;
    left: 20px;
}

.next-custom-small {
    background: #fff url(../images/thumb-arrow-right.png) no-repeat center/8px auto;
    right: 20px;
}

.swiper-group2-prev,
.swiper-group2-next,
.swiper-group3-prev,
.swiper-group3-next {
    top: 37%;
}

.swiper-group1-prev,
.swiper-group2-prev,
.swiper-group3-prev {
    left: -20px;
}

.swiper-group1-next,
.swiper-group2-next,
.swiper-group3-next {
    right: -20px;
}

.swiper-group1-scrollbar,
.buyTogether-scrollbar,
.swiper-group2-scrollbar,
.swiper-group3-scrollbar {
    display: none;
}

#other-products .lg-2col>* {
    width: 49% !important;
}

.launchingStory {
    border: 1px solid #999;
    background-color: #fff9ea;
}

.launchingStory h5 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 500;
}

.launchingStory>div {
    position: relative;
    padding: 20px 45px 20px 75px;
}

.launchingStory>div::before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    border-left: 1px solid #f00000;
    position: absolute;
    left: 45px;
    top: 0;
}

.launchingStory>div::after {
    content: "";
    display: block;
    width: 36px;
    height: 36px;
    background: url('../images/N.png') no-repeat center/contain;
    position: absolute;
    left: 27px;
    top: 15px;
}

.naver-compare {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #999;
    padding: 15px 100px;
}

.naver-compare-left {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 15px;
}

.naver-compare-left>p {
    font-size: 28px;
}

.naver-compare-left>p>span {
    color: #09bf40;
    font-weight: 600;
}

.naver-compare-left>div {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.naver-compare-left>div>p {
    font-size: 37px;
    font-weight: 600;
}

.naver-compare-right {
    max-width: 480px;
    height: 120px;
    border: 1px solid var(--scLine);
    margin-right: 80px;
}

.thumbnail-naverComp.thumbnail-wide {
    padding: 5px 35px;
    display: flex;
    justify-content: center;
    cursor: default;
}

.thumbnail-naverComp.thumbnail-wide .item-img {
    width: 100px;
    height: 100px;
}

.thumbnail-naverComp.thumbnail-wide .item-info {
    width: calc(100% - 100px);
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.thumbnail-naverComp.thumbnail-wide .item-info>div {
    height: 50%;
    margin-bottom: 0 !important;
}

.thumbnail-naverComp.thumbnail-wide .item-title {
    border-bottom: 2px solid #000;
    font-size: 16px;
    line-height: 17px;
}

.thumbnail-naverComp.thumbnail-wide .item-title span {
    font-size: 13px;
    font-weight: 400;
}

.thumbnail-naverComp.thumbnail-wide .item-content {
    padding-top: 10px;
}

.thumbnail-naverComp.thumbnail-wide .item-content>div {
    font-size: 14px;
}

.thumbnail-naverComp.thumbnail-wide .item-content>div:first-child span {
    font-size: 15px;
    font-weight: 600;
}

.thumbnail-naverComp.thumbnail-wide .item-content>div:last-child span {
    font-size: 17px;
    font-weight: 600;
}

.detailView-btn {
    background-color: #09bf40;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: 600;
    border-radius: 7px;
    width: 136px;
    height: 36px;
    margin-left: 60px;
}

.naver-blog-link {
    width: 100%;
    height: 70px;
    position: relative;
    margin-bottom: 7px;
}

.naver-blog-link img {
    object-fit: cover;
}

.arrow-go {
    width: 8px;
    height: 11px;
    display: inline-block;
    background: url("../images/arrow/arrow4.png") no-repeat center/contain;
    margin-left: 10px;
}

.common-fixed-banner {
    margin-bottom: 15px;
}

@media ( min-width: 991px) and (max-width: 1380px) {
    .naver-compare {
        padding: 15px 30px;
    }
    .naver-compare-left {
        padding-left: 0px !important;
    }
    .naver-compare-right {
        margin-right: 0px;
    }
    .detailView-btn {
        margin-left: 22px;
    }
}

.common-fixed-banner img,
.item-detail-img img {
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.item-detail-info {
    padding-top: 40px;
}

.item-detail-info h3 {
    text-align: center;
    padding-bottom: 55px;
    color: #111111;
    font-size: 33px;
    font-weight: 500;
}

.buyTogether-wrap {
    border: 1px solid #999;
    margin: 0 50px 50px;
    padding: 35px 0 10px;
    border-radius: 15px;
    height: 260px;
}

.buyTogether-wrap h4 {
    font-size: 23px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 25px;
}

.buyTogether-wrap .col-list>li {
    padding: 0;
}

.buyTogether-swiper {
    width: 90%;
}

.thumbnail-buyTogether {
    padding: 15px;
    justify-content: space-between;
}

.thumbnail-buyTogether .item-img {
    width: auto;
}

.thumbnail-buyTogether .item-img img {
    width: 130px;
    height: 130px;
}

.thumbnail-buyTogether .item-info {
    width: calc(100% - 150px);
}

.thumbnail-buyTogether .item-info>div:last-child {
    margin-bottom: 0;
}

.other-products>div {
    position: relative;
}

.other-products>div:first-child {
    padding-right: 30px;
}

.otherProduct-thumb .item-price>p {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.otherProduct-thumb .real-price {
    padding-left: 0;
}

.otherProduct-thumb .discount-price {
    font-size: 19px;
}

.otherProduct-thumb .discount-rate {
    font-size: 24px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.otherProduct-thumb .item-info>div:last-child {
    position: relative;
}

.otherProduct-thumb .item-img img {
    max-width: 100%;
    max-height: 100%;
    aspect-ratio: 1/1;
}

/*상품상세 - 상품리뷰*/

.itemDetail-page-subTitle {
    font-size: 27px;
    color: #666c7f;
    font-weight: 600;
    padding-top: 25px;
}

.review-header {
    display: flex;
    border-top: 1px solid var(--scLine);
    border-bottom: 1px solid var(--scLine);
    padding: 20px 0;
}

.review-header>li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 50px;
}

.review-header>li:nth-child(1) {
    width: 40%;
    position: relative;
}

.review-header>li:nth-child(1)::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #999;
}

.review-header>li:nth-child(1)>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    height: 100%;
    padding: 10px 0;
    white-space: nowrap;
}

.review-header>li:nth-child(1)>div>p:nth-child(2) {
    font-size: 30px;
}

.review-header>li:nth-child(2) {
    width: 60%;
}

.review-header>li:nth-child(2)>div {
    display: flex;
    width: 50%;
    justify-content: space-around;
    white-space: nowrap;
}

.review-header>li:nth-child(2)>span {
    font-size: 30px;
    padding: 0 15px;
}

.review-header>li:nth-child(2)>div>p {
    transform: translateY(10px);
    font-size: 17px;
    line-height: 21px;
}

.point1000,
.point500 {
    display: inline-block;
    width: 100px;
    height: 100px;
}

.point10000 {
    display: inline-block;
    width: 105px;
    height: 105px;
}

.point1000 {
    background: url("../images/review/point1000.png") no-repeat center/contain;
}

.point500 {
    background: url("../images/review/point500.png") no-repeat center/contain;
}

.point10000 {
    background: url("../images/review/point10000.png") no-repeat center/contain;
}

.review-header .review-grade i {
    width: 150px;
    height: 25px;
    margin-right: 10px;
}

.review-header .review-grade i::after {
    background: url("../images/5star-yellow.png") no-repeat 0 0/150px 100%;
    transform: translateY(0);
}

.review-header .review-grade p {
    font-size: 21px;
    font-weight: 300;
    color: #999;
}

.review-header .review-grade p span:first-child {
    font-size: 30px;
    color: #333;
}

.review-header .review-grade p span:nth-child(2) {
    font-size: 21px;
    font-weight: 300;
}

.open-arrow {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url("../images/arrow/open-arrow3.png") no-repeat center/contain;
    margin-left: 7px;
}

.write-guide {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 18px;
}

.shopProd-btn {
    font-size: 18px !important;
    width: 120px;
    height: 37px;
}

.md-review {
    border-top: 2px solid #333;
}

.md-review>li {
    display: flex;
    padding: 15px;
    border-top: 1px solid #333;
}

.md-review>li:first-child {
    border-top: none;
}

.md-review img {
    width: 130px;
    height: 130px;
    margin-right: 20px;
}

.md-review ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px 0;
}

.md-review ul>li {
    display: flex;
}

.md-review ul>li>span {
    width: 70px;
    font-size: 18px;
    font-weight: 300;
}

.md-review-text {
    margin-left: 50px;
    padding: 10px 0;
    font-size: 18px;
    font-weight: 300;
}

.bestPhotoReview {
    display: flex;
    padding: 15px;
    border-radius: 5px !important;
    align-items: center;
}

.review-best {
    display: inline-block;
    width: 55px;
    height: 24px;
    background: url("../images/thumb-icon/best.png") no-repeat center/contain;
}

.bestPhotoReview img {
    width: 100px;
    height: 100px;
}

.review-cont {
    padding-left: 15px;
    width: calc(100% - 100px);
}

.review-cont>div:first-child {
    margin-bottom: 10px;
}

#product-page .review-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 15px;
}

.swiper-group4-next {
    right: -15px;
}

.swiper-group4-prev {
    left: -15px;
}

.onlyPhotoReview-wrap {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 5px;
    right: 0;
}

.item-review-wrap {
    border-top: 2px solid #333;
    margin-top: 5px;
}

.item-review-wrap>li {
    position: relative;
    border-bottom: 1px solid #333;
}

.item-review {
    display: flex;
    padding: 15px;
}

.item-review a {
    display: inline-block;
    margin-right: 30px;
}

.item-review img {
    width: 130px;
    height: 130px;
}

.item-review>div:nth-child(2) {
    width: 100%;
    padding: 5px 0;
}

.review-left {
    width: 60%;
}

.review-left>a {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.review-left .review-grade i {
    margin-right: 7px;
}

#product-page .review-left .review-text {
    -webkit-line-clamp: 1;
}

.review-right {
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: space-between;
    font-size: 16px;
    color: #666 !important;
    font-weight: 300;
}

.review-right>div:nth-child(1)>span:nth-child(1) {
    margin-right: 7px
}

.review-right>div:nth-child(2) {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.review-right>div:nth-child(2)>div {
    display: flex;
    flex-direction: column;
    align-items: end;
    color: #666;
}

.item-review-answer {
    padding: 15px;
    border-top: 1px solid #999;
    display: none;
}

.item-review-answer span:nth-child(2) {
    display: inline-block;
    padding-left: 75px;
    color: #666;
    font-size: 18px;
    font-weight: 300;
}

.good-wrap {
    border: 1px solid #666;
    border-radius: 30px;
    font-size: 19px;
    width: 92px;
    height: 43px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-weight: 300;
    margin-left: 7px;
    cursor: pointer;
}

.good-wrap.on {
    border: 1px solid #2751ff;
    color: #2751ff;
}

.good {
    display: inline-block;
    width: 20px;
    height: 18px;
    background: url("../images/thumb-icon/good.png") no-repeat center/contain;
    margin-right: 5px;
}

.good-wrap.on .good {
    background: url("../images/thumb-icon/good-active.png") no-repeat center/contain;
}

.productInquiry-title {
    display: flex;
    align-items: end;
}

.productInquiry-title span {
    font-size: 23px;
    font-weight: 500;
    margin-left: 30px;
}

.productInquiry {
    border-top: 2px solid #333;
    border-bottom: 1px solid #333;
    margin-top: 15px;
    padding: 10px 0;
    font-size: 18px;
}

.productInquiry>li {
    display: flex;
    flex-direction: column;
}

.productInquiry>li:last-child .inquiry-content {
    border-bottom: 0;
}

.inquiry-title {
    display: flex;
    padding: 15px 0;
    cursor: pointer;
    font-weight: 300;
}

.inquiry-title.on>div:nth-child(1),
.inquiry-title.on>div:nth-child(2),
.inquiry-title.on>div:nth-child(3) {
    font-weight: 500;
}

.inquiry-title>div {
    display: flex;
    justify-content: center;
}

.inquiry-title>div:nth-child(1) {
    width: 85px;
}

.inquiry-title>div:nth-child(2) {
    width: 200px;
    justify-content: start;
}

.inquiry-title>div:nth-child(3) {
    width: calc(100% - 665px);
    justify-content: start;
    align-items: center;
}

.inquiry-title>div:nth-child(4) {
    width: 100px;
}

.inquiry-title>div:nth-child(5) {
    width: 140px;
}

.inquiry-title>div:nth-child(6) {
    width: 140px;
}

.inquiry-content {
    display: none;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #999;
}

.inquiry-content>div {
    padding: 15px 0;
}

.inquiry-content>div>p {
    padding: 0 400px 0 77px;
    position: relative;
}

.inquiry-content>div:nth-child(2) {
    border-top: 1px solid #eee;
    background-color: #fafafa;
}

.inquiry-content>div:nth-child(2)>p>span:last-child {
    padding-left: 70px;
    display: inline-block;
    line-height: 24px;
}

.productInquiry-paging {
    display: flex;
    justify-content: center;
    padding: 10px 0;
}

.productInquiry-paging>li {
    padding: 0 15px;
    cursor: pointer;
}

.productInquiry-paging>li.on {
    color: var(--scPoint);
    font-weight: 500;
}

.lock {
    display: inline-block;
    width: 15px;
    height: 17px;
    background: url("../images/lock.png") no-repeat center/contain;
    margin-left: 10px;
}

.answer-bedge {
    color: #00184f;
    border: 1px solid #00184f;
    padding: 2px 12px;
    position: absolute;
    top: 0;
    font-weight: 500;
}

.answer-bedge.type2 {
    color: #3c64a0;
    border: 1px solid #3c64a0;
}

.delivery-info>li {
    margin-top: 30px;
}

.delivery-info>li:first-child {
    margin-top: 15px;
}

.delivery-info h6 {
    position: relative;
    padding-left: 10px;
    font-size: 17px;
    font-weight: 500;
}

.delivery-info h6::before {
    content: "";
    width: 3px;
    height: 15px;
    background: #3c64a0;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.delivery-info p {
    margin-top: 5px;
    color: #666;
    font-size: 16px;
    font-weight: 300;
    padding-left: 15px;
    margin-left: 10px;
    position: relative;
}

.delivery-info p::after {
    content: "-";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 15px;
    transform: translateX(1px);
}

.delivery-info p.x::after {
    content: "";
    top: 0.15em;
    width: 0.6em;
    height: 0.6em;
    background-size: cover;
    background-image: url(../images/asterisk.png);
    transform: translateX(0);
}

.table-refund {
    width: 1030px;
    margin-top: 15px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    text-align: center;
    border-spacing: 0;
    color: #666;
}

.table-refund th {
    border-bottom: 1px solid var(--scLine);
    border-right: 1px solid var(--scLine);
    padding: 10px 0;
    font-size: 16px;
    font-weight: 300;
}

.table-refund td {
    border-right: 1px solid var(--scLine);
    padding: 5px 20px;
    font-size: 15px;
    font-weight: 300;
}

.table-refund td:last-child,
.table-refund th:last-child {
    border-right: 0;
}

.table-refund tr:nth-child(3) td {
    padding-top: 20px;
}

.table-refund tr:nth-child(n+3) td:nth-child(n+3) {
    text-align: start;
}

/* 구매하기 하단 고정 */

.fixed-buy {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9998;
    border-top: 1px solid #9c010c;
    background-color: #fff;
    display: none;
}

.fixed-buy.on {
    display: block;
}

.fixed-buy-bg {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 9998;
}

.fixed-buy-bg.on {
    display: none;
}

.fixed-buy-top {
    background-color: #f4eaeb;
    padding: 15px;
}

.fixed-buy-top>div {
    display: flex;
    align-items: center;
    padding: 0 15px;
}

.fixed-buy-top p {
    font-size: 19px;
}

.fixed-buy-top p:nth-child(1) {
    margin-right: 30px;
}

.fixed-buy-top p:nth-child(2) span {
    font-size: 23px;
}

.fixed-buy-mid {
    display: flex;
    padding: 15px;
}

.fixed-buy-thumb {
    width: 130px;
}

.fixed-buy-thumb img {
    width: 100px;
    height: 100px;
}

.fixed-buy-info {
    width: calc(100% - 135px);
}

.fixed-buy-title {
    height: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.fixed-buy-title h2 {
    width: 56%;
    font-size: 24px;
    line-height: 26px;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 5px;
}

.fixed-buy-title p {
    font-size: 18px;
    color: #666;
    display: flex;
    align-items: center;
}

.fixed-buy-title p span {
    font-size: 33px;
    font-weight: 600;
    margin-left: 20px;
}

.fixed-buy-option {
    border-top: 1px solid #999;
    padding: 15px 0;
    display: none;
    margin-top: 15px;
}

.fixed-buy-option.on {
    display: flex;
}

.fixed-buy-option>* {
    flex: 1;
}

.fixed-buy-option>div {
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.fixed-buy-option>ul {
    max-height: calc(100vh - 500px);
    overflow-y: auto;
    margin-right: 30px;
    overflow: initial;
}

.fixed-buy-option .order-list {
    max-height: calc(100vh - 550px);
    overflow-y: auto;
    padding-right: 15px;
}

.fixed-buy-option>ul>li {
    padding: 5px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-right: 30px;
}

.fixed-buy-option label {
    color: #666c7f;
    font-size: 18px;
    display: inline-flex;
    min-width: 100px;
}

.fixed-buy-option select {
    width: calc(100% - 140px);
}

.fixed-buy-option select+select {
    margin: 10px 0 0 auto
}

.fixed-buy-option>div>div {
    border-top: 1px solid #999;
    padding: 10px 0;
    margin-top: 10px;
}

.fixed-buy-option>div>div>p {
    display: flex;
    justify-content: end;
    align-items: center;
    font-size: 19px;
    font-weight: 300;
}

.order-list {}

.fixed-buy-option>div>div>p>span {
    margin-left: 25px;
}

.selected-option {
    padding: 5px 0 10px 0;
}

.selected-option>li {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.selected-option .option-close {
    position: static;
    margin-left: 10px;
}

.selected-option-title {
    width: 360px;
    color: #666;
}

.selected-option-price {
    width: 110px;
    text-align: end;
}

.fixed-buy-bot {
    display: flex;
    justify-content: end;
    padding-right: 15px;
}

.fixed-buy-bot>div {
    width: calc((100% - 300px) / 2);
    display: flex;
    align-items: center;
    justify-content: end;
    position: absolute;
    bottom: 32px;
    right: 0;
}

.fixed-buy-bot>div.on {
    justify-content: space-between;
    position: static;
    padding-bottom: 25px;
}

.fixed-buy-bot .heart {
    width: 33px;
    height: 33px;
    margin-left: 0;
}

.fixed-buy .close {
    width: 22px;
    height: 22px;
    position: absolute;
    top: 20px;
    right: 0;
    display: none;
}

.fixed-buy .close.on {
    display: block;
}

.fixed-btn-wrap {
    width: calc(100% - 70px);
    display: flex;
    justify-content: end;
}

.fixed-btn-wrap>a {
    width: calc(50% - 10px)
}

.eventDetailOffset {
    display: none;
}

.fixed-cart-btn.on {
    display: flex;
}

.fixed-buy-btn,
.fixed-cart-btn {
    height: 67px;
    font-size: 24px !important;
    font-weight: 600 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fixedBuy-bookmark {
    position: absolute;
    top: -30px;
    right: 35px;
    font-size: 17px;
    letter-spacing: 3px;
    background-color: #f4eaeb;
    border-radius: 10px 10px 0 0;
    padding: 0 20px;
    height: 30px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border: 1px solid #9c010c;
    border-bottom: none;
}

.fixedBuy-bookmark i {
    display: inline-block;
    background: url("../images/arrow/down-arrow3.png") no-repeat center/contain;
    width: 20px;
    height: 20px;
}

.fixedBuy-bookmark.on i {
    background: url("../images/arrow/up-arrow.png") no-repeat center/contain;
}

.productInquiry-subtitle {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #666;
    margin-right: 15px;
}

.itemDetail-more {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
}

.itemDetail-more-btn,
.more-btn {
    font-size: 21px !important;
    padding: 10px 35px !important;
    flex-wrap: nowrap;
    margin-top: 10px;
    margin-bottom: 10px;
    z-index: 1;
}

.itemDetail-more-btn i,
.more-btn i {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url("../images/arrow/open-arrow5.png") no-repeat center/contain;
    margin-left: 10px;
    transform: translateY(2px);
}

.itemDetail-more:before {
    content: '';
    position: fixed;
    bottom: -15px;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 100vw;
    max-width: var(--container-width);
    height: 200px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0) 100%);
}

#questionAddBtn {
    font-size: 21px;
    padding: 7px 45px;
}

.swiper-group4 {
    padding-right: 30%;
}

.swiper-group4 .review-grade span {
    color: #333 !important;
}

.swiper-group4 .review-text {
    height: 40px;
    min-height: 40px;
}

.item-review .review-text {
    height: auto;
    margin: 15px 0 !important;
    font-size: 18px;
}

.item-review .review-grade span {
    font-size: 17px;
    margin-left: 5px;
}

.review-grade.etc i {
    width: 100px;
    height: 17px;
    margin-right: 5px;
}

.review-grade.etc i::after {
    background: url(../images/5star-yellow.png) no-repeat 0 0/100px 17px;
}

/* 이미시 상세 스펙 테이블 */

.spec-table-wrap {
    width: 90%;
    margin: 0 auto;
    padding: 15px 0;
}

.spec-table-wrap h5 {
    font-size: 19px;
    font-weight: 500;
    padding-bottom: 10px;
}

.spec-table {
    border: 1px solid #ddd;
    font-size: 16px;
}

.spec-table>li {
    display: flex;
}

.spec-table>li:not(:last-child) {
    border-bottom: 1px solid #ddd;
}

.spec-table>li>div {
    padding: 15px;
    display: flex;
    align-items: center;
}

.spec-title {
    width: 175px;
    background-color: #f7f7f7;
}

.spec-content {
    width: calc(100% - 175px);
}

@media (max-width: 1380px) {
    .product-thumb>li:nth-child(1) {
        padding: 0 15px;
    }
    .product-thumb>li:nth-child(2) {
        padding-left: 15px;
    }
    .fixed-buy-bot>div {
        right: 15px;
    }
}

@media ( min-width: 991px) and (max-width: 1380px) {
    .review-header>li:nth-child(1) {
        width: 35%;
    }
    .review-header>li:nth-child(2) {
        width: 65%;
    }
    .review-header>li {
        padding: 0 15px !important;
    }
    .review-header .review-grade i {
        margin-right: 5px !important;
    }
}

@media (max-width: 991px) {
    .common-fixed-banner img,
    .item-detail-img img iframe {
        width: 100%;
    }
    #other-products .other-p:nth-of-type(2) h4 {
        margin-top: 15px;
    }
    .item-detail-img iframe {
        height: 400px !important;
        width: 100% !important;
    }
    .product-thumb {
        flex-direction: column;
        font-size: 16px;
    }
    .product-thumb>li {
        width: 100% !important;
    }
    .product-thumb>li:nth-child(1) {
        padding: 0;
    }
    .benefit-price-pop,
    .saving-pop {
        right: -15px;
    }
    .prod-thumbList {
        padding-left: 30px;
        padding-right: 30px;
        margin-bottom: 15px;
    }
    .prod-thumb-top {
        flex-direction: column;
    }
    .prod-thumb-top-left {
        order: 2;
        width: 100%;
        justify-content: space-between;
    }
    .prod-thumb-top-left>p {
        font-size: 16px;
    }
    .prod-thumb-top-left .item-condition {
        font-size: 14px;
        padding: 2px 15px;
    }
    .companyItemView-btn {
        order: 1;
        margin: 0 0 15px auto;
    }
    .prod-title h2,
    .naver-price,
    .generalPrice {
        font-size: 17px;
    }
    .prod-title p {
        font-size: 15px;
        line-height: 19px;
    }
    .prod-info>li {
        height: auto !important;
        min-height: 40px !important;
    }
    .prod-info>li>div:nth-child(1),
    .prod-option>li>label {
        width: 105px;
    }
    .prod-info-group {
        width: calc(100% - 95px);
        font-size: 14px;
    }
    .info-icon,
    .generalPrice-info {
        width: 16px;
        height: 16px;
        margin-right: 10px;
    }
    .card-view-pop .pop-content {
        padding: 0 0px 3px;
    }
    .card-view-pop .pop-content>div:nth-child(2) {
        padding: 5px !important;
        overflow: inherit;
    }
    .card-view-pop .pop-content table {
        margin: inherit !important;
    }
    .newper-price {
        font-size: 21px;
    }
    .finalPrice {
        font-size: 24px;
    }
    .aenuri {
        width: 57px;
        height: 23px;
    }
    .open-arrow-red,
    .open-arrow-red2,
    .open-arrow-grey {
        width: 22px;
        height: 22px;
    }
    .share {
        width: 30px;
        height: 30px;
    }
    .prod-thumb-group {
        padding: 0 30px;
        font-size: 15px;
        margin-bottom: 5px;
    }
    .delivery-notice>div:first-child {
        margin-top: 15px;
        margin-bottom: 10px !important;
    }
    .write-guide {
        font-size: 14px;
        padding: 10px;
    }
    .swiper-group1-scrollbar,
    .buyTogether-scrollbar,
    .swiper-group2-scrollbar,
    .swiper-group3-scrollbar {
        display: block;
    }
    .prod-thumb {
        padding: 10px 30px;
    }
    .prod-thumb li {
        margin-bottom: 0;
    }
    .companyItemView-btn a {
        font-size: 14px;
    }
    .shopProd-btn {
        font-size: 15px !important;
        width: 95px;
        height: 30px;
        border-radius: 5px !important;
    }
    .benefit-price-pop .pop-content,
    .saving-pop .pop-content {
        padding: 10px;
    }
    .loca {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin-right: 5px;
        background: url("../images/icon/loca.png") no-repeat center/contain;
    }
    .arrival-prediction p,
    .statistics {
        font-size: 13px;
    }
    .arrival-prediction>div {
        margin-bottom: 0 !important;
    }
    .arrival-term {
        font-size: 15px;
        padding-top: 0 !important;
        border-top: none;
    }
    .statistics span.color-red,
    .prod-info {
        font-size: 15px;
    }
    #product-review .review-header li:nth-child(1) div p:nth-child(1) {
        width: 100px;
    }
    #product-review .review-header li:nth-child(1) div:nth-child(1) p:nth-child(2),
    #product-review .review-header .review-grade {
        width: calc(100% - 100px);
    }
    .itemDetail-page-subTitle {
        font-size: 20px;
        padding: 10px;
    }
    .review-header>li:nth-child(1)>div {
        padding: 5px 0;
    }
    .review-header>li:nth-child(1)>div>p:nth-child(2),
    .review-header .review-grade p span:first-child {
        font-size: 25px;
    }
    .review-header .review-grade p span:nth-child(2) {
        font-size: 17px;
    }
    .review-guide-pop {
        right: 5px;
    }
    .point1000,
    .point500,
    .point10000 {
        width: 80px;
        height: 80px;
    }
    .point10000 {
        background: url("../images/review/moPoint-10000.png") no-repeat center/contain;
    }
    .writeable-table-content {
        border-bottom: 1px solid #333 !important;
    }
    .possibleReview-table>li:nth-of-type(1) {
        border-top: 1px solid #333;
    }
    #myListReviewMenu .review-header>li:nth-child(1) p span {
        line-height: 18px;
    }
    #product-review .review-header {
        border-bottom: 10px solid #eeeeee;
    }
    #product-review .review-header>li:nth-child(1) {
        border-bottom: 1px solid #999;
    }
    #product-review .review-header>li:nth-child(1)::after {
        content: none;
    }
    .md-review ul>li>span {
        font-size: 16px;
    }
    .md-review img {
        width: 110px;
        height: 110px;
    }
    .productInquiry-title {
        border-bottom: 1px solid #333;
    }
    .onlyPhotoReview-wrap {
        right: 10px;
    }
    .delivery-notice .delivery {
        width: 40px;
        height: 25px;
    }
    .launchingStory {
        border-left: none;
        border-right: none;
        margin-top: 5px;
    }
    .launchingStory h5 {
        font-size: 16px;
    }
    .launchingStory>div {
        padding: 15px 0 15px 60px;
    }
    .launchingStory>div::before {
        left: 30px;
    }
    .launchingStory>div::after {
        width: 29px;
        height: 29px;
        left: 15px;
        top: 10px;
    }
    .item-detail-info {
        border-left: none;
        border-right: none;
        padding-top: 20px;
    }
    .item-detail-info h3 {
        font-size: 22px;
    }
    .buyTogether-wrap {
        padding: 10px;
        width: 100%;
        height: auto;
        margin: 0;
        border: none;
    }
    .buyTogether-wrap h4 {
        font-size: 17px;
    }
    .buyTogether-swiper {
        width: 100% !important;
    }
    .thumbnail-buyTogether {
        padding: 0;
    }
    .thumbnail-buyTogether .item-img img {
        height: 100px;
    }
    .thumbnail-buyTogether .item-info {
        width: calc(100% - 115px);
    }
    .productInquiry {
        font-size: 15px;
    }
    #questionAddBtn {
        font-size: 17px;
    }
    .lock {
        height: 15px;
    }
    .inquiry-title {
        flex-wrap: wrap;
        padding: 10px 15px;
    }
    .inquiry-title>div:nth-child(1) {
        width: 30px;
        justify-content: start;
    }
    .inquiry-title>div:nth-child(2) {
        width: calc(100% - 30px);
        margin-bottom: 10px;
        justify-content: space-between;
        align-items: center;
    }
    .inquiry-title>div:nth-child(3) {
        width: calc(100% - 30px);
        margin-bottom: 5px;
    }
    .inquiry-title>div:nth-child(4) {
        padding-left: 30px;
        width: 120px;
        justify-content: start;
        align-items: center;
        font-size: 13px;
    }
    .inquiry-title>div:nth-child(5) {
        width: calc(100% - 230px);
        justify-content: end;
    }
    .inquiry-title>div:nth-child(6) {
        width: 100px;
    }
    .inquiry-arrow {
        width: 15px;
        height: 15px;
        background: url(../images/arrow/upp.png) no-repeat center/contain;
        margin-right: 10px;
    }
    .inquiry-title.on .inquiry-arrow {
        background: url(../images/arrow/downn.png) no-repeat center/contain;
    }
    .inquiry-content {
        font-size: 15px !important;
    }
    .inquiry-content>div {
        padding: 15px;
    }
    .inquiry-content>div:nth-child(2) {
        background-color: #f6f6f6;
    }
    .inquiry-content>div>p {
        padding: 0;
    }
    .answer-bedge {
        position: initial;
    }
    .inquiry-content>div:nth-child(2)>p>span:last-child {
        padding-left: 0;
        padding-top: 15px;
        display: block;
    }
    .productInquiry-subtitle {
        font-size: 14px;
        line-height: 17px;
    }
    .productInquiry-title span {
        font-size: 19px;
        margin-left: 0px !important;
    }
    .delivery-info h6 {
        font-size: 14px;
    }
    .delivery-info p,
    .table-refund {
        font-size: 13px;
        width: 100%;
    }
    .table-refund th {
        font-size: 14px;
    }
    .table-refund td {
        font-size: 12px;
        padding: 5px 5px;
    }
    .table-refund tr:nth-child(3) td {
        padding-top: 10px;
    }
    .table-refund tr td:nth-child(1) {
        width: 25%;
    }
    .table-refund tr:nth-child(n+3) td:nth-child(n+3) {
        width: 27%;
    }
    .open-arrow {
        width: 19px;
        height: 19px;
    }
    .fixed-buy-bot>div {
        width: 100%;
        bottom: 0;
        right: 0;
    }
    .fixed-btn-wrap {
        width: calc(100% - 55px);
    }
    .fixed-btn-wrap>a {
        padding: 0 !important;
        height: 55px;
        border-radius: 0 !important;
        font-size: 18px !important;
        font-weight: 500 !important;
    }
    .fixed-cart-btn {
        border-left: none !important;
        width: 45% !important;
    }
    .fixed-buy-btn.btn-point {
        margin-left: 0 !important;
        background-color: var(--scPoint) !important;
        width: 55% !important;
    }
    .itemDetail-more-btn {
        font-size: 17px !important;
    }
    .more-btn {
        font-size: 15px !important;
        padding: 5px 23px !important;
    }
    .more-btn i {
        width: 14px;
        height: 14px;
    }
    .shopInfo {
        font-size: 13px;
        margin-top: 15px;
        display: flex;
        align-items: center;
        position: relative;
        padding-left: 35px !important;
        line-height: 17px;
        color: #999;
    }
    .shopInfo::before {
        content: "";
        position: absolute;
        top: 1px;
        left: 12px;
        width: 15px;
        height: 15px;
        background: url("../images/icon/imp.png") no-repeat center/contain;
    }
    .prod-heart {
        width: 55px;
        height: 55px;
        margin-left: 0 !important;
        border: 0;
        border-top: 1px solid var(--scPoint);
        border-bottom: 1px solid var(--scPoint);
        border-radius: 0;
    }
    .prod-heart p {
        font-size: 16px;
        font-weight: 300;
        color: #999 !important;
    }
    .prod-heart p.on {
        color: var(--scPoint) !important;
    }
    .fixed-buy-bot .heart {
        width: 21px;
        height: 21px;
    }
    .fixed-buy-info {
        width: 100%;
    }
    .fixed-buy-option {
        flex-direction: column;
        border-top: none;
        padding: 0;
        margin: 0px;
    }
    .fixed-buy-option select {
        width: 100%;
        font-size: 13px !important;
        height: 36px;
    }
    .fixed-buy-option>ul>li {
        padding-right: 0;
    }
    .fixed-buy-top>div {
        flex-direction: column;
        align-items: start;
        padding: 0;
    }
    .fixed-buy-bot {
        padding-right: 0;
    }
    .fixed-buy-bot>div.on {
        padding-bottom: 0;
    }
    .fixed-buy-option>div>div {
        padding: 10px;
        margin-top: 0px;
    }
    .fixed-buy-option>ul {
        padding: 5px 10px;
        max-height: calc(70vh - (214px/2));
        margin-right: 0px !important;
        overflow-y: initial;
    }
    .fixed-buy-option .order-list {
        max-height: calc(60vh - (214px/2));
        padding-top: 10px;
        padding-right: 0px !important;
        border-top: 1px solid #eee;
    }
    .fixed-buy-option>div>div>p {
        font-size: 17px;
    }
    .fixed-buy-top p {
        font-size: 14px;
    }
    .fixed-buy-top p:not(:last-child) {
        margin-bottom: 5px;
    }
    .fixed-buy-top p:nth-child(2) span {
        font-size: 16px;
    }
    .fixed-buy-mid {
        padding: 0;
    }
    .fixed-buy-option label {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .prod-op-price-group>p {
        width: 100%;
        font-size: 16px;
    }
    .selected-option>li {
        padding: 0 10px;
        margin-bottom: 0;
    }
    #other-products .lg-2col>* {
        width: 100% !important;
    }
    .otherProduct-thumb {
        display: flex;
    }
    .swiper-group2 .otherProduct-thumb .item-img,
    .swiper-group3 .otherProduct-thumb .item-img,
    .relatedProducts .item-img {
        width: 100px !important;
        height: 100px !important;
    }
    .otherProduct-thumb .item-info,
    .relatedProducts .item-info {
        margin-top: 0;
        padding: 0 15px;
        justify-content: space-around;
        width: calc(100% - 100px);
    }
    .otherProduct-thumb .item-price .relatedProducts .item-price {
        flex-direction: row;
        align-items: center;
    }
    .otherProduct-thumb .real-price,
    .relatedProducts .real-price {
        order: 2;
        font-size: 12px;
        padding-left: 3px;
    }
    .otherProduct-thumb .discount-price,
    .relatedProducts .discount-price {
        font-size: 15px;
        order: 1;
    }
    .otherProduct-thumb .item-title,
    .relatedProducts .item-title {
        font-size: 14px;
        min-height: auto;
        height: auto;
        line-height: 17px;
    }
    .otherProduct-thumb .discount-rate,
    .relatedProducts .discount-rate {
        font-size: 17px;
    }
    .relatedProducts .item-info {
        width: calc(100% - 100px);
        padding-right: 0;
    }
    .cartAdd-icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .cartAdd-icon img {
        width: 150px;
        height: 150px;
        border-radius: 50%;
        background-color: rgba(0, 0, 0, .6);
        overflow: hidden;
    }
    .shopProd-header {
        height: 50px;
        border-bottom: 1px solid #999;
        justify-content: space-between;
        padding: 10px;
        position: fixed;
        width: 100%;
        z-index: 9998;
        /*검색창 하위*/
        background-color: #fff;
    }
    .shopProd-header .shopping-basket {
        margin-left: 0 !important;
    }
    .shopProd-header>div {
        width: 115px;
        justify-content: flex-end;
    }
    .shopProd-header>div>a {
        margin-right: 10px;
        width: 29px;
        height: 29px;
    }
    .shopProd-header>div>a:last-child {
        margin-right: 0px;
    }
    .shopProd-header img {
        width: auto;
        height: 100%;
        object-fit: contain;
        cursor: pointer;
    }
    .shopProd-header>div>img {
        padding: 0 5px;
    }
    .swiper-group2-pagination.pagination.dot-pagination {
        padding: 5px !important;
    }
    .swiper-group1-pagination.pagination.dot-pagination,
    .swiper-group3-pagination.pagination.dot-pagination {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .relatedProducts {
        margin-bottom: 0;
    }
    .relatedProducts .swiper-all {
        width: 100%;
    }
    .naver-compare {
        padding: 0;
        flex-direction: column;
        border: none;
    }
    .naver-compare>div {
        width: 100%;
        flex-direction: row;
    }
    .naver-compare-left {
        padding: 12px;
        align-items: center;
        justify-content: space-between;
    }
    .naver-compare-left>p {
        font-size: 15px;
    }
    .naver-compare-left>div {
        width: calc(100% - 150px);
    }
    .naver-compare-left>div>p {
        font-size: 15px;
    }
    .naver-compare-right {
        border: none;
        height: 110px;
        margin-right: 0;
    }
    .thumbnail-naverComp.thumbnail-wide .item-info>div {
        height: 100%;
    }
    .detailView-btn {
        font-size: 12px;
        border-radius: 3px;
        width: 85px;
        height: 25px;
        margin-left: 5px;
    }
    .swiper-group4 {
        padding-right: 7%;
    }
    .bestPhotoReview img {
        width: 85px;
        height: 85px;
    }
    .swiper-group4 .review-cont {
        width: calc(100% - 85px);
    }
    .swiper-group4 .review-best {
        width: 45px;
        height: 20px;
    }
    .swiper-group4 .review-grade span {
        margin-left: 2px;
        font-size: 16px;
    }
    .swiper-group4 .review-text {
        font-size: 15px;
        line-height: 19px;
        height: 40px;
        min-height: 40px;
    }
    .item-review img {
        width: 100px;
        height: 100px;
    }
    .item-review .review-left {
        width: 100%;
    }
    .item-review-answer {
        background-color: #f6f6f6;
    }
    .item-review-answer span:nth-child(2) {
        padding: 15px 0 0;
        font-size: 16px;
        line-height: 21px;
    }
    .good-wrap {
        width: 75px;
        height: 35px;
        font-size: 15px;
    }
    .good {
        width: 17px;
        height: 17px;
    }
    .swiper-group4-pagination.pagination.dot-pagination {
        padding-top: 10px !important;
        padding-bottom: 0 !important;
    }
    .md-review {
        border-bottom: 10px solid #eeeeee;
    }
    .md-review>li {
        flex-wrap: wrap;
    }
    .md-review-text {
        margin-left: 0;
        padding: 20px 0 0;
        line-height: 22px;
    }
    .item-review-wrap {
        margin-top: 10px;
    }
    .item-review .review-text {
        font-size: 15px;
        line-height: 21px;
        min-height: auto;
    }
    .fixedBuy-bookmark {
        display: none;
    }
    .swiper-group4-next {
        background: #fff url('/images/arrow/gnb-arrow-black.png') no-repeat center/contain;
        top: -22px;
        box-shadow: none;
        width: 24px;
        height: 25px;
        right: 12px;
    }
    .fixed-buy-bg.on {
        display: block;
    }
    .spec-table-wrap h5 {
        font-size: 16px;
    }
    .spec-table {
        font-size: 14px;
    }
    .spec-table>li>div {
        padding: 10px;
    }
    .spec-title {
        width: 105px;
    }
    .spec-content {
        width: calc(100% - 105px);
    }
}

/* 주문 프로세서 - 장바구니 */

#orderProcess-route {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#orderProcess-route .page-title h1 {
    font-size: 38px;
}

#orderProcess-route>p {
    color: #d1d1d1;
    display: flex;
    align-items: center;
}

.route-icon {
    display: inline-block;
    width: 9px;
    height: 17px;
    background: url("../images/arrow/route-grey.png") no-repeat center/contain;
    margin: 0 15px;
}

.route-icon.on {
    background: url("../images/arrow/route-blue.png") no-repeat center/contain;
}

.route-icon.pass {
    background: url("../images/arrow/route-indigo.png") no-repeat center/contain;
}

.cart-option {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.cart-option label {
    color: #666;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.cart-option .custom-checkbox[type="checkbox"] {
    width: 19px;
    height: 19px;
}

.cart-option label>p {
    padding: 0 15px 0 7px;
    font-size: 20px;
    font-weight: 500;
    color: #666;
}

.cart-option>div {
    display: flex;
}

.cart-option>div>div {
    margin-left: 10px;
}

.itemSelect-Delete,
.itemAll-Delete {
    border-radius: 30px;
    padding: 5px 0;
    width: 135px;
    text-align: center;
    cursor: pointer;
}

.itemSelect-Delete {
    background-color: #f4eaeb;
    color: #81879b;
}

.itemAll-Delete {
    background-color: #81879b;
    color: #fff;
}

.cart-list-wrap {
    border: 1px solid var(--scLine);
    border-radius: 5px;
}

.cart-header {
    display: flex;
    justify-content: space-between;
    padding: 10px 30px 10px 65px;
    color: #666c7f;
    font-size: 15px;
    font-weight: 300;
}

.cart-header>li {
    text-align: center;
}

.deliveryDivision-title-wrap {
    padding: 20px 0 20px 65px;
    border-top: 1px solid var(--scLine);
}

.deliveryDivision-title {
    display: inline-block;
    border-radius: 30px;
    padding: 7px 0;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    width: 194px;
    text-align: center;
}

.deliveryDivision-title-1 {
    background-color: var(--scPoint);
}

.deliveryDivision-title-2 {
    background-color: #333;
}

.deliveryDivision-title>span:first-child {
    color: #ffc2d0;
}

.basket-item {
    position: relative;
}

.basket-item>ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 30px 30px 65px;
    position: relative;
    border-top: 1px solid var(--scLine);
}

.basket-item>ul>li:not(:nth-child(2)) {
    display: flex;
    justify-content: center;
}

.basket-item>ul>li:nth-child(1),
.cart-header>li:nth-child(1) {
    width: 130px;
    min-width: 130px;
}

.basket-item>ul>li:nth-child(2),
.cart-header>li:nth-child(2) {
    width: 360px;
}

.basket-item>ul>li:nth-child(3),
.cart-header>li:nth-child(3) {
    width: 150px;
    min-width: 110px;
}

.basket-item>ul>li:nth-child(4),
.cart-header>li:nth-child(4) {
    width: 115px;
    min-width: 110px;
}

.basket-item>ul>li:nth-child(5),
.cart-header>li:nth-child(5) {
    width: 120px;
    min-width: 110px;
}

.basket-item>ul>li:nth-child(6),
.cart-header>li:nth-child(6) {
    width: 90px;
    min-width: 85px;
}

.basket-item>ul>li:nth-child(7),
.cart-header>li:nth-child(7) {
    width: 140px;
    min-width: 130px;
}

.basket-item>ul>li:nth-child(8),
.cart-header>li:nth-child(8) {
    width: 100px;
    min-width: 100px;
}

.basket-item-thumb a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.basket-item-thumb-img {
    width: 125px;
    height: 125px;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 5px;
}

.order-item-info-wrap {
    padding: 5px 0px;
}

.order-item-info-wrap>p {
    margin-top: 10px;
}

.order-item-info-wrap h3:hover {
    color: var(--scPoint);
}

.order-item-info-wrap>p:not(:last-child) {
    margin-bottom: 3px;
}

.basket-select-amount {
    width: 150px;
}

.basket-aenuri {
    text-align: center;
}

.basket-aenuri .aenuri {
    width: 61px;
    height: 25px;
    margin-left: 0;
}

.basket-item .custom-checkbox {
    width: 19px;
    height: 19px;
    position: absolute;
    top: 45%;
    left: 23px;
    transform: translateY(-50%);
}

.basket-item .option-close {
    position: absolute;
    top: 30px;
    right: 30px;
}

.soldout-text,
.nowBuy-text {
    border-radius: 30px;
    width: 100px;
    padding: 7px 0;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
}

.soldout-text {
    border: 1px solid #333;
}

/* 품절 */

.nowBuy-text {
    border: 1px solid var(--scPoint);
    color: var(--scPoint);
}

/* 바로구매 */

.order-totalPrice {
    display: flex;
    justify-content: end;
    align-items: center;
    padding: 20px 50px;
    background-color: #f2f5f7;
}

.order-totalPrice>p:first-child {
    margin-right: 50px;
}

.cart-order-button-group {
    display: flex;
    justify-content: end;
    padding: 30px 0;
}

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

.important {
    display: inline-block;
    min-width: 17px;
    height: 17px;
    background: url("../images/important.png") no-repeat center/contain;
    margin-right: 7px;
}

.importText {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: 21px;
}

.viewTerms {
    position: relative;
    margin-left: 10px;
}

.viewTerms::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: var(--scPoint);
    width: 100%;
    height: 1px;
}

.table-phone .table-content select,
.table-phone .table-content input {
    width: 105px;
}

.selectOrder,
.allOrder {
    width: 275px;
    height: 60px;
    font-size: 25px !important;
    font-weight: 500 !important;
}

@media (max-width:1300px) {
    .cart-header,
    .basket-item>ul,
    .deliveryDivision-title-wrap {
        padding-left: 50px;
        padding-right: 15px;
    }
    .basket-item .custom-checkbox {
        left: 15px;
    }
}

@media (max-width: 991px) {
    .container.cart {
        padding: 0 10px;
    }
    .route-icon {
        width: 6px;
        margin: 0 10px;
    }
    .cart-option {
        justify-content: space-between;
    }
    .cart-option>label>p {
        padding: 0;
    }
    .cart-option>div>div {
        margin-left: 7px;
        padding: 5px 16px;
    }
    .cart-option>div>div:nth-child(1) {
        margin-left: 0;
    }
    .cart-basket-list>div:first-child .deliveryDivision-title-wrap {
        border-top: none;
    }
    .deliveryDivision-title-wrap {
        padding: 10px 20px;
    }
    .mo-order-item {
        padding-top: 15px;
        border-top: 1px solid #bfbfbf;
        position: relative;
        width: 100%;
    }
    .basket-item-thumb a {
        width: auto;
    }
    .mo-order-item-innerWrap {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 16px;
    }
    .mo-order-item-innerWrap .select-amount {
        margin-left: 15px;
    }
    .mo-order-item-innerWrap-thumb {
        align-items: start;
        justify-content: start;
    }
    .mo-order-item-thumb {
        margin: 0 13px 0 10px;
    }
    .mo-order-item-thumb a {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .mo-order-item-thumb .font-sm {
        font-size: 12px;
    }
    .mo-order-item .basket-item-thumb-img {
        width: 90px;
        height: 90px;
        border: 1px solid #999;
    }
    .mo-order-item>div {
        margin-bottom: 10px;
        padding: 0 15px;
    }
    #cart .mo-order-item>div {
        padding: 0 10px 0 20px;
    }
    .mo-order-item>div:nth-last-of-type(1) {
        margin-bottom: 0;
    }
    .mo-order-item .item-bedge {
        margin-left: 23px;
    }
    .mo-order-item .item-condition {
        padding: 3px 17px;
        font-size: 12px;
    }
    .mo-order-item-price-wrap {
        border-top: 1px solid #bfbfbf;
        padding: 15px 20px !important;
    }
    .mo-order-item-price-wrap>div {
        margin-bottom: 5px;
    }
    .orderAvailability {
        display: flex;
        justify-content: end;
        margin-top: 12px;
        margin-bottom: 0px !important;
    }
    .mo-order-item .custom-checkbox {
        width: 19px;
        height: 19px;
        position: absolute;
        top: 60px;
        left: 6px;
    }
    .mo-order-item .option-close {
        position: absolute;
        top: 15px;
        right: 12px;
    }
    .mo-order-total-wrap {
        background-color: #f7f8f8;
        padding: 20px 30px;
        margin-top: 15px;
    }
    .mo-order-totalPrice {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 10px;
    }
    .mo-order-button-group>a {
        flex: 1;
        padding: 15px 0;
    }
    .mo-order-button-group .btn {
        border-radius: 0;
        border-left: 0;
        border-right: 0;
    }
    .mo-order-button-group .btn+.btn {
        margin-left: 0 !important;
    }
    .deliveryDivision-title {
        font-size: 14px;
        width: 170px;
        padding: 5px 0;
    }
    .mo-order-item-innerWrap .order-item-info-wrap {
        position: relative;
    }
    .order-item-info-wrap {
        padding: 0;
        width: auto !important;
    }
    .selectOrder,
    .allOrder {
        height: 50px;
        font-size: 16px !important;
    }
}

/* 주문/결제정보입력 */

#order .table-title,
#order .table-content {
    font-size: 15px;
}

#order .table-title {
    font-weight: 400;
}

#order .table-content {
    font-weight: 300;
    flex-wrap: wrap;
}

#order .form-control {
    height: 40px;
    font-size: 15px;
}

#order .table-content .radioSet {
    margin-right: 20px;
    padding: 10px 0;
}

.orderPage-title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 25px;
    color: #000;
}

.order-info-wrap {
    border: 1px solid var(--scLine);
    border-radius: 5px;
    margin-bottom: 30px;
    overflow: hidden;
}

.order-info-wrap .order-item-list>li:last-child {
    border-bottom: none;
}

.order-header {
    padding: 10px 30px;
    border-bottom: 1px solid var(--scLine);
    color: #81879b;
    font-size: 17px;
    font-weight: 300;
}

.order-header,
.order-item>ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.order-header>li,
.order-item>ul>li:not(:nth-of-type(2)) {
    display: flex;
    justify-content: center;
    align-items: center;
}

.order-item {
    padding: 20px 30px;
    border-bottom: 1px solid var(--scLine);
    color: #666;
}

.order-item>ul>li:nth-child(1),
.order-header>li:nth-child(1) {
    width: 150px;
}

.order-item>ul>li:nth-child(2),
.order-header>li:nth-child(2) {
    width: 340px;
}

.order-item>ul>li:nth-child(3),
.order-header>li:nth-child(3) {
    width: 150px;
}

.order-item>ul>li:nth-child(4),
.order-header>li:nth-child(4) {
    width: 135px;
}

.order-item>ul>li:nth-child(5),
.order-header>li:nth-child(5) {
    width: 135px;
}

.order-item>ul>li:nth-child(6),
.order-header>li:nth-child(6) {
    width: 90px;
}

.order-item>ul>li:nth-child(7),
.order-header>li:nth-child(7) {
    width: 150px;
}

.order-item>ul>li:nth-child(8),
.order-header>li:nth-child(8) {
    width: 195px;
    min-width: 195px;
}

.order-item-thumb a {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100px;
    height: 100%;
}

.order-total-wrap {
    display: flex;
    justify-content: end;
    align-items: center;
    background-color: #f2f5f7;
    border-top: 1px solid var(--scLine);
}

.order-total-wrap .order-totalPrice {
    padding: 20px 50px 20px 0;
}

.order-total-wrap .order-totalPrice>p:first-child {
    margin-right: 35px;
}

.order-total-wrap .div-line {
    margin-left: 30px;
    padding-right: 30px;
    padding-left: 0;
}

.order-total-wrap .div-line::before {
    width: 2px;
    background-color: #2d2d2d;
}

.table {
    border: 2px solid #d1d1d1;
    border-radius: 5px;
    margin-bottom: 30px;
}

.table>li {
    display: flex;
    border-bottom: 1px solid var(--scLine);
}

.table>li:last-child {
    border-bottom: none;
}

.table-title,
.table-content {
    min-height: 68px;
    padding: 15px 0;
}

.table-title {
    width: 165px;
    background-color: #f2f5f7;
    color: #81879b;
    border-right: 2px solid #d1d1d1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
}

.table-content {
    width: calc(100% - 165px);
    padding: 20px 40px;
    display: flex;
    justify-content: start;
    align-items: center;
    position: relative;
    color: #333;
}

.openClose {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    width: 15px;
    height: 11px;
    cursor: pointer;
}

.openClose2 {
    display: none;
}

.mobile-number {
    padding-right: 25px;
}

.smsGuide {
    font-size: 13px;
    color: #333 !important;
    padding-right: 25px;
    padding-left: 15px;
}

.radioSet {
    display: flex;
    align-items: center;
    white-space: nowrap;
}

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

.addressConfirm>.radioSet {
    margin-right: 30px;
    margin-left: 0;
    display: flex;
    align-items: center;
}

.input-email {
    display: flex;
    align-items: center;
}

.at {
    margin: 0 5px;
}

.phone .form-control {
    width: 85px;
}

.deliveryMessage {
    width: 80%;
}

.addr-info {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
}

.addr-input {
    display: flex;
    align-items: center;
    margin-bottom: 7px;
}

.addr-input>input {
    margin-right: 15px;
}

.addr-input:last-child {
    margin-bottom: 0;
}

.addr-input label,
.addr-input>p {
    display: flex;
    align-items: center;
}

.addr-text {
    width: 50%;
}

select.form-control {
    appearance: none;
    background: url(../images/arrow/down-arrow3.png) no-repeat right 15px center/15px;
}

.verticalAlign {
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.point-wrap>p {
    font-size: 13px;
    color: #ff0000 !important;
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.point {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.point>div {
    display: flex;
    align-items: center;
}

.point:nth-last-of-type(1) {
    margin-bottom: 0;
}

.point>p {
    margin-left: 15px;
    font-size: 13px;
    color: #333 !important;
    font-weight: 300;
}

.point input {
    width: 250px;
}

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

.saleCoupon p {
    font-size: 13px;
    margin-bottom: 20px;
    color: #666 !important;
}

.check {
    display: inline-block;
    background: url("../images/check/check2.png") no-repeat center/contain;
    width: 11px;
    height: 9px;
    margin-right: 5px;
}

.saleCoupon-icon {
    display: inline-block;
    background: url("../images/saleCoupon.png") no-repeat center/contain;
    width: 95px;
    height: 40px;
    margin-left: 15px;
}

.generalPayment>div {
    display: flex;
    flex-wrap: wrap;
}

.generalPayment>div>div {
    align-items: center;
    margin-right: 20px;
}

.generalPayment>div>div:last-child {
    margin-right: 0;
}

.generalPayment-Phrases>p,
.easyPayment>p {
    font-size: 13px;
    color: #111 !important;
    align-items: center;
    border: 1px solid var(--scLine);
    padding: 10px;
    line-height: 19px;
}

.generalPayment-Phrases>p {
    display: none;
    margin-top: 10px;
}

.easyPayment>p {
    margin-top: 10px;
}

.generalPayment>div label {
    margin-left: 5px;
    margin-right: 15px;
    display: flex;
    align-items: center;
    margin: 4px 0;
    cursor: pointer;
}

.generalPayment>div:first-child label {
    margin-left: 0;
}

.generalPayment>div:last-child label {
    margin-right: 0;
}

.easyPayment label {
    display: flex;
    margin-right: 20px !important;
    height: 100%;
    cursor: pointer;
    align-items: center;
    min-width: 60px;
    margin: 4px 0;
}

.order-button-group {
    display: flex;
    justify-content: center;
    padding-top: 30px;
}

.orderer .form-control,
.receiver .form-control {
    width: 175px;
    font-size: 15px !important;
}

#order .table-phone input[type="radio"] {
    width: auto;
}

.orderer-pw input {
    width: 440px !important;
}

#order .table-phone select,
#order .table-phone input #order #k_address1 {
    width: 175px;
}

#order .addr-text {
    width: 60%;
    font-size: 15px;
}

#order .addr-input img {
    width: 12px;
    height: 12px;
    margin-right: 5px;
}

#order .table-phone select,
#order .table-phone input {
    width: 85px;
    max-width: 85px;
    font-size: 15px !important;
    padding: 0 10px;
}

.easyPayment .easyPayment-company {
    padding-left: 5px;
    height: 17px;
    width: auto;
}

.nonMember-terms .scroll-y {
    height: 130px;
    margin-top: 15px;
    resize: none;
    color: #fff !important;
    background-color: #9c9c9c;
    line-height: 23px;
    border: none;
    border-radius: 0;
    padding: 15px !important;
}

.nonMember-terms .scroll-y::-webkit-scrollbar {
    background-color: transparent;
    width: 10px;
}

#orderComplete .order-total-wrap,
#orderComplete .order-totalPrice {
    background-color: transparent;
}

@media (max-width: 450px) {
    .addrListBtn {
        margin-top: 7px;
    }
}

@media (max-width: 991px) {
    #order .table-title,
    #order .table-content {
        font-size: 14px;
        line-height: 17px;
    }
    #order .table-phone .table-content>div.flex-center {
        width: auto;
        padding: 0;
        justify-content: start;
    }
    .orderPage-title {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .order-info-wrap {
        flex-direction: column;
    }
    #orderProcess-route {
        flex-direction: column;
    }
    #orderProcess-route>div {
        margin-bottom: 10px;
    }
    .table {
        border: 1px solid var(--scLine);
        overflow: hidden;
    }
    .table li {
        flex-direction: column;
    }
    .table li:first-child .table-content {
        font-weight: 400;
    }
    .table-title,
    .table-content {
        width: 100%;
        justify-content: center;
        font-size: 14px;
        padding: 10px 8px !important;
        min-height: 45px !important;
    }
    .table-title {
        border-bottom: 1px solid var(--scLine);
        border-right: 0;
        justify-content: start;
        font-weight: 500;
        min-height: 30px !important;
    }
    .sm-table-column .table-content {
        align-items: flex-start;
        flex-direction: column;
    }
    .table.mo li {
        flex-direction: row;
    }
    .table.mo .table-title {
        width: 110px;
        border-bottom: none;
        border-right: 1px solid var(--scLine);
        justify-content: center;
    }
    .table.mo .table-content {
        width: calc(100% - 110px);
        padding-left: 25px;
        flex-direction: row;
        justify-content: start;
        align-items: center;
    }
    .table-phone .table-content {
        align-items: center;
        flex-direction: row;
    }
    .receiver {
        flex-direction: column;
    }
    .point {
        flex-wrap: wrap;
        width: 100%;
    }
    .point>div {
        width: 100%;
        justify-content: space-between;
    }
    .point>p {
        margin-left: 50px;
        margin-top: 5px;
    }
    #point1,
    #point2 {
        width: calc(100% - 50px);
    }
    #order .mo-order-total-wrap,
    #orderComplete .mo-order-total-wrap {
        flex-direction: column;
        border-top: 1px solid #bfbfbf;
        padding: 15px 20px;
        margin-top: 0;
    }
    #order .mo-order-item-thumb,
    #orderComplete .mo-order-item-thumb {
        margin: 0 15px 0 0;
    }
    .mobile-number,
    .smsGuide {
        padding: 5px 10px 5px 5px;
        line-height: 17px;
    }
    .table .table-content div .radioSet:nth-child(1) {
        padding: 5px 0;
    }
    #order .table .table-content div .radioSet {
        padding: 5px 0 5px 5px !important;
    }
    #order .table-phone select,
    #order .table-phone input {
        width: 29.5% !important;
        font-size: 13px !important;
    }
    #order .form-control,
    #order .form-control::placeholder {
        font-size: 13px !important;
        padding: 5px 10px !important;
    }
    #receiverName {
        width: 100%;
    }
    .addrListBtn,
    .couponListBtn {
        font-size: 13px !important;
    }
    .saleCoupon p {
        margin-bottom: 5px;
        font-size: 12px;
        line-height: 15px;
    }
    .saleCoupon-icon {
        width: 80px;
        height: 35px;
    }
    .input-email {
        display: flex;
        flex-wrap: wrap;
        margin-left: 0;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
    .input-email label {
        display: none;
    }
    .input-email>input:nth-of-type(1) {
        order: 1;
        width: calc(50% - 15px);
        margin: 7px 0;
    }
    .input-email>span {
        order: 2;
    }
    .input-email>input:nth-of-type(2) {
        order: 4;
        width: 100%;
    }
    .input-email>select {
        order: 3;
        width: calc(50% - 15px) !important;
        margin: 0 !important;
    }
    .table-phone .table-content>*:not(span) {
        width: 33%;
        padding: 0 10px;
    }
    .deliveryMessage {
        width: 100%;
    }
    .point-wrap>p,
    .generalPayment>p {
        align-items: initial;
        font-size: 12px;
        line-height: 15px;
    }
    .addr-info {
        padding-bottom: 30px;
    }
    .addr-text {
        width: 100%;
        margin-right: 0 !important;
    }
    .addr-input:nth-of-type(1) input {
        width: calc(100% - 150px);
        margin-right: 10px;
    }
    .addr-input:nth-of-type(2)>*:not(input) {
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .addr-input:nth-of-type(3)>*:not(input) {
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .addressConfirm>.radioSet {
        margin-right: 15px;
    }
    .table-content.addressConfirm,
    .table-content.easyPayment {
        flex-direction: row;
        align-items: center;
    }
    .orderer-pw input {
        width: 100% !important;
    }
    .table-phone2 .table-content>div>*:not(span) {
        width: 33%;
        padding: 0 10px;
    }
    .sm-table-row li {
        flex-direction: row;
    }
    .sm-table-row .table-title {
        width: 90px;
        border-bottom: none;
        justify-content: center;
        border-right: 1px solid var(--scLine);
        text-align: center;
    }
    .sm-table-row .table-content {
        width: calc(100% - 90px);
        justify-content: start;
        flex-wrap: wrap;
    }
    .sm-table-row .table-title,
    .sm-table-row .table-content {
        padding: 15px;
    }
    .itemSelect-Delete,
    .itemAll-Delete {
        width: 115px;
    }
    .soldout-text,
    .nowBuy-text {
        font-size: 16px;
        padding: 7px 0;
        width: 120px;
    }
    .addrListModal .scroll-y>ul>li:nth-child(2) {
        border-right: none;
    }
    #orderProductList .order-item,
    #findNoMemberOrders .order-item {
        width: 100% !important;
        padding: 0;
        border-right: none;
        border-bottom: 1px solid var(--scLine);
    }
    #orderProductList .order-item>p,
    #findNoMemberOrders .order-item>p {
        border-bottom: 1px solid var(--scLine);
        padding: 10px 15px;
    }
    #orderProductList .order-item>ul,
    #findNoMemberOrders .order-item>ul {
        flex-wrap: wrap;
    }
    #orderProductList .order-item>ul>li,
    #findNoMemberOrders .order-item>ul>li {
        padding: 10px 15px;
        width: 100%;
    }
    #orderProductList .order-item>ul>li:nth-child(1),
    #findNoMemberOrders .order-item>ul>li:nth-child(1) {
        width: 130px;
    }
    #orderProductList .order-item>ul>li:nth-child(2),
    #findNoMemberOrders .order-item>ul>li:nth-child(2) {
        width: calc(100% - 130px);
        padding: 10px 15px 10px 0;
    }
    #orderProductList .order-item>ul>li:last-child,
    #findNoMemberOrders .order-item>ul>li:last-child {
        border-top: 1px solid var(--scLine);
        justify-content: start;
    }
    .orderDetail-wrap .order-info-wrap {
        border: none;
    }
    #order .addr-text {
        width: 100%;
    }
}

/* 배송지 목록 */

.addrListModal {
    width: 860px;
    padding: 50px 25px;
}

.addrListModal h2 {
    text-align: center;
    margin-bottom: 40px;
}

.addrListModal .scroll-y {
    max-height: 565px;
    padding-right: 20px;
}

.addrListModal .scroll-y>ul {
    display: flex;
    justify-content: space-between;
}

.addrList-table-title {
    background-color: #f6f6f6;
    border-top: 1px solid #333;
}

.addrList-table-title li {
    padding: 15px 0;
}

.addrList-table-cont>li:nth-child(2) {
    align-items: start !important;
    padding-left: 20px;
}

.addrListModal .scroll-y>ul>li:nth-child(1) p {
    word-break: break-all;
    text-align: center;
}

.addrListModal .scroll-y>ul>li:nth-child(1),
.addrListModal .scroll-y>ul>li:nth-child(3) {
    width: 160px;
}

.addrListModal .scroll-y>ul>li:nth-child(2) {
    width: 335px;
}

.addrListModal .scroll-y>ul>li:nth-child(4) {
    width: 135px;
}

.addrListModal .scroll-y>ul>li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-right: 1px solid var(--scLine);
}

.addrListModal .scroll-y>ul>li:last-child {
    border-right: 0;
}

.addrList-table-cont {
    border-bottom: 1px solid #b1b1b1;
}

.addrList-table-cont>li {
    padding: 25px 0;
    font-weight: 300;
}

.select-btn {
    width: 83px;
    height: 32px;
    font-size: 15px !important;
    font-weight: 500 !important;
}

.addrListClose-btn {
    width: 220px;
    height: 60px;
    font-size: 25px !important;
    font-weight: 500 !important;
}

.addrModal-close,
.couponModal-close {
    cursor: pointer;
    position: absolute;
    top: 25px;
    right: 30px;
    width: 22px;
    height: 22px;
}

@media (max-width: 991px) {
    .addrListModal {
        width: 100% !important;
        padding: 20px 0 25px !important;
    }
    .addrListModal .scroll-y {
        height: 100% !important;
        max-height: 100% !important;
        padding-right: 0;
    }
    .addrList-table-title,
    .addrListModal>ul>li:nth-child(3) {
        display: none !important;
    }
    #order .addrListModal .font-xsm {
        font-size: 15px;
    }
    .addrListModal h2 {
        border-bottom: 1px solid #bcbcbc;
        margin-bottom: 0;
        padding-bottom: 20px;
        font-size: 23px;
    }
    .select-btn {
        font-size: 14px !important;
        width: 65px;
    }
    .addrList-table-cont>li {
        padding: 20px 12px 20px 0;
    }
    .addrListModal>ul>li:nth-child(1) {
        width: 100px;
    }
    .addrListModal>ul>li:nth-child(2) {
        width: calc(100% - 190px);
        padding-left: 12px;
        border-right: none;
    }
    .addrListModal>ul>li:nth-child(4) {
        width: 90px;
    }
    .addrModal-close {
        top: 25px;
        right: 20px;
        width: 17px;
        height: 17px;
    }
    .addrListModal .order-button-group {
        display: none;
    }
    .addrListModal .scroll-y>ul>li:nth-child(1) {
        width: 110px;
        min-width: 110px;
    }
}

/* 할인쿠폰적용 모달 */

.couponModal {
    padding: 50px 25px;
}

.couponModal .table-title2 {
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    background-color: #f2f5f7;
}

.couponModal .table-content2 {
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
}

.couponModal .table-content2 li {
    padding: 15px;
}

.couponModal .table-title2 li:nth-child(1),
.couponModal .table-content2 li:nth-child(1) {
    width: 375px;
}

.couponModal .table-title2 li:nth-child(2),
.couponModal .table-content2 li:nth-child(2) {
    width: 165px;
}

.couponModal .table-title2 li:nth-child(3),
.couponModal .table-content2 li:nth-child(3) {
    width: 100px;
}

.couponModal .table-title2 li:nth-child(4),
.couponModal .table-content2 li:nth-child(4) {
    width: 300px;
}

.couponModal .table-title2 li:nth-child(5),
.couponModal .table-content2 li:nth-child(5) {
    width: 210px;
}

.couponModal select {
    width: 100%;
}

.couponModal .totalDiscount {
    background-color: #f2f5f7;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #dddddd;
    padding: 15px 50px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.couponModal .totalDiscount>p {
    width: 190px;
    text-align: end;
    font-size: 24px;
}

.couponUseInfo {
    background: url("../images/couponuseinfo.png") no-repeat center/cover;
    width: 100%;
    height: 70px;
    color: #fff;
    display: flex;
    margin-bottom: 15px;
    padding: 15px 35px;
}

.couponUseInfo p {
    font-size: 18px;
    color: #fff !important;
}

.couponUseInfo span {
    font-size: 14px;
}

.couponModal .scroll-y {
    max-height: 417px;
    padding-right: 15px;
}

@media (max-width: 991px) {
    .couponModal {
        padding: 20px 0 !important;
    }
    .couponModal .scroll-y {
        padding-right: 0;
    }
    .couponModal .table-title2 {
        border-bottom: none;
        border-left: none;
        border-right: none;
    }
    .couponModal .table-title2 li:nth-child(1),
    .couponModal .table-content2 li:nth-child(1) {
        width: 55% !important;
    }
    .couponModal .table-title2 li:nth-child(2),
    .couponModal .table-content2 li:nth-child(2) {
        width: 25% !important;
    }
    .couponModal .table-title2 li:nth-child(3),
    .couponModal .table-content2 li:nth-child(3) {
        width: 20% !important;
        border-right: none;
    }
    .couponModal .table-content2 li:nth-child(4) {
        width: 70% !important;
    }
    .couponModal .table-content2 li:nth-child(5) {
        width: 30% !important;
    }
    .couponModal .table-title2 {
        border-bottom: none;
    }
    .couponModal .table-title2>li {
        padding: 10px;
    }
    .couponModal .table-content2>li {
        padding: 7px;
        min-height: 45px;
    }
    #order .couponModal .form-control {
        height: 35px;
        border-radius: 0;
    }
    .couponUseInfo {
        height: auto;
    }
    .couponUseInfo p {
        font-size: 14px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }
    .couponUseInfo span {
        font-size: 11px;
    }
    .couponUseInfo i {
        width: 80px;
        height: 45px;
        background: url("../images/icon/saleCoupon.png") no-repeat center/contain;
    }
    .couponModal .totalDiscount {
        font-size: 14px;
        padding: 10px 15px;
        border-left: none;
        border-right: none;
        border-bottom: 1px solid #333;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .couponModal .totalDiscount>p {
        width: 120px;
        font-size: 18px;
    }
    .addrModal-close,
    .couponModal-close {
        width: 15px;
        height: 15px;
        right: 15px;
    }
}

/* 주문완료 */

#orderComplete .order-header>li:last-child,
#orderComplete .order-item>ul>li:last-child {
    width: 200px;
    min-width: 200px;
}

.paymentType>div .paymentStatus>div {
    display: flex;
    align-items: center;
}

.receipt-btn {
    margin-left: 35px;
}

.orderCancel-btn {
    margin-left: 20px;
}

.orderCancel-btn a {
    padding: 7px 30px;
}

.paymentStatus .div-line {
    margin-left: 10px;
    padding-left: 10px;
}

.paymentStatus .div-line::before {
    height: 13px;
}

.underline,
.dark-underline {
    position: relative;
}

.underline::after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 1px;
    background: var(--scPoint);
}

.dark-underline::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #666;
}

.paymentType>div,
.paymentStatus>div {
    width: 100%;
    display: flex;
    align-items: center;
}

@media (max-width: 991px) {
    .orderNum {
        margin-bottom: 10px;
    }
    .orderComplete-txt h3 {
        font-size: 17px;
    }
    .orderComplete-txt .font-xlg {
        font-size: 13px;
    }
    .orderComplete-txt .underline::after {
        content: none;
    }
    #orderComplete .order-button-group {
        padding-top: 0;
    }
    .receipt-btn {
        margin-left: 17px;
    }
    #orderComplete .table-content.font-xxlg {
        font-size: 21px;
    }
    .paymentStatus>div p {
        line-height: 17px;
    }
    #orderComplete .mo-order-total-wrap {
        background-color: transparent;
    }
}

/* 메뉴 */

/* 행 전체 메뉴 menu-full */

.menu-full {
    display: flex;
}

.menu-full>li {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    cursor: pointer;
}

.menu-full>li.on {
    font-weight: 600;
}

/*행 전체 메뉴(menu-full) - 1. 탭 박스형 언더라인*/

.menu-full.menu-box>li {
    background-color: #ffffff;
    border-top: 1px solid var(--scLine);
    border-right: 1px solid var(--scLine);
    border-bottom: 2px solid var(--scPoint);
}

.menu-full.menu-box>li:nth-child(1) {
    border-left: 1px solid var(--scLine);
}

.menu-full.menu-box>li.on {
    background-color: var(--scPoint);
    border-right: 1px solid var(--scPoint);
    color: var(--scPointFont);
}

.menu-full.menu-box>li.on:hover {
    color: var(--scPointFont);
}

.menu-full.menu-box>li:hover {
    color: var(--scPoint);
    font-weight: 600;
}

.menu-box {
    height: 60px;
    font-size: 18px;
    font-weight: 500;
}

.menu-box li {
    padding: 5px 5px;
    text-align: center;
}

@media (max-width: 991px) {
    .event-tab-sticky .menu-box {
        height: 100% !important;
    }
    .menu-box {
        height: 40px;
        text-align: center;
    }
    .menu-full>li.on {
        font-weight: 500;
    }
    .menu-full.menu-box>li {
        border-bottom: 1px solid #b7b7b7;
    }
    .menu-full.menu-box>li:nth-of-type(1) {
        border-left: none;
    }
    .menu-full.menu-box>li:nth-last-of-type(1) {
        border-right: none;
    }
    .sm-flexWrap-menu.menu-full {
        flex-wrap: wrap;
    }
    .sm-flexWrap-menu.menu-full>li {
        flex: none;
        width: 50%;
        border-bottom: none;
    }
    .sm-flexWrap-menu.menu-full>li:nth-child(2n) {
        border-right: none;
    }
    .sm-flexWrap-menu.menu-full>li:nth-last-of-type(1),
    .sm-flexWrap-menu.menu-full>li:nth-last-of-type(2) {
        border-bottom: 1px solid #b7b7b7;
    }
}

/*행 전체 메뉴 - 2. 상하 라인*/

/*[상품상세페이지 플로팅 메뉴]*/

.boxTab3-wrap {
    background-color: #fff;
}

.boxTab3-wrap.on {
    box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.05), 0 3px 9px 0 rgba(0, 0, 0, 0.35);
}

.boxTab3-wrap.on .menu-lines {
    border-bottom: none;
}

.menu-full.menu-lines {
    border-top: 1px solid #595959;
    border-bottom: 1px solid var(--scLine);
}

.menu-full.menu-lines>li {
    font-size: 23px;
    height: 67px;
    font-weight: 500;
    background-color: #ffffff;
    color: #333;
    border-bottom: 2px solid transparent;
}

.menu-full.menu-lines>li.on {
    border-bottom: 2px solid var(--scPoint);
    color: var(--scPoint) !important;
}

.box-shadow-dark {
    box-shadow: 0px 11px 13px rgb(0 0 0 / 20%);
}

/*행 전체 메뉴 - 3. 아이콘 박스형*/

/*고객센터*/

.cc-menu-tab {
    display: flex;
    justify-content: center;
    padding: 95px 0 80px;
}

.cc-menu-tab li {
    width: 255px;
    min-width: 170px;
    height: 157px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 15px;
    background-color: #f9f9f9;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
}

.cc-menu-tab li:not(:last-child) {
    margin-right: 20px;
}

.cc-menu-tab li.on {
    background-color: #f4eaeb;
    color: #21365f;
}

.cc-menu-tab li span {
    font-size: 20px;
    font-weight: 600;
    color: #5e6577;
    padding-top: 10px;
    opacity: .8;
}

.cc-menu-tab li.on span {
    font-weight: 600;
    color: #21365f;
    opacity: 1;
}

/*행 전체 메뉴 - 4. 버튼형*/

/*자주묻는 질문*/

/* 행 일부 메뉴 menu-part */

.menu-part {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
}

.menu-part>li {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    cursor: pointer;
}

@media (max-width: 991px) {
    .page-title {
        justify-content: center;
        flex-direction: column;
    }
    .menu-part {
        font-size: 15px;
    }
    .menu-full>li {
        font-size: 15px;
        line-height: 14px;
        padding: 2px;
    }
    .menu-full>li.swiper-slide {
        flex: none;
        width: auto;
        padding: 15px 20px;
        font-size: 15px !important;
    }
    .product-tab .menu-full>li {
        color: #727272 !important;
        height: 55px;
        font-size: 16px;
        line-height: 20px;
        text-align: center;
    }
    .product-tab .menu-full>li.on {
        font-weight: 600;
    }
    .boxTab3-wrap.sticky {
        top: 49px !important;
        padding: 0 !important;
    }
}

/*행 일부 메뉴(menu-part) - 좌측 버튼형*/

/*이벤트 분류 상자형*/

.menu-button>li {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #b7b7b7;
    cursor: pointer;
    margin-right: 10px;
    padding: 0 40px;
    height: 42px;
}

.menu-button>li:hover {
    color: var(--scPoint);
    font-weight: 500;
    border: 1px solid var(--scPoint);
}

.event-inner-tab.menu-button>li {
    width: auto;
    padding: 0 53px;
}

.menu-button>li:last-child {
    margin-right: 0;
}

.menu-button>li.on {
    background-color: var(--scPoint);
    color: #fff;
}

.swiper.underline-dark {
    padding-bottom: 25px;
    border-bottom: 1px solid #333;
}

.button-tab-content .col-list>li {
    padding: 30px 0;
}

.button-tab-content .col-list>li:nth-child(odd) {
    padding-right: 30px;
}

.button-tab-content .col-list>li:nth-child(even) {
    padding-left: 30px;
}

.button-tab-content .col-list>li a {
    position: relative;
    display: block;
}

.cart-breadcrumb {
    display: flex;
}

.cart-breadcrumb>li {
    display: flex;
    align-items: center;
    font-weight: 500;
    color: #d1d1d1;
    font-size: 17px;
}

.cart-breadcrumb>li.on {
    color: var(--scPoint);
}

.cart-breadcrumb>li::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 14px;
    background: url(../images/arrow/route-grey.png) no-repeat center/contain;
    margin: 0 15px;
    opacity: 1;
}

.cart-breadcrumb>li.on::after {
    background: url(../images/arrow/route-blue.png) no-repeat center/contain !important;
    opacity: 0.9;
}

.cart-breadcrumb>li.pass::after {
    background: url(../images/arrow/route-blue.png) no-repeat center/contain !important;
}

.cart-breadcrumb>li:last-child::after {
    content: none;
}

@media (max-width: 991px) {
    .button-tab-content .col-list>li {
        padding: 15px 0 !important;
    }
    .cart-breadcrumb>li {
        font-size: 15px;
    }
    .cart-breadcrumb>li::after {
        width: 6px;
        height: 12px;
    }
    .cart-option label>p {
        font-size: 16px;
        font-weight: 400;
    }
}

.page-top-banner {
    height: 300px;
}

.page-top-banner .top-banner {
    display: block;
    object-fit: cover;
    object-position: center center;
}

.page-top-banner .top-banner-mo {
    display: none;
}

/* 상품리뷰 */

.review-top-banner {
    height: 300px;
    flex-wrap: wrap;
}

.review-top-banner ul {
    display: flex;
}

.reviewBanner-title-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 35px;
    flex-wrap: wrap;
}

.reviewBanner-title {
    display: flex;
    align-items: center;
}

.speechBubble {
    display: inline-block;
    background: url("../images/speechBubble.png") no-repeat center/contain;
    width: 40px;
    height: 40px;
    margin-right: 15px;
}

.review-go-btn {
    background-color: #009eff;
    border-radius: 30px;
    padding: 10px 20px;
    margin-left: 45px;
}

.review-go-btn>a {
    display: inline-flex;
    width: 100%;
    height: 100%;
    align-items: center;
    color: #fff;
}

.review-go-btn i {
    display: inline-block;
    background: url("../images/arrow-right.png") no-repeat center/contain;
    width: 10px;
    height: 17px;
    margin-left: 35px;
}

.writeBenefit-title {
    display: inline-flex;
    align-items: center;
    border-radius: 30px;
    background-color: var(--scPoint);
    padding: 5px 30px;
    color: #fff;
    margin-bottom: 15px;
}

.writeBenefit-title>span {
    color: #C2F1FF;
}

.writeBenefit-title i {
    display: inline-block;
    background: url("../images/check/check3.png") no-repeat center/contain;
    width: 19px;
    height: 18px;
    margin-right: 10px;
}

.review-top-banner>div>ul>li {
    border-right: 2px solid #a4aabc;
    padding: 0 40px;
}

.review-top-banner>div>ul>li:first-child {
    padding-left: 0;
}

.review-top-banner>div>ul>li:last-child {
    border-right: none;
}

.review-top-banner>div>ul>li:last-child>div p:not(:last-child) {
    margin-bottom: 2px;
}

.review-notice {
    margin-bottom: 3px;
}

.review-list {
    margin-top: 40px;
}

.review-list>li {
    position: relative;
    padding: 25px 17px;
}

.review-list li:nth-child(4n+1) {
    padding-left: 0;
}

.review-list li:nth-child(4n) {
    padding-right: 0;
}

.review-list .thumb-wrap {
    padding: 8px 0 0;
    cursor: pointer;
}

.review-crown {
    display: inline-block;
    background: url("../images/thumb-icon/review-crown.png") no-repeat center/contain;
    width: 32px;
    height: 33px;
    position: absolute;
    top: -35px;
    left: 19px;
    z-index: 1;
}

.review-ranking {
    display: inline-block;
    background: url("../images/thumb-icon/review-ranking.png") no-repeat center/contain;
    width: 50px;
    height: 45px;
    position: absolute;
    top: 0;
    left: 15px;
    z-index: 1;
}

.review-ranking>span {
    position: absolute;
    top: 47%;
    left: 41%;
    transform: translate(-50%, -50%);
    font-style: normal;
    color: #fff;
    font-size: 20px;
    letter-spacing: 0px;
    font-weight: 600;
    width: 100%;
    text-align: center;
}

/* 리얼리뷰 PICK */

.swiper-realReview .swiper-slide {
    position: relative;
    padding: 7px 0 0;
}

.swiper-realReview>ul>li {
    position: relative;
}

.review-inner {
    border: 1px solid #eee;
    border-radius: 15px;
    padding: 15px 18px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

.review-inner:hover {
    box-shadow: 0px 0px 7px rgb(2 2 2 / 22%);
}

.review-inner:hover .item-title {
    color: var(--scPoint) !important;
}

.review-img {
    display: flex;
    justify-content: center;
    padding: 25px 0 30px;
    position: relative;
    width: 100%;
}

.review-img img {
    width: 250px;
    height: 250px;
}

.realReview-photo {
    position: absolute;
    width: 110px !important;
    height: 110px !important;
    bottom: 10px;
    right: 0;
    border: 5px solid #fff;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    object-fit: cover;
}

.realReview-pick {
    display: inline-block;
    width: 49px;
    height: 45px;
    background: url("../images/review-pick.png") no-repeat center/contain;
    position: absolute;
    top: 0;
    left: 15px;
    z-index: 1;
}

.realReview-id {
    position: absolute;
    top: 14px;
    right: 25px;
    font-size: 16px;
    color: #3C64A0 !important;
}

.realReview-id-middle {
    font-size: 16px;
    color: #143584 !important;
    margin-left: 3px;
}

.swiper-realReview .review-text {
    font-weight: 500;
}

.review-content {
    width: 100%;
    height: auto;
    background: #f6f6f6;
    padding: 12px 14px;
    border-radius: 10px;
    margin-top: 7px;
    margin-bottom: 15px !important;
    position: relative;
}

.review-content:before {
    content: "";
    position: absolute;
    bottom: -15px;
    right: 18px;
    border-width: 0px 0 15px 20px;
    border-style: solid;
    border-color: transparent #F6F6F6;
    display: block;
    width: 0;
}

.review-content:after {
    content: "";
    position: absolute;
    bottom: -15px;
    right: 35px;
    border-width: 0 0 15px 3px;
    border-style: solid;
    border-color: transparent #fff;
    display: block;
    width: 0;
}

.review-content-top {
    display: flex;
    justify-content: space-between;
    align-content: center;
    flex-wrap: wrap;
}

.review-inner .item-title {
    padding: 0 10px;
}

.review-inner .item-price {
    padding: 0 10px;
}

.review-grade {
    display: flex;
    align-items: center;
}

.review-grade span {
    font-size: 16px;
    color: #666666;
    margin-left: 10px;
}

/*날짜*/

.review-content-top>span {
    font-size: 15px;
    font-weight: 300;
    color: #666666;
    display: flex;
    align-items: flex-end;
}

.realReview-date-middle {
    font-size: 15px;
    font-weight: 300;
    color: #333;
    margin-right: 10px;
}

/*별 5개 */

.review-grade i {
    display: inline-block;
    width: 90px;
    height: 15px;
    background: url("../images/5star-grey.png") no-repeat 0 0/100% 100%;
    position: relative;
}

.review-grade i::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background: url("../images/5star-yellow.png") no-repeat 0 0/90px 15px;
    position: absolute;
    top: 0;
    left: 0;
}

.md-review .review-grade i::after {}

.review-grade.grade-100 i::after {
    width: 100% !important;
}

.review-grade.grade-90 i::after {
    width: 90% !important;
}

.review-grade.grade-80 i::after {
    width: 80% !important;
}

.review-grade.grade-70 i::after {
    width: 70% !important;
}

.review-grade.grade-60 i::after {
    width: 60% !important;
}

.review-grade.grade-50 i::after {
    width: 50% !important;
}

.review-grade.grade-40 i::after {
    width: 40% !important;
}

.review-grade.grade-30 i::after {
    width: 30% !important;
}

.review-grade.grade-20 i::after {
    width: 20% !important;
}

.review-grade.grade-10 i::after {
    width: 10% !important;
}

.review-text {
    margin-top: 7px !important;
    height: 85px;
    min-height: 85px;
    font-size: 16px;
    line-height: 21px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.review-inner .item-price {
    width: 100%;
}

.review-inner .discount-price {
    font-size: 21px;
}

@media (max-width: 991px) {
    .review-section {
        padding-top: 25px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    .review-top-banner {
        height: auto;
    }
    .review-top-banner ul {
        flex-direction: column;
    }
    .review-top-banner>div>ul>li {
        padding: 0 !important;
        border-right: none;
    }
    .review-list li:nth-child(2n-1) {
        padding-left: 0 !important;
    }
    .review-list li:nth-child(2n) {
        padding-right: 0 !important;
    }
    /*전체보기*/
    .all-view {
        font-size: 14px;
        font-weight: 300;
        margin-bottom: 5px;
        margin-right: -15px;
        letter-spacing: 0;
    }
    .all-view i {
        width: 17px;
        height: 17px;
        margin-left: 7px;
        margin-top: -1px;
        margin-right: 24px;
    }
    /* 리얼리뷰 */
    .review-list {
        margin-top: 0px;
    }
    .review-list>li {
        position: relative !important;
        padding: 24px 6px !important;
    }
    /*.swiper-realReview {
        padding-right: 45%!important;
    }*/
    .swiper-realReview.container {
        padding: 0 15px;
    }
    .review-crown {
        width: 22px !important;
        height: 22px !important;
        top: -25px !important;
        left: 11px !important;
    }
    .review-ranking {
        width: 35px !important;
        height: 30px !important;
        top: 0 !important;
        left: 8px !important;
    }
    .review-ranking>span {
        top: 47% !important;
        left: 15px !important;
        font-size: 12px !important;
        letter-spacing: 0.75px !important;
        font-weight: 500 !important;
    }
    .review-list .thumb-wrap {
        padding: 5px 0 0;
    }
    .realReview-pick {
        width: 32px;
        height: 34px;
        left: 8px;
    }
    .realReview-id {
        top: 7px !important;
        right: 14px !important;
        font-size: 11px !important;
    }
    .realReview-id-middle {
        font-size: 13px;
        margin-top: 5px;
    }
    .swiper-realReview .review-text {
        font-weight: 400;
    }
    .review-img {
        padding: 10px 0 4px;
    }
    .review-img img {
        width: 95%;
        height: auto;
        object-fit: contain;
        aspect-ratio: 1/1;
    }
    .realReview-photo {
        width: 16vw !important;
        height: 16vw !important;
        border: 0.6vw solid #fff;
        object-fit: cover !important;
    }
    .review-content {
        height: auto;
        border-radius: 3px;
        padding: 9px;
        margin-top: 5px;
        margin-bottom: 7px !important;
    }
    .review-content:before {
        bottom: -12px;
        right: 16px;
        border-width: 0 0 12px 16px;
    }
    .review-content:after {
        bottom: -12px;
        right: 27px;
        border-width: 0 0 12px 5px;
    }
    /*별 5개 */
    .review-grade i {
        width: 73px;
        height: 12px;
    }
    .review-grade i::after {
        background: url("../images/5star-yellow.png") no-repeat 0 0/73px 12px;
    }
    .review-content-top>span {
        font-size: 10px;
        font-weight: 300;
        align-items: flex-end;
    }
    .realReview-date-middle {
        font-size: 10px;
        font-weight: 300;
        color: #666;
        margin-right: 10px;
    }
    .review-grade span {
        font-size: 14px;
        margin-left: 5px;
    }
    .review-text {
        margin-top: 7px !important;
        height: 49px;
        min-height: 49px;
        font-size: 13px;
        line-height: 16px;
        -webkit-line-clamp: 3;
    }
    .review-inner {
        border-radius: 5px;
        padding: 15px 8px 12px;
    }
    .review-inner .item-title {
        padding: 0 5px;
        line-height: 19px;
        margin: 7px 0 !important;
    }
    .review-inner .item-price {
        padding: 0 5px;
    }
    .review-inner .discount-price {
        font-size: 16px;
    }
    .review-inner .real-price {
        font-size: 14px;
        font-weight: 100;
        padding-left: 6px !important;
    }
    .review-header .review-grade i {
        width: 120px;
        height: 20px;
    }
    .review-header .review-grade i::after {
        background: url(../images/5star-yellow.png) no-repeat 0 0/120px 100%;
    }
    #review .review-text {
        height: 65px;
        min-height: 65px;
        font-size: 12px;
        -webkit-line-clamp: 4;
    }
    #review .item-title {
        font-size: 13px;
        line-height: 17px;
        min-height: 34px;
        margin: 0 7px 5px !important;
    }
    #review .review-grade i {
        width: 67px;
        height: 11px;
    }
    #review .review-grade i::after {
        background: url("../images/5star-yellow.png") no-repeat 0 0/67px 11px;
    }
    #review .review-grade span {
        font-size: 12px;
    }
}

/* 마이페이지 */

#myPage,
#myPage p,
#myPage a {
    color: #111;
}

.swiper-eee .btn {
    height: 32px;
}

.myPage-header {
    display: flex;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
}

.myPage-header>li {
    flex: 1;
    border-left: 1px solid var(--scLine);
    padding: 25px 25px 15px;
    transition: .5s ease;
}

.myPage-header>li:nth-child(1) {
    flex: 2;
    border-left: none;
    padding: 0;
}

.myGrade-wrap>p:first-child {
    margin-bottom: 10px;
}

.myGrade span {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    padding-right: 5px;
}

.myGrade span::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
}

.myGrade i {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin: 0 3px 0 0;
    position: relative;
    top: 10px;
}

.grade-lv1 i {
    background: url("../images/grade/normal.png") no-repeat center/contain;
}

.grade-lv1 {
    color: #00a19f;
}

.grade-lv1 span::after {
    background-color: #00a19f;
}

.grade-lv2 i {
    background: url("../images/grade/special.png") no-repeat center/contain;
}

.grade-lv2 {
    color: #002940;
}

.grade-lv2 span::after {
    background-color: #002940;
}

.grade-lv3 i {
    background: url("../images/grade/platinum.png") no-repeat center/contain;
}

.grade-lv3 {
    color: #0083b5;
}

.grade-lv3 span::after {
    background-color: #0083b5;
}

.grade-lv4 i {
    background: url("../images/grade/vip.png") no-repeat center/contain;
}

.grade-lv4 {
    color: #002940;
}

.grade-lv4 span::after {
    background-color: #002940;
}

.grade-lv5 i {
    background: url("../images/grade/vvip.png") no-repeat center/contain;
}

.grade-lv5 {
    color: #c4161c;
}

.grade-lv5 span::after {
    background-color: #c4161c;
}

.co-gr {
    color: #81879b !important;
}

.myPage-header>li h5 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.myPage-header>li h5 i {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url("../images/arrow/round-arrow.png") no-repeat center/contain;
}

.myPage-header>li:not(:first-child) {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.myPage-header>li:not(:first-child) p:nth-of-type(1) {
    font-size: 27px;
    letter-spacing: -1px;
    transition: .3s ease;
}

.myPage-header>li:first-child>div:nth-of-type(1) {
    padding: 10px 30px 25px;
}

.myPage-header>li:first-child>div:nth-of-type(2) {
    background-color: #fbfbfb;
    padding: 15px 30px;
}

.myPage-header>li:not(:first-child) div>p:first-child {
    margin-bottom: 10px;
}

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

.my-menu-tab li {
    width: 257px;
    height: 152px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.my-menu-tab li a {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background-color: var(--scBack);
    border: 1px solid transparent;
    font-size: 20px;
    font-weight: 500;
    cursor: pointer;
}

.my-menu-tab li.on a {
    background-color: #f4eaeb;
    color: #21365f;
}

.my-menu-tab li:nth-child(n+2) {
    margin-left: 10px;
}

/*hover 옵션*/

.thumbnail-icon img {
    transition: all .3s ease;
}

.thumbnail-icon:hover img {
    transform: scale(1.1);
}

.my-content-title {
    display: flex;
    align-items: end;
    border-bottom: 1px solid #000;
    padding-bottom: 20px;
    position: relative;
}

.my-content-title h2 {
    font-size: 30px;
    display: flex;
    align-items: center;
    font-weight: 600;
}

.my-content-title p {
    position: relative;
    top: -3px;
}

.my-content-title h2 i {
    display: inline-block;
    background: url("../images/arrow/arrow3.png") no-repeat center/contain;
    width: 12px;
    height: 16px;
    margin: 0 25px;
}

.orderHistory-progress {
    display: flex;
    border-bottom: 1px solid #b7b7b7;
    margin-bottom: 80px;
}

.orderHistory-progress li {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.orderHistory-progress li a {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 30px 0;
}

.orderHistory-progress li a p {
    font-size: 17px;
    font-weight: 500;
    color: #666 !important;
}

.orderHistory-progress li a:hover p {
    color: var(--scPoint) !important;
}

.orderHistory-progress li a:hover span {
    transform: scale(1.2);
    transition: all .3s ease;
}

.orderHistory-progress li span {
    font-size: 40px;
    font-weight: 600;
    margin-top: 10px;
}

.orderHistory-progress li:nth-child(5) p:nth-of-type(2) {
    position: relative;
}

.orderHistory-progress li:nth-child(5) p:nth-of-type(2)::after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #ff0000;
}

.orderHistory-progress li i {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url("../images/arrow/arrow4.png") no-repeat center/contain;
    position: absolute;
    top: 60%;
    right: 0;
    transform: translateY(-50%);
}

.orderHistory-progress li:last-child {
    border-left: 1px solid #b7b7b7;
}

.paging-num {
    display: flex;
    justify-content: center;
    font-size: 17px;
    color: #999;
    margin-top: 15px;
}

.paging-num span {
    padding: 0 7px;
    cursor: pointer;
}

.paging-num span.on {
    color: var(--scPoint);
}

.recent-orderHistory-table-title>li:nth-child(1),
.recent-orderHistory-table-content>li:nth-child(1) {
    width: 210px;
    min-width: 170px;
}

.recent-orderHistory-table-title>li:nth-child(2),
.recent-orderHistory-table-content>li:nth-child(2) {
    width: 460px;
    min-width: 250px;
}

.recent-orderHistory-table-title>li:nth-child(3),
.recent-orderHistory-table-content>li:nth-child(3) {
    width: 160px;
    min-width: 98px;
    text-align: center;
}

.recent-orderHistory-table-title>li:nth-child(4),
.recent-orderHistory-table-content>li:nth-child(4) {
    width: 110px;
    min-width: 80px;
}

.recent-orderHistory-table-title>li:nth-child(5),
.recent-orderHistory-table-content>li:nth-child(5) {
    width: 200px;
    min-width: 125px;
}

.recent-orderHistory-table-title>li:nth-child(6),
.recent-orderHistory-table-content>li:nth-child(6) {
    width: 200px;
    min-width: 80px;
}

.recent-orderHistory-table-title>li:nth-child(7),
.recent-orderHistory-table-content>li:nth-child(7) {
    width: 200px;
    min-width: 150px;
}

.as-period {
    flex-direction: column;
}

.as-period p:nth-of-type(1) {
    margin-bottom: 7px;
}

.orderStatus>div>p {
    margin-top: 10px;
    text-align: center;
}

.writeableReview-title>li:nth-child(1),
.writeableReview-content>li:nth-child(1) {
    width: 210px;
    min-width: 170px;
}

.writeableReview-title>li:nth-child(2),
.writeableReview-content>li:nth-child(2) {
    width: 460px;
    min-width: 250px;
}

.writeableReview-title>li:nth-child(3),
.writeableReview-content>li:nth-child(3) {
    width: 110px;
    min-width: 80px;
}

.writeableReview-title>li:nth-child(4),
.writeableReview-content>li:nth-child(4) {
    width: 200px;
    min-width: 125px;
}

.writeableReview-title>li:nth-child(5),
.writeableReview-content>li:nth-child(5) {
    width: 200px;
    min-width: 100px;
}

.writeableReview-title>li:nth-child(6),
.writeableReview-content>li:nth-child(6) {
    border-right: none;
    width: 200px;
    min-width: 160px;
}

.my-menu-content>li {
    display: none;
}

.my-menu-content>li.on {
    display: block;
}

.shoppingHistory-tab {
    display: flex;
    font-size: 30px;
    border-bottom: 2px solid #000;
    padding-bottom: 15px;
    font-weight: 500;
}

.shoppingHistory-tab li {
    margin: 0 25px;
    cursor: pointer;
}

.shoppingHistory-tab li:nth-child(1) {
    margin-left: 0;
}

.shoppingHistory-tab>li:hover,
.shoppingHistory-tab>li.on {
    color: var(--scPoint);
    position: relative;
}

.shoppingHistory-tab>li.on {
    font-weight: 600;
}

.shoppingHistory-tab>li.on::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--scPoint);
}

.orderDetail-wrap .table-content {
    font-size: 16px;
    font-weight: 300;
}

.inquiryPeriod {
    display: flex;
    align-items: center;
    border: 1px solid var(--scLine);
    padding: 15px 55px;
    justify-content: space-between;
    margin-top: 17px;
    margin-bottom: 45px;
}

.inquiryPeriod>div {
    display: flex;
    align-items: center;
}

.inquiryPeriod>div>p {
    margin-right: 30px;
    font-size: 18px;
    font-weight: 500;
}

.period-btn-wrap {
    display: flex;
}

.period-btn-wrap>li a {
    color: #333 !important;
}

.period-btn {
    margin: 0 7px;
    padding: 3px 0 !important;
    font-size: 15px !important;
    width: 85px;
    border: 1px solid #333;
}

.period-btn-wrap>li.on a {
    color: var(--scPoint) !important;
    border: 1px solid var(--scPoint);
}

.periodSearch-btn {
    width: 110px;
    padding: 3px 0;
    font-size: 19px;
    font-weight: 600;
}

.date-input-wrap {
    margin-right: 20px;
}

.date-input-wrap input {
    position: relative;
    border: 1px solid var(--scLine);
    outline: none;
    font-size: 15px;
    width: 150px;
    height: 38px;
    border-radius: 0;
    padding: 0 15px;
    color: #333 !important;
    font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif !important;
}

.date-input-wrap input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    z-index: 1;
    cursor: pointer;
}

.date-input-wrap input::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 13px;
    height: 9px;
    background: url("../images/arrow/open-arrow.png") no-repeat center/contain;
    transform: translateY(-50%);
    z-index: 0;
}

.date-input-wrap span {
    display: inline-block;
    height: 38px;
    line-height: 40px;
    margin: 0px 2px;
}

.shoppingHistory-tab-content>li:nth-child(1)>div:nth-of-type(2) {
    margin-top: 85px;
}

.shoppingHistory-tab-content>li:nth-child(1)>div:nth-of-type(2)>p {
    text-align: end;
    margin-bottom: 7px;
}

.shoppingHistory-tab-content>li:nth-child(1)>div:nth-child(2)>div:nth-of-type(2) {
    border-top: 2px solid #333;
}

.asApplication-tab {
    display: flex;
    margin-bottom: 45px;
}

.sub-tab {
    display: flex;
    margin-bottom: 40px;
}

.asApplication-tab>li,
.sub-tab>li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    cursor: pointer;
    height: 85px;
    font-size: 24px;
    border-bottom: 2px solid var(--scPoint);
    font-weight: 500;
    color: #727272 !important;
}

.asApplication-tab>li {
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
}

.sub-tab>li {
    border-top: 1px solid var(--scLine);
    border-left: 1px solid var(--scLine);
    border-right: 1px solid var(--scLine);
}

.asApplication-tab>li:not(:last-child),
.sub-tab>li:not(:last-child) {
    border-right: 0 !important;
}

.asApplication-tab>li.on,
.sub-tab>li.on {
    background-color: var(--scPoint);
    color: #fff !important;
    border-color: var(--scPoint);
    font-weight: 600;
}

.asApplication-tab-content>li {
    display: none;
}

.asApplication-tab-content>li.on {
    display: block;
}

.asApplication-tab-content .input-email {
    margin-left: 0;
}

.asMessage {
    width: 100%;
    height: 150px;
    padding: 15px;
}

.fileAdd {
    flex-direction: column;
    align-items: start;
}

.file-input {
    display: none;
}

.receiptDetail>li {
    display: flex;
}

.receiptDetail-title {
    color: #666 !important;
    font-size: 17px;
    line-height: 23px;
    font-weight: 300;
    width: 60px;
    display: flex;
    justify-content: space-between;
    margin-right: 35px;
}

.receiptDetail-content {
    font-size: 17px;
    font-weight: 500;
}

.progressStep {
    transform: translateX(-50px);
}

.progressStep ul {
    display: flex;
    width: 490px;
    padding-top: 10px;
}

.progressStep ul li {
    flex: 1;
    text-align: center;
    color: #d1d1d1;
    font-weight: 500;
}

.progressStep ul li.on {
    color: var(--scPoint);
}

.progress-bar {
    width: 339px;
    height: 10px;
    background: url("../images/bg-step-gray.png") no-repeat 0 0/100% 100%;
    position: relative;
    margin: 0 auto;
}

.progress-bar i {
    display: inline-block;
    height: 100%;
    background: url("../images/bg-step-blue.png") no-repeat 0 0/339px 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#myOrderOriginMenu .progressStep {
    transform: translateX(0);
}

#myOrderOriginMenu .progressStep ul {
    width: 850px;
    font-size: 20px;
    font-weight: 500;
}

#myOrderOriginMenu .progressStep ul li {
    line-height: 27px;
}

#myOrderOriginMenu .progress-bar {
    width: 578px;
    height: 15px;
}

#myOrderOriginMenu .progress-bar i {
    background-size: 578px 100%;
}

#myOrderOriginMenu {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.OriginMenu-contain {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 860px;
}

.OriginMenu-contain h5 {
    font-size: 19px;
    font-weight: 500;
    color: #00184f;
    padding-bottom: 50px;
}

.genuine-progress-wrap {
    padding-bottom: 30px;
    margin-bottom: 70px;
    text-align: center;
}

.genuine-progress-wrap h5 {
    font-size: 19px;
    color: #00184f;
    font-weight: 500;
}

.progressStep>li.progress-50per::after {
    content: "";
    background-color: var(--scPoint);
    width: 50%;
    height: 2px;
    position: absolute;
    top: 6px;
    left: -99%;
}

.originStep {
    text-align: center;
    width: 100%;
    padding-top: 70px;
}

.originStep2-content1 .table3 {
    width: 100%;
}

.originStep h2 {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 45px;
    color: #333;
}

/*구매처 라디오*/

.WhereToBuy-wrap {
    margin-bottom: 100px;
}

.WhereToBuy {
    display: flex;
}

.WhereToBuy input[type="radio"] {
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
}

.WhereToBuy input[type="radio"]:active~label {
    opacity: 1;
}

.WhereToBuy input[type="radio"]:checked~label {
    opacity: 1;
    border: 2px solid var(--scPoint);
}

.WhereToBuy>p {
    display: inline-block;
    width: 50%;
    margin: 5px;
}

.WhereToBuy>p:hover>label {
    box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
}

.WhereToBuy>p>label {
    display: inline-block;
    border: 2px solid #d1d1d1;
    border-radius: 10px;
    width: 100%;
    overflow: hidden;
    cursor: pointer;
}

.WhereToBuy>p .radio-title {
    display: inline-block;
    font-size: 25px;
    color: #333;
    font-weight: 500;
    padding: 20px;
    background-color: #f9f8f8;
    width: 100%;
}

.WhereToBuy img {
    width: 110px;
    height: 100px;
    object-fit: contain;
}

.WhereToBuy>p .icon-select {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 200px;
    border-top: 1px solid #b1b1b1;
}

.WhereToBuy>p .icon-select span {
    font-size: 20px;
    color: #5e6577 !important;
    font-weight: 600;
    margin-top: 7px;
}

.genuineRegistration-coupon {
    text-align: center;
    width: 100%;
}

.genuineRegistration-coupon h4 {
    font-size: 22px;
    font-weight: 600;
    color: #333;
}

.genuineRegistration-coupon>p {
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

.invoice-num-search .btn {
    height: 45px;
    display: flex;
    align-items: center;
    padding: 5px 35px !important;
    font-size: 20px;
    font-weight: 500;
}

.newper-care {
    display: flex;
    align-items: center;
    justify-content: start;
    background-color: #f6f6f6;
    width: 100%;
    margin: 0 auto;
    padding: 15px 30px;
    margin-top: 30px;
    font-size: 15px;
    font-weight: 500;
}

.newper {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url("../images/newper.png") no-repeat center/contain;
}

.table3 {
    width: 900px;
}

.table3 .table-title {
    background-color: #f9f8f8;
    font-size: 20px;
    color: #333;
}

#myOrderOriginMenu .table3 .order-item-info-wrap {
    text-align: start;
    width: 280px;
}

#myOrderOriginMenu .table3 .table-content {
    padding: 0 45px;
}

#myOrderOriginMenu .table3 .table-content>ul>li {
    padding: 20px 0;
    border-top: 1px solid var(--scLine);
}

#myOrderOriginMenu .table3 .table-content>ul>li:first-child {
    border-top: none;
}

.invoice-num-search {
    margin-bottom: 20px;
}

.invoice-num {
    border-radius: 50px;
    border: 1px solid #666;
    outline: none;
    width: 400px;
    height: 45px;
    margin-right: 10px;
}

.originStep2-content2 img {
    width: 73px;
    height: 73px;
    margin: 0 auto 30px;
}

.originStep2-content1 .table3 input[type="checkbox"] {
    transform: translateY(-10px);
}

.originStep2-content2 {
    padding-top: 100px;
}

.originStep2-content2>div:first-child {
    margin-bottom: 150px;
}

.originStep2-content2>div>p {
    color: #969696 !important;
    font-size: 20px;
    margin-bottom: 45px;
    line-height: 27px;
}

.originStep3>p {
    color: #666 !important;
    font-size: 20px;
    line-height: 40px;
    padding-top: 15px;
}

.origin-table-title>li:nth-child(1),
.origin-table-content>li:nth-child(1) {
    width: 245px;
    min-width: 220px;
}

.origin-table-title>li:nth-child(2),
.origin-table-content>li:nth-child(2) {
    width: 890px;
}

.origin-table-content>li:nth-child(2) {
    padding: 30px;
}

.origin-table-title>li:nth-child(3),
.origin-table-content>li:nth-child(3) {
    width: 235px;
    min-width: 210px;
}

.coverage {
    margin-top: 40px;
}

/* 상품선택-모달 */

.asProductModal {
    width: 820px;
    margin-bottom: 30px;
}

.asProductModal .table-title {
    padding: 20px 0;
}

.asProductModal .scroll-y {
    max-height: 70vh;
    padding-right: 5px;
}

.asProductModal .table-wrap::-webkit-scrollbar {
    background-color: transparent;
    width: 13px;
}

.asProductModal .table-wrap::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 30px;
}

.asProductModal .table {
    width: auto;
    position: relative;
    margin-bottom: 0;
}

.asProductModal .table:not(:first-child) {
    margin-top: 15px;
}

.asProductModal .table.expiration::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .5);
}

.asProductModal .table.expiration {
    border: 1px solid rgba(223, 223, 223, .7);
}

.asProductModal .table.expiration>li:nth-child(1) .table-content>p:nth-child(2) {
    z-index: 1;
}

.asProductModal .table-content {
    padding: 0 30px;
}

.asProductModal .table-title,
.asProductModal .table-content {
    min-height: 65px !important;
}

.asProductModal .table-content>ul>li {
    position: relative;
    border-top: 1px solid var(--scLine);
    padding: 20px 0;
}

.asProductModal .table-content>ul>li:nth-child(1) {
    border-top: none;
}

.asProductModal .table-content>ul>li>div .order-item-info-wrap {
    width: 225px;
}

.asProductModal .table-content>ul>li>div>div:nth-child(2)>div:nth-child(2) p {
    width: 125px;
    text-align: end;
    white-space: nowrap;
}

.asProductModal .order-item-thumb a {
    width: 80px;
}

.commonModal-close {
    position: absolute;
    top: 25px;
    right: 25px;
    cursor: pointer;
}

.commonModal-close i {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url("../images/close.png") no-repeat center/contain;
}

.commonModal-close.close-white i {
    background: url("../images/close-white.png") no-repeat center/contain;
}

.asProductModal input.custom-checkbox[type="radio"] {
    position: absolute;
    top: 38%;
    left: 0;
}

/*쿠폰·적립금·상품권*/

.myGift-table {
    border-top: 2px solid #333;
    border-bottom: 1px solid #999;
}

.myGift-table>div>ul {
    display: flex;
    justify-content: space-between;
}

.myGift-table>div>ul:last-child {
    border-bottom: none;
}

.myGift-table>div>ul>li {
    padding: 20px 15px;
    display: flex;
    justify-content: center;
    font-size: 17px;
    font-weight: 500;
    color: #333;
    border-right: 1px solid var(--scLine);
    align-items: center;
}

.myGift-table>div>ul>li:nth-child(1) {
    width: 160px;
    min-width: 130px;
}

.myGift-table>div>ul>li:nth-child(2) {
    width: 450px;
}

.myGift-table>div>ul>li:nth-child(3) {
    width: 155px;
}

.myGift-table>div>ul>li:nth-child(4) {
    width: 155px;
    min-width: 130px;
}

.myGift-table>div>ul>li:nth-child(5) {
    width: 200px;
}

.myGift-table>div>ul>li:last-child {
    width: 240px;
    border-right: 0;
}

.saleCoupon-table .myGift-table-content>li:nth-child(2),
.reserveFund-table .myGift-table-content>li:nth-child(2) {
    justify-content: start;
}

.myGift-table-title {
    background-color: #f6f6f6;
}

.myGift-table-content {
    border-top: 1px solid var(--scLine);
}

.myGift-table-content:nth-of-type(1) {
    border-top: none;
}

#myGiftMenu h2 {
    font-size: 32px;
    font-weight: 500;
    margin-top: 85px;
    text-align: center;
}

.coupon-registration-wrap {
    width: 900px;
    margin: 0 auto;
    padding-top: 40px;
}

.coupon-registration {
    width: 630px;
    height: 60px;
    padding: 10px;
    text-align: center;
    border: 1px solid #666;
    outline: none;
    border-radius: 5px;
    font-size: 29px !important;
}

.coupon-registration::placeholder {
    font-size: 24px !important;
    font-weight: 300;
}

.coupon-des {
    width: 100%;
    margin: 0 auto 50px;
}

.coupon-des p,
.page-des p {
    position: relative;
    padding-left: 20px;
    font-weight: 300;
    font-size: 17px;
}

.coupon-des p:not(:last-child),
.page-des p:not(:last-child) {
    margin-bottom: 10px;
}

.coupon-des p::before,
.page-des p::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.15em;
    width: 0.8em;
    height: 0.8em;
    display: inline-block;
    background-size: cover;
    background-image: url("../images/asterisk-red.png");
}

.registration-btn {
    width: 220px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 29px !important;
    font-weight: 500;
}

.myGift-guide {
    padding-top: 35px;
    display: flex;
}

.myGift-guide>li {
    flex: 1;
}

.myGift-guide strong {
    font-size: 20px;
    font-weight: 500;
    color: #666;
    margin-bottom: 10px;
}

.myGift-guide p {
    font-size: 17px;
    color: #666 !important;
    position: relative;
    padding-left: 12px;
    font-weight: 300;
}

.myGift-guide p:not(:first-child) {
    margin-top: 7px;
}

.myGift-guide p::before {
    content: "-";
    position: absolute;
    top: 0;
    left: 0;
}

.code-num,
.serial-number {
    display: flex;
    align-items: center;
}

.code-num>div,
.serial-number>div {
    width: 630px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.code-num input {
    width: 190px;
    height: 60px;
}

.serial-number input {
    width: 100%;
    height: 60px;
}

.code-num input::placeholder,
.serial-number input::placeholder {
    text-align: center;
    font-size: 24px;
    font-weight: 300;
}

.code-num>p,
.serial-number>p {
    font-size: 24px;
    margin-right: 20px;
    color: #333 !important;
}

.serial-number {
    margin-top: 10px;
}

.userGuide-btn {
    background-color: #81879b;
}

.reserveFund {
    display: flex;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    margin: 50px 0;
}

.reserveFund>li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1;
    font-size: 23px;
    font-weight: 500;
    padding: 0 80px;
    height: 180px;
}

.reserveFund>li:first-child {
    border-right: 1px solid #333;
}

.reserveFund-table>div>ul>li:nth-child(1) {
    width: 220px;
}

.reserveFund-table>div>ul>li:nth-child(2) {
    width: 600px;
    min-width: 600px;
}

.reserveFund-table>div>ul>li:nth-child(3) {
    width: 260px;
}

.reserveFund-table>div>ul>li:nth-child(4) {
    width: 260px;
}

.voucher-table>div>ul>li:nth-child(1) {
    width: 235px;
    min-width: 235px;
}

.voucher-table>div>ul>li:nth-child(2) {
    width: 860px;
}

.voucher-table>div>ul>li:nth-child(3) {
    width: 275px;
    min-width: 275px;
}

.reserveFund {
    margin: 35px 0;
}

.exclamationMark {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url("../images/icon/exclamationMark.png") no-repeat center/contain;
}

#myGiftDepositMenu .myGift-guide>li {
    flex: initial;
}

#myGiftDepositMenu .myGift-guide>li:first-child {
    padding: 0 20px 0 10px;
}

/* 관심상품·재입고알림*/

.myAlarm-header {
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
}

.myAlarm-header .itemSelect-Delete {
    margin-left: 20px;
}

.myAlarm-header .btn {
    color: #81879b !important;
}

.btn-group-end {
    display: flex;
    justify-content: end;
}

.item-select {
    position: absolute;
    top: 10px;
    left: 25px;
    z-index: 1;
}

/* 리뷰·문의내역·이벤트응모 */

#myListReviewMenu .review-header>li:nth-child(1) {
    order: 2;
    flex-direction: column;
    align-items: start;
    width: 45%;
    padding-left: 0;
}

#myListReviewMenu .review-header>li:nth-child(2) {
    order: 1;
    width: 55%;
    min-width: 730px;
}

#myListReviewMenu .review-header>li:nth-child(1)::after {
    content: none;
}

#myListReviewMenu .review-header>li:nth-child(1) p {
    position: relative;
    padding-left: 12px;
    margin-bottom: 5px;
    color: #333 !important;
}

#myListReviewMenu .review-header>li:nth-child(1) p:last-child {
    margin-bottom: 0;
}

#myListReviewMenu .review-header>li:nth-child(1) p::before,
.info-guide>li>p::before {
    content: "-";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 15px;
}

.table-title2 {
    font-size: 17px;
    background-color: var(--scBack);
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #333;
    color: #666;
    font-weight: 500;
}

.table-title2>li,
.table-content2>li {
    padding: 20px 10px;
    display: flex;
    justify-content: center;
    align-items: center !important;
    border-right: 1px solid var(--scLine);
}

.table-title2>li:last-child,
.table-content2>li:last-child,
.direct-list.table-content2>li:nth-child(6) {
    border-right: none;
}

.table-content2 {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--scLine);
}

.table-content2>li {
    padding: 30px 5px;
}

.table-order-num {
    margin-top: 15px;
    text-align: center;
    font-size: 16px;
}

.itemName .order-item-thumb {
    margin-right: 10px;
}

.itemName {
    align-items: start !important;
    justify-content: start !important;
}

.button-vertical-group {
    display: flex;
    flex-direction: column;
}

.writeable-table-title>li:nth-child(1),
.writeable-table-content>li:nth-child(1) {
    width: 160px;
    min-width: 130px;
}

.writeable-table-title>li:nth-child(2),
.writeable-table-content>li:nth-child(2) {
    width: 560px;
    min-width: 410px;
}

.writeable-table-title>li:nth-child(3),
.writeable-table-content>li:nth-child(3) {
    width: 115px;
}

.writeable-table-title>li:nth-child(4),
.writeable-table-content>li:nth-child(4) {
    width: 165px;
}

.writeable-table-title>li:nth-child(5),
.writeable-table-content>li:nth-child(5) {
    width: 175px;
    min-width: 100px;
}

.writeable-table-title>li:nth-child(6),
.writeable-table-content>li:nth-child(6) {
    width: 190px;
    min-width: 165px;
}

.completed-table-title>li:nth-child(1),
.completed-table-content>li:nth-child(1) {
    width: 460px;
    min-width: 400px;
}

.completed-table-title>li:nth-child(2),
.completed-table-content>li:nth-child(2) {
    width: 380px;
    min-width: 170px;
}

.completed-table-title>li:nth-child(3),
.completed-table-content>li:nth-child(3) {
    width: 160px;
    min-width: 120px;
}

.completed-table-title>li:nth-child(4),
.completed-table-content>li:nth-child(4) {
    width: 180px;
    min-width: 110px;
}

.completed-table-title>li:nth-child(5),
.completed-table-content>li:nth-child(5) {
    width: 185px;
    min-width: 150px;
}

.table-review-content {
    align-items: start !important;
}

.table-review-content p {
    padding: 0 15px;
}

.review-grade.flex-column i {
    margin-bottom: 7px;
}

.direct-inquiry-table-title>li:nth-child(1),
.direct-inquiry-table-content>li:nth-child(1) {
    width: 165px;
}

.direct-inquiry-table-title>li:nth-child(2),
.direct-inquiry-table-content>li:nth-child(2) {
    width: 310px;
}

.direct-inquiry-table-title>li:nth-child(3),
.direct-inquiry-table-content>li:nth-child(3) {
    width: 360px;
}

.direct-inquiry-table-title>li:nth-child(4),
.direct-inquiry-table-content>li:nth-child(4) {
    width: 160px;
}

.direct-inquiry-table-title>li:nth-child(5),
.direct-inquiry-table-content>li:nth-child(5) {
    width: 180px;
}

.direct-inquiry-table-title>li:nth-child(6),
.direct-inquiry-table-content>li:nth-child(6) {
    width: 190px;
    min-width: 165px;
    border-right: none;
}

.inquiry-type,
.inquiry-title {
    justify-content: start !important;
}

.inquiry-type p,
.inquiry-title p {
    margin: 0 15px;
}

.inquiry-title.on p {
    color: var(--scPoint) !important;
    position: relative;
}

.inquiry-title.on p::after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--scPoint);
}

.inquiry-open {
    display: none;
}

.inquiry-open>div {
    padding: 45px 25px;
    background-color: #f6f6f6;
    border-bottom: 1px solid var(--scLine);
}

.inquiry-open>div>div {
    position: relative;
}

.inquiry-open>div>p {
    padding-left: 75px;
}

.inquiry-badge {
    color: #fff;
    background-color: var(--scPoint);
    padding: 3px 13px;
    position: absolute;
    top: 0;
    font-weight: 500;
}

.inquiry-answer {
    color: #0c2da3;
    background-color: var(--scWhite);
    border: 1px solid #0c2da3;
    padding: 3px 13px;
    position: absolute;
    top: 0;
    font-weight: 500;
}

.item-inquiry-table-title>li:nth-child(1),
.item-inquiry-table-content>li:nth-child(1) {
    width: 340px;
}

.item-inquiry-table-title>li:nth-child(2),
.item-inquiry-table-content>li:nth-child(2) {
    width: 160px;
    min-width: 130px;
}

.item-inquiry-table-title>li:nth-child(3),
.item-inquiry-table-content>li:nth-child(3) {
    width: 380px;
}

.item-inquiry-table-title>li:nth-child(4),
.item-inquiry-table-content>li:nth-child(4) {
    width: 140px;
}

.item-inquiry-table-title>li:nth-child(5),
.item-inquiry-table-content>li:nth-child(5) {
    width: 150px;
    min-width: 125px;
}

.item-inquiry-table-title>li:nth-child(6),
.item-inquiry-table-content>li:nth-child(6) {
    width: 180px;
    min-width: 150px;
    border-right: 0;
}

.as-item-thumb {
    margin-right: 30px;
    margin-left: 10px;
}

.eventApp-table-title>li:nth-child(1),
.eventApp-table-content>li:nth-child(1) {
    width: 210px;
}

.eventApp-table-title>li:nth-child(2),
.eventApp-table-content>li:nth-child(2) {
    width: 680px;
}

.eventApp-table-title>li:nth-child(3),
.eventApp-table-content>li:nth-child(3) {
    width: 275px;
}

.eventApp-table-title>li:nth-child(4),
.eventApp-table-content>li:nth-child(4) {
    width: 200px;
}

.eventApp-title {
    justify-content: start !important;
}

.eventApp-title p {
    padding: 0 60px;
}

/* 리뷰작성하기 모달창 */

.reviewModal {
    width: 1020px;
    padding: 50px;
}

.reviewModal .scroll-y {
    max-height: 40vh;
    padding-right: 15px;
}

.reviewModal .commonModal-close {
    top: 55px;
    right: 35px;
}

.reviewModal .filebox label {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 110px;
}

.review-star {
    flex-direction: row-reverse;
    margin-left: 35px;
    margin-right: 45px;
}

.review-star label::before {
    content: "";
    background: url(../images/star-white.png) no-repeat 0 0/100% 100%;
    width: 27px;
    height: 25px;
    display: block;
    cursor: pointer;
}

.review-star input[type=radio] {
    display: none;
}

.review-star input[type=radio]:checked~label::before {
    background: url(../images/star-blue.png) no-repeat 0 0/100% 100%;
}

.reviewModal textarea {
    height: 340px;
    padding: 25px !important;
    font-size: 18px;
}

/* 리뷰수정하기 */

.review-star.correction label::before {
    background: url(../images/star-gray.png) no-repeat 0 0/100% 100%;
}

.review-star.correction input[type=radio]:checked~label::before {
    background: url(../images/star-yellow.png) no-repeat 0 0/100% 100%;
}

/* 회원정보관리 */

.myInfo-pw-confirm {
    font-size: 18px;
    line-height: 27px;
    font-weight: 300;
    padding-bottom: 30px;
}

.myInfo-pw {
    display: flex;
    justify-content: center;
    position: relative;
    width: 380px;
    margin: 0 auto;
}

.myInfo-pw>p {
    margin-right: 10px;
    font-size: 18px;
    font-weight: 500;
    position: absolute;
    left: -100px;
    top: 50%;
    transform: translateY(-50%);
}

.myInfo-pw input {
    outline: none;
    border: 1px solid #999;
    width: 100%;
    padding: 10px 30px;
}

.addrManagement-table-title>li:nth-child(1),
.addrManagement-table-content>li:nth-child(1) {
    width: 160px;
}

.addrManagement-table-title>li:nth-child(2),
.addrManagement-table-content>li:nth-child(2) {
    width: 800px;
}

.addrManagement-table-title>li:nth-child(3),
.addrManagement-table-content>li:nth-child(3) {
    width: 215px;
}

.addrManagement-table-title>li:nth-child(4),
.addrManagement-table-content>li:nth-child(4) {
    width: 180px;
}

.addrManagement-table-content>li:nth-child(1)>ul>li {
    margin-bottom: 7px;
}

.addrManagement-table-content>li:nth-child(2) {
    justify-content: start;
    text-indent: 45px;
}

.addrManagement-table-content>li:nth-child(2)>p {
    margin-right: 10px;
}

.addrManagement-table-content>li:nth-child(2)>div>div>p:first-child {
    margin-bottom: 7px;
}

.addrUpdateModal {
    width: 850px;
}

.addrUpdateModal .table-title {
    width: 130px !important;
    height: 48px;
    padding: 5px 0 !important;
    align-items: center;
}

.addrUpdateModal .table-content {
    width: 491px;
    padding: 5px 0 !important;
}

.addrUpdateModal input,
.addrUpdateModal select {
    height: 48px;
}

.addr-regi {
    display: flex;
    align-items: end;
    justify-content: space-between;
    padding-top: 35px;
}

.default-table>li {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 45px;
    margin: 20px 0;
}

.default-table-title {
    width: 140px;
    font-size: 18px;
    font-weight: 500;
    height: 45px;
    display: flex;
    align-items: center;
}

.default-table-content {
    width: 490px;
}

.refundAccount .default-table-content {
    width: 380px;
    display: flex;
    align-items: center;
}

.refundAccount .default-table input,
.refundAccount .default-table select {
    width: 100%;
    height: 48px;
}

.updateInfo .form-control {
    height: 48px;
}

.updateInfo .form-control::placeholder {
    font-size: 16px;
}

.birth select,
.phone2 .form-control,
.zip-code {
    width: 145px;
}

.name {
    width: 380px;
}

.email {
    width: 300px;
}

.pw-change {
    justify-content: start;
}

.pwChange-btn {
    width: 154px;
    height: 48px;
    font-size: 16px;
}

.searchAddr-btn {
    width: 142px;
    height: 48px;
    font-size: 16px !important;
}

.consent.updateInfo-consent {
    width: 620px;
    margin: 0 auto;
}

.pw-table .default-table-content {
    width: 380px;
}

.pw-table .default-table-content input {
    width: 100%;
}

.deleteCustomer-wrap {
    width: 815px;
    margin: 0 auto;
}

.deleteCustomer-wrap h5 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}

.deleteCustomer-wrap textarea::placeholder {
    font-size: 16px;
}

.complaint {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
    font-size: 19px;
}

.complaint>div {
    width: 33.33%;
    padding: 15px 0;
}

.complaint>div input {
    margin-right: 7px;
}

.complaint>div label {
    font-size: 20px;
    color: #333;
    font-weight: 300;
}

.deleteCustomer-wrap textarea {
    width: 100%;
    height: 340px !important;
}

.info-guide {
    margin-top: 35px;
    font-size: 15px;
}

.info-guide p {
    margin-top: 5px;
    padding-left: 12px;
    position: relative;
    color: #666 !important;
}

.order-status {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.order-status>p {
    margin-bottom: 5px;
}

.order-status>p:not(:first-child) {
    font-size: 15px;
}

.orderDetail-wrap h2 {
    margin: 50px 0 30px;
    font-size: 26px;
    font-weight: 600;
}

.orderDetail-wrap h3 {
    margin-bottom: 15px;
    font-size: 23px;
    font-weight: 500;
}

.orderDetail-wrap .order-item {
    color: #000;
}

.orderDetail-wrap .order-header {
    background-color: #f2f5f7;
}

.orderDetail-wrap .order-total-wrap,
.orderDetail-wrap .order-totalPrice {
    background-color: #fff;
}

.orderDetail-wrap .order-info-wrap {
    border: 2px solid #d1d1d1;
}

.defaultAddr {
    color: #fff;
    background-color: #0c2da3;
    font-size: 14px;
    padding: 5px 6px;
}

.qnaModal .scroll-y {
    height: 65vh;
    padding-right: 20px;
    padding-bottom: 40px;
}

.qnaModal .table2>li {
    justify-content: initial;
}

.qnaModal #qnaForm .scroll-y {
    height: 55vh;
}

.qnaForm-email input,
.qnaForm-email select,
.qnaForm-name input {
    width: 157px;
}

.qnaForm .at {
    margin: 0 10px;
}

.qnaForm .phone .form-control {
    width: 105px;
    text-align: center;
}

.qnaForm label {
    cursor: pointer;
    font-weight: 400;
}

.qnaForm label input {
    margin: 0 5px 0 10px;
}

.qnaForm .option-close {
    top: 20px;
}

.qnaForm .table-title {
    font-size: 18px;
    font-weight: 500;
}

.qnaForm .table-content {
    padding: 20px 25px;
    font-size: 18px;
}

.qnaForm .form-control {
    height: 48px;
}

.qnaForm-textarea {
    height: 150px;
}

.qnaForm-textarea::placeholder,
.qnaForm .form-control::placeholder {
    font-size: 16px;
}

#orderProductList .order-totalPrice,
#findNoMemberOrders .order-totalPrice {
    border-top: 1px solid var(--scLine);
}

#myOrderAsMenu .table-title,
#myOrderAsMenu .table-content {
    min-height: 85px;
}

.updateInfo .btn.etc,
.refundAccount .btn.etc {
    width: 220px;
    height: 61px;
    font-weight: 500;
}

.updateInfo .btn.etc {
    font-size: 18px;
}

.refundAccount .btn.etc {
    font-size: 22px;
}

.myShopping-table-item .no-order {
    height: 100px;
    border-bottom: 1px solid var(--scLine);
}

.email-wrap input {
    max-width: 200px;
}

#delAddrForm .table>li {
    align-items: center;
}

.extinction {
    display: flex;
    flex-direction: column;
    align-items: end;
    transition: .5s ease;
}

@media (max-width: 1380px) {
    #myShoppingTabMenu span {
        font-size: 18px !important;
    }
    .myGrade-wrap .co-gr {
        text-align: center;
    }
    .myGrade-wrap .order-info {
        flex-direction: column;
    }
}

@media (max-width: 1305px) {
    .inquiryPeriod {
        flex-direction: column;
    }
    .inquiryPeriod>div:nth-child(2) {
        padding: 15px 0;
    }
}

@media (max-width: 1155px) {
    .extinction {
        font-size: 13px !important;
    }
}

@media (max-width: 1130px) {
    .myPage-header>li:nth-child(3) {
        padding: 25px 10px 15px;
    }
    .myPage-header>li:not(:first-child) p:nth-of-type(1) {
        font-size: 25px;
    }
}

@media (max-width: 1055px) {
    .myPage-header>li:not(:first-child) p:nth-of-type(1) {
        font-size: 23px;
    }
}

@media (max-width: 991px) {
    .commonModal-close {
        top: 20px;
        right: 20px;
    }
    .qnaModal .commonModal-close {
        top: 20px;
    }
    #qspForm .table2 .table-content {
        justify-content: start;
    }
    #orderProductList .order-totalPrice,
    #findNoMemberOrders .order-totalPrice {
        border-top: none;
        padding: 20px 15px;
        justify-content: space-between;
    }
    #findNoMemberOrders>.orderDetail-wrap {
        padding-top: 30px;
    }
    #findNoMemberOrders .findPw {
        padding: 0 12px;
    }
    .complaint>div label {
        font-size: 16px;
    }
    .complaint>div input {
        max-width: 12px;
        max-height: 12px;
    }
    .orderDetail-wrap .order-info-wrap {
        border-left: none;
        border-right: none;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        border-radius: 0;
    }
    .pageBackBtn {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
    .pageBackBtn img {
        width: 21px;
        height: 21px;
        object-fit: contain;
    }
    .myPage-header {
        flex-wrap: wrap;
    }
    .myPage-header>li {
        border-left: none;
        flex: none !important;
    }
    .myPage-header>li:nth-child(1) {
        width: 100%;
        border-bottom: 10px solid #f2f2f2;
    }
    .myPage-header>li:not(:nth-child(1)) {
        width: 33.33%;
        border-right: 1px solid #b7b7b7;
        padding: 10px;
        align-items: center;
    }
    .myPage-header>li:not(:nth-child(1))>div {
        text-align: center;
    }
    .myPage-header>li:last-child {
        border-right: none;
    }
    .myPage-header>li h5 i {
        display: none;
    }
    .my-menu-tab {
        flex-wrap: wrap;
        padding: 0 10px;
    }
    .my-menu-tab li {
        width: 100%;
        height: 60px;
        font-size: 15px;
        flex-direction: row;
        border-radius: 5px;
        justify-content: start;
    }
    .my-menu-tab li a {
        flex-direction: row;
        justify-content: start;
        border-radius: 7px;
    }
    .my-menu-tab li:nth-child(n+2) {
        margin-left: 0;
        margin-top: 10px;
    }
    .my-menu-tab li:nth-child(n+3) {
        margin-top: 10px;
    }
    .my-menu-tab li i {
        width: 37px;
        height: 37px;
        margin-bottom: 0;
        margin-right: 45px;
    }
    #myShoppingTabMenu span {
        margin-top: 0 !important;
        font-size: 18px !important;
        font-weight: 500 !important;
    }
    #myShoppingTabMenu .thumbnail-icon img {
        width: auto;
        height: 55px;
        margin: 0 40px;
    }
    .myShopping-table-item {
        padding: 10px 0;
    }
    .myShopping-table-item>ul {
        flex-wrap: wrap;
    }
    .myShopping-table-title>li,
    .myShopping-table-item>ul>li {
        border-right: none;
    }
    .myShopping-table-item .no-order {
        border-top: 1px solid var(--scLine);
    }
    .myPage-header>li:first-child>div:nth-of-type(1),
    .myPage-header>li:first-child>div:nth-of-type(2) {
        padding: 15px;
    }
    .myPage-header>li:first-child>div:nth-of-type(1)>p:nth-child(1) {
        margin-bottom: 7px;
    }
    .myPage-header>li:first-child>div p {
        font-size: 15px;
    }
    .myGrade span {
        font-size: 19px;
    }
    .myPage-header>li:not(:first-child) p:nth-of-type(1) {
        font-size: 21px;
    }
    .saleCoupon-btn {
        font-size: 12px;
        padding: 5px 15px;
    }
    .my-content-title {
        padding: 0 15px 13px 15px;
    }
    .my-content-title h2 {
        font-size: 18px;
    }
    .my-content-title p {
        top: 0;
        font-size: 14px !important;
    }
    .my-content-title h2 i {
        margin: 0 15px;
    }
    .orderDetail-wrap .table-content {
        font-size: 14px;
    }
    .orderHistory-progress {
        padding: 0;
        flex-wrap: wrap;
        margin-bottom: 50px;
    }
    .count.extra {
        padding: 0 0 15px 130px !important;
    }
    .shoppingHistory-tab-content .orderHistory-progress {
        border-bottom: 0;
        border-top: 10px solid #f2f2f2;
    }
    .shoppingHistory-tab-content .orderHistory-progress li:nth-child(-n+3) {
        border-top: 1px solid #222;
    }
    .orderHistory-progress li {
        width: 33.33%;
        flex: none;
        padding: 15px 10px;
        border-bottom: 1px solid var(--scLine);
    }
    .orderHistory-progress li:last-child {
        border-left: none;
        width: 100%;
        background-color: #fbfbfb;
        align-items: start;
    }
    .orderHistory-progress li a {
        padding: 0;
    }
    .orderHistory-progress li:last-child a {
        flex-direction: row;
        justify-content: flex-start;
        padding-left: 20px;
    }
    .orderHistory-progress li p:nth-of-type(2) {
        font-size: 27px;
        font-weight: 600;
    }
    .orderHistory-progress li:last-child p:nth-of-type(2) {
        margin-top: 0;
        margin-left: 25px;
    }
    .orderHistory-progress li p {
        font-size: 14px !important;
    }
    .orderHistory-progress li span {
        font-size: 25px;
        margin-top: 5px;
    }
    .orderHistory-progress li:last-child span {
        margin-left: 10px;
        margin-top: 0;
    }
    .orderHistory-progress li i {
        top: 61%;
        right: 10px;
    }
    .table-content2 {
        flex-wrap: wrap;
    }
    .table-content2>li {
        min-width: auto !important;
        width: 100% !important;
        padding: 15px 20px;
        border-right: none;
        border-top: 1px solid var(--scLine);
    }
    .origin-table-content .itemName {
        padding: 15px !important;
    }
    #myOrderOriginMenu .table3 .table-content {
        padding: 0 12px;
    }
    .coupon-registration-wrap {
        width: 100%;
        padding-top: 20px;
    }
    .coupon-registration {
        width: 235px;
        height: 35px;
        border-radius: 65px;
        padding: 0 25px !important;
        text-align: start;
        font-size: 15px !important;
    }
    .coupon-registration::placeholder {
        font-size: 14px !important;
    }
    .coupon-des p:not(:last-child),
    .page-des p:not(:last-child) {
        margin-bottom: 5px;
    }
    .coupon-des {
        margin: 0 auto 40px;
    }
    .registration-btn {
        width: 105px;
        height: 35px;
        padding: 0 30px !important;
        font-size: 16px !important;
    }
    .coupon-des p,
    .page-des p {
        font-size: 13px !important;
        line-height: 15px;
        padding-left: 14px;
    }
    .myGift-table-content li {
        padding: 0 20px !important;
    }
    .reserveFund>li {
        padding: 0;
        flex-direction: column;
        padding: 20px 0;
        text-align: center;
        font-size: 16px;
        height: 95px;
    }
    .reserveFund>li>p:nth-child(2) {
        font-size: 21px !important;
    }
    .reserveFund-table>div>ul>li:nth-child(1) {
        justify-content: space-between;
    }
    .reserveFund-table>div>ul>li:nth-child(4) {
        width: 150px !important;
        position: absolute;
        bottom: 0;
        right: 0;
        justify-content: center;
        padding: 0 0 20px 0;
        align-items: end;
    }
    .reserveFund-table>div>ul>li:nth-child(3) {
        color: #999 !important;
    }
    .reserveFund-table .myGift-table-content>li:nth-child(2) {
        padding: 15px 20px !important;
        min-width: auto;
        font-size: 16px;
        line-height: 19px;
    }
    .reserveFund-table .myGift-table-content>li {
        font-size: 15px !important;
    }
    .reserveFund-table .myGift-table-content li:first-child {
        padding: 10px 20px !important;
    }
    .reserveFund-table .myGift-table-content li:last-child {
        position: absolute;
        right: 0;
        bottom: 20px;
        font-weight: 400 !important;
        font-size: 19px !important;
        justify-content: end;
    }
    .reserveFund-table .myGift-table-content {
        margin-bottom: 10px;
    }
    .swiper-eee {
        display: block !important;
    }
    .swiper-eee .swiper-wrapper {
        justify-content: center;
    }
    .order-date {
        flex-direction: row;
        justify-content: start !important;
        font-size: 15px;
    }
    .order-date .table-order-num {
        display: flex;
        margin-top: 0;
    }
    .order-date p:first-child,
    .order-date .table-order-num p:first-child {
        margin-right: 10px;
    }
    .itemName {
        padding: 15px 15px 0 !important;
        border-bottom: 0;
    }
    .itemName+li {
        border-top: none;
    }
    #orderProductList .count,
    #findNoMemberOrders .count,
    .possibleReview-table .count,
    .table-content2 .count {
        width: auto !important;
        min-width: auto !important;
        padding-left: 100px;
        padding: 0 0 15px 15px;
        border-top: none;
    }
    .qnaForm .table-title {
        font-size: 15px;
    }
    #orderProductList .payment-price,
    #findNoMemberOrders .payment-price,
    .possibleReview-table .payment-price,
    .table-content2 .payment-price {
        width: 50% !important;
        min-width: auto !important;
        justify-content: end;
        padding: 0 15px 15px 0;
        border-top: none;
    }
    .possibleReview-table .orderStatus {
        border-top: none;
    }
    .possibleReview-table .itemName {
        padding: 15px !important;
    }
    .writeableReview-content>li:nth-child(5) {
        justify-content: start;
    }
    .writeableReview-content>li:nth-child(5) p:nth-child(1) {
        margin-right: 15px;
        font-weight: 500;
        width: 100px;
    }
    .writeableReview-content>li:nth-child(5) p:nth-child(2) {
        font-size: 14px;
    }
    .writeableReview-content>li:nth-child(6)>div {
        display: flex;
        align-items: center;
    }
    .writeableReview-content>li.count span,
    .recent-orderHistory-table-content>li.count span,
    #orderProductList .count span,
    #findNoMemberOrders .count span,
    .possibleReview-table .count span {
        width: 100px;
        margin-right: 15px;
        font-weight: 500;
    }
    .button-vertical-group.mo {
        flex-direction: row;
    }
    .button-vertical-group.mo a:nth-child(2) {
        margin-top: 0 !important;
        margin-left: 5px !important;
    }
    .as-period {
        flex-direction: row;
        flex-wrap: wrap;
        padding: 0 15px 10px 130px !important;
        justify-content: start !important;
        font-size: 13px;
    }
    .as-period-date {
        width: 100%;
    }
    .as-period p:nth-of-type(1) {
        margin-bottom: 0;
        margin-right: 7px;
    }
    .orderStatus {
        flex-direction: row;
        justify-content: start !important;
        padding: 15px !important;
    }
    .orderStatus>div {
        margin-top: 0;
        text-align: start;
        font-size: 14px;
    }
    .orderStatus>a {
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
        margin-top: 0 !important;
    }
    .orderStatus>span {
        display: block !important;
        width: 100px;
    }
    #orderProductList .my-content ul:nth-child(2)>li,
    #findNoMemberOrders .my-content ul:nth-child(2)>li {
        border-bottom: 1px solid #333;
    }
    #orderProductList .my-content ul:nth-child(2)>li>ul>li:last-child,
    #orderProductList .my-content ul:nth-child(2)>li>ul>li:last-child {
        border-bottom: none;
        padding: 10px 0px;
    }
    .OriginMenu-contain h5 {
        font-size: 14px;
        padding-bottom: 20px;
    }
    .shoppingHistory-tab {
        flex-wrap: wrap;
        font-size: 17px;
        border-bottom: none;
        padding-bottom: 0;
    }
    .shoppingHistory-tab>li {
        margin: 0;
        text-align: center;
        padding: 11px 0;
        border-top: 1px solid var(--scLine);
        border-bottom: 1px solid var(--scLine);
        flex: 1;
        font-size: 16px;
        font-weight: 500;
        color: #727272;
    }
    .shoppingHistory-tab>li:not(:last-child) {
        border-right: 1px solid var(--scLine);
    }
    .shoppingHistory-tab>li:hover,
    .shoppingHistory-tab>li.on {
        color: #fff;
        background: var(--scPoint);
        border-color: var(--scPoint);
    }
    .shoppingHistory-tab>li.on {
        font-weight: 500;
    }
    .shoppingHistory-tab>li.on::after {
        content: none;
    }
    .recentItem-swiper {
        overflow: hidden !important;
    }
    .recentItem-swiper .pagination.dot-pagination {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .sub-tab li {
        font-size: 16px;
        height: 43px;
        border-bottom: 1px solid var(--scLine);
    }
    .sub-tab li:first-child {
        border-left: none;
    }
    .sub-tab li:last-child {
        border-right: none;
    }
    .asApplication-tab>li.on,
    .sub-tab>li.on {
        font-weight: 500;
    }
    #orderProductList>p {
        font-size: 13px;
    }
    .inquiryPeriod {
        padding: 15px;
        flex-direction: column;
        margin-top: 0px;
        margin-bottom: 25px;
    }
    .inquiryPeriod>div {
        flex-direction: column;
        align-items: start;
        max-width: 350px;
        width: 100%;
    }
    .inquiryPeriod>div:nth-child(2) {
        padding: 0;
    }
    .period-btn-wrap {
        width: 100%;
        justify-content: space-between;
    }
    .date-input-wrap {
        margin-right: 0;
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
    }
    .date-input-wrap input {
        font-size: 13px;
        height: 31px;
    }
    .date-input-wrap span {
        height: 30px;
        line-height: 30px;
        margin: 0px 4px;
    }
    .item-select {
        left: 10px;
    }
    .item-delete {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 20px;
        height: 20px;
        z-index: 1;
    }
    .item-delete i {
        display: inline-block;
        background: url("../images/option-close.png") no-repeat center/contain;
        width: 100%;
        height: 100%;
    }
    .review-header>li:nth-child(2)>div>p {
        line-height: 0;
        padding-bottom: 20px;
        transform: translateY(0);
    }
    .inquiryPeriod>div>p {
        margin: 0 0 7px 0;
        font-size: 15px;
    }
    .inquiryPeriod>div:nth-child(2)>p {
        margin: 10px 0 7px 0;
    }
    .periodSearch-btn {
        margin: 15px auto 0;
        font-size: 17px !important;
    }
    .period-btn {
        margin: 0 3px;
        width: 60px;
    }
    #orderProductList>h3 {
        font-size: 18px !important;
    }
    .asApplication-tab>li {
        font-size: 15px;
        padding: 12px;
        height: 37px;
    }
    .swiper .asApplication-tab>li {
        width: auto;
        flex: none;
    }
    .asApplication-tab {
        margin-top: 30px;
        margin-bottom: 25px;
    }
    #myOrderAsMenu {
        padding: 0 10px;
    }
    .input-group p {
        font-size: 13px;
    }
    .importText-wrap {
        flex-direction: column;
    }
    .importText-wrap>div:nth-child(2) {
        margin-top: 7px;
        padding-left: 3px;
    }
    .importText {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 5px;
        position: relative;
        padding-left: 25px;
    }
    .email-wrap {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
    }
    .email-wrap>input:nth-of-type(1) {
        order: 1;
        width: calc(50% - 25px);
        max-width: 100%;
    }
    .email-wrap>.at {
        order: 2;
        width: 25px;
        margin: 0 auto;
        text-align: center;
    }
    .email-wrap>select {
        order: 3;
        width: 50%;
    }
    .email-wrap>input:nth-of-type(2) {
        order: 4;
        width: 100%;
        max-width: 100%;
        margin-top: 7px;
    }
    #originStep1 {
        width: 100%;
    }
    .progressStep {
        width: 100%;
        transform: translateX(0);
    }
    .progressbar {
        width: 100%;
    }
    .progressStep ul {
        width: 310px;
        margin: 0 auto;
    }
    .progressStep ul li:first-child {
        text-align: start;
        transform: translateX(-10px);
    }
    .progressStep ul li:last-child {
        text-align: end;
    }
    .myPage-header>li:nth-child(3)>div>p:nth-child(2) {
        font-size: 15px;
    }
    .WhereToBuy>li h3 {
        font-size: 16px;
        padding: 10px;
    }
    .genuine-progress-wrap h5 {
        font-size: 15px;
    }
    .originStep2-content2>div>p {
        font-size: 17px;
        line-height: 22px;
    }
    .originStep {
        padding-top: 35px;
    }
    .originStep h2 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .originStep3>p {
        font-size: 14px;
        line-height: 22px;
    }
    .WhereToBuy>li>div>p {
        font-size: 13px;
    }
    .WhereToBuy img {
        width: 60px;
        height: 55px;
    }
    .WhereToBuy>li>div {
        height: 100px;
    }
    .genuineRegistration-coupon h4 {
        font-size: 17px;
        padding: 0 40px
    }
    .genuineRegistration-coupon>p {
        padding: 0 10px;
        font-size: 14px;
    }
    .asCheck {
        font-size: 14px !important;
        width: calc(100% - 40px);
        text-align: start;
    }
    .genuine-progress-wrap .progressStep {
        left: 13%;
    }
    .WhereToBuy-wrap {
        margin-bottom: 60px;
        padding: 0 5px;
    }
    .eee {
        width: 100%;
    }
    .newper-care {
        flex-direction: column;
        align-items: start;
        padding: 15px;
    }
    .newper-care>p {
        margin-bottom: 10px;
    }
    .newper-care>span {
        font-size: 14px;
        text-align: start;
    }
    .OriginMenu-contain {
        width: 100%;
    }
    .invoice-num-search {
        justify-content: center;
    }
    .invoice-num {
        width: 235px;
        height: 35px !important;
    }
    .invoice-num-search .btn {
        height: 35px;
        padding: 0 30px !important;
        font-size: 17px !important;
    }
    .originStep .table {
        border-top: 1px solid #333 !important;
        border-bottom: 1px solid #333 !important;
    }
    .originStep2-content1 .table-title {
        display: none;
    }
    .originStep2-content1 .table {
        border-left: none;
        border-right: none;
        border-radius: 0;
    }
    .origin-table-content #myOrderOriginMenu .table3 .table-content {
        padding: 10px;
    }
    .originStep2-content1 .table3 .table-content>ul>li>div>div:nth-child(2)>div:nth-child(2) {
        position: absolute;
        bottom: 0;
        right: 10px;
    }
    .originStep2-content1 .table3 .table-content>ul>li>div {
        position: relative;
        align-items: start;
    }
    .originStep2-content1 .table3 .flex-order p:nth-child(1) {
        order: 2;
        color: #9e9e9e !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        display: flex;
    }
    .originStep2-content1 .table3 .flex-order p:nth-child(2) {
        order: 1;
        font-size: 15px !important;
        font-weight: 500 !important;
        color: #000 !important;
    }
    #myOrderOriginMenu .table3 .order-item-info-wrap {
        width: auto;
    }
    #myOrderOriginMenu .table3 .table-content>ul>li {
        flex-direction: row;
    }
    #myGiftMenu h2 {
        font-size: 18px;
        margin-top: 30px;
    }
    .extinction {
        flex-direction: row;
        justify-content: center;
    }
    .myGift-guide {
        flex-direction: column;
        padding: 35px 12px;
        border-top: none;
    }
    .myGift-guide>li {
        flex: none;
    }
    .myGift-table {
        border-top: none;
        background-color: #f2f2f2;
        margin-bottom: 0;
    }
    .myGift-table-content {
        flex-direction: column;
        position: relative;
        padding-bottom: 20px;
        font-size: 16px;
        background-color: #fff;
    }
    .myGift-table-content {
        border-top: 1px solid #333 !important;
        border-bottom: 1px solid #333;
    }
    .myGift-table-content:not(:nth-of-type(1)) {
        margin-top: 10px;
    }
    .myGift-table>div>ul>li {
        border-right: none;
        justify-content: start;
        padding: 1px 0 0 20px;
        width: calc(100% - 150px) !important;
        align-items: center;
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 5px;
    }
    .myGift-table>div>ul>li:nth-child(1) {
        border-bottom: 1px solid var(--scLine);
        width: 100% !important;
        height: 45px;
        font-size: 15px;
        align-items: center;
        padding-right: 15px;
    }
    .saleCoupon-table .myGift-table-content>li:nth-child(2) {
        padding: 15px 0 15px 20px !important;
        min-width: 70% !important;
        font-size: 16px;
    }
    .saleCoupon-table>div>ul>li:nth-child(4) {
        width: 25% !important;
        padding: 10px 0 10px !important;
        margin: 0;
        position: absolute;
        bottom: 0;
        right: 0;
        flex-direction: column;
        justify-content: space-evenly !important;
        align-items: center;
        font-size: 23px;
        height: calc(100% - 45px);
    }
    .saleCoupon-table>div>ul>li:nth-child(4) img {
        width: 70px;
        height: 67px;
        margin-top: 10px;
        margin-left: -7px;
    }
    .myGift-guide strong {
        font-size: 15px;
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }
    .myGift-guide strong i {
        width: 27px;
        height: 27px;
        margin-right: 5px;
    }
    .myGift-guide p {
        font-size: 13px;
    }
    .myGift-guide p:not(:first-child) {
        margin-top: 5px;
    }
    .coupon-des,
    .page-des {
        padding: 0 10px;
        width: auto;
        font-size: 14px;
    }
    .code-num,
    .serial-number {
        flex-direction: column;
        align-items: start;
    }
    .code-num input,
    .serial-number input {
        height: 45px;
        padding: 0 15px !important;
    }
    .code-num>div,
    .serial-number>div {
        width: 100%;
    }
    .code-num input {
        width: 30%;
    }
    .code-num input::placeholder,
    .serial-number input::placeholder {
        font-size: 15px;
    }
    .code-num>p,
    .serial-number>p {
        font-size: 15px;
        margin-bottom: 7px;
        font-weight: 500;
    }
    .voucher-table>div>ul>li:nth-child(1) {
        justify-content: space-between;
    }
    .voucher-table>div>ul>li:nth-child(2) {
        display: flex;
        flex-direction: column;
        align-items: start;
        padding-top: 15px !important;
    }
    .voucher-table>div>ul>li:nth-child(2) span {
        margin-top: 7px;
    }
    .voucher-table>div>ul>li:nth-child(3) {
        font-size: 17px;
    }
    .voucher-table>div>ul>li:nth-child(3) span {
        color: #999;
        font-size: 15px;
        margin-right: 5px;
    }
    .voucher-table>div>ul>li {
        width: 100% !important;
        padding-right: 10px;
        font-size: 15px;
    }
    .voucher-table>div>ul>li:nth-child(3) {
        justify-content: end;
    }
    .review-header {
        flex-direction: column;
        padding: 0;
    }
    .review-header>li {
        width: 100% !important;
        padding: 15px !important;
    }
    #myListReviewMenu .review-header>li:nth-child(1) {
        border-top: 1px solid var(--scLine);
    }
    .review-header>li:nth-child(2) {
        max-width: 410px;
        min-width: auto !important;
    }
    .review-header>li:nth-child(2)>div {
        flex-direction: column;
    }
    .review-header>li:nth-child(2)>div:nth-of-type(1) {
        width: 55%;
    }
    .review-header>li:nth-child(2)>div:nth-of-type(2) {
        width: calc(45% - 50px);
        margin-top: 10px;
    }
    .review-header>li:nth-child(2)>div>div>span {
        font-size: 31px;
        margin-right: 15px;
    }
    #reviewList>li:nth-of-type(1) {
        border-top: 1px solid #333;
    }
    .completed-table-content {
        border-bottom: 1px solid #333 !important
    }
    .completed-table-content>li:nth-child(3),
    .completed-table-content>li:nth-child(4) {
        width: 50% !important;
    }
    .completed-table-content>li:nth-child(3) {
        justify-content: start;
    }
    .completed-table-content>li:nth-child(4) {
        justify-content: end;
    }
    .completed-table-content .review-grade {
        flex-direction: row;
    }
    .completed-table-content .review-grade i {
        width: 90px;
        height: 15px;
        margin-bottom: 0;
        margin-right: 10px;
        transform: translateY(-1px);
    }
    .completed-table-content .review-grade i::after {
        background: url("../images/5star-yellow.png") no-repeat 0 0/90px 15px;
    }
    .completed-table-content .review-grade span {
        font-size: 14px;
    }
    .direct-inquiry-table-content>li:nth-child(5),
    .item-inquiry-table-content>li:nth-child(5) {
        order: 1;
        width: 50% !important;
        min-width: auto !important;
        justify-content: start;
        border-top: none;
    }
    .direct-inquiry-table-content>li:nth-child(4),
    .item-inquiry-table-content>li:nth-child(4) {
        order: 2;
        width: 50% !important;
        min-width: auto !important;
        justify-content: end;
        border-top: none;
    }
    .direct-inquiry-table-content>li:nth-child(1) {
        order: 3;
        justify-content: start;
    }
    .item-inquiry-table-content>li:nth-child(1) {
        order: 3;
        padding: 15px !important;
        border-bottom: 1px solid var(--scLine);
    }
    .direct-inquiry-table-content>li:nth-child(2) {
        order: 4;
        border-top: none;
        padding: 0 20px;
    }
    .item-inquiry-table-content>li:nth-child(2) {
        order: 4;
        padding-bottom: 0;
    }
    .direct-inquiry-table-content>li:nth-child(3),
    .item-inquiry-table-content>li:nth-child(3) {
        order: 5;
        border-top: none;
    }
    .direct-inquiry-table-content>li:last-child,
    .item-inquiry-table-content>li:last-child {
        order: 7;
    }
    .inquiry-open>div {
        padding: 12px;
    }
    .inquiry-view {
        order: 6;
        padding: 5px 15px !important;
        cursor: pointer;
    }
    .inquiry-view img {
        width: 19px;
        height: 19px;
        object-fit: contain;
        cursor: pointer;
    }
    .inquiry-badge,
    .inquiry-answer {
        position: initial;
    }
    .inquiry-open>div>p {
        padding: 10px 0 0 !important;
        font-size: 15px;
        line-height: 21px;
    }
    .direct-list,
    .inquiry-list {
        background-color: #f2f2f2;
    }
    .direct-list>li,
    .inquiry-list>li {
        background-color: #fff;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
    }
    .direct-list>li:not(:first-child),
    .inquiry-list>li:not(:first-child) {
        margin-top: 10px;
    }
    .direct-inquiry-table-content {
        background-color: #fff;
    }
    .inquiry-type p,
    .inquiry-title p {
        margin: 0;
    }
    .inquiry-title.on p {
        color: var(--scBlack) !important;
    }
    .inquiry-title.on p::after {
        content: none;
    }
    .eventApp-table-content>li {
        justify-content: start;
    }
    .eventApp-table-content>li:not(:first-child) {
        border-top: none;
    }
    .eventApp-table-content>li:nth-child(2) {
        padding: 0 15px;
    }
    .eventApp-table-content>li:last-child {
        border-top: 1px solid var(--scLine);
    }
    .eventApp-table-content>li:nth-child(3) {
        justify-content: end;
    }
    .eventApp-title p {
        padding: 0;
    }
    .order-item-info {
        font-size: 14px !important;
    }
    .updateInfo {
        width: 100%;
        padding: 15px 25px;
    }
    .addrManagement-table-content>li:nth-child(1)>ul>li {
        margin-bottom: 0px;
    }
    .addr-regi {
        display: block;
        padding-top: 30px;
    }
    .addr-regi>div:nth-child(2) {
        display: flex;
        justify-content: end;
        padding-top: 20px;
    }
    .default-table>li {
        flex-wrap: wrap;
        justify-content: start;
        margin: 15px 0;
    }
    .default-table-title {
        font-size: 16px;
        width: auto;
        height: 35px;
    }
    .default-table-content,
    .fixed-id,
    .name {
        width: 100% !important;
    }
    .birth select {
        width: 32% !important;
    }
    .phone2 .form-control,
    .zip-code {
        width: 30% !important;
    }
    .updateInfo .addr-input>div {
        position: absolute;
        top: -30px;
        right: 0;
    }
    .updateInfo .addr-input>div input {
        width: 20px;
    }
    .updateInfo .addr-input>input {
        width: 100% !important;
        margin-right: 10px;
    }
    .updateInfo .addr-input>.btn {
        margin-right: 0 !important;
    }
    .deleteCustomer-wrap {
        width: 100%;
        padding: 0 10px;
    }
    .complaint {
        font-size: 16px;
    }
    .complaint>div {
        width: 100%;
        padding: 7px 0;
    }
    .refundAccount-table {
        padding: 0 20px;
    }
    .addrManagement-table-content>li:nth-child(1) {
        justify-content: start;
        position: relative;
    }
    .addrManagement-table-content>li:nth-child(1)>ul>li:nth-child(1) {
        order: 2;
        padding-left: 15px;
    }
    .addrManagement-table-content>li:nth-child(1)>ul>li:nth-child(2) {
        order: 1;
        position: relative;
        padding-right: 15px;
    }
    .addrManagement-table-content>li:nth-child(1)>ul>li:nth-child(2)::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        width: 1px;
        height: 90%;
        background-color: #000;
    }
    .defaultAddr {
        order: 3;
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translateY(-50%);
    }
    .addrManagement-table-content a.btn:nth-child(1) {
        order: 2;
        margin-left: 5px !important;
    }
    .addrManagement-table-content a.btn:nth-child(2) {
        order: 1;
        margin-left: 0 !important;
    }
    .addrManagement-table-content>li:nth-child(2) {
        text-indent: 0;
    }
    .addrManagement-table-content>li:nth-child(3) {
        border-top: none;
        justify-content: start;
    }
    .order-item-info-wrap>*:not(:last-child) {
        margin-bottom: 5px;
    }
    .progress-bar,
    #myOrderOriginMenu .progress-bar {
        width: 290px;
        height: 7px;
    }
    .progress-bar i {
        background: url("../images/bg-step-blue.png") no-repeat 0 0/310px 100%;
    }
    #myOrderOriginMenu .progress-bar i {
        background: url("../images/bg-step-blue.png") no-repeat 0 0/290px 100%;
    }
    #myOrderOriginMenu .progressStep ul {
        width: 290px;
        margin: 0 auto;
    }
    #myOrderOriginMenu .progressStep ul li {
        font-size: 15px;
        line-height: 21px;
    }
    #myOrderOriginMenu .progressStep ul li:first-child {
        text-align: start;
        transform: translateX(-30px);
    }
    #myOrderOriginMenu .progressStep ul li:last-child {
        text-align: end;
        transform: translateX(22px);
    }
    #myOrderOriginMenu .progressStep ul li:first-child span {
        transform: translateX(25px);
    }
    #myOrderOriginMenu .progressStep ul li:last-child span {
        transform: translateX(-15px);
    }
    .reviewModal {
        padding: 30px 0 0 !important;
    }
    .review-star label::before {
        width: 22px;
        height: 20px;
    }
    .reviewModal textarea {
        height: 230px;
    }
    .reviewModal .filebox .review-upload-name {
        width: 100%;
    }
    .reviewModal .filebox label {
        padding: 5px 20px;
        border-radius: 7px;
    }
    .reviewModal .commonModal-close {
        top: 20px;
        right: 20px;
    }
    .commonModal-close i {
        width: 17px;
        height: 17px;
    }
    .scroll-y {
        height: 100% !important;
        max-height: 100% !important;
    }
    .receiptDetail>li {
        flex-direction: row;
        justify-content: space-between;
    }
    .receiptDetail>li:not(:last-child) {
        margin-bottom: 5px;
    }
    .receiptDetail-title {
        margin-right: 0;
        font-size: 15px;
    }
    .receiptDetail-content {
        width: calc(100% - 90px);
        font-size: 15px;
    }
    .progressStep>li>p {
        font-size: 14px;
    }
    .openClose {
        position: initial;
        display: flex;
        justify-content: center;
        width: 100%;
        transform: translateX(0);
        padding-top: 10px;
        height: auto;
        border-top: 1px solid #b7b7b7;
    }
    .openClose img {
        width: 15px;
    }
    .as-item-thumb {
        margin-left: 3px;
        margin-right: 10px;
    }
    .form-control {
        font-size: 13px !important;
        padding: 2px 10px !important;
    }
    select.form-control {
        background-size: 10px;
        background-position: top 50% right 7px;
    }
    .qnaForm-email,
    .qnaForm-email>div {
        width: 100%;
    }
    .qnaForm-name input {
        width: 100%;
    }
    .qnaForm-email input {
        width: calc((100% - 28px) / 2);
        margin: 2px 0;
    }
    .qnaForm-email select {
        width: 100%;
        margin: 2px 0;
    }
    .qnaForm .at {
        margin: 0 1px 0 2px;
    }
    .qnaForm .phone .form-control {
        width: calc((100% - 33px) / 3);
        ;
        margin: 2px 0;
    }
    .inquiryType select {
        width: 100% !important;
        margin: 2px 0 !important;
    }
    .orderDetail-wrap h2 {
        padding: 0 12px 30px;
        font-size: 20px;
        text-align: center;
        margin: 0;
    }
    .orderDetail-wrap h3 {
        font-size: 18px;
        padding: 0 12px;
        margin-bottom: 10px;
    }
    .form-control::placeholder {
        font-size: 12px;
    }
    .myInfo-pw-confirm {
        font-size: 15px;
        line-height: 21px;
        padding-bottom: 20px;
    }
    .myInfo-pw {
        width: 100%;
    }
    .updateInfo .form-control {
        width: 245px;
        padding: 0 10px;
        font-size: 16px !important;
    }
    .myInfo-pw>p {
        position: initial;
        transform: translateY(0);
        display: flex;
        align-items: center;
        font-size: 16px;
    }
    .consent.updateInfo-consent {
        width: 100%;
    }
    .updateInfo .btn.etc,
    .refundAccount .btn.etc {
        height: 40px;
    }
    .refundAccount .btn.etc {
        font-size: 18px;
    }
    .asProductModal {
        width: 100%;
        margin-bottom: 0;
    }
    .asProductModal>div {
        padding-right: 0 !important;
    }
    .addrUpdateModal {
        height: 100%;
    }
    .addrUpdateModal .table li {
        flex-direction: row;
    }
    .addrUpdateModal .table-title {
        width: 80px !important;
        border-bottom: none;
        font-size: 15px;
    }
    .addrUpdateModal .table-content {
        width: calc(100% - 80px);
        justify-content: start !important;
        font-size: 15px;
    }
    .addrUpdateModal input,
    .addrUpdateModal select {
        height: 40px;
    }
    .addrUpdateModal .searchAddr-btn {
        width: 115px;
        height: 40px;
        font-size: 15px !important;
    }
    .addrUpdateModal .custom-checkbox[type="checkbox"] {
        width: 17px;
        height: 17px;
    }
    .WhereToBuy>p {
        margin: 0 2px;
    }
    .WhereToBuy>p>label {
        border-radius: 7px;
    }
    .WhereToBuy>p .radio-title {
        font-size: 15px;
        padding: 12px 0;
    }
    .WhereToBuy>p .icon-select {
        height: auto;
        padding: 10px 0;
    }
    .WhereToBuy>p .icon-select span {
        font-size: 13px;
        font-weight: 500;
    }
}

@media (max-width: 445px) {
    .swiper-eee .swiper-wrapper {
        justify-content: start;
    }
    .myPage-header>li:not(:first-child) p:nth-of-type(1) {
        font-size: 17px;
        letter-spacing: -.5px;
    }
}

/* 회사소개 - 홍보센터 */

#companyTabMenu {
    font-size: 24px;
    color: #727272;
    height: 84px;
}

#companyMenu .menu-button>li {
    font-size: 20px;
    font-weight: 300;
    width: auto;
}

#companyMenu .menu-button>li.on {
    font-weight: 500;
}

.news-wrap li {
    padding: 0 40px;
}

.news-wrap li a {
    display: flex;
    border-bottom: 1px solid var(--scLine);
    padding: 40px 0;
}

.news-img {
    width: 400px;
    height: 265px;
}

.news-img img {
    object-fit: contain;
}

.news-info {
    padding-left: 30px;
    width: calc(100% - 400px);
}

.news-info h2 {
    font-size: 28px;
    font-weight: 600;
}

.news-date {
    display: block;
    font-size: 16px;
    font-weight: 500;
    padding: 7px 0 10px 0;
    color: #a6a6a6;
}

.news-info>p {
    font-size: 18px;
    font-weight: 300;
    line-height: 27px;
}

.news-tag {
    margin-top: 20px;
}

.news-tag>span {
    font-size: 18px;
    font-weight: 300;
    color: #245fb8;
}

.news-more {
    color: #0c2da3;
    text-decoration: underline;
    font-size: 16px;
    font-weight: 300;
}

/* 회사소개 - 지점위치안내 */

.location .menu-button>li {
    padding: 0 75px;
}

.location .menu-button>li:last-child {
    margin-right: 0px;
}

.location-left {
    width: 60%;
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    order: 1;
}

.location-left #map {
    width: 100%;
    height: 450px;
}

.map {
    margin-bottom: 10px;
    background-color: #fafafa;
}

.location-left>ul {
    height: 156px;
}

.location-left>ul>li:not(:last-child) {
    margin-right: 10px;
}

.location-left>ul>li img {
    object-fit: cover;
}

.location-right {
    width: 40%;
    height: 90%;
    padding-left: 20px;
    order: 2;
}

.location-right>li:not(:last-child) {
    margin-bottom: 14px;
}

/* 회사소개 - 제휴 및 입점 안내 */

.partner-btn {
    width: 337px;
    height: 75px;
    font-size: 36px !important;
    font-weight: 500;
}

.partner-introductory {
    padding: 30px 0;
}

.partner-introductory h2 {
    font-size: 29px;
    font-weight: 600;
    padding-bottom: 30px;
}

.partner-introductory p {
    font-size: 18px;
    color: #727272;
    line-height: 24px;
}

.partner-introductory p:not(:last-child) {
    padding-bottom: 10px;
}

.partner-introductory p span {
    font-size: 16px;
}

.company-table h3 {
    font-size: 24px;
    font-weight: 500;
    padding: 35px 0 15px;
}

.company-table .default-table>li {
    margin: 10px 0;
}

.company-table .default-table-title {
    width: 140px;
    text-align: left;
}

.company-table .default-table-content {
    width: 400px;
}

.company-table input.form-control {
    width: 100%;
    height: 40px;
}

.company-table .phone .form-control {
    width: 29%;
    text-align: center;
}

.company-file {
    width: 100%;
    padding: 0 !important;
    border: none;
}

.company-file::file-selector-button {
    background: #f2f5f7;
    color: #222;
    border-radius: 50px;
    font-size: 16px;
    padding: 5px 20px;
    border: 1px solid #EAEDF4;
    cursor: pointer;
}

.compAgree-view {
    text-decoration: underline;
    cursor: pointer;
}

#storeForm {
    max-width: 600px;
    margin: 0 auto;
}

#storeForm .default-table-content {
    width: calc(100% - 140px);
    display: flex;
    justify-content: start;
}

.storeForm-subTitle {
    font-size: 23px;
    font-weight: 500;
    text-align: left;
    padding-bottom: 10px;
    padding-top: 25px;
    border-top: 1px solid #333;
}

.partner-manager>div {
    display: flex;
}

.partner-manager>div>p {
    width: 140px;
    margin: 10px 0;
    height: 40px;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.partner-manager>div>ul {
    width: calc(100% - 140px);
}

#storeForm .partner-manager .default-table-title {
    width: 100px;
}

#storeForm .partner-manager .default-table-content {
    width: calc(100% - 100px);
}

#storeForm .addr-input>input {
    margin-right: 0;
}

#locationTab h2 {
    font-size: 18px;
    font-weight: 500;
    padding: 15px 0;
}

@media (max-width: 1380px) {
    .location-left #map {
        height: 430px;
    }
}

@media (max-width: 1340px) {
    .location-left #map {
        height: 410px;
    }
}

@media (max-width: 1290px) {
    .location-left #map {
        height: 395px;
    }
}

@media (max-width: 1270px) {
    .location-left #map {
        height: 380px;
    }
}

@media (max-width: 1225px) {
    .location-left #map {
        height: 365px;
    }
}

@media (max-width: 1190px) {
    .location-left #map {
        height: 355px;
    }
}

@media (max-width: 1170px) {
    .location-left #map {
        height: 340px;
    }
}

@media (max-width: 1125px) {
    .location-left #map {
        height: 325px;
    }
}

@media (max-width: 1090px) {
    .location-left #map {
        height: 310px;
    }
}

@media (max-width: 1060px) {
    .location-left #map {
        height: 300px;
    }
}

@media (max-width: 1040px) {
    .location-left #map {
        height: 290px;
    }
}

@media (max-width: 1010px) {
    .location-left #map {
        height: 285px;
    }
}

@media (max-width: 991px) {
    div.swiper.location {
        padding: 0 8px;
    }
    #locationTab h2 {
        font-size: 16px;
        padding: 15px 12px;
    }
    #companyTabMenu {
        height: auto;
    }
    #companyTabMenu>li {
        height: 45px;
        font-size: 16px;
    }
    .swiper.underline-dark {
        border-bottom: none;
    }
    #PRTab,
    #locationTab {
        border-top: 1px solid #333;
    }
    .partnerAgree-wrap,
    .prodRegist-type {
        font-size: 15px;
    }
}

/* 회원가입 */

#header-onlyLogo {
    box-shadow: none;
}

.header-onlyLogo-inner {
    width: 100%;
    height: 120px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    position: relative;
}

.header-onlyLogo-inner .logo a img {
    width: 170px;
    height: 69px;
}

@media (max-width: 991px) {
    .header-onlyLogo-inner .logo a img {
        width: 120px;
        height: 49px;
    }
    .header-onlyLogo-back {
        width: 17px;
        height: 17px;
        object-fit: contain;
        position: absolute;
        top: 50%;
        left: 12px;
        transform: translateY(-50%);
        cursor: pointer;
    }
}

/* 회원가입 안내*/

/*.joinWelcome-content {
    text-align: center;
    width: 376px;
    margin: 0 auto;
    padding-top: 70px;
}
.joinWelcome-content .welcome {
    font-size: 16px;
    font-weight: 500;
}
.socialSignup {
    display: flex;
    justify-content: center;
}
.socialSignup li {
    padding: 0 10px;
}
.socialSignup li a {
    width: 50px;
    height: 50px;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
}
.joinWelcome-content .btn2 {
    margin: 50px 0;
}
.joinWelcome-content .btn2 a {
    width: 100%;
    padding: 15px 0;
}
.joinWelcome-content>p:nth-of-type(2) {
    margin: 40px 0 25px;
    line-height: 27px;
}
.joinWelcome-content .dummy-line {
    margin: 15px 0 0 0;
}
.join-info {
    border: 1px solid #999;
    border-radius: 5px;
    padding: 20px;
    margin-top: 25px;
    background-color: #fff;
}
.join-info p {
    font-size: 13px;
    line-height: 21px;
}*/

/* 회원가입 re */

.joinWelcome-content {
    text-align: center;
    width: 500px;
    margin: 0 auto;
    padding: 25px 0 80px;
}

.joinWelcome-content .welcome {
    font-size: 16px;
    font-weight: 500;
}

.socialSignup {
    display: flex;
    justify-content: center;
    padding-bottom: 50px;
}

.socialSignup li {
    padding: 0 10px;
}

.socialSignup li a {
    width: 45px;
    height: 45px;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
}

.kakaoJoin-pop {
    width: 230px;
    padding: 7px 10px;
    border: 1px solid rgb(230, 230, 230);
    text-align: center;
    margin: 50px auto 15px;
    font-size: 17px;
    color: rgb(133, 143, 156);
    position: relative;
}

.kakaoJoin-pop:after {
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    position: absolute;
    bottom: -9px;
    left: 49px;
    transform: translateX(-50%);
    background: url(../images/join/join_img.jpg) no-repeat center/contain;
}

.join-search {
    padding: 35px 0 50px;
    border-top: 1px solid #ddd;
}

.joinWelcome-content .btn {
    background-color: #f2f3f7;
    padding: 15px 25px !important;
    font-size: 14px !important;
}

.joinWelcome-content .custom-checkbox {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin-right: 10px;
    background: url("../images/check/check.png") no-repeat center/contain;
}

.join-arrowNext {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 10px;
    background: url("../images/arrow/next.png") no-repeat center/contain;
}

/*회원가입 정보입력 */

.join-content {
    text-align: center;
    width: 620px;
    margin: 0 auto;
    padding: 70px 0;
}

.table-default .table-title {
    width: 130px;
    background-color: transparent;
    color: #333;
    border-right: none;
    justify-content: start;
    align-items: flex-start;
    padding: 0.75em 0 0;
}

.join-banner {
    background-color: var(--scPoint);
    color: #fff;
    margin: 30px 0 20px;
    height: 70px;
    letter-spacing: .7px;
}

.join-banner p {
    line-height: 21px;
}

.join-content>div:nth-of-type(2) {
    display: flex;
    justify-content: space-between;
    margin-bottom: 35px;
}

.table-default li {
    display: flex;
    padding: 10px 0;
}

.table-default .form-control {
    width: 100%;
    height: 48px;
}

#joinForm .form-control {
    width: 380px;
}

.table-default .btn-id-check {
    padding: 0 20px !important;
    font-size: 16px !important;
    height: 46px;
}

.btn-input {
    padding: 13px 25px !important;
    font-size: 16px !important;
    border-radius: 6px !important;
}

.table-default .table-content {
    width: calc(100% - 130px);
    padding: 0;
    justify-content: space-between;
}

.joinEmail-input-wrap .form-control {
    width: 100%;
}

.joinEmail-input-wrap>div {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 7px;
}

.joinPW-input-wrap,
.joinEmail-input-wrap,
.Phone-input,
.certi-input {
    flex-direction: column;
    align-items: start;
}

.joinPW-input input:nth-of-type(1) {
    margin-bottom: 7px;
}

.Phone-input>div:nth-of-type(1) {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.Phone-input select,
.Phone-input input {
    width: 30% !important;
}

.Phone-input a.btn,
.certi-input a.btn {
    height: 48px;
}

.recommender .form-control {
    width: 100%;
}

#joinEmail {
    width: 60%;
}

.joinEmail-input-wrap>div>select {
    width: 40% !important;
}

.consent {
    margin: 50px 0;
    text-align: start;
}

.consent>div:nth-of-type(1) {
    border-bottom: 1px solid #bcbcbc;
    padding: 15px 0;
    display: flex;
    align-items: center;
}

.consent>div:nth-of-type(2) {
    padding: 15px 0;
}

.consent>div:nth-of-type(2)>p {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.consent>div:nth-of-type(2)>div {
    display: flex;
    padding-left: 20px;
}

.consent>div:nth-of-type(2)>div>p {
    display: flex;
    align-items: center;
}

.consent>div:nth-of-type(2)>div>p:nth-of-type(2) {
    margin-left: 35px;
}

.join-button-group {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.join-button-group .btn:nth-of-type(1) {
    margin-right: 10px;
}

.join-button-group .btn a {
    width: 220px;
    padding: 15px 0;
    font-size: 22px;
}

.consent label {
    cursor: pointer;
    padding-left: 10px;
    font-size: 16px;
}

.btn-consent {
    font-size: 12px !important;
    line-height: 12px;
    padding: 3px 11px 2px 10px !important;
    margin-left: 10px;
}

.consent .custom-checkbox[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-right: 0;
    background: url("../images/check/check4.png") no-repeat center/contain;
}

@media (max-width: 991px) {
    #header-onlyLogo {
        min-width: 100%;
        display: block;
    }
    .header-onlyLogo-inner {
        height: 52px;
    }
    .join-content {
        width: 100%;
        padding: 30px 15px;
    }
    .join-button-group .btn a {
        padding: 15px 0;
        font-size: 17px;
        width: 150px;
        padding: 10px 0;
    }
    .joinWelcome-content>p:nth-of-type(2) {
        margin: 35px 0 20px;
    }
    .table-default li {
        flex-direction: column;
    }
    .table-default .table-title {
        border-bottom: none;
        padding: 0 0 5px;
        height: auto;
    }
    .table-default .table-content {
        width: 100%;
    }
    .table-default .form-control {
        width: 100% !important;
    }
    .consent label {
        font-size: 15px;
    }
    .consent .custom-checkbox[type="checkbox"] {
        width: 17px;
        height: 17px;
    }
    .consent>div:nth-of-type(2)>p {
        margin-bottom: 10px;
    }
    .refundAccount .page-des p {
        font-size: 15px;
        line-height: 21px;
    }
    .refundAccount .form-control {
        font-size: 16px !important;
    }
    .refundAccount .default-table-title {
        width: 80px;
    }
    .kakaoJoin-pop {
        font-size: 16px;
    }
    .join-search {
        padding-bottom: 35px;
    }
}

@media (max-width: 500px) {
    .joinWelcome-content {
        width: 100%;
        padding-top: 0;
    }
}

/* 회원가입 개인정보 제공 동의 모달 */

#popBackground {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-Index: 9999;
    background: rgba(0, 0, 0, 0.3);
}

.agree_pop_essential {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 420px;
    height: 420px;
    background: #fff;
    border-radius: 20px;
    padding: 20px;
    z-index: 10000;
    text-align: center;
}

.agree_pop_select {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 420px;
    height: 370px;
    background: #fff;
    border-radius: 20px;
    padding: 20px;
    z-index: 10000;
    text-align: center;
}

.agree_first_th {
    width: 110px;
}

.pop_header {
    text-align: center;
}

.pop_header>h1 {
    color: #314AD7;
    font-weight: bold;
    font-size: 22px;
    margin-top: -2px;
    margin-bottom: 20px;
}

.pop_header>span {
    font-weight: bold;
    font-size: 17px;
}

.agree_tb_essential>thead {
    background-color: #DCDCDC;
}

.agree_tb {
    text-align: center;
    position: relative;
    width: 100%;
    margin-top: 8px;
}

.agree_tb>thead {
    background-color: #DCDCDC;
}

.agree_tb th,
.agree_tb td {
    border-right: 1px solid #bbb !important;
}

/* 상품검색 카테고리 페이지 썸네일 가로형 */

.thumbnail-category .item-price>p>span:first-child {
    margin-right: 30px;
}

.thumbnail-category .real-price {
    padding-left: 0;
}

.itemCategory-pagination {
    margin-top: 30px;
}

.cate-title {
    font-size: 23px;
    font-weight: 500;
    padding: 40px 0 20px;
}

.cate-title p {
    color: #3a4570;
    font-weight: 600;
}

.cate-table {
    border: 1px solid var(--scLine);
    margin-bottom: 20px;
}

.parent-cate .cate-table>li {
    min-height: 72px;
}

.cate-table-wrap:nth-of-type(3) .cate-table {
    margin-bottom: 0;
}

.cate-table>li {
    display: flex;
    border-bottom: 1px solid var(--scLine);
    min-height: 66px;
}

.cate-table>li:last-child {
    border-bottom: none;
}

.cate-table>li>* {
    display: flex;
    align-items: center;
    font-size: 14px;
}

.cate-table2>li.active {
    display: none;
}

.cate-table2>li.on {
    border-bottom: none;
}

.cate-table-title {
    width: 175px;
    text-indent: 25px;
    font-size: 18px !important;
    font-weight: 500;
    padding: 5px !important;
}

.cate-table-cont {
    width: calc(100% - 160px);
    flex-wrap: wrap;
    position: relative;
    padding: 20px 30px 18px 0;
    line-height: 35px;
}

.cate-table-cont.etc {
    padding-right: 150px;
}

.cate-table-cont li:not(:last-child) {
    padding-right: 10px;
}

.cate-table-cont li a {
    padding: 5px 20px 5px;
    font-size: 18px;
    font-weight: 300;
    white-space: nowrap;
}

.cate-table-cont li.on a {
    background-color: #3a4570;
    color: #fff;
    font-weight: 500;
    border-radius: 30px;
}

.cate-table-cont label {
    font-size: 18px;
}

.cate-table-cont .wordSearch {
    width: 50%;
}

.cate-table-cont input {
    width: calc(100% - 100px);
    height: 40px;
    margin: 0 20px;
}

.cate-table-cont .item-color {
    padding-left: 20px;
}

.category-table .item-color>span {
    width: 26px;
    height: 26px;
    cursor: pointer;
    margin-right: 15px;
}

.category-table .item-color>span.on {
    border: 3px solid #3a4570;
}

.category-table .item-color>span>span {
    width: 17px;
    height: 17px;
}

.cate-table .pop-des {
    text-indent: 0;
    line-height: initial;
}

.mobile-menu .item-color .no-color,
.category-table .item-color .no-color {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' id='no-color' viewBox='0 0 19.71 19.71'%3E%3Cdefs%3E%3Cstyle%3E.color-none-x%7Bfill:none;stroke:%23ddd;stroke-miterlimit:10;%7D%3C/style%3E%3C/defs%3E%3Cg id='Sub_Filter'%3E%3Cline class='color-none-x' x1='19.36' y1='19.36' x2='.35' y2='.35'/%3E%3Cline class='color-none-x' x1='.35' y1='19.36' x2='19.36' y2='.35'/%3E%3C/g%3E%3C/svg%3E");
    "

}

.ok-btn {
    font-size: 21px !important;
    font-weight: 500 !important;
    width: 135px;
    height: 37px;
}

.questionMark {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url("../images/questionMark.png") no-repeat center/contain;
    margin-right: 5px;
}

.itemGuide {
    position: absolute;
    bottom: calc(50% - 18px);
    right: 25px;
}

.itemGuide a {
    display: flex;
    align-items: center;
    padding: 0 !important;
}

.word-input {
    width: auto;
    border-radius: 50px;
    background-color: #f6f6f6;
    border: none;
    outline: none;
    font-size: 16px;
    padding: 7px 20px !important;
    margin-left: 10px;
}

.cate-selectedOption-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f1f1f1;
    padding: 13px 20px 13px 25px;
    border: 1px solid var(--scLine);
}

.cate-selectedOption-wrap>div {
    display: flex;
    flex-wrap: wrap;
    padding-right: 8px;
}

.cate-selectedOption p {
    font-size: 17px;
    margin-right: 25px;
    display: flex;
    align-items: center;
    color: var(--scPoint);
    padding: 8px 0;
}

.cate-selectedOption p:last-child {
    margin-right: 0;
}

.cate-selectedOption-right {
    min-width: 145px;
}

.revert {
    display: flex;
    align-items: center;
    font-size: 17px;
    font-weight: 300;
    cursor: pointer;
}

.revert-icon {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url("../images/revert.png") no-repeat center/contain;
    margin-right: 5px;
}

.close {
    display: inline-block;
    width: 9px;
    height: 9px;
    background: url("../images/close.png") no-repeat center/contain;
    margin-left: 7px;
    font-weight: 300;
    cursor: pointer;
}

.filter-toggle {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    border: 1px solid #999;
    padding: 6px 9px 4px;
    font-size: 14px;
    margin-left: 20px;
    cursor: pointer;
}

.filter-toggle.on .filter-toggle-icon {
    background: url("../images/arrow/open-arrow2.png") no-repeat center/contain;
}

.filter-toggle-icon {
    display: inline-block;
    width: 17px;
    height: 9px;
    background: url("../images/arrow/close-arrow.png") no-repeat center/contain;
    margin-bottom: 3px;
}

.itemSort-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #333;
    padding-bottom: 15px;
}

.itemSort-header p {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -1px;
}

.itemSort-header>div {
    display: flex;
    align-items: center;
}

.itemSort {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-left: 20px;
    cursor: pointer;
}

.itemSort1 {
    background: url("../images/itemSort1.png") no-repeat center/contain;
}

.itemSort1.on {
    background: url("../images/itemSort1-active.png") no-repeat center/contain;
}

.itemSort2 {
    background: url("../images/itemSort2.png") no-repeat center/contain;
}

.itemSort2.on {
    background: url("../images/itemSort2-active.png") no-repeat center/contain;
}

.mo-option-btn {
    background: url("../images/mo-option-btn.png") no-repeat center/contain;
}

#itemSort-option {
    position: relative;
    border: 1px solid #999;
    padding: 7px 35px 7px 15px;
    outline: none;
    font-size: 17px;
    background: url(../images/arrow/open-arrow.png) no-repeat right 9px center;
    appearance: none;
}

.cate-selectedOption .item-color {
    width: auto;
    height: auto;
}

.cate-selectedOption .item-color>span {
    margin-right: 0;
}

.thumbnail-searchResults .item-img {
    width: 200px;
}

.thumbnail-searchResults .item-info {
    padding: 5px 50px 5px 25px;
    position: relative;
}

.thumbnail-searchResults .item-color {
    position: absolute;
    left: 25px;
    bottom: 0;
    margin-bottom: 0;
}

.item-info2 {
    width: 430px;
    border-left: 1px solid #eee;
    padding: 5px 35px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.item-info2 .item-price {
    flex-direction: column;
    align-items: start;
}

.item-info2 .item-price .real-price {
    padding-left: 0;
    margin-top: 5px;
}

.item-info2 .item-footer {
    margin-bottom: 10px;
}

.thumb-wrap {
    position: relative;
}

.compareAdd-wrap {
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}

.compareAdd-wrap label {
    cursor: pointer;
}

/*상품비교 버튼*/

.searchResult-vertical-thumb .compareAdd-wrap {
    margin-left: 6px;
    margin-bottom: 8px;
}

.searchResult-vertical-thumb .item-img {
    padding: 0px;
    min-width: 130px;
    height: auto;
}

@media (max-width: 991px) {
    .cate-table {
        border-left: none;
        border-right: none;
        margin-bottom: 0;
    }
    .parent-cate .cate-table {
        border-bottom: none;
    }
    .cate-table-title {
        width: 95px;
        min-width: 95px;
        text-indent: 5px;
        font-size: 13px !important;
        position: relative;
    }
    .cate-table-cont {
        width: 100%;
        min-width: calc(100% - 95px);
        padding: 0 !important;
        flex-flow: nowrap;
        overflow-x: auto;
    }
    .cate-table-cont>* {
        margin: 5px 0 5px 5px;
    }
    .itemCategory-pagination {
        margin-top: 5px;
    }
    .cate-title {
        font-size: 18px;
        padding: 15px 0 10px;
    }
    .cate-table-cont .wordSearch {
        width: 100%;
    }
    .cate-table-cont .wordSearch label,
    .cate-table-cont li a {
        font-size: 14px;
    }
    .cate-table-cont input {
        height: 30px;
        margin: 0 0 0 15px;
        font-size: 13px !important;
        letter-spacing: -.5px !important;
    }
    .cate-table>li {
        min-height: 40px !important;
    }
    .cate-table-cont li:not(:last-child) {
        padding-right: 5px;
    }
    .cate-selectedOption p {
        font-size: 14px;
        margin-right: 20px;
    }
    .cate-selectedOption-wrap {
        padding: 10px 10px 10px 15px;
        min-height: 38px;
    }
    .cate-selectedOption-right {
        min-width: 55px;
    }
    .ok-btn {
        font-size: 14px !important;
        line-height: initial;
        display: inline-block;
        width: auto;
        height: auto;
        margin: 2px 17px 10px auto;
        padding: 5px 25px !important;
    }
    .wordSearch label {
        display: inline-block;
        width: 70px;
    }
    .wordSearch input {
        width: calc(100% - 90px);
        margin: 0 !important;
    }
}

/* 기본 썸네일 배지 250*/

/*KIMCHI보증*/

.guarantee {
    display: block;
    width: 85px;
    height: 80px;
    position: absolute;
    top: calc(50% - 145px);
    left: calc(50% - 155px);
    z-index: 1;
}

.guarantee img {
    object-fit: contain;
}

/*실사*/

.realPicture {
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: -5px;
    left: calc(50% - 143px);
    z-index: 1;
}

/*남은수량*/

.quantity {
    width: 65px;
    height: 65px;
    position: absolute;
    bottom: -5px;
    left: calc(50% - 145px);
    border-radius: 50%;
    background-color: #f4eaeb;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--scPoint);
    z-index: 1;
}

.quantity p {
    font-size: 12px;
    color: #555;
    margin-top: 2px;
    margin-bottom: 0px;
}

.quantity span {
    font-size: 20px;
    letter-spacing: -1px;
    font-weight: 600;
}

/*KIMCHI딜 180*/

.swiper-newperDeal .guarantee {
    width: 70px;
    height: 65px;
    top: auto;
    bottom: calc(50% + 40px);
    left: calc(50% - 112px);
}

.swiper-newperDeal .realPicture {
    width: 55px;
    height: 55px;
    bottom: 3px;
    left: calc(50% - 105px);
}

/*TODAY BEST 230*/

.swiper-todayBest .guarantee {
    width: 70px;
    height: 65px;
    top: calc(50% - 127px);
    left: calc(50% - 127px);
}

.swiper-todayBest .realPicture {
    width: 50px;
    height: 50px;
    bottom: 5px;
    left: calc(50% - 118px);
}

/*NEWPER HOT ISSUE 200*/

.swiper-event-group2 .guarantee {
    width: 70px;
    height: 65px;
    top: -6px;
    left: -20px;
}

.swiper-event-group2 .realPicture {
    width: 50px;
    height: 50px;
    bottom: 15px;
    left: -12px;
}

/*상품상세 썸네일*/

.product-thumb .guarantee {
    width: 100px;
    height: 94px;
    position: absolute;
    top: 3px;
    left: 3px;
}

.product-thumb .realPicture {
    width: 76px;
    height: 76px;
    top: initial;
    bottom: 3px;
    left: 16px;
}

/*금주의 신상 : 상단 외각선 대형,소형 */

.main-newLaunch-thumb .guarantee {
    width: 100px;
    height: 94px;
    position: absolute;
    top: calc(50% - 60%);
    left: calc(50% - 42%);
}

.main-newLaunch-thumb .realPicture {
    width: 76px;
    height: 76px;
    top: initial;
    bottom: 5px;
    left: -4px;
}

.sub-newLaunch-thumb .guarantee {
    width: 70px;
    height: 65px;
    top: calc(50% - 127px);
    left: calc(50% - 127px);
}

.sub-newLaunch-thumb .realPicture {
    width: 50px;
    height: 50px;
    bottom: 5px;
    left: calc(50% - 118px);
}

/*기획전 140*/

.swiper-event-group4 .guarantee {
    width: 55px;
    height: 52px;
    top: calc(50% - 82px);
    left: calc(50% - 82px);
}

.swiper-event-group4 .realPicture {
    width: 40px;
    height: 40px;
    bottom: calc(50% - 68px);
    left: calc(50% - 75px);
}

/*타임세일 del*/

.thumbnail-timeSale .quantity {
    width: 76px;
    height: 76px;
    top: 40px;
    right: 70px;
    left: initial;
}

.thumbnail-timeSale .quantity p {
    font-size: 14px;
    color: #314AD7;
    margin-top: 3px;
    margin-bottom: -2px;
    font-weight: 500;
}

.thumbnail-timeSale .quantity span {
    font-size: 24px;
    letter-spacing: -1px;
    font-weight: 700;
}

/*품절임박 290*/

.thumbnail-lastSecond .guarantee {
    width: 100px;
    height: 94px;
    position: absolute;
    top: -10px;
    left: -15px;
}

.thumbnail-lastSecond .realPicture {
    bottom: -7px;
    left: 0;
}

.thumbnail-lastSecond .quantity {
    width: 76px;
    height: 76px;
    top: initial;
    bottom: -15px;
    left: -10px;
}

.thumbnail-lastSecond .quantity p {
    font-size: 14px;
    color: var(--scPoint);
    font-weight: 500;
}

.thumbnail-lastSecond .quantity span {
    font-size: 26px;
}

.lastSecond-thumb .quantity p {
    font-size: 12px;
}

.lastSecond-thumb .quantity span {
    font-size: 17px;
}

@media ( min-width: 991px) and (max-width: 1380px) {
    /*금주의 신상 : 상단 외각선 대형 */
    .main-newLaunch-thumb .guarantee {
        width: 70px !important;
        height: 70px !important;
        top: -15px !important;
        left: calc(50% - 145px) !important;
    }
    .main-newLaunch-thumb .realPicture {
        width: 45px !important;
        height: 45px !important;
        bottom: 3px !important;
        left: calc(50% - 101px) !important;
    }
}

@media (max-width: 991px) {
    /*기본 2단 썸네일 배지*/
    .guarantee {
        width: 50px !important;
        height: 50px !important;
        top: -5px !important;
        left: -5px !important;
    }
    .realPicture {
        width: 40px !important;
        height: 40px !important;
        left: 0 !important;
        bottom: -5px !important;
    }
    .main-newLaunch-thumb .guarantee {
        width: 65px !important;
        height: 65px !important;
        top: -15px !important;
        left: calc(50% - 115px) !important;
    }
    .sub-newLaunch-thumb .guarantee {
        top: -5px !important;
        left: -5px !important
    }
    .swiper-todayBest .realPicture {
        left: 0;
    }
    .quantity {
        width: 49px !important;
        height: 49px !important;
        bottom: -7px !important;
        left: -5px !important;
    }
    .thumbnail-lastSecond .quantity {
        bottom: -7px !important;
        left: calc(50% - 110px) !important;
    }
    .thumbnail-lastSecond .realPicture {
        bottom: -5px !important;
        left: calc(50% - 105px) !important;
    }
    .quantity span {
        font-size: 15px !important;
        letter-spacing: -.5px !important;
    }
    .quantity p {
        font-size: 10px !important;
    }
    .thumbnail-lastSecond .guarantee {
        top: -5px !important;
        left: calc(50% - 110px) !important;
    }
    .swiper-todayBest .guarantee,
    .swiper-event-group2 .guarantee {
        top: -5px !important;
        left: -10px !important;
    }
    .swiper-event-group4 .guarantee {
        top: -5px !important;
        left: 0 !important;
    }
    /*KIMCHI딜 170*/
    .swiper-newperDeal .guarantee {
        width: 60px !important;
        height: 56px !important;
        top: auto !important;
        bottom: calc(50% + 36px) !important;
        left: calc(50% - 109px) !important;
    }
    .swiper-newperDeal .realPicture {
        width: 45px !important;
        height: 45px !important;
        bottom: 3px !important;
        left: calc(50% - 101px) !important;
    }
    /*타임세일 del*/
    .thumbnail-timeSale .quantity p {
        font-size: 10px !important;
        margin-top: 0px !important;
        margin-bottom: -2px !important;
    }
    .thumbnail-timeSale .quantity span {
        font-size: 18px !important;
    }
    /*상품상세 썸네일*/
    .product-thumb .guarantee {
        width: 70px !important;
        height: 65px !important;
        top: 3px !important;
        left: 3px !important;
    }
    .product-thumb .realPicture {
        width: 53px !important;
        height: 53px !important;
        top: initial !important;
        bottom: 3px !important;
        left: 8px !important;
    }
}

@media (max-width: 610px) {
    .thumbnail-lastSecond .guarantee {
        top: -10px !important;
        left: calc(50% - 53%) !important;
    }
    .thumbnail-lastSecond .quantity {
        bottom: -7px !important;
        left: calc(50% - 53%) !important;
    }
    .thumbnail-lastSecond .realPicture {
        bottom: -5px !important;
        left: calc(50% - 50%) !important;
    }
}

/*카테고리 썸네일*/

.searchResult-vertical-thumb.col-list>li {
    padding: 20px 10px 10px;
}

.searchResult-vertical-thumb .thumbnail {
    padding: 25px;
}

.searchResult-vertical-thumb .item-img .thumbnail-img {
    max-width: 250px;
    max-height: 250px;
}

/*카테고리 썸네일 가로형*/

.searchResult-vertical-thumb.thumbnail-wide .item-info {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}

.item-info-left,
.item-info-right {
    width: 100%;
}

.searchResult-vertical-thumb.thumbnail-wide .item-info .item-info-left,
.searchResult-vertical-thumb.thumbnail-wide .item-info .item-info-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.searchResult-vertical-thumb.thumbnail-wide .item-info .item-info-left {
    width: 65% !important;
    padding-left: 7%;
    padding-right: 5%;
}

.searchResult-vertical-thumb.thumbnail-wide .item-info .item-info-left .buy-count {
    font-size: 16px;
}

.searchResult-vertical-thumb.thumbnail-wide .item-info .item-info-left .item-title {
    min-height: 50px;
    font-size: 19px;
    line-height: 25px;
    font-weight: 600;
    margin-top: 20px;
}

.prod-desc {
    display: block;
}

.searchResult-vertical-thumb.thumbnail-wide .item-info .item-info-left .prod-desc {
    display: block;
    font-size: 15px;
    font-weight: 300;
    line-height: 23px;
    color: #999 !important;
    margin-bottom: 15px;
}

.searchResult-vertical-thumb.thumbnail-wide .item-info .item-info-right {
    width: 35% !important;
    max-width: 400px;
    padding-left: 5%;
}

.searchResult-vertical-thumb.thumbnail-wide .item-info .item-info-right .price-order-change {
    align-items: flex-start !important;
}

.searchResult-vertical-thumb.thumbnail-wide .item-info .item-info-right .item-price {
    flex-direction: column;
    align-items: flex-start;
}

.searchResult-vertical-thumb.thumbnail-wide .item-info .item-info-right .discount-price {
    font-size: 25px;
}

.searchResult-vertical-thumb.thumbnail-wide .item-info .item-info-right .real-price {
    display: inline-flex;
    padding-left: 0px;
    padding-top: 5px;
    font-size: 19px;
}

.searchResult-vertical-thumb.thumbnail-wide .item-info .item-info-right .discount-rate {
    font-size: 30px;
    font-weight: 700;
    margin-top: -2px;
}

.searchResult-vertical-thumb.thumbnail-wide .item-info .item-info-right .footer-order-change {
    display: flex;
    flex-direction: column;
}

.searchResult-vertical-thumb.thumbnail-wide .item-info .item-info-right .footer-order-change .item-inner-wrap {
    order: 2;
    margin-bottom: 0;
}

.searchResult-vertical-thumb.thumbnail-wide .item-info .item-info-right .footer-order-change .item-footer {
    order: 1;
    margin-bottom: 7px;
    margin-left: -3px;
}

.mo-item-badge {
    display: none;
}

@media (max-width: 991px) {
    .searchResult-vertical-thumb.thumbnail-wide .item-badge-wrap {
        display: none;
    }
    .searchResult-vertical-thumb {
        margin-top: 10px;
    }
    .searchResult-vertical-thumb.thumbnail-wide {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .searchResult-vertical-thumb.thumbnail-wide .mo-item-badge {
        display: inline-flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
    }
    .searchResult-vertical-thumb.thumbnail-wide .mo-item-badge .item-condition {
        margin-top: 5px;
    }
    .searchResult-vertical-thumb.thumbnail-wide .item-info {
        flex-direction: column;
        padding: 0px;
    }
    .searchResult-vertical-thumb.thumbnail-wide .item-info .item-info-left {
        width: 100% !important;
        padding-left: 7%;
        padding-right: 0;
    }
    .searchResult-vertical-thumb.thumbnail-wide .item-info .item-info-left .item-title {
        min-height: 37px;
        font-size: 15px;
        line-height: 19px;
        font-weight: 500;
        margin-top: 0;
        margin-bottom: 7px !important;
    }
    .searchResult-vertical-thumb.thumbnail-wide .item-info .item-info-left .prod-desc {
        font-size: 11px;
        font-weight: 300;
        line-height: 14px;
        max-height: 42px;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #999 !important;
        margin-bottom: 10px;
    }
    .searchResult-vertical-thumb.thumbnail-wide .item-info .item-info-left .item-color {
        margin-bottom: 5px !important;
    }
    .searchResult-vertical-thumb.thumbnail-wide .item-info .item-info-right {
        width: 100% !important;
        max-width: none;
        padding-left: 7%;
        padding-right: 0;
    }
    .searchResult-vertical-thumb.thumbnail-wide .item-info .item-info-right .item-inner-wrap {
        margin-bottom: 3px;
    }
    .searchResult-vertical-thumb.thumbnail-wide .item-info .item-info-right .real-price {
        font-size: 17px;
    }
    .searchResult-vertical-thumb.thumbnail-wide .item-info .item-info-right .discount-price {
        font-size: 21px;
    }
    .searchResult-vertical-thumb.thumbnail-wide .item-info .item-info-right .discount-rate {
        font-size: 23px;
        font-weight: 600;
        margin-top: 0;
    }
    .searchResult-vertical-thumb.thumbnail-wide .item-info .item-info-right .footer-order-change .item-footer {
        order: 2;
        margin-bottom: 0px;
        margin-left: -3px;
    }
    .searchResult-vertical-thumb.thumbnail-wide .item-info .item-info-right .footer-order-change .item-inner-wrap {
        order: 1;
        margin-bottom: 2px;
    }
}

/*썸네일 정보 분리선*/

.thumbnail-separation {
    display: none;
    width: 1px;
    height: 186px;
    position: absolute;
    top: calc(50% - 80px);
    right: 29.25%;
    background: #f4f4f4;
}

.searchResult-vertical-thumb.thumbnail-wide .thumbnail-separation {
    display: block;
}

/* floating */

.floating-left,
.floating-right {
    position: fixed;
    width: 105px;
    z-index: 9998;
    border: 1px solid var(--scLine);
}

.floating-left {
    top: 310px;
    left: calc(50% + -865px);
    background-color: #fff;
    padding: 25px 5px 30px;
    line-height: 14px;
}

.floating-left>li {
    font-size: 11px;
    text-align: center;
    cursor: pointer;
}

.floating-left>li:nth-child(2) {
    margin-top: 15px;
}

.floating-right {
    top: 275px;
    right: calc(50% + -865px);
    background-color: #fff;
    font-size: 13px;
}

.floating-top {
    background-color: var(--scPoint);
    color: #fff;
    padding: 10px;
    text-align: center;
}

.floating-thumb {
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-bottom: 1px solid var(--scLine);
}

.floating-thumb .swiper-slide img {
    width: 55px;
    height: 55px;
    object-fit: contain;
    margin-top: 7px;
}

.floating-mid a {
    display: block;
    border-bottom: 1px solid var(--scLine);
    padding: 10px;
    text-align: center;
}

.floating-sns {
    display: flex;
    justify-content: center;
    padding: 7px;
    border-bottom: 1px solid var(--scLine);
}

.floating-sns img {
    width: 23px;
    height: 23px;
    object-fit: contain;
    margin: 0 3px;
}

.floating-bottom {
    display: flex;
}

.floating-bottom>div {
    flex: 1;
    text-align: center;
    padding: 5px 0;
    cursor: pointer;
}

.floating-bottom>div:nth-child(1) {
    border-right: 1px solid var(--scLine);
}

.float-up,
.float-down {
    display: inline-block;
    width: 15px;
    height: 10px;
}

.float-up {
    background: url("../images/floating/up.png") no-repeat center/contain;
}

.float-down {
    background: url("../images/floating/down.png") no-repeat center/contain;
}

.swiper-floating {
    width: 100%;
    overflow: hidden !important;
}

.swiper-floating .swiper-slide {
    display: flex;
    justify-content: center;
}

.floating-prev,
.floating-next {
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
}

.floating-prev {
    left: 0;
}

.floating-next {
    right: 0;
}

.floating-pagination {
    padding-top: 0 !important;
    position: absolute;
    top: 100% !important;
    z-index: 1;
    background-color: #fff;
    bottom: initial !important;
}

.floating-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
}

#index .floating-left,
#index .floating-right {
    display: none;
}

/* 고객센터 */

#custCenter,
#custCenter p,
#custCenter a {
    color: #353a44;
}

.cc-header {
    display: flex;
    border: 1px solid #c6c6c6;
    height: 390px;
}

.cc-header h2 {
    height: 75px;
    background-color: #f4eaeb;
    color: #5e6577;
    font-weight: 500;
    font-size: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #c6c6c6;
}

.cc-header-left {
    width: 70%;
}

.cc-header-right {
    width: 30%;
    border-left: 1px solid #c6c6c6;
}

.cc-header>li>div {
    height: calc(100% - 75px);
}

.cc-header-left-content {
    display: flex;
    padding: 50px;
    transition: all .3s;
}

.color-gray747c89 {
    color: #747c89 !important;
}

.color-gray798193 {
    color: #798193 !important;
}

.color-gray5e6577 {
    color: #5e6577 !important;
}

.questions {
    width: 23%;
    min-width: 155px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 18px;
    border-right: 1px solid var(--scLine);
}

.questions li {
    cursor: pointer;
}

.questions li span {
    font-weight: 500;
    color: #3a4570;
}

.questions li:hover span {
    color: var(--scPoint);
}

.questions li.on span {
    color: var(--scPoint);
    position: relative;
    font-weight: 600;
}

.questions li.on span::after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--scPoint);
}

.answer {
    width: 80%;
}

.answer li {
    display: none;
    width: 100%;
    height: 100%;
}

.answer li.on {
    display: block;
}

.answer-title {
    font-size: 23px;
    font-weight: 600;
    text-align: center;
}

.answer-content {
    padding: 30px 0 0 45px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 100%;
    height: calc(100% - 28px);
}

.answer-content p {
    color: #747c89 !important;
}

.answer>li:nth-child(3) .answer-content h3 {
    width: 150px;
    transition: all .3s;
}

.answer>li:nth-child(3) .answer-content p {
    width: calc(100% - 150px);
}

.answer-content p {
    font-size: 15px;
}

.answer-content h3 {
    font-size: 17px;
    font-weight: 600;
    display: flex;
    align-items: start;
    margin-bottom: 8px;
}

.answer-content h3:not(:first-child) {
    padding-top: 15px;
}

.answer-content h3 img {
    width: 17px;
    height: 17px;
    margin-right: 5px;
    transform: translateY(2px);
}

.cc-header-right-content>div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #f9f9f9;
    padding: 0 10px;
}

@media (max-width: 1300px) {
    .cc-header-left-content {
        padding: 25px;
    }
    .answer-content {
        padding: 25px 0 0 25px
    }
    .answer>li:nth-child(3) .answer-content h3 {
        width: 130px;
    }
    .questions {
        justify-content: space-around;
    }
}

.cc-header-right-content>div:nth-of-type(1) {
    border-bottom: 1px solid #c6c6c6;
}

.cc-header-right-content p {
    font-size: 15px;
    margin-top: 5px;
    text-align: center;
}

.cc-header-right-content h3 {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

.cc-phone-num {
    font-size: 44px !important;
    font-weight: 600;
}

.cc-header-right-content>div:nth-child(1) {
    height: calc(100% - 95px);
}

.cc-header-right-content>div:nth-child(2) {
    height: 95px;
}

.cc-menu-content>li {
    display: none;
}

.cc-menu-content>li.on {
    display: block;
}

.cc-content-title {
    display: flex;
    align-items: end;
    border-bottom: 1px solid #353a44;
    padding-bottom: 15px;
    position: relative;
}

.cc-content-title h2 {
    font-size: 36px;
    font-weight: 600;
    margin-right: 20px;
    color: #353a44;
}

.cc-content-title p {
    font-size: 17px;
    color: #798193 !important;
    transform: translateY(-5px);
}

.questions-tab {
    display: flex;
    margin-bottom: 35px;
}

.questions-tab li {
    border: 1px solid #c6c6c6;
    padding: 10px 30px;
    font-size: 19px;
    font-weight: 300;
    color: #333;
    cursor: pointer;
    width: auto;
}

.questions-tab li:not(:last-child) {
    margin-right: 5px;
}

.questions-tab li:hover {
    border: 1px solid var(--scPoint);
    color: var(--scPoint);
}

.questions-tab li.on {
    background-color: var(--scPoint);
    border: 1px solid var(--scPoint);
    color: #fff;
    font-weight: 500;
}

/* 고객센터 - 자주묻는질문 tab */

.cc-searchBar {
    width: 690px;
    height: 59px;
    background-color: #f5f5f7;
    border-radius: 35px;
    position: relative;
    margin: 55px auto;
    line-height: 65px;
}

.cc-searchBar .icon-xs svg {
    height: 25px !important;
    width: 25px !important;
}

.cc-searchBar .icon-xs svg path {
    fill: #20365D !important;
}

#cc-searchInput {
    color: #5e6577;
    width: 100%;
    height: 58px;
    padding: 0 65px 0px 50px !important;
    font-weight: 600;
    font-size: 21px;
    background-color: transparent;
    border: none;
    outline: none;
}

#cc-searchInput::placeholder {
    color: #5e6577;
    font-size: 21px;
    font-weight: 600;
    display: flex;
    align-items: center;
    letter-spacing: .7px;
    line-height: 64px;
    margin-top: 2px;
    letter-spacing: -1px;
}

.questions-tab-content>li {
    display: none;
}

.questions-tab-content>li.on {
    display: block;
}

.questions-tab-content .cc-table-title {
    cursor: pointer;
}

.questions-tab-content .cc-table-title:hover {
    background-color: #fbfbfb;
}

.cc-table {
    border-top: 1px solid #c6c6c6;
}

.cc-table>li {
    border-bottom: 1px solid #c6c6c6;
    display: flex;
    flex-direction: column;
    font-size: 20px;
    font-weight: 500;
}

.Q {
    margin-right: 20px;
}

.cc-table-title {
    padding: 25px 50px 25px 15px;
    display: flex;
}

.cc-table-open {
    display: none;
    padding: 25px 30px;
    border-top: 1px solid #c6c6c6;
    line-height: 30px;
    background-color: #f9f9f9;
}

.cc-table-open.on {
    display: flex;
}

.A {
    margin-right: 20px;
    white-space: nowrap;
}

/* 고객센터 - 공지사항 */

.cc-notice-table {
    display: flex;
    flex-direction: column-reverse;
}

.cc-notice-table li .cc-table-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cc-table-right {
    font-size: 15px;
    font-weight: 300;
    min-width: 120px;
    text-align: right;
}

/* 고객센터 - 공지사항 상세페이지 */

.noticeView .cc-table {
    margin: 0;
    border-top: none;
}

.noticeView .cc-content-img-wrap {
    border-bottom: 1px solid #353a44;
    margin-bottom: 30px;
}

.noticeView .cc-content-img-wrap p {
    padding: 0 0px;
}

.cc-content-img-wrap {
    padding: 25px 10px;
    margin-bottom: 15px;
}

.cc-content-img-wrap img {
    width: auto;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
    object-fit: contain;
}

/* 고객센터 - 보기쉬운 FAQ */

.video-wrap {
    display: flex;
    height: 1010px;
    overflow: hidden;
    margin-bottom: 50px;
    margin-top: 30px;
}

.video-thumb {
    width: calc(100% - 395px);
    height: 100%;
}

.video-thumb li {
    display: none;
    height: 100%;
}

.video-thumb li.on {
    display: flex;
    flex-direction: column;
}

.video-list {
    width: 395px;
    margin-left: 65px;
    padding-right: 15px;
}

.video-list li {
    border-bottom: 1px solid #c6c6c6;
    padding: 15px 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
}

.video-list li>img {
    border: 5px solid transparent;
}

/*.video-list li.on > img,*/

.video-list li:hover>img {
    border: 5px solid red;
}

.video-list li:hover>p {
    color: var(--scPoint) !important;
}

.video-list li:first-child {
    padding-top: 0;
    padding-bottom: 15px;
}

.video-list li>img {
    max-width: 350px;
    max-height: 200px;
    object-fit: cover;
}

.video-list li>p {
    font-size: 19px;
    font-weight: 500;
    color: #494949 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.video {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
}

.video iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: none;
}

.video-title {
    border-bottom: 1px solid #c6c6c6;
    padding: 30px 0 15px;
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.video-title h3 {
    font-size: 30px;
    font-weight: 600;
    line-height: 40px;
    max-width: 680px;
    width: calc(100% - 130px);
}

.video-title p {
    font-size: 20px;
    font-weight: 500;
}

.video-info {
    border-bottom: 1px solid #c6c6c6;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 30px 0;
    line-height: 25px;
    font-size: 20px;
}

.video-info p {
    color: #494949 !important;
    font-weight: 500;
    line-height: 31px;
}

/* 회원혜택안내 */

.member-benefits .cc-content-img-wrap {
    border-bottom: 1px solid #000;
    padding: 0;
}

.member-benefits-info {
    padding: 20px 0 70px 20px;
}

.member-benefits-info li {
    font-size: 17px;
    color: #969696;
    padding: 5px 0;
    list-style-type: disc;
}

.member-benefits-info li::marker {
    color: var(--scPoint);
    font-size: 13px;
}

/* 고객센터 - 버튼 */

.cc-btn2 {
    display: flex;
    justify-content: center;
}

.cc-btn2 a {
    background-color: var(--scPoint);
    border-radius: 50px;
    padding: 15px 85px;
    font-size: 31px;
    color: #fff;
}

@media (max-width: 991px) {
    .cc-header {
        flex-direction: column;
        height: auto;
    }
    .cc-header h2 {
        height: auto;
        padding: 10px 0;
        font-size: 16px;
    }
    .cc-header>li>div {
        height: auto;
    }
    .cc-header-left {
        display: none;
    }
    .cc-header-right {
        width: 100%;
    }
    .cc-header-right {
        border-left: none;
    }
    .cc-header-right-content>div {
        padding: 10px;
        background-color: #fff;
    }
    .cc-header-right-content>div:nth-child(2) {
        height: auto;
    }
    .cc-header-right-content h3 {
        font-size: 13px;
    }
    .cc-header-right-content p {
        font-size: 14px;
    }
    .cc-phone-num {
        font-size: 24px !important;
    }
    .cc-menu-tab {
        flex-wrap: wrap;
        padding: 15px 0 20px;
        justify-content: start;
    }
    .cc-menu-tab li {
        width: calc((100% - 40px) / 3);
        min-width: auto;
        height: auto;
        margin: 5px 2.75% 5px 0;
        padding: 5px 0;
        border-radius: 5px;
    }
    .cc-menu-tab li:nth-child(3n) {
        margin-right: 0;
    }
    .cc-menu-tab li i {
        width: 32px;
        height: 32px;
        margin-bottom: 10px;
    }
    .cc-menu-tab li .thumbnail-icon img {
        width: 45px;
        height: 45px;
    }
    .cc-menu-tab li .thumbnail-icon span {
        font-size: 13px;
        font-weight: 400;
        padding-top: 0;
        margin-top: 0 !important;
    }
    .cc-menu-tab li.on span {
        font-weight: 500;
    }
    .cc-content-title {
        flex-direction: column;
        align-items: center;
        padding: 0 10px 15px;
    }
    .cc-content-title h2 {
        font-size: 21px;
        font-weight: 500;
        margin-bottom: 10px;
        margin-right: 0;
    }
    .cc-content-title p {
        font-size: 14px;
        font-weight: 400 !important;
    }
    .cc-content-img-wrap {
        padding: 25px 0px !important;
        margin-bottom: 10px !important;
    }
    .cc-btn {
        width: 100%;
        justify-content: center;
        position: initial;
        padding-top: 15px;
    }
    .cc-btn>div a {
        padding: 9px 25px;
        font-size: 15px !important;
    }
    .questions-tab li {
        padding: 7px 17px;
        font-size: 15px;
        margin: 0 5px 5px 0;
    }
    .questions-tab li:first-child {
        margin-left: 7px;
    }
    .cc-searchBar {
        width: 80%;
        height: 35px;
        margin: 15px auto;
        display: flex;
    }
    #cc-searchInput {
        height: 35px;
        padding-left: 30px !important;
    }
    #cc-searchInput::placeholder {
        font-size: 13px;
        font-weight: 300;
        letter-spacing: 0px;
    }
    .cc-searchBar .icon-xs svg {
        width: 19px !important;
        height: 19px !important;
    }
    .cc-table-right {
        min-width: auto;
        padding-top: 5px;
        padding-left: 35px;
    }
    .cc-table-left {
        display: flex;
        width: 100%;
        font-weight: 600;
        font-size: 18px;
    }
    .cc-table-title {
        padding: 10px 15px;
    }
    .cc-notice-table li .cc-table-title {
        flex-direction: column;
        align-items: start;
        padding: 15px 20px;
    }
    .cc-table>li {
        font-size: 15px;
    }
    .mo-questionsTop4 {
        border: 1px solid #c6c6c6;
        border-width: 1px 1px 0 1px;
        margin: 0 10px 15px 10px;
    }
    .mo-questionsTop4 h3 {
        background-color: #f4eaeb;
        color: #5e6577;
        justify-content: center;
        padding: 10px 0;
        font-size: 16px;
        font-weight: 500;
    }
    .mo-questionsTop4 .cc-table-open {
        flex-direction: column;
    }
    .mo-questionsTop4 .cc-table-open>p:not(.cc-table-open-sub-title) {
        margin-bottom: 3px;
    }
    .mo-questionsTop4 .cc-table-title {
        position: relative;
        color: #3a4570;
        font-size: 14px;
        cursor: pointer;
    }
    .mo-questionsTop4 .cc-table-title.on {
        color: var(--scPoint);
        font-weight: 500;
    }
    .questionsTop4-open-icon {
        width: 15px;
        height: 15px;
        background: url("../images/arrow/down-arrow3.png") no-repeat center/contain;
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
    }
    .mo-questionsTop4 .cc-table-title.on .questionsTop4-open-icon {
        background: url("../images/arrow/up-arrow.png") no-repeat center/contain;
    }
    .mo-questionsTop4 .cc-table-open {
        line-height: initial;
    }
    .mo-questionsTop4 .cc-table-open h4 {
        font-size: 15px;
        font-weight: 500;
    }
    .mo-questionsTop4 .cc-table-open-sub-title {
        font-size: 14px;
        font-weight: 600;
    }
    .mo-questionsTop4 p {
        font-size: 13px;
        font-weight: 300;
        color: #747c89 !important;
        line-height: 17px;
    }
    .cc-table-open-sub-title {
        display: flex;
        align-items: start;
        margin: 10px 0 5px;
    }
    .title-check {
        background: url("../images/check/check-active.png") no-repeat center/contain;
        width: 13px;
        min-width: 13px;
        height: 13px;
        display: inline-block;
        margin-right: 5px;
        transform: translateY(2px);
    }
    .mo-questionsTop4 .cc-table>li:nth-child(3) .cc-table-open>div:first-child .cc-table-open-sub-title {
        margin-top: 0;
    }
    .questions-tab {
        margin-bottom: 10px;
    }
    .cc-table-open {
        padding: 13px 20px 10px;
        line-height: 23px;
    }
    .member-benefits-info {
        padding: 0 12px 20px 20px;
    }
    .member-benefits-info li {
        font-size: 13px;
        line-height: 19px;
        padding: 0;
    }
    .member-benefits-info li::marker {
        font-size: 5px;
    }
    .member-benefits .cc-content-img-wrap {
        padding: 20px 0;
    }
    .Q {
        min-width: 35px;
        margin-right: 0;
    }
    #ntIdxSection .Q {
        min-width: 40px;
        width: 40px;
    }
    #ntIdxSection .ccNotice-title {
        width: calc(100% - 60px);
    }
    #ntIdxSection .cc-table-right {
        padding-left: 40px;
    }
    .cc-btn2 a {
        padding: 10px 35px;
        font-size: 17px;
    }
    .notice-moreView {
        display: flex !important;
        margin: 50px 0 10px;
    }
    .notice-moreView a {
        font-size: 16px !important;
        padding: 7px 20px !important;
    }
    .faq {
        flex-direction: column;
    }
    .faq>ul {
        width: 100%;
    }
    .faq-video-title {
        flex-direction: column;
        padding: 20px 0 15px;
    }
    .faq-video-title h3 {
        font-size: 19px;
    }
    .faq-video-info {
        font-size: 16px;
        height: auto;
    }
    .faq-tab-content {
        order: 2;
    }
    .faq-tab {
        margin-left: 0;
        order: 1;
        display: flex;
        overflow-y: initial;
    }
    .faq-tab li {
        height: auto;
    }
    .thumbnail-icon img {
        width: 35px;
        height: 35px;
    }
    .thumbnail-icon span {
        margin-top: 10px !important;
    }
    .noticeView .cc-content-img-wrap p {
        font-size: 15px;
    }
    .noticeView .cc-table-left {
        font-size: 17px;
    }
    .noticeView .cc-table-right {
        padding-left: 0;
    }
    .cc-notice-arrow {
        background: url("../images/arrow/cc-arrow.png") no-repeat center/contain;
        width: 15px;
        height: 15px;
        position: absolute;
        top: 50%;
        right: 12px;
        transform: translateY(-50%);
    }
    .custCenter-btn {
        font-size: 18px !important;
        width: 190px;
        height: 45px;
    }
    .mo-cc-btn {
        width: auto;
        max-width: 180px;
        height: 40px;
        padding: 0 30px !important;
    }
    #companyMenu .menu-button>li {
        font-size: 15px;
        height: 35px;
    }
    .swiper-wrapper.menu-part {
        flex-flow: row;
        padding-bottom: 15px;
    }
    .location .menu-button>li {
        padding: 0 40px;
    }
    .video-wrap {
        flex-direction: column;
        height: auto;
        margin-top: 20px;
        margin-bottom: 0;
    }
    .video-wrap>ul {
        width: 100%;
        margin-left: 0;
        padding-right: 0;
        overflow-y: hidden;
    }
    .video-title {
        position: relative;
        padding: 20px 10px;
    }
    .video-title h3 {
        font-size: 17px;
        width: calc(100% - 75px);
        line-height: 23px;
    }
    .video-title p {
        font-size: 14px;
        font-weight: 400;
        width: 75px;
        padding-bottom: 5px;
    }
    .video-list {
        display: flex;
        border-bottom: 1px solid #c6c6c6;
    }
    .video-info {
        padding: 20px 10px 35px;
        font-size: 15px;
    }
    .video-info p {
        line-height: 25px;
    }
    .video-list li {
        height: auto !important;
        padding: 15px 10px !important;
        border-bottom: none;
        justify-content: start;
    }
    .video-list li:not:first-child {
        padding-left: 0 !important;
    }
    .video-list li>img {
        min-width: 150px;
        max-height: 90px;
    }
    .video-list.scroll-y::-webkit-scrollbar {
        height: 5px;
        width: auto;
    }
    .video-list li>p {
        font-size: 14px;
        line-height: 17px;
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        padding: 7px 5px 0;
    }
    .cc-content-img-wrap img {
        max-width: 100%;
    }
    .news-wrap li {
        padding: 0;
    }
    .news-wrap li a {
        flex-wrap: wrap;
        padding: 20px 8px;
    }
    .news-img {
        width: 40%;
        height: auto;
    }
    .news-info {
        padding-left: 10px;
        width: 60%;
    }
    .news-info h2 {
        font-size: 15px;
    }
    .news-date,
    .news-info>div>span {
        font-size: 13px;
    }
    .news-info>p {
        font-size: 13px;
        line-height: 17px;
    }
    .news-more {
        font-size: 12px;
    }
    .news-tag {
        margin-top: 10px;
    }
    .news-tag>span {
        font-size: 13px;
    }
    .location-left>ul {
        height: auto;
    }
    #locationTab>div {
        flex-wrap: wrap;
    }
    .location-left {
        width: 100%;
        display: block;
        padding: 10px 10px 0;
        order: 2;
    }
    .location-left #map {
        width: 100%;
        height: 300px;
        margin-bottom: 10px;
    }
    .location-right {
        width: 100%;
        padding: 20px 10px 0;
        order: 1;
    }
    .partner-btn {
        font-size: 18px !important;
        width: 170px;
        height: 43px;
    }
    .partner-introductory h2,
    .company-table h3 {
        font-size: 21px;
    }
    .partner-introductory p {
        font-size: 16px;
    }
    .company-table .default-table-title {
        width: 100px;
        font-size: 15px;
    }
    .company-table .default-table-content {
        width: calc(100% - 100px) !important;
        font-size: 15px;
    }
    .storeForm-subTitle {
        font-size: 17px;
    }
    .partner-manager>div>p {
        width: 100px;
    }
    .partner-manager>div>ul {
        width: calc(100% - 100px);
    }
    #storeForm .partner-manager .default-table-title {
        width: 75px;
    }
    #storeForm .partner-manager .default-table-content {
        width: calc(100% - 75px) !important;
    }
    .company-file,
    .company-file::file-selector-button {
        font-size: 13px;
    }
    #companyMenu input[type="checkbox"] {
        width: 15px;
        height: 15px;
    }
}

/* 이벤트/기획전 */

.event-tab-sticky .menu-box {
    height: 120px;
}

.event-tab-sticky .menu-full.menu-box>li {
    font-weight: 400;
    font-size: 17px !important;
}

#bannerList>ul>li>a>div {
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translateY(-50%);
    color: var(--scBlack);
}

.eventGroupList img {
    height: 210px;
    object-fit: cover;
    object-position: top right;
}

@media (max-width: 991px) {
    .eventGroupList.col-list>li {
        padding: 0 !important;
    }
    .eventGroupList .banner-title {
        top: 20px !important;
        left: 20px !important;
        transform: translateY(0) !important;
    }
    /*.event-type-tab .menu-part {
        flex-wrap: nowrap;
    }*/
    .event-inner-tab.menu-button>li {
        margin-right: 3px;
        padding: 0 35px;
        height: 30px;
        font-size: 14px;
    }
    .event-inner-tab.menu-button>li:last-child {
        margin-right: 0px;
    }
    .eventTab-swiper {
        height: 100%;
        background-color: #f9f9f9;
        border-top: 1px solid var(--scLine);
        border-bottom: 1px solid var(--scLine);
    }
    .event-tab-sticky .menu-full.menu-box>li {
        height: auto;
        min-height: 48px;
        font-size: 15px !important;
        line-height: 21px !important;
        border-top: none;
        border-bottom: none;
    }
}

/* 이벤트/기획전 상세 */

.eventDetail-title {
    font-size: 24px;
    line-height: 25px;
    position: relative;
    padding: 20px 0 20px 23px;
    margin-left: 20px;
}

.eventDetail-title:nth-of-type(1) {
    margin-top: 20px;
}

.eventDetail-title::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 30px;
    width: 3px;
    background-color: var(--scPoint);
}

.file-image img {
    width: 120px;
    height: 120px;
    border: 1px solid #e0e0e0;
    border-radius: 15px;
    object-fit: contain;
    margin-right: 15px;
    margin-bottom: 15px;
}

.file-image img:last-child {
    margin-right: 0;
}

.file-image .option-close {
    position: absolute;
    top: 5px;
    right: 20px;
}

.filebox {
    display: flex;
    flex-direction: column;
}

.filebox .review-upload-name {
    width: 380px;
    color: #999999;
    display: none;
}

.filebox label {
    display: inline-block;
    background-color: var(--scPoint);
    cursor: pointer;
}

@media (max-width: 991px) {
    .eventDetail-title {
        font-size: 16px;
        padding: 10px;
    }
    .eventDetail-title::before {
        width: 2px;
        height: 16px;
    }
}

/* 모달 */

.scroll-y::-webkit-scrollbar {
    background-color: #fff;
    width: 12px;
}

.scroll-y::-webkit-scrollbar-thumb {
    background-color: #e5e5e5;
    border-radius: 30px;
}

@media (max-width: 991px) {
    .scroll-y::-webkit-scrollbar {
        width: 7px;
    }
}

.purchaseatModal .col-list>li {
    padding: 17px 10px 17px 25px !important;
}

.purchaseatModal label {
    cursor: pointer;
}

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

.purchaseatModal ul {
    height: 60vh;
}

.useGuideModal .commonModal-close {
    top: 60px;
}

.useGuide-inner {
    max-height: 600px;
}

.inquiryType select {
    width: 238px;
    font-size: 16px !important;
}

@media (max-width: 991px) {
    .purchaseatModal input {
        margin-right: 15px !important;
    }
    .purchaseatModal .col-list>li {
        padding: 5px 30px !important;
    }
    .purchaseatModal ul.scroll-y {
        height: 65vh !important;
        margin-right: 12px;
    }
    .purchaseatModal .modal {
        height: 100%;
        padding: 17px 0 0 !important;
    }
    .inquiryType select {
        font-size: 14px !important;
    }
}

/* pc제품 썸네일 호버시 보여지는 스펙 */

.thumb-specList-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    overflow: hidden;
}

.thumb-specList {
    background-color: rgba(0, 0, 0, .5);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    opacity: 0;
    transform: scale(1.05) translateY(50%);
    transition: all .4s ease;
    padding: 25px 25px 15px 25px;
    width: 100%;
    height: 100%;
    font-size: 15px;
}

.thumb-specList li {
    height: 15%;
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
}

.thumb-specList li img {
    width: 26px;
    height: 100%;
    object-fit: contain;
    margin-right: 10px;
}

.thumbnail:hover .thumb-specList {
    transform: scale(1.05) translateY(0);
    opacity: 1;
}

/* 테이블 */

.table2 {
    border: none;
    margin-bottom: 15px;
}

.table2>li {
    border-bottom: none;
    justify-content: center;
}

.table2 .table-title {
    border-right: none;
    background-color: #fff;
    justify-content: start;
    align-items: center;
    width: 110px;
    color: #222;
    padding-left: 25px;
}

.table2 .table-content {
    padding: 5px 30px;
}

/* 배송지 등록/수정하기 모달 */

.saveAddr-wrap {
    padding: 0 calc(110px + 30px);
    margin-bottom: 40px;
}

/* top - 배너 */

.topBanner-desktop img {
    height: auto;
    min-height: 48px;
    object-fit: cover;
    object-position: center;
}

.topBanner-mobile {
    min-height: 28px;
    object-fit: cover;
}

.banner-close-wrap {
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 35px;
    transform: translateY(-50%);
    color: #fff;
    font-size: 13px;
}

.banner-close-wrap img {
    width: 13px;
    height: 13px;
    margin-left: 15px;
    cursor: pointer;
}

.banner-close-wrap input {
    margin-right: 5px;
}

#topBanner .container {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

@media (max-width: 1390px) {
    #topBanner .banner-close-wrap {
        right: 15px;
    }
}

@media (max-width: 991px) {
    .banner-close-wrap {
        right: 15px;
        padding: 0 !important;
    }
    .thumb-specList-wrap {
        display: none;
    }
}

/* 더보기 모달창 */

#proceedingEventGroupModal .modal {
    width: 1020px;
    padding: 0px;
}

#proceedingEventGroupModal .scroll-y {
    max-height: 100vh;
}

#proceedingEventGroupModal .scroll-y::-webkit-scrollbar {
    width: 10px;
}

#proceedingEventGroupModal .col-list>li {
    padding: 0 !important;
}

#proceedingEventGroupModal #bannerList>ul>li>a>div {
    top: 35px;
    left: 35px;
    transform: translateY(0);
}

/* 메인 열리자마자 바로 보이는 팝업 */

#popupModal .modal {
    width: 600px;
}

.mainPopup-wrap {
    padding: 0;
}

.mainPopup-wrap .banner-close-wrap {
    background-color: transparent;
    color: #fff;
    position: initial;
    padding: 15px 25px;
    transform: translateY(0);
    justify-content: space-between;
    font-weight: 100;
    letter-spacing: 0px;
    font-size: 15px;
}

.mainPopup-next,
.mainPopup-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.mainPopup-wrap input {
    width: 16px;
    height: 16px;
}

.mainPopup-next {
    right: -20px;
}

.mainPopup-prev {
    left: -20px;
}

.mainPopup-next i,
.mainPopup-prev i {
    display: inline-block;
    width: 31px;
    height: 39px;
    cursor: pointer;
    z-index: 3;
}

.mainPopup-next i {
    background: url("../images/arrow/mainPopup_right.png") no-repeat center/contain;
}

.mainPopup-prev i {
    background: url("../images/arrow/mainPopup_left.png") no-repeat center/contain;
}

.mainPopup-pagination {
    padding-top: 0;
    position: absolute;
    bottom: 0;
}

.mainPopup-pagination.pagination .swiper-pagination-bullet {
    background-color: #bbb;
    width: 8px;
    height: 8px;
    margin: 0 3px !important;
    border: none;
}

.mainPopup-pagination.pagination .swiper-pagination-bullet-active {
    background-color: #fff;
}

#popupModal .banner-close-wrap img {
    width: 19px;
    height: 19px;
}

@media (max-width: 991px) {
    .mainPopup-next,
    .mainPopup-prev {
        display: none;
    }
    #popupModal .modal {
        top: 50%;
        transform: translate(-50%, -60%);
        width: 90% !important;
        margin: 0 !important;
        padding: 0 0 30px !important;
        min-height: auto;
        max-width: 600px;
    }
    #popupModal .banner-close-wrap img {
        width: 15px;
        height: 15px;
    }
    .mainPopup-pagination-mo.pagination {
        position: absolute;
        bottom: 5px !important;
        padding-top: 0 !important;
    }
    .mainPopup-pagination-mo.pagination .swiper-pagination-bullet {
        transition: all ease 0.3s;
        border: none;
        background-color: #ccc;
    }
    .mainPopup-pagination-mo.pagination .swiper-pagination-bullet-active {
        width: 23px;
        border-radius: 20px;
        background-color: #fff;
    }
    .mainPopup-wrap .banner-close-wrap {
        padding: 0 0 20px !important;
    }
}

/* 좋아요(하트) 문구 */

.wish-text {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    border-radius: 15px;
    background: #fff;
    width: 110px;
    height: 110px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.wish-text.on {
    display: flex;
}

.wish-text p {
    text-align: center;
    font-size: 15px;
    border-bottom: none !important;
}

.wish-text .heart {
    margin-left: 0;
    display: block;
    width: 30px;
    margin-bottom: 10px;
}

.wish-only-text {
    display: none;
    position: absolute;
    top: -30px;
    right: 0;
    font-size: 13px;
    border: 1px solid var(--scLine);
    border-radius: 7px;
    padding: 5px 15px;
    background-color: #fff;
}

.wish-only-text.on {
    display: block;
}

/* 비교담기 하단 고정 */

.fixed-comp-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    max-height: 100%;
    z-index: 9998;
}

.fixed-comp {
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    border-top-left-radius: 15px 15px;
    border-top-right-radius: 15px 15px;
    background-color: #fff;
    padding: 20px 30px;
}

.fixed-comp-top {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 50px;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 10px;
}

.fixed-comp-top>div {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
}

.fixed-comp-mid {
    display: flex;
    justify-content: center;
}

.fixed-comp-mid.on {
    max-height: 600px;
    padding-right: 0px;
    justify-content: start;
}

.fixed-comp-title p {
    color: var(--scPoint);
}

.fixed-comp-img {
    position: relative;
    width: 132px;
    height: 132px;
    margin: 0 auto;
}

.fixed-comp-img img {
    border-radius: 50%;
    border: 1px solid var(--scLine);
}

.fixed-comp-mid.on .fixed-comp-img {
    width: 200px;
    height: 200px;
}

.fixed-comp-mid.on .fixed-comp-img img {
    border-radius: 0;
    border: none;
}

.fixed-comp-mid>li>div {
    margin: 10px 0;
    width: 100%;
}

.fixed-comp-mid>li>p {
    font-size: 20px;
    white-space: nowrap;
    display: none;
    min-height: 57px;
    align-items: center;
    padding: 10px 20px;
}

.fixed-comp-mid.on>li>p {
    display: flex;
}

.fixed-comp-mid>li:first-child {
    width: 0;
}

.fixed-comp-mid.on>li:first-child {
    width: 130px;
    margin-bottom: 5px;
}

.fixed-comp-mid>li:first-child p {
    border-bottom: 1px solid transparent;
}

.fixed-comp-mid>li:not(:first-child) {
    padding: 0 20px;
}

.fixed-comp-mid.on>li:not(:first-child) {
    width: calc((100% - 130px) / 3);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
}

.fixed-comp-mid>li:not(:first-child) p {
    border-bottom: 1px solid var(--scLine);
    width: 100%;
    justify-content: center;
}

.fixed-comp-mid.on>li>div {
    height: 200px;
    position: relative;
}

.fixed-comp-mid .item-condition {
    font-size: 15px;
    font-weight: 500;
}

.comp-close {
    display: inline-block;
    background: url("../images/close2.png") no-repeat center/contain;
    width: 29px;
    height: 29px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}

.fixed-comp-mid.on .comp-close {
    top: -10px;
    right: -10px;
}

.fixed-comp-mid .fixed-comp-img .heart {
    display: none;
    position: absolute;
    bottom: 0;
    right: -30px;
}

.fixed-comp-mid.on .fixed-comp-img .heart {
    display: block;
}

.comp-itemName {
    display: block;
}

.comp-view {
    cursor: pointer;
    width: 70px;
    height: 100%;
}

.reset {
    font-size: 21px;
    font-weight: 300;
    color: #636363;
    border: 1px solid #999;
    border-radius: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 195px;
    height: 50px;
    cursor: pointer;
    margin-right: 10px;
}

.reset i {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url("../images/reset.png") no-repeat center/contain;
    margin-right: 10px;
}

@media (max-width: 991px) {
    .fixed-comp {
        padding: 20px 0 90px;
    }
    .fixed-comp-top {
        font-size: 20px;
        justify-content: start;
        height: 30px;
        padding: 0 20px;
        margin-bottom: 25px;
    }
    .fixed-comp-top>div {
        right: 20px;
    }
    .reset {
        font-size: 14px;
        font-weight: 400;
        width: 110px;
        height: 30px;
    }
    .reset i {
        width: 15px;
        height: 15px;
    }
    .comp-view {
        width: 40px;
    }
    .fixed-comp-mid>li:not(:first-child) {
        padding: 0 10px;
    }
    .fixed-comp-mid.on>li:not(:first-child) {
        width: 220px !important;
    }
    .fixed-comp-mid.on>li>div {
        height: 120px;
    }
    .fixed-comp-mid>li>p {
        font-size: 14px;
        min-height: 40px;
        padding: 5px 15px;
    }
    .fixed-comp-img {
        width: 90px;
        height: 90px;
    }
    .fixed-comp-mid.on .fixed-comp-img {
        width: 120px;
        height: 120px;
    }
    .fixed-comp-mid>li:first-child p {
        border-bottom: 1px solid var(--scLine);
    }
    .fixed-comp-mid .item-condition {
        font-size: 14px;
    }
    .fixed-comp-mid.on {
        max-height: 60vh !important;
    }
    .comp-close {
        width: 20px;
        height: 20px;
    }
}

/* 상품문의 수정하기 */

.qnaModal .modal {
    width: 970px;
    background-color: #fff;
    padding: 35px 30px;
}

#rBadModal .modal {
    width: 860px;
    background-color: #fff;
    padding: 35px 30px 45px;
}

#qspForm {
    padding: 0 0 0 30px;
}

#rrForm {
    padding: 0 30px;
}

#qspForm .table2 .table-title,
#rrForm .table2 .table-title {
    color: #000;
    font-weight: 600;
    border-bottom: none;
}

#qspForm .table2 .table-title,
#rrForm .table2 .table-title {
    padding: 15px 0;
}

#qspForm .table2 .table-content,
#rrForm .table2 .table-content {
    padding: 15px 30px;
}

.inquiryType-select {
    flex-wrap: wrap;
    justify-content: flex-start;
}

.inquiryType-select>div {
    width: 50%;
    padding-bottom: 15px;
    display: flex;
    align-items: center;
}

.inquiryType-select>div>label {
    padding-left: 10px;
}

#qspForm textarea,
#rrForm textarea {
    height: 340px;
}

.event-thumb-list {
    padding: 0 16%;
}

.newperDeal-title h1 {
    font-size: 28px !important;
}

.newper-tit-cus {
    display: inline-block;
    font-size: 17px;
    border-top: 2px solid #222;
    border-bottom: 2px solid #222;
    padding: 3px 10px;
    font-weight: 500;
}

@media (max-width: 991px) {
    .newperDeal-title h1 {
        font-size: 23px !important;
    }
    .newper-tit-cus {
        font-size: 16px;
    }
    #proceedingEventGroupModal #bannerList>ul>li>a>div {
        top: 20px;
        left: 20px;
    }
}

.mo-ctg {
    display: none;
}

.review-section {
    background-color: #fff;
}

/* footer */

footer {
    width: 100%;
}

.footer-top {
    width: 100%;
    height: 60px;
    border-top: 1px solid var(--scLine);
    border-bottom: 1px solid var(--scLine);
}

.footer-top-inner {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-menu {
    display: flex;
}

.footer-menu li>a {
    padding: 18px 17px;
    font-size: 16px;
    font-weight: 500;
    color: #464646;
}

.footer-menu li>a:hover {
    color: var(--scMenu);
}

.footer-menu li:first-child>a {
    padding-left: 0;
}

.footer-sns {
    display: flex;
    align-items: center;
    height: 100%;
}

.footer-sns li {
    padding: 0 0 0 13px;
    display: flex;
    align-self: center;
}

.footer-sns li>a {
    display: inline-block;
    width: 30px;
    height: 30px;
}

.footer-sns li img {
    height: 100%;
}

.footer-bottom {
    background-color: #f6f6f6;
}

.footer-content {
    padding: 45px 0 55px;
    display: flex;
    justify-content: space-between;
    font-size: 13px;
}

.footerLogo a {
    display: block;
    width: 150px;
    height: auto;
}

.footerLeft {
    padding: 0 0 0 28px;
    color: #666;
}

.comp-info {
    padding-top: 1px;
}

.comp-info p {
    padding-bottom: 3px;
    font-weight: 400;
    color: #606060 !important;
}

.comp-info .separation::before {
    height: 10px;
}

.policy {
    padding-top: 14px;
}

.policy a {
    text-decoration: underline;
    padding: 0 15px 0 10px;
    position: relative;
    cursor: pointer;
    font-weight: 500;
    font-size: 13px;
    color: #606060 !important;
}

.policy a:first-child {
    padding-left: 0px !important;
}

.policy a:last-child {
    padding-right: 0px !important;
}

.policy a::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: #666;
    width: 1px;
    height: 11px;
}

.policy a:last-child::after {
    content: none;
}

.award-list {
    padding: 28px 0 0 0;
    display: flex;
}

.award-list li {
    margin-right: 45px;
}

.award-list li:last-child {
    margin-right: 0px;
}

.award-list li a {
    display: inline-flex;
    align-items: center;
    color: #919191 !important;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
}

.award-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 4px;
    object-fit: cover;
}

.award-icon1 {
    background: url("../images/footer-image/award1.png") no-repeat center/contain;
}

.award-icon2 {
    background: url("../images/footer-image/award2.png") no-repeat left/contain;
}

.award-icon3 {
    background: url("../images/footer-image/award3.png") no-repeat center/contain;
}

.award-icon4 {
    width: 50px;
    background: url("../images/footer-image/award4.png") no-repeat center/contain;
}

.copyright {
    font-size: 11px;
    font-weight: 400;
    padding-top: 8px;
    color: #999;
    letter-spacing: -.1px;
}

.footerRight {
    margin-left: 80px;
}

.footerRight h3 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin-left: 2px;
}

.center-info-wrap {
    display: flex;
}

.center-tell p {
    color: var(--scPoint) !important;
    font-size: 35px;
    font-weight: 700;
    white-space: nowrap;
}

.center-info {
    padding: 4px 0 0 25px;
    font-weight: 400;
}

.center-info-notice {
    padding-top: 10px;
    color: #666 !important;
    white-space: nowrap;
}

.simpleCheck {
    color: var(--scPoint);
    font-weight: 400;
    margin-left: 3px;
}

.triangle {
    display: inline-block;
    width: 11px;
    height: 11px;
    background: url("../images/triangle.png") no-repeat center/contain;
    margin-left: 3px;
}

.footer-btn {
    padding-top: 25px;
}

.footer-btn ul li {
    margin: 0 6px 6px 0;
    display: inline-block;
    text-align: center;
    background-color: #fff;
}

.footer-btn ul li:last-child {
    margin-right: 0;
}

.footer-btn ul li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    width: 125px;
    padding: 8px 0;
    color: #666;
    border: 1px solid #CDCDCD;
    background-color: #fff;
    font-size: 15px;
    font-weight: 300;
}

.footer-btn ul li a:hover {
    color: #fff !important;
    border: 1px solid #0C2DA3;
    background-color: #0C2DA3 !important;
}

.img-contain,
.img-contain img {
    object-fit: contain;
}

/*상품옵션 우측 펼침메뉴*/

.mobile-menu-bg {
    display: none;
}

.mobile-menu {
    display: none;
}

@media (max-width: 991px) {
    .mobile-menu-bg {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, .5) !important;
        z-index: 10001;
    }
    .mobile-menu-bg.on {
        display: block !important;
    }
    .mobile-menu {
        display: block;
        top: 0;
        right: -100%;
        width: 100%;
        max-width: 310px;
        background: #fff;
        height: 100%;
        position: fixed;
        overflow-y: auto;
        z-index: 100002;
    }
    .mobile-menu.on {
        display: block !important;
        right: 0;
        -webkit-transition: all .1s;
        -moz-transition: all .1ms;
        transition: all .1ms;
    }
    .mobile-menu-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 20px;
        padding: 17px 27px 17px 20px;
    }
    .icon-close {
        width: 18px;
        height: 18px;
        display: inline-block;
        position: relative;
        cursor: pointer;
    }
    .icon-close:before,
    .icon-close:after {
        position: absolute;
        content: "";
        width: 1px;
        height: 100%;
        background-color: #555;
        border-radius: 0;
        left: 9px;
        top: 1px;
    }
    .icon-close:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .icon-close:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    .mobile-menu>ul {
        margin: 0 0 0 1px;
        padding: 0;
        border-top: 1px solid #E2E2E2;
        max-height: calc(100% - 120px) !important;
        overflow-y: auto;
    }
    .mobile-menu>ul>li {
        padding: 0;
        position: relative;
    }
    .mobile-menu>ul>li:first-child {
        margin-top: 5px;
    }
    .mobile-menu>ul>li a {
        display: inline-block;
        width: 100%;
        padding: 16px 10px 15px 25px;
        font-size: 16px;
        line-height: 16px;
        font-weight: 600;
        color: #81869B;
    }
    .mobile-menu>ul>li a:hover {
        color: #314AD7;
    }
    .has-submenu .mobile-submenu {
        max-height: 0;
        overflow-x: hidden;
        overflow-y: auto;
        border-top: 1px solid #E2E2E2;
    }
    .has-submenu .mobile-submenu>li {
        padding: 0;
        position: relative;
        border-bottom: 1px solid #E5E5E5;
    }
    /*.has-submenu .mobile-submenu>li:first-child {
		border-top: none;
	}*/
    .has-submenu .mobile-submenu>li a {
        padding: 0px;
    }
    .has-submenu .mobile-submenu>li a label {
        display: inline-block;
        width: 100%;
        padding: 5px 10px 9px 34px;
        font-size: 15px;
        line-height: 15px;
        font-weight: 400;
        color: #444;
        background-color: #F7F8F8;
        cursor: pointer;
    }
    .has-submenu .mobile-submenu>li a label:hover {
        color: #314AD7;
    }
    .mo-nav-arrow {
        position: relative;
        top: 0pt;
        float: right;
        display: inline-block;
        border-right: 1px solid;
        border-bottom: 1px solid;
        width: 10px;
        height: 10px;
        transform: rotate(45deg);
        margin-right: 20px;
        transition: .2s;
        color: #777;
    }
    /*서브메뉴 펼침*/
    .has-submenu.on>a {
        color: #314AD7;
    }
    .has-submenu.on .mobile-submenu {
        max-height: 373px;
        transition: max-height .2s;
    }
    .has-submenu.on .mo-nav-arrow {
        top: 4pt;
        transform: rotate(-135deg);
        color: #314AD7;
    }
    .btn-submenu-more a {
        text-align: center;
        font-size: 15px !important;
        line-height: 16px !important;
        padding: 21px 10px 19px !important;
        font-weight: 400 !important;
        color: #777 !important;
        background-color: #fff !important;
    }
    .submenu-more-arrow {
        display: inline-block;
        border-right: 1px solid;
        border-bottom: 1px solid;
        width: 8px;
        height: 8px;
        transform: rotate(45deg);
        margin: 0 0 4px 10px;
        color: #777;
    }
    .filter-checkbox {
        width: 17px !important;
        height: 17px !important;
        top: 3px !important;
        position: relative;
    }
    /*색상*/
    .mobile-menu .item-color {
        height: 34px;
        padding: 9px 10px 9px 34px;
        background-color: #F7F8F8;
        margin-bottom: 0 !important;
    }
    .mobile-menu .item-color>span.on {
        border: 3px solid #2751FF;
    }
    .mobile-menu .item-color>span {
        width: 18px;
        height: 18px;
        margin-right: 7px;
    }
    /*결과 내 재검색*/
    .mobile-menu-search {
        padding: 10px 10px 10px 18px;
        background-color: #F7F8F8;
    }
    .mobile-menu-search .wordSearch {
        display: flex;
        flex-direction: column;
    }
    .mobile-menu-search .wordSearch label {
        font-size: 15px;
        font-weight: 400;
        margin-left: 10px;
        margin-bottom: 2px;
    }
    .mobile-menu-search .wordSearch .word-input {
        background-color: #fff;
        border: 1px solid #f0f0f0;
        font-size: 13px;
        letter-spacing: -1px;
        font-weight: 600;
        padding: 9px 18px !important;
        color: #333;
        margin-left: 0px;
        margin-bottom: 10px;
    }
    .btn-mo-search-again {
        font-size: 16px !important;
        font-weight: 700 !important;
        height: 34px;
        line-height: 34px !important;
        width: 100px !important;
        border-radius: 35px;
    }
    .btn-filter {
        position: absolute;
        bottom: 0px;
        right: 0px;
        font-size: 19px !important;
        line-height: 21px;
        padding: 20px 10px !important;
        border-radius: 0px !important;
        width: 100%;
        height: 62px;
    }
}

@media (max-width: 1380px) {
    .footer-content {
        flex-direction: column;
        align-items: center;
    }
    .footerLogo {
        order: 1;
        align-self: flex-start;
    }
    .footerLeft {
        padding: 15px 0 0;
        order: 3;
        width: 100%;
    }
    .footerRight {
        order: 2;
        margin-left: 0px !important;
        align-self: flex-start;
    }
    .footerRight h3 {
        margin-top: 20px;
    }
    .button-tab-content .col-list>li {
        padding: 15px 0;
    }
    .button-tab-content .col-list>li:nth-child(odd) {
        padding-right: 15px;
    }
    .button-tab-content .col-list>li:nth-child(even) {
        padding-left: 15px;
    }
    .itemDetail-more:before {
        left: 50%;
        width: calc(100vw - 45px);
    }
}

@media (max-width: 991px) {
    .footer-top .container {
        padding: 0;
    }
    .footer-top {
        height: auto;
        border-top: 1px solid #CECECE;
    }
    .footer-top-inner {
        flex-wrap: wrap;
        justify-content: center;
    }
    .footer-top-inner>ul {
        padding: 10px 0;
        width: 100%;
        justify-content: center;
    }
    .footer-menu {
        flex-wrap: wrap;
        padding: 12px 0 !important;
    }
    .footer-menu li>a {
        padding: 4px 18px !important;
        font-size: 16px;
        font-weight: 400;
        line-height: 27px;
    }
    .footer-sns {
        height: auto;
        display: none;
    }
    .footer-content {
        padding: 25px 0 110px !important;
    }
    .footerLogo {
        order: 1;
        align-self: flex-start;
    }
    .footerLogo a {
        width: 100px;
    }
    .footerLeft {
        padding: 15px 0 0;
        order: 3;
    }
    footer .comp-info .separation {
        display: block;
    }
    footer .comp-info .separation::before {
        display: none;
    }
    .comp-info p {
        padding-bottom: 0px !important;
        line-height: 16px;
        font-size: 11px;
        font-weight: 300 !important;
        color: #8C8C8C !important;
    }
    .footerRight {
        order: 2;
        margin-left: 0px !important;
        align-self: flex-start;
    }
    .footerRight h3 {
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 0;
        margin-top: 0;
    }
    .center-tell {
        vertical-align: middle;
        height: 35px;
    }
    .center-tell p {
        font-size: 24px;
        margin-left: 3px;
    }
    .center-info-wrap {
        display: block !important;
        margin-top: 10px;
    }
    .center-info {
        display: block;
        padding: 0 !important;
        font-size: 13px;
        font-weight: 300;
        line-height: 15px;
    }
    .center-info>p {
        margin-left: 2px;
    }
    .center-info-notice {
        padding-top: 7px;
        margin-left: 3px;
        font-size: 12px;
        letter-spacing: 0;
        white-space: nowrap;
    }
    .footer-btn {
        padding-top: 8px;
    }
    .footer-btn ul li {
        margin: 0 4px 4px 0;
    }
    .footer-btn ul li a {
        border: 1px solid #EEEEEE;
        width: auto;
        padding: 9px 10px;
        font-size: 12px;
        font-weight: 300;
    }
    .policy {
        display: flex;
        flex-wrap: wrap;
    }
    .policy a {
        padding: 0px 8px 0 6px !important;
        font-weight: 400;
        font-size: 11px;
        color: #888 !important;
    }
    .policy a::after {
        background: #999;
        height: 9px;
    }
    .policy span:first-child {
        padding: 0 7px 0 0;
    }
    .policy span {
        padding: 0 7px;
    }
    .award-list {
        padding: 20px 0 0;
        flex-wrap: wrap;
    }
    .award-list li {
        margin-right: 10px;
        margin-bottom: 3px;
        min-width: 125px;
    }
    .award-list li a {
        font-size: 10px;
        font-weight: 300;
    }
    .award-icon {
        width: 30px;
        height: 25px;
        margin-right: 3px;
    }
    .award-icon.award-icon4 {
        width: 30px;
    }
    .copyright {
        padding-top: 10px;
        font-weight: 300;
    }
    .itemDetail-more:before {
        width: 100vw;
    }
    .footer-bottom>div.container {
        padding: 0 20px;
    }
}

textarea::placeholder {
    color: #d1d1d1;
}

/*크기 변환 시 가리기*/

.mo-ctg.on {
    display: none;
}

.mobile-search-modal {
    display: none;
}

.alarm-setting {
    min-width: 375px;
    width: 100vw;
    min-height: 100vh;
    background: -webkit-gradient(linear, left top, left bottom, from(#009EFF), to(#CE87FF));
    background: linear-gradient(to bottom, #009EFF, #CE87FF);
    padding: 15px;
}

.alarm-setting .join-info img {
    width: 300px;
    height: 300px;
}

#appMoveModal.on {
    display: none;
}

@media (max-width: 991px) {
    /*앱 유도 모달*/
    #appMoveModal {
        z-index: 10005;
    }
    #appMoveModal.on {
        display: block;
    }
    .app-move-content {
        width: 100%;
        min-height: 100vh;
        background-color: rgba(2, 2, 2, 0.7);
    }
    .app-move-icon {
        border-radius: 40px;
        width: 150px;
        height: 150px;
    }
    .mobile-search-modal {
        display: block;
    }
    .mobile-search-modal .modal-wrap {
        padding-top: 10px;
        background-color: #fff !important;
        overflow: hidden;
    }
    .mobile-search-modal .modal-close {
        top: 12px !important;
        right: 12px !important;
        width: 15px;
        height: auto;
        z-index: 10000;
    }
    .mobile-search-modal .modal {
        background-color: transparent !important;
    }
    .mobile-search-modal #searchInput {
        height: 40px;
        font-size: 15px;
    }
    .mobile-search-modal .searchBar-open {
        padding-top: 40px;
    }
    .mobile-search-modal .popular-searchWord {
        padding: 20px 30px 20px 45px;
    }
    .mobile-search-modal .suggestion-searchWord>ul {
        padding: 20px 25px 20px 40px;
    }
    .mobile-search-modal .suggestion-searchWord>ul>li {
        margin-right: 12px;
    }
    .container {
        width: 100%;
    }
    header {
        display: none;
    }
    /* 모바일 header */
    .mo-header {
        display: block;
        width: 100%;
        position: sticky;
        top: 0;
        left: 0;
        z-index: 9999;
        background-color: #fff;
    }
    .mo-header-top {
        display: flex;
        height: 52px;
        justify-content: space-between;
        align-items: center;
        font-size: 12px;
        padding: 5px 19px 5px 15px;
    }
    .mo-header-left {
        height: 100%;
        display: flex;
        align-items: end;
        font-size: 12px;
        letter-spacing: 0;
    }
    .mo-header-left>p {
        transform: translateY(.5px);
    }
    .mo-logo {
        margin-right: 8px;
        margin-bottom: 1px;
    }
    .mo-logo a {
        height: 100%;
        display: flex;
    }
    .mo-logo img {
        height: 40px;
        width: auto;
    }
    .mo-header-right {
        height: 100%;
        display: flex;
        align-items: center;
        margin-bottom: -1px;
    }
    .mo-search {
        width: 30px;
        height: 30px;
        background: url(../images/mo-icon/search.png) no-repeat center/contain;
        cursor: pointer;
    }
    .shopping-basket {
        position: relative;
        width: 30px;
        height: 30px;
        background: url(../images/mo-icon/cart.png) no-repeat center/contain;
        margin-left: 5px;
        cursor: pointer;
    }
    .shopping-basket span,
    .mo-shopping-basket span {
        display: inline-block;
        color: #fff;
        font-size: 10px;
        font-weight: 400;
        background-color: #FF0000;
        border-radius: 18px;
        width: 13px;
        height: 13px;
        text-align: center;
        padding-top: 0px;
        position: absolute;
        right: -4px;
        top: 0px;
    }
    .mo-nav {
        height: 45px;
        display: flex;
        font-weight: 400;
        font-size: 17px;
    }
    .swiper-gnb {
        width: 100%;
        border-top: 1px solid var(--scLine);
        border-bottom: 1px solid var(--scLine);
        padding: 0 10px;
    }
    .gnb {
        padding: 0;
    }
    .gnb>li {
        margin: 0 8px;
    }
    .gnb>li.active a {
        border-bottom: 3px solid var(--scPoint);
    }
    .gnb>li>a {
        padding: 0 5px;
        font-weight: 500;
        color: #24293d;
    }
    .gnb>li>a:hover {
        color: var(--scMenu) !important;
    }
    /*.swiper-gnb-next::after {
        content: none;
    }*/
    .mo-nav li.on a {
        color: var(--scPoint);
    }
    .mo-nav li.on a::before {
        content: "";
        position: absolute;
        bottom: 1px;
        left: 50%;
        transform: translateX(-50%);
        width: calc(100% - 36px);
        height: 2px;
        background-color: var(--scPoint);
    }
    .new a::after {
        width: 12px;
        height: 12px;
        right: -9px;
        top: 2px;
    }
    /* 썸네일 슬라이드 [공통] */
    .thumbnail {
        padding: 14px;
    }
    /* TODAY BEST */
    .realTime-trend {
        display: none;
    }
    .todayBest-tab-wrap {
        width: 100%;
        padding-left: 0;
        overflow-x: hidden;
    }
    .todayBest-tab {
        flex-wrap: nowrap;
        padding-left: 5px;
        width: calc(100vw - -15px);
    }
    .todayBest-tab li {
        padding: 5px 25px !important;
        margin-bottom: 0px;
        margin-right: 5px;
        font-size: 15px;
    }
    .todayBest-content {
        min-height: 435px;
    }
    .swiper-todayBest {
        margin: 15px 0 0;
    }
    /* 모바일 하단 네비게이션 [고정] */
    #mo-bottom-nav {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 70px;
        background-color: #fff;
        z-index: 10002;
        font-size: 14px;
        font-weight: 500;
    }
    .mo-bottom-nav {
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: space-around;
        align-items: center;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        padding: 0 5px;
    }
    .mo-home {
        width: 75px;
        height: 75px;
        transform: translateY(-20px);
        border-radius: 50%;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
        background-color: #fff;
    }
    .mo-bottom-nav li>a {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        min-width: 60px;
    }
    .mo-bottom-nav li>a>i {
        width: 35px;
        height: 35px;
    }
    .nav-ctg {
        background: url("../images/mo-icon/ctg.png") no-repeat center/contain;
    }
    .nav-zzim {
        background: url("../images/mo-icon/zzim.png") no-repeat center/contain;
    }
    .nav-home {
        width: 35px !important;
        height: 35px !important;
        margin-top: 5px;
        margin-bottom: 1px;
        background: url("../images/mo-icon/home.png") no-repeat center/contain;
    }
    .nav-my {
        background: url("../images/mo-icon/my.png") no-repeat center/contain;
    }
    .nav-recent {
        display: none;
        background: url("../images/mo-icon/recent.png") no-repeat center/contain;
    }
    /* 모바일 전체카테고리 펼침 영역 */
    .mo-ctg {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        z-index: 9999;
        display: none;
        padding-bottom: 90px;
    }
    .mo-ctg.on {
        display: block;
    }
    .mo-ctg-header {
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0px 0px 0 15px;
    }
    .mo-ctg-header h1 {
        font-size: 20px;
        font-weight: 600;
    }
    .mo-ctg-header>div {
        display: flex;
        align-items: center;
        font-size: 16px;
        font-weight: 500;
    }
    .mo-ctg-header>div a {
        margin-left: 20px;
        margin-top: 3px;
    }
    .mo-ctg-header>div a:first-child {
        margin-left: 5px;
    }
    .mo-close {
        padding: 15px;
        cursor: pointer;
        margin-left: 7px;
    }
    .mo-ctg-header img {
        width: 14px;
        height: 14px;
    }
    .mo-ctg-list>li:not(:first-child) {
        font-size: 15px;
        font-weight: 500;
        letter-spacing: 0.5px;
    }
    .mo-ctg-list>li:last-child {
        padding: 16px 23px 15px;
    }
    .mo-ctg-list>li:not(:first-child) a {
        display: inline-block;
        padding: 16px 23px 15px;
        width: 100%;
    }
    .mo-ctg-sns>li a {
        padding: 0 !important;
        width: auto !important;
    }
    .mo-ctg-list>li:first-child .swiper {
        padding-bottom: 13px;
    }
    .mo-ctg-list>li:not(:last-child) {
        border-bottom: 1px solid #E4E4E4;
    }
    .mo-ctg-swiper {
        overflow: hidden !important;
    }
    .mo-ctg-swiper .swiper-slide {
        width: auto;
        align-self: flex-end;
    }
    .mo-ctg-swiper .swiper-slide.on a {
        color: var(--scPoint);
    }
    .mo-ctg-swiper .swiper-wrapper {
        padding-left: 15px;
    }
    .mo-ctg-swiper .thumbnail-icon span {
        margin-top: 0 !important;
    }
    .mo-ctg-open>ul {
        min-height: 320px;
        overflow-y: auto;
    }
    .mo-ctg-open>ul {
        background-color: var(--scPoint);
        color: #fff;
        position: relative;
        width: 100%;
        height: 100%;
        display: none;
        border-top: 1px solid #E4E4E4;
        padding-top: 9px;
    }
    .mo-ctg-open>ul.on {
        display: block;
    }
    .mo-ctg-open>ul>li {
        display: flex;
        justify-content: space-between;
        padding: 13px 10px 13px 18px;
        width: 170px;
        font-size: 16px;
        line-height: 17px;
    }
    .mo-ctg-open>ul>li:hover,
    .mo-ctg-open>ul>li.on {
        background-color: #fff;
        color: var(--scPoint);
        font-weight: 600;
    }
    .mo-subcategory {
        width: calc(100% - 170px);
        height: 100%;
        font-size: 14px;
        font-weight: 400;
        background-color: #fff;
        color: #040404;
        position: absolute;
        top: 0;
        left: 170px;
        padding: 0 0 10px;
        overflow-y: auto;
        display: none;
    }
    .mo-subcategory.on {
        display: block;
    }
    .mo-subcategory li:first-child {
        padding: 20px 10px 8px 27px;
    }
    .mo-subcategory li:not(:first-child) {
        padding: 8px 10px 8px 27px;
    }
    .mo-subcategory li:hover {
        text-decoration: underline;
    }
    .mo-ctg-sns {
        display: flex;
        justify-content: space-between;
        padding-top: 15px;
    }
    .mo-ctg-sns img {
        width: 35px;
        height: 35px;
    }
}

/* 2단 띠배너 */

.nnnn {
    display: none;
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    border-radius: 50%;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 20%);
    background-color: #fff;
}

.nnnn::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border: solid #99a1a8;
    border-width: 0 2px 2px 0;
    position: absolute;
    top: 50%;
    box-sizing: border-box;
}

.nnnn-r::after {
    transform: translate(-50%, -50%) rotate(-45deg);
    right: 4px;
}

.nnnn-l::after {
    transform: translate(-50%, -50%) rotate(135deg);
    left: 15px;
}

@media (max-width: 991px) {
    .nnnn {
        display: none;
        position: absolute;
        z-index: 2;
        top: 50%;
        color: #fff;
        transform: translateY(-50%);
    }
    .nnnn-r {
        right: 15%;
    }
    .nnnn-l {
        left: 15%;
    }
    .nnnn-r.on,
    .nnnn-l.on {
        display: block;
    }
    .nnnn-l.on {
        animation: 2s .5s infinite alternate readyLeft;
    }
    .nnnn-r.on {
        animation: 2s .5s infinite alternate readyRight;
    }
    @keyframes readyLeft {
        0%,
        100% {
            transform: translate(0, -50%);
        }
        50% {
            transform: translate(-2vw, -50%);
        }
    }
    @keyframes readyRight {
        0%,
        100% {
            transform: translate(0, -50%);
        }
        50% {
            transform: translate(2vw, -50%);
        }
    }
}

/*썸네일 로딩 아이콘*/

#loadingBar {
    position: relative;
    width: 100vw !important;
    height: 200px;
}

#loadingBar img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px !important;
    height: 20px !important;
}

/*카카오 주소*/

@media (max-width: 991px) {
    #embedDiv {
        margin: 0 auto;
        padding: 20px 0;
    }
    #__daum__layer_1 {
        max-width: 100vw;
    }
    #giftImage {
        max-width: 100vw;
    }
}

/* 리뷰100 상단 타이틀 이미지 */

.review100-top-banner {
    height: 290px;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
}

.review100-top-banner>a {
    position: absolute;
    top: 14.5%;
    left: 36%;
    border-radius: 50px;
    width: 275px;
}

.review100-top-banner>a img {
    object-fit: cover;
}

.event-reply {
    width: 70%;
    margin-top: 30px;
}

.event-reply tbody td {
    text-align: center;
}

.event-reply .close {
    position: absolute;
    right: 10px;
    top: calc(50% - 5px);
}

.event-reply th {
    font-size: 18px;
    font-weight: 500;
}

.event-reply td {
    font-size: 17px;
}

/* 테이블 */

table {
    border: 2px solid #d1d1d1;
    border-radius: 5px;
    border-collapse: collapse;
}

th {
    color: #81879b;
    background-color: #f2f5f7;
    border-bottom: 1px solid #777;
    border-right: 0px solid var(--scLine);
    font-size: 17px;
    font-weight: 600;
    padding: 20px 10px;
    text-align: center;
    vertical-align: middle;
}

thead {
    border-bottom: 2px solid #d1d1d1;
}

tr {
    border-top: 1px solid var(--scLine);
    color: #222;
    font-size: 16px;
    font-weight: 500;
}

tr:hover td {
    background: #fafafa;
}

tr:first-child {
    border-top: none;
}

tr:last-child {
    border-bottom: none;
}

td {
    color: #222;
    background: #FFFFFF;
    padding: 20px 10px;
    text-align: center;
    vertical-align: middle;
    font-size: 15px;
    font-weight: 300;
}

@media (max-width: 1380px) {
    .review100-top-banner {
        height: 210px !important;
    }
    .review100-top-banner>a {
        top: 34px;
        width: 195px;
        height: 43px;
    }
}

@media (max-width: 1100px) {
    .review100-top-banner>a {
        left: 32%;
    }
}

@media (max-width: 991px) {
    .review100-top-banner {
        height: auto !important;
    }
    .review100-top-banner a {
        left: 5.5%;
        top: 19%;
        width: 43%;
        height: auto;
    }
    #popupModal {
        z-index: 10003;
    }
}

/* 상품상세 포토리뷰 모달 */

#PhotoReviewModal .modal {
    margin: 0 auto;
    height: 720px;
    background-color: #000;
}

#PhotoReviewModal .commonModal-close {
    z-index: 2;
}

#PhotoReviewModal .commonModal-close i {
    background: url("../images/close-white.png") no-repeat center/contain;
}

#PhotoReviewModalContent {
    height: 100%;
}

.photoReview-swiper {
    height: 100%;
}

.photoReview-prev,
.photoReview-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 31px;
    height: 39px;
    z-index: 1;
    cursor: pointer;
}

.photoReview-prev {
    left: 0;
    background: url("../images/arrow/mainPopup_left.png") no-repeat center/contain;
}

.photoReview-next {
    right: 0;
    background: url("../images/arrow/mainPopup_right.png") no-repeat center/contain;
}

.photoReview-swiper img {
    margin: auto;
    object-fit: contain;
}

.PhotoReviewModal-footer {
    position: absolute;
    bottom: 15px;
    left: 0;
    z-index: 2;
    padding: 0 15px;
}

.PhotoReviewModal-review {
    font-size: 16px;
    color: #fff;
    padding: 10px 0;
}

.PhotoReviewModal-footer span {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.4);
}

.PhotoReviewModal-footer .review-grade span {
    font-size: 14px;
}

.PhotoReviewModal-footer .review-grade.etc i {
    width: 79px;
    height: 14px;
}

.PhotoReviewModal-footer .review-grade.etc i::after {
    background: url(../images/5star-yellow.png) no-repeat 0 0/79px 14px;
}

@media (max-width: 991px) {
    #PhotoReviewModal .modal {
        height: 100%;
        margin: 0;
        padding: 0 !important;
    }
    .PhotoReviewModal-footer {
        padding: 0 12px;
    }
    .PhotoReviewModal-footer span {
        font-size: 13px;
    }
    .PhotoReviewModal-footer .review-grade span {
        font-size: 13px;
    }
    .PhotoReviewModal-footer .review-grade.etc i {
        width: 70px;
        height: 12px;
    }
    .PhotoReviewModal-footer .review-grade.etc i::after {
        background: url(../images/5star-yellow.png) no-repeat 0 0/70px 12px;
    }
}

/*주문 완료 페이지 모달(예금주,계좌, 은행) */

#openOrderCModalContent .table-default {
    padding: 40px 35px 10px;
}

#openOrderCModalContent .table-default .table-titl {
    width: 100px;
    align-items: center;
    padding: 0;
    min-height: 60px;
}

#openOrderCModalContent .table-default .table-content {
    width: calc(100% - 100px);
    min-height: 60px;
}

@media (max-width: 991px) {
    #openOrderCModalContent .table-default {
        padding: 50px 15px;
    }
    #openOrderCModalContent .table-default li {
        padding: 5px 0;
    }
    #openOrderCModalContent .table-default .table-content {
        width: 100%;
        padding: 10px 5px 0 !important;
    }
}

.modal-title {
    padding-bottom: 15px;
    margin-top: -4px;
}

.subContentTitle {
    text-align: center;
    padding: 10px;
}

#mainContent {
    width: 100%;
    height: 60vh;
    overflow-y: auto;
}

#irTable {
    margin: auto;
    width: 100%;
    border-collapse: collapse;
}

#irTable tr:first-child {
    border-top: none;
    background: #428bca;
    color: #fff;
}

#irTable tr {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #f5f9fc;
}

#irTable tr:not(:first-child) {
    cursor: pointer;
}

#irTable tr:nth-child(odd):not(:first-child) {
    background-color: #ebf3f9;
}

#irTable th {
    display: none;
}

#irTable td {
    display: block;
}

#irTable td:first-child {
    margin-top: .5em;
}

#irTable td:last-child {
    margin-bottom: .5em;
}

#irTable td:before {
    font-weight: bold;
    width: 120px;
    display: inline-block;
    color: #000;
}

#irTable th,
#irTable td {
    text-align: center;
}

#irTable {
    color: #333;
    border-radius: 0;
    overflow: hidden;
}

#irTable tr {
    border-color: #bfbfbf;
}

#irTable th,
#irTable td {
    padding: .5em 1em;
}

#irTable th:first-child {
    width: 70px;
}

#irTable th:nth-child(3) {
    width: 110px;
}

#irTable th:nth-child(4) {
    width: 110px;
}

#IRlist .cc-content-img-wrap {
    height: 460px;
    overflow-y: scroll;
}

#IRlist .cc-content-img-wrap::-webkit-scrollbar {
    width: 10px;
}

#IRlist .cc-content-img-wrap::-webkit-scrollbar-thumb {
    height: 30%;
    background: #217af4;
    border-radius: 10px;
}

#IRlist .cc-content-img-wrap::-webkit-scrollbar-track {
    background: rgba(33, 122, 244, .1);
}

@media screen and (max-width: 991px) {
    .addrUpdateModal .modalContent {
        padding: 0 12px
    }
    .modal-title {
        padding: 20px 20px 5px;
    }
    #mainContent {
        padding: 10px;
    }
    #irTable {
        margin: auto;
        border-collapse: collapse;
        font-size: 15px;
    }
    #irTable th,
    #irTable td {
        display: table-cell;
        padding: 10px 5px;
    }
    #irTable th {
        font-size: 14px;
        letter-spacing: 0.5px !important;
    }
    #irTable tr:nth-child(2) {
        border-top: none;
    }
    #irTable th:first-child {
        width: 40px;
    }
    #irTable th:nth-child(3) {
        width: 85px;
    }
    #irTable th:nth-child(4) {
        width: 90px;
    }
    .cc-table-right {
        min-width: auto;
        padding-top: 5px;
        padding-left: 0px;
    }
}

@media screen and (min-width: 600px) {
    #irTable tr:hover:not(:first-child) {
        background-color: #d8e7f3;
    }
    #irTable td:before {
        display: none;
    }
    #irTable th,
    #irTable td {
        display: table-cell;
        padding: .25em .5em;
    }
    #irTable th:first-child,
    #irTable td:first-child {
        padding-left: 0;
    }
    #irTable th:last-child,
    #irTable td:last-child {
        padding-right: 0;
    }
    #irTable th,
    #irTable td {
        padding: 1em !important;
    }
}

.head-icon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-bottom: 1px;
}

.subContent {
    display: none;
    min-height: 70vh;
}

.event-coupon {
    width: 100%;
    max-width: 500px;
    padding: 30px;
    margin: 0 auto;
    border-radius: 20px;
    background-color: #f9f9f9;
    border: 1px solid #999;
    box-shadow: 0px 0px 5px rgb(2 2 2 / 15%);
}

.event-coupon p {
    color: #333;
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
}

.event-coupon p span {
    color: #222;
    font-size: 17px;
    font-weight: 600;
    margin-left: 3px;
}

.event-coupon .coupon-image {
    width: 120px;
    height: auto;
}

#commentForm {
    width: 70%;
    margin: 0 auto;
}

@media (max-width: 991px) {
    .event-coupon {
        flex-direction: column;
        width: fit-content;
        max-width: 375px;
        padding: 30px 20px 20px;
    }
    .event-coupon .event-coupon-left {
        order: 2;
    }
    .event-coupon .event-coupon-right {
        order: 1;
    }
    .event-coupon .event-coupon-left .btn {
        width: 100%;
    }
    .event-coupon .coupon-image {
        margin-bottom: 20px;
    }
    .head-icon {
        width: 16px;
        height: 16px;
    }
}

.banner_2-close {
    display: none;
}

@media (max-width: 991px) {
    .banner_2-close {
        display: block;
        width: 100%;
        height: 35px;
        background-color: rgba(0, 0, 0, 0.8);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
    }
    .banner_2-close-inner a {
        display: block;
        width: 17px;
        height: 100%;
    }
    .banner_2-close img {
        object-fit: contain;
        width: 17px;
        height: 17px;
        position: absolute;
        top: 50%;
        right: 12px;
        transform: translateY(-50%);
    }
    .nonMemberLoginModal {
        padding: 25px !important;
    }
    .nonMemberLoginModal .modal-close {
        top: 30px;
        right: 30px;
        max-width: 17px;
        max-height: 17px;
    }
    .nonMemberLoginModal .modal-close img {
        width: 100%;
        height: 100%;
    }
}

.benefitView-btn {
    font-size: 14px !important;
    padding: 3px 20px !important;
}

#niceAuthBtn {
    height: 48px;
}

#joinForm .table-title {
    align-items: center;
    padding: 0;
}

#joinForm .birth select {
    width: 145px !important;
}

.joinForm-table-start {
    align-items: start !important;
    padding-top: 15px !important;
}

.gender-input .table-content {
    padding: 13.5px 0;
    justify-content: start;
}

.h-control>div {
    min-height: 60px !important;
}

.h-control>div.table-title {
    padding: 5px 0 15px !important;
}

.h-control>div.table-content {
    padding: 5px 30px 15px !important;
}

.minus {
    position: relative;
    padding-left: 10px;
}

.minus::after {
    content: "-";
    position: absolute;
    top: -2px;
    left: 0;
    font-size: 16px;
}

@media (max-width: 991px) {
    #joinForm .table-title {
        padding: 0 8px !important;
    }
    #joinForm .table-content {
        padding: 0 8px !important;
    }
    .joinForm-table-start {
        align-items: center;
    }
    #joinForm .birth select {
        width: 32% !important;
    }
    .table-default .btn-id-check {
        font-size: 15px !important;
    }
    .ttt {
        min-height: 30px !important;
    }
    #qspForm,
    #rrForm {
        padding: 0 12px;
    }
    #qspForm .h-control>div {
        min-height: 30px !important;
    }
    #qspForm li>div {
        padding: 10px 0 !important;
        font-size: 15px !important;
    }
    #rrForm li>div {
        font-size: 15px !important;
        width: 100%;
    }
    #qspForm li .table-title {
        padding: 0 !important;
    }
    .qnaModal .scroll-y {
        padding-right: 0;
    }
    .important {
        width: 14px;
        height: 14px;
        position: absolute;
        top: 0;
        left: 0;
    }
    .delivery-info-width {
        width: calc(100% - 95px);
    }
}

.card-view-pop .event_card {
    padding-top: 0;
}

.card-view-pop .event_card table th,
.card-view-pop .event_card table td {
    font-size: 13px;
}

.card-view-pop .pop-content>div:nth-child(2) {
    padding-top: 20px;
}

.card-view-pop .pop-content table {
    margin: 0 auto;
}

.card-view-pop .pop-content table td {
    font-size: 13px;
}

#otherAsForm .scroll-y {
    max-height: 60vh;
    padding-right: 10px;
    margin-bottom: 25px;
}

#otherAsForm .table {
    margin-bottom: 0;
}

#myOrderAsMenu #otherAsForm h3 {
    display: none;
}

#myOrderAsMenu #otherAsForm .scroll-y {
    max-height: 100%;
    padding-right: 0;
}

#searchCategoryForm .prod-status-pop h4 {
    padding: 7px;
}

#searchCategoryForm .pop-des>p {
    padding-top: 5px;
    line-height: 19px !important;
}

.swiper-main-banner-2 {
    padding-top: 25px;
}

.swiper-main-banner-2 img {
    image-rendering: pixelated;
    transform: translateZ(0);
}

#categoryUl.searchResult-vertical-thumb.lg-1col .item-price>p {
    display: flex;
    flex-direction: column;
}

.todayBest-content .real-price {
    padding-left: 2px;
}

.event-reply-text {
    width: 100%;
}

.event-reply th:first-child {
    width: 150px;
}

.event-reply th:last-child {
    width: 125px;
}

.event-reply-text>input {
    width: calc(100% - 150px);
}

/* 댓글이벤트 페이지 링크공유하기 모달 */

#linkCopyModal .modal {
    width: 370px;
    border-radius: 15px;
}

#linkCopyModal .commonModal-close i {
    width: 17px;
    height: 17px;
}

#linkCopyModal h4 {
    font-weight: 500;
    font-size: 16px;
}

#linkCopyModal ul {
    display: flex;
    justify-content: space-between;
    padding: 20px 0 10px;
}

#linkCopyModal ul li a {
    font-size: 12px;
    color: #666;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#linkCopyModal ul li img {
    height: 60px;
    object-fit: contain;
    margin-bottom: 10px;
}

@media (max-width: 991px) {
    #categoryUl .item-price>p {
        display: flex;
        flex-direction: column;
    }
    #otherAsForm {
        margin: 0 12px;
    }
    #myOrderMenu #otherAsForm {
        margin: 0;
    }
    #otherAsForm .scroll-y {
        padding-right: 0;
    }
    .review-content-top {
        margin-bottom: 5px;
    }
    .swiper-realReview .review-grade span {
        font-size: 13px;
        font-weight: 400;
    }
    #best100 .real-price {
        padding-left: 0 !important;
    }
    .thumbnail-category .item-price>p {
        display: block;
    }
    .thumbnail-category .item-price>p>span:first-child {
        margin-right: 5px;
    }
    .thumbnail-category .item-price>p>span:nth-child(2) {
        align-items: center;
    }
    .relatedProducts .item-price>p {
        flex-direction: row;
        align-items: center;
    }
    .relatedProducts .item-price>p>span:first-child {
        flex-direction: row-reverse;
    }
    .relatedProducts .item-price>p>span:nth-child(2) {
        order: 2;
        padding-left: 5px !important;
        font-size: 12px !important;
    }
    #review .review-content {
        margin-bottom: 15px !important;
    }
    .swiper-realReview .review-inner .item-title {
        font-size: 14px;
    }
    #newLaunch .real-price {
        padding-left: 0 !important;
    }
    .otherProduct-thumb .real-price {
        order: 1 !important;
        padding-left: 0 !important;
    }
    .otherProduct-thumb .discount-price {
        order: 2 !important;
    }
    .thumbnail-lastSecond.thumbnail-wide .item-info {
        min-width: 60%;
    }
    #myAlarmMenu .real-price {
        padding-left: 0 !important;
    }
    #asProductModal,
    #productModal {
        background-color: #fff;
    }
    .asProductModal .scroll-y {
        background-color: #f2f2f2;
        max-height: calc(100vh - 190px) !important;
    }
    .asProductModal .table {
        background-color: #fff;
        border-radius: 0;
        border-left: none;
        border-right: none;
    }
    .asProductModal .table-title,
    .asProductModal .table-content {
        min-height: 40px !important;
        padding: 10px 12px !important;
    }
    .asProductModal .table-content .order-item-info-wrap {
        width: 100% !important;
    }
    #searchCategoryForm .pop-des>p {
        padding-top: 10px;
        padding-left: 5px;
        text-indent: 0 !important;
    }
    #selectForm {
        padding-bottom: 30px;
    }
    .swiper-main-banner-2 {
        padding-top: 0;
    }
    .reviewModal textarea {
        padding: 15px !important;
        font-size: 15px;
    }
    #commentForm,
    .event-reply {
        width: 100%;
    }
    .event-reply {
        margin-top: 20px;
        border: 1px solid #d1d1d1;
    }
    .event-reply thead {
        border-bottom: 1px solid #d1d1d1;
    }
    .event-reply th {
        border-bottom: none;
    }
    .event-reply-text>input {
        width: calc(100% - 80px);
        height: 40px;
    }
    .event-reply-text>.btn {
        min-width: auto !important;
        width: 70px;
        height: 40px;
        padding: 0 !important;
    }
    .event-reply th {
        font-size: 14px;
        padding: 10px 5px;
    }
    .event-reply td {
        font-size: 14px;
        padding: 10px 5px;
    }
    .event-reply th:first-child {
        width: 90px;
    }
    .event-reply th:last-child {
        width: 110px;
    }
    .event-reply td:first-child,
    .event-reply td:last-child {
        font-size: 13px;
    }
    #linkCopyModal .commonModal-close {
        top: 18px;
        right: 18px;
    }
    #linkCopyModal .commonModal-close i {
        width: 14px;
        height: 14px;
    }
    #linkCopyModal h4 {
        font-size: 14px;
    }
    #linkCopyModal .modal {
        min-height: auto;
        width: 265px !important;
        top: 50%;
        transform: translate(-50%, -50%);
        padding: 20px !important;
    }
    #linkCopyModal ul li img {
        width: 35px;
        height: 35px;
    }
    .productInquiry-paging>li {
        padding: 0 10px;
    }
}

.idx-newperDeal {
    position: absolute;
    top: -45px;
    right: 0;
    font-size: 23px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.idx-newperDeal2 {
    top: 0;
}

.idx-timerIcon {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url("../images/gif/time.gif") no-repeat center/contain;
    margin-right: 5px;
}

.idx-newperDeal>p:nth-child(2) {
    min-width: 180px;
}

@media (max-width: 991px) {
    .idx-newperDeal {
        top: 15px;
        left: 35px;
        right: auto;
        padding: 5px 12px 5px 15px;
        font-size: 13px;
        border: 1px solid var(--scPoint);
        border-radius: 30px;
        background-color: #fff;
        z-index: 2;
    }
    .idx-newperDeal>p:nth-child(2) {
        min-width: 113px;
    }
    .idx-newperDeal>p:nth-child(2)>span:nth-child(2) {
        letter-spacing: -0.5px;
    }
    .idx-timerIcon {
        width: 14px;
        height: 14px;
        margin-right: 2px;
    }
    .idx-newperDeal-bottom {
        position: fixed;
        bottom: 70px;
        left: 0;
        width: 100%;
        height: 35px;
        z-index: 9997;
    }
    .idx-newperDeal-bottom .idx-newperDeal {
        position: initial;
    }
}

.fixed-btn-wrap>a.restock-alarm-btn {
    width: 100%;
}

.thumbnail-category.thumbnail-wide .item-img {
    width: 36%;
}

.event-thumb-list.lg-1col {
    padding: 0;
    width: 910px;
    margin: 0 auto;
}

.thumbnail-category.thumbnail-wide .guarantee {
    top: 0;
    left: -15px;
}

@media (max-width: 991px) {
    .fixed-buy-btn.btn-point.restock-alarm-btn {
        width: 100% !important;
    }
    .event-thumb-list.lg-1col {
        width: auto;
    }
}

/* 상품상세 KIMCHI보증 아이콘 */

.otherProduct-thumb .guarantee {
    width: 65px;
    height: 65px;
    top: 0 !important;
    left: 0 !important;
}

/* 배너 타이틀 */

.banner-title {
    max-width: 1920px;
    margin: 0 auto;
}

.banner-title-img {
    position: absolute;
    bottom: 0;
    width: auto;
    height: 230px;
}

.banner-title-img1 {
    left: 27%;
}

.banner-title-img2 {
    right: 18%;
}

.event-title-img {
    max-width: 1920px;
    margin: 0 auto;
}

.prod-option1 li>select:not(:nth-of-type(1)),
.prod-option1 li>label:not(:nth-of-type(1)),
.fixed-buy-option>ul>li>select:not(:nth-of-type(1)),
.fixed-buy-option>ul>li>label:not(:nth-of-type(1)) {
    margin-top: 10px;
}

@media (max-width: 991px) {
    .banner-title {
        width: 100%;
    }
    .event-title-img {
        max-width: 100%;
    }
    .fixed-buy-option>ul>li>select {
        margin-top: 0 !important;
    }
}

.hypen {
    position: relative;
    padding-left: 9px;
    display: inline-block;
}

.hypen::before {
    content: "-";
    position: absolute;
    top: 2px;
    left: 0;
    padding-left: 1px;
}

.newperCare-pop p span.hypen {
    padding-top: 3px;
}

#categoryUl.lg-1col .guarantee {
    top: calc(50% - 125px);
    left: calc(50% - 125px);
}

#delListForm .table-content {
    padding: 20px 30px;
}

.popular-searchWord .ellipsis {
    max-width: 170px;
}

.realTime-trend .ellipsis {
    max-width: 110px;
}

.PersonalInfoVP {
    text-align: start;
    font-size: 16px;
}

.PersonalInfoVP h6 {
    border-bottom: 1px solid #bcbcbc;
    padding-bottom: 15px;
    margin-bottom: 15px;
    display: flex;
}

.PersonalInfoVP p {
    font-size: 15px;
    color: #999;
    position: relative;
    padding-left: 15px;
    font-weight: 300;
}

.PersonalInfoVP p:nth-of-type(1) {
    margin-top: 10px;
    padding-bottom: 3px;
}

.PersonalInfoVP p::after {
    content: "※";
    position: absolute;
    top: -1px;
    left: 0;
}

.PersonalInfoVP label {
    padding: 0 10px 0 7px;
}

.PersonalInfoVP input[type='radio']:checked {
    accent-color: var(--scPoint);
}

#join-step {
    width: 620px;
    margin: 0 auto;
    padding-top: 50px;
}

.recommender02-wrap {
    display: flex;
    align-items: center;
    padding-top: 20px;
    border-top: 1px solid #bcbcbc;
    margin-top: 35px;
}

.recommender02-wrap li:first-child {
    width: 130px;
}

.recommender02-wrap li:nth-child(2) {
    width: calc(100% - 130px);
}

.view-box-wrap {
    position: sticky;
    right: 0;
    z-index: 999;
    transition: all 0.5s;
}

.view-box>p {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 320px;
    background-color: #f4eaeb;
    padding: 15px 30px;
    font-size: 15px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    box-shadow: 0 0 5px rgba(2, 2, 2, 0.15);
    letter-spacing: .5px;
}

.view-box i {
    display: inline-block;
    background: url("../images/2people.png") no-repeat center/contain;
    width: 24px;
    height: 24px;
    margin-right: 5px;
}

.view-box>p>span {
    transform: translateY(-1px);
}

@media (max-width: 991px) {
    .popular-searchWord .ellipsis {
        line-height: 23px;
        max-width: 145px;
    }
    .consent {
        margin: 10px 0 25px;
    }
    .PersonalInfoVP {
        padding-bottom: 15px;
    }
    .PersonalInfoVP label {
        font-size: 15px;
    }
    .PersonalInfoVP p {
        font-size: 13px;
    }
    #join-step {
        width: 100%;
    }
    .recommender02-wrap {
        flex-direction: column;
        align-items: start;
        border-top: none;
        margin-top: 0;
    }
    .recommender02-wrap li:first-child {
        border-bottom: 1px solid #bcbcbc;
        width: 100%;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .recommender02-wrap li:nth-child(2) {
        width: 100%;
    }
    .view-box-wrap {
        transform: translateY(-16px);
        transition: none;
    }
    .view-box>p {
        max-width: 100%;
        width: 100%;
        border-radius: 0;
        box-shadow: none;
        padding: 10px 20px;
        font-size: 14px;
    }
    .view-box i {
        width: 21px;
        height: 21px;
    }
    .view-box>p>span {
        transform: translateY(0px);
    }
}

@media (max-width: 991px) {
	.mobile_secate {
		font-size: 13px;
		font-weight: 400;
		border-top: 1px solid #E4E4E4;
	}
	.mobile_secate li{
		font-size: 13px;
		font-weight: 400;
	}
	.mo-ctg-list .mobile_secate li a {
		display: inline-block;
		padding: 13px 23px 10px 50px;
		width: 100%;
	}
	.mobile_secate>li:not(:first-child) {
		font-size: 15px;
		font-weight: 500;
		letter-spacing: 0.5px;
	}
	.mobile_secate>li:last-child {
		padding: 13px 23px 10px;
	}
	.mobile_secate>li:not(:first-child) a {
		display: inline-block;
		padding: 13px 23px 10px;
		width: 100%;
	}
	.mobile_secate>li:first-child .swiper {
		padding-bottom: 13px;
	}
	.mobile_secate>li:not(:last-child) {
		border-bottom: 1px solid #E4E4E4;
	}
}