/* 헤더 */
/*** Topbar Start ***/
.layout {
    padding: 0 6%;
    max-width: 1920px;
    margin: 0 auto
}
header.shadow {
    transition: 0.5s;
    background: var(--bs-white);
    border: 0;
    position: fixed;
    top: 0 !important;
    right: 0;
    left: 0;
    z-index: 1030;
}
.topbar {
    width: 100%;
    padding: 0;
    border-radius: 0;
    background: var(--color-primary-logo)
}
.topbar .layout {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.topbar .kakao {
    display: flex;
    align-items: center;
}
.topbar .kakao span {
    opacity: 0.9;
    font-size: var(--font-14);
    font-weight: var(--fw-medium);
    color: var(--color-white);
    margin-left: var(--space-8)
}
.topbar .top-link {
    font-size: var(--font-15);
    display: flex;
    align-items: center;
    color: var(--color-white);
    border-right: 1px solid rgba(255, 255, 255, 0.3);
    margin-right: var(--space-20);
}
.topbar .top-link > li {
    margin-right: var(--space-20);
}
.topbar .top-link>li>a {
    color: inherit;
}
.topbar .top-link a:hover {
    font-weight: var(--fw-bold);
}
.pcHeader .utillArea {
    display: flex;
    justify-content: flex-end;
}
.pcHeader .utillArea ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    list-style: none;
}
.pcHeader .utillArea li {
    margin-right: var(--space-20);
    display: flex;
    align-items: center;
    color: var(--color-white)
}
.pcHeader .utillArea li:last-child {
    margin-right: var(--space-10)
}
.pcHeader .utillArea li a {
    display: flex;
    align-items: center;
}
.pcHeader .utillArea li a svg {
    height: 18px
}
.pcHeader .utillArea li a svg path,
.pcHeader .utillArea li a svg ellipse,
.pcHeader .utillArea li a svg line,
.pcHeader .utillArea li a svg circle {
    transition: all ease-in-out 0.2s;
}
/* .pcHeader .utillArea li a:hover svg path,
.pcHeader .utillArea li a:hover svg ellipse,
.pcHeader .utillArea li a:hover svg line,
.pcHeader .utillArea li a:hover svg circle {
    stroke: var(--color-white);
} */
.pcHeader .utillArea li span {
    color: var(--color-white);
    font-size: var(--font-15);
    margin-left: var(--space-5);
}
.pcHeader .utillArea .headCart {
    position: absolute;
    top: -5px;
    left: 15px;
    height: 18px;
    min-width: 18px;
    font-size: var(--font-12);
    border-radius: var(--border-radius);
    background-color: var(--color-white) !important;
    color: var(--color-primary);
}

/*** Topbar End ***/
/*** Navbar Start ***/
.header-glb {
    padding: 0;
    /* border-bottom: var(--border) */
}
.navbar .navbar-brand {
    width: 200px;
}
.navbar .navbar-brand img {
    width: 100%;
}
.navbar .navbar-nav .nav-link {
    padding: var(--space-10) var(--space-15);
    font-size: var(--font-17);
    font-weight: var(--fw-bold);
    transition: .5s;
}
.navbar {
    /* height: 100px; */
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding: var(--space-20) 0
}
.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active,
.fixed-top.bg-white .navbar .navbar-nav .nav-link:hover,
.fixed-top.bg-white .navbar .navbar-nav .nav-link.active {
    color: var(--bs-primary);
}
.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    vertical-align: middle;
    margin-left: 8px;
}
header.shadow .navbar {
    padding: var(--space-20) 0 var(--space-10)
}
header.shadow {
    box-shadow: none !important;
    background-color: rgba(255, 255, 255, .9) !important;
    backdrop-filter: blur(5px) !important;
}
.dropdown .dropdown-menu a:hover {
    background: var(--color-white);
    color: var(--color-primary);
}
.navbar .nav-item:hover .dropdown-menu {
    transform: rotateX(0deg);
    visibility: visible;
    background: var(--color-white) !important;
    border-radius: var(--space-10) !important;
    transition: .5s;
    opacity: 1;
    border: var(--border);
}
.dropdown-item {
    padding: var(--space-5) var(--space-15);
    font-size: var(--font-15);
}
    /* Navbar 미디어쿼리 */
    @media (max-width: 1600px) {
        .layout {
            padding: 0 3%
        }
        .navbar .navbar-brand {
            width: 120px;
        }
        .navbar .navbar-nav .nav-link {
            padding: var(--space-10) var(--space-10);
            font-size: var(--font-18);
        }
    }
    @media (min-width: 1200px) {
        .navbar .nav-item .dropdown-menu {
            display: block;
            visibility: hidden;
            top: 100%;
            transform: rotateX(-75deg);
            transform-origin: 0% 0%;
            border: 0;
            transition: .5s;
            opacity: 0;
        }
    }
    @media (max-width: 1200px) {
        .layout {
            padding: 0 5%
        }
        .pcHeader {
            display: none;
        }
    }
    @media (max-width: 1000px) {
        .navbar {
            padding: var(--space-15) 0;
        }
        .navbar .navbar-brand {
            width: 100px;
        }
    }
    @media (max-width: 640px) {
        .layout {
            padding: 0 3%
        }
        .navbar {
            padding: var(--space-10) 0;
        }
        .navbar .navbar-brand {
            width: 75px;
        }
    }
    
/*** Navbar End ***/
/* 검색바 */
.searchPc {
    display:block
}
.searchMobile {
    display:none
}
.searchPc #searchModal {
    text-align: center;
    position: relative;
    width: 200px
}
.searchPc #searchModal .search-control {
    width: 100%;
    border: 1px solid var(--color-basica8);
    border-radius: 1000000px;
    font-weight: var(--fw-bold);
    color: var(--color-dark);
    padding: 0 var(--space-15);
    font-weight: var(--fw-bold);
    height: 32px;
    background: transparent;
}
.searchPc #searchModal .search-button {
    position: absolute;
    right: 12px;
    top: 4px;
    padding: 0;
}
.searchPc #searchModal .search-button img {
    width: 16px;
}
    /* 검색바 미디어쿼리 */
    @media (max-width: 900px) {
        .searchPc {
            display:none
        }
        .searchMobile {
            display:block
        }
        .searchMobile #searchModal2 {
            width: 70%;
        }
        .searchMobile #searchModal2 .modal-content {
            background: rgb(135, 124, 124);
        }
        .searchMobile #searchModal2 .modal-body {
            justify-content: center;
            flex-direction: column;
        }
        .searchMobile #searchModal2 .modal-title {
            font-size: var(--font-25);
            font-weight: var(--fw-bold);
            text-align: center;
        }
        .searchMobile #searchModal2 .input-group {
            width: 70%;
            margin-top: var(--space-40);
        }
        .searchMobile #searchModal2 .input-group .form-control {
            font-size: var(--font-30);
            padding: var(--space-10) 0;
            text-align: center;
            font-weight: var(--fw-bold);
            color: var(--color-dark);
            border: 2px solid var(--color-dark);
        }
        .searchMobile #searchModal2 .input-group-text {
            position: absolute;
            right: 0;
            top: 6px;
            padding: var(--space-15)
        }
        .searchMobile #searchModal2 .input-group-text img {
            width: 28px;
        }
        .searchMobile #searchModal2 .btn-close {
            position: absolute;
            bottom: 10%;
            width: 20px;
            height: 20px;
            padding: 0.25em;
            background-size: 20px;
            opacity: 1;
        }
    }
    @media (max-width: 640px) {
        .searchMobile #searchModal2 .modal-title {
            font-size: var(--font-20);
        }
        .searchMobile #searchModal2 {
            width: 90%;
            margin-top: var(--space-30);
        }
        .searchMobile #searchModal2 .input-group .form-control {
            font-size: var(--font-25);
            padding: var(--space-5) 0;
        }
        .searchMobile #searchModal2 .input-group-text {
            top: 4px;
            padding: var(--space-10)
        }
        .searchMobile #searchModal2 .search-button img {
            width: 25px;
        }
    }

/* 메인 공통 */
.mainWrap {
    padding: var(--space-110) 0
}
.mainTtitlearea,
.mainWrap .tabWrap {
    text-align: center;
    margin-bottom: var(--space-40);
}
.mainWrap.mainItem .mainTtitlearea {
    margin-bottom: var(--space-35);
}
.mainTtitlearea .textTypeRed {
    margin-bottom: var(--space-5)
}
.mainTtitlearea h2 {
    font-size: var(--font-33);
    font-weight: var(--fw-bold);
}
.mainWrap .tabWrap {
    clear: both;
}
.mainWrap .tabWrap ul {
    display: flex;
    justify-content: center;
}
.mainWrap .tabWrap ul>li {
    margin: 0 var(--space-5);
}
.mainWrap .tabWrap ul>li.nav-item a {
    display: block;
    border-radius: var(--border-radius);
    padding: var(--space-10) var(--space-25);
    border: var(--border)
}
.mainWrap .tabWrap ul>li.nav-item a:hover,
.mainWrap .tabWrap ul>li.nav-item a.active {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-white);
    font-weight: var(--fw-bold);
}

.mainWrap .tabWrap ul>li.nav-item .active-off {
    background: var(--color-white);
    border: var(--border)
}

/* .mainWrap .btnArea {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: var(--space-60)
} */
/* 메인 공통 미디어쿼리 */
@media (max-width: 1200px) {
    .mainWrap {
        padding: var(--space-80) 0
    }

    .mainTtitlearea,
    .mainWrap .tabWrap {
        text-align: center;
        margin-bottom: var(--space-30);
    }

    .mainWrap .tabWrap ul>li.nav-item a {
        padding: var(--space-8) var(--space-20);
    }
}

@media (max-width: 1000px) {
    .mainWrap {
        padding: var(--space-60) 0
    }

    .mainTtitlearea h2 {
        font-size: var(--font-30);
    }
}

@media (max-width: 640px) {

    .mainTtitlearea,
    .mainWrap .tabWrap {
        margin-bottom: var(--space-20);
    }

    .mainTtitlearea h2 {
        font-size: var(--font-25);
    }

    .mainWrap.mainItem .mainTtitlearea {
        margin-bottom: var(--space-25);
    }

    .hotItem.mainWrap .tabWrap {
        overflow-y: scroll;
    }

    .hotItem.mainWrap .tabWrap ul {
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .mainWrap .tabWrap ul>li.nav-item a {
        font-size: var(--font-14);
        padding: var(--space-8) var(--space-15);
        white-space: nowrap;
    }

    .hotItem.mainWrap .tabWrap ul>li {
        margin: 0 0 0 var(--space-5);
    }
}

.overflow-y-auto {
    overflow-y: auto !important;
}

/* 메인 비주얼 */
/* .mainSlide {
    margin-top: 200px;
} */
.flickity-viewport {
    height: 550px !important;
}

.carousel-cell {
    width: 88%;
    height: 100%;
    margin-right: 30px;
    border-radius: 20px;
    background-size: cover;
    background-position: center center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.carousel-cell:before {
    display: block;
    content: '';
}

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

.responsive-content,
.alternate-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 80%;
    max-width: 600px;
}

.mainSlide .mainText {
    display: block;
    font-size: var(--font-25);
    font-weight: var(--fw-normal);
}

.mainSlide .mainTitle {
    font-size: var(--font-55);
    font-weight: var(--fw-bold);
    margin: var(--space-10) 0 var(--space-40)
}

.mainSlide .btn {
    display: inline-flex;
    margin: auto;
    padding: var(--space-8) var(--space-23);
    border-radius: var(--border-radius) !important;
    font-weight: var(--fw-medium);
}

/* 메인 비주얼 미디어쿼리 */
@media (max-width: 1600px) {
    .flickity-viewport {
        height: 450px !important;
    }
    .carousel-cell {
        width: 94%;
        margin-right: 20px;
    }
}

@media (min-width: 900px) {
    .responsive-content {
        display: block;
    }
    .alternate-content {
        display: none;
    }
}
@media (max-width: 1000px) {
    .carousel-cell {
        margin-right: 15px;
    }
    .responsive-content {
        display: none;
    }
    .alternate-content {
        top: 200px;
        display: block;
    }
    .carousel-cell img {
        object-position: center 55%;
    }
    .mainSlide .mainTitle {
        font-size: var(--font-50);
        margin: var(--space-10) 0 var(--space-40)
    }
}

@media (max-width: 640px) {
    .carousel-cell {
        width: 94%;
    }
    .carousel-cell img {
        object-position: center;
    }
    .mainSlide .mainText {
        font-size: var(--font-20);
    }
    .mainSlide .mainTitle {
        font-size: var(--font-32);
        margin: var(--space-5) 0 var(--space-20)
    }
    .alternate-content {
        top: 120px
    }
    .mainSlide .btn {
        font-size: var(--font-14);
        padding: var(--space-5) var(--space-15);
    }
}

/* 메인 상품 */

/* 메인 콘텐츠 슬라이드 */
/*** vesitable Start ***/
.vesitable .vesitable-item {
    height: 100%;
    transition: 0.5s;
}
.vesitable-item .itemBottom {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: var(--space-20);
}
.vesitable-item .itemName,
.mainReview .reviewList .subject {
    font-size: var(--font-18);
    font-weight: var(--fw-bold);
    text-align: center;
}
.vesitable-item .itemName {
    display: block;
    text-align: center;
    color: var(--color-primary);
}
.vesitable-item .itemName a {
    font-size: inherit;
    font-weight: inherit;
}
.mainReview .reviewList .subject {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.vesitable-item .itemBottom .itemPrice {
    display: block;
    margin-top: var(--space-5);
    display: block;
    font-size: var(--font-16);
}
.vesitable-item .vesitable-img {
    overflow: hidden;
    transition: 0.5s;
    border-radius: 0;
    border: 0;
    padding: var(--space-10);
}
.hotItemWrap .vesitable-item .vesitable-img {
    padding: var(--space-20);
}
.vesitable-item .vesitable-img img:hover {
    transform: scale(1.02);
}
.vesitable-item .vesitable-img a {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 150%;
    overflow: hidden;
}
.vesitable-item .vesitable-img img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: var(--transition)
}
.mainItem .vesitable-item .vesitable-img {
    padding: var(--space-15);
}
.vesitable .owl-stage {
    margin: 0;
    position: relative;
}    
.owl-nav .owl-prev,
.owl-nav .owl-next,
.linkBanner .icon {
    width: 35px;
    height: 35px;
    top: 40%;
    position: absolute;
    border-radius: var(--border-radius);
    background-color: var(--color-white);
    color: var(--color-primary);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
    padding: 0;
    border: 0;
    transition: var(--transition);
    display: flex;
    justify-content: center;
    align-items: center;
}
.owl-nav .owl-prev {
    left: -50px;
}
.owl-nav .owl-next {
    right: -50px;
}
.owl-nav .owl-prev {
    left: -50px;
}
.owl-nav .owl-prev:hover {
    left: -55px;
}
.owl-nav .owl-next:hover {
    right: -55px
}
.owl-nav .owl-prev:hover,
.owl-nav .owl-next:hover {
    background: var(--color-white);
}
.owl-nav [class*=" bi-"]::before,
.linkBanner .icon [class*=" bi-"]::before {
    line-height: normal;
    vertical-align: middle;
    font-weight: var(--fw-bold) !important;
    margin: 0
}
    @media (max-width: 1600px) {
        .owl-nav .owl-prev {
            left: 0;
        }
        .owl-nav .owl-next {
            right: 0;
        }
        .owl-nav .owl-prev:hover {
            left: -5px;
        }
        .owl-nav .owl-next:hover {
            right: -5px
        }
        .vesitable-item .itemName {
            font-size: var(--font-15);
        }
        .vesitable-item .itemBottom .itemPrice {
            margin-top: var(--space-5);
            font-size: var(--font-16);
        }
        .mainItem .vesitable-item .vesitable-img {
            padding: var(--space-25);
        }
        .vesitable-item .itemName,
        .mainReview .reviewList .subject {
            font-size: var(--font-16);
        }
        .manPortfolio .vesitable-item .itemBottom.subject {
            margin-top: var(--space-10)
        }
    }
    @media (max-width: 900px) {
        .owl-nav .owl-prev {
            left: 0;
        }
        .owl-nav .owl-next {
            right: 0;
        }
    }
    @media (max-width: 1000px) {
        .owl-nav .owl-prev,
        .owl-nav .owl-next,
        .linkBanner .icon {
            width: 30px;
            height: 30px;
        }
        .owl-nav .owl-prev img,
        .owl-nav .owl-next img,
        .linkBanner .icon img {
            width: 7px;
        }
    }
    @media (max-width: 640px) {
        .owl-nav .owl-nav {
            display: none;
        }
        .vesitable-item .itemName {
            font-size: var(--font-15);
        }
        .mainReview .reviewList .subject {
            -webkit-line-clamp: 2;
        }
        .vesitable-item .vesitable-img {
            padding: var(--space-5);
        }
    }

/*** vesitable End ***/


/* 상품 리스트 */
.itemList {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: var(--space-60) var(--space-20);
}
.itemList .itemImg > a {
    display: block;
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 150%;
    overflow: hidden;
    background-color: var(--color-white);
}
.itemList .itemImg > a img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: var(--transition)
}
.itemList .itemImg > a:hover img {
    transform: scale(1.02);
}
.itemList .itemBottom {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: var(--space-20);
}
.itemList .itemBottom .itemName {
    margin-bottom: var(--space-5);
    padding-bottom: 0;
    font-size: var(--font-18);
    font-weight: var(--fw-bold);
    color: var(--color-primary);
    text-align: center;
}
.itemList .itemBottom .itemPrice {
    display: block;
    display: block;
    font-size: var(--font-16);
}
.swiperItem {
    display: unset;
    grid-template-columns: unset;
    grid-gap: unset;
    position: relative;
}
.swiperItem .swiper-pagination {
    display: none;
}
.swiperItem .swiper-button-prev,
.swiperItem .swiper-button-next {
    width: 35px;
    height: 35px;
    cursor: pointer;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    border-radius: var(--border-radius);
    background-color: var(--color-white);
    color: var(--color-primary);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.15);
    padding: 0;
    border: 0;
    transition: var(--transition);
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiperItem .swiper-button-prev {
    left: -20px;
}
.swiperItem .swiper-button-next {
    right: -20px;
}
.swiperItem .swiper-button-next:after,
.swiperItem .swiper-button-prev:after {
    display: none;
}
    /* 상품리스트 미디어쿼리 */
    @media (max-width: 1000px) {
        .itemList {
            grid-template-columns: repeat(4, 1fr);
            grid-gap: var(--space-50) var(--space-10);
        }
        .itemList .itemBottom .itemName {
            font-size: var(--font-15)
        }
        .itemList .itemBottom .itemPrice {
            font-size: var(--font-13);
        }
        .swiperItem .swiper-button-prev,
        .swiperItem .swiper-button-next {
            display: none;
        }
        .swiperItem .swiper-pagination {
            z-index: 2;
            position: relative;
            bottom: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            top: auto;
            bottom: auto;
            margin-top: var(--space-30)
        }
        .swiperItem .swiper-pagination-bullet {
            opacity: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 8px;
            height: 8px;
            margin: 0 3px !important;
            background: transparent;
            border: 1.5px solid var(--color-red);
            border-radius: var(--border-radius);
            opacity: 1;
            cursor: pointer;
            transition: var(--transition);
        }
        .swiperItem .swiper-pagination-bullet-active {
            width: 14px;
            background: var(--color-red);
        }
    }
    @media (max-width: 640px) {
        .itemList {
            grid-template-columns: repeat(3, 1fr);
            grid-gap: var(--space-40) var(--space-5);
        }
        .itemList .itemBottom {
            margin-top: var(--space-10);
        }
        .itemList .itemBottom .itemName {
            font-size: var(--font-14)
        }
        .itemList .itemBottom .itemPrice {
            font-size: var(--font-13);
        }
    
    }



/* 이벤트 문의 배너 */
.eventBenner {
    background: center / cover url("/public/images/shop/event-banner.png") no-repeat;
    height: 420px;
}

.eventBenner .container {
    height: 100%;
    display: flex;
    align-items: center;
}

.eventBenner .textarea {
    color: var(--color-white);
    text-align: left;
}

.eventBenner .eventTitle {
    font-size: var(--font-60);
    font-weight: var(--fw-bold);
    margin: var(--space-20) 0 var(--space-35)
}

@media (max-width: 1600px) {
    .eventBenner {
        height: 300px;
    }

    .eventBenner .eventTitle {
        font-size: var(--font-50);
        margin: var(--space-10) 0 var(--space-25);
    }

    .eventBenner .textarea {
        margin-left: var(--space-50)
    }
}

@media (max-width: 1000px) {
    .eventBenner {
        height: 250px;
    }

    .eventBenner .eventTitle {
        font-size: var(--font-35);
        margin: var(--space-5) 0 var(--space-25);
    }

    .eventBenner .textarea {
        margin-left: var(--space-30)
    }
}

@media (max-width: 640px) {
    .eventBenner {
        height: 200px;
        background-position-x: 33%;
    }

    .eventBenner .textarea {
        margin-left: var(--space-20);
    }

    .eventBenner .eventText {
        font-size: var(--font-15);
    }

    .eventBenner .eventTitle {
        font-size: var(--font-30);
        margin: 0 0 var(--space-15);
    }
}

/* 즐거움이 가득한 핫 아이템 */
.hotItemWrap .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hotItemWrap .hotItemBanner {
    flex: 0 0 auto;
    width: 43.929%;
}
.hotItemWrap .hotItemBanner img {
    width: 100%;
    border-radius: 10px;
}
.hotItemWrap .hotItemList {
    flex: 0 0 auto;
    width: 100%;
}
.hotItemWrap .hotItemList .grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: var(--space-40) var(--space-18)
}
.hotItemWrap .moreItem {
    margin-top: var(--space-60);
}
.hotItemWrap .moreItem .grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 0 var(--space-18)
}
    /* 즐거움이 가득한 핫 아이템 미디어쿼리 */
    @media (max-width: 1600px) {
        .hotItemWrap .inner {
            align-items: center;
        }
        .hotItemWrap .hotItemList .grid {
            grid-gap: var(--space-30) var(--space-15)
        }
        .vesitable-item .itemBottom {
            margin-top: var(--space-5);
        }
        .hotItemWrap .vesitable-item .vesitable-img {
            padding: var(--space-10);
        }
        .hotItemWrap .moreItem {
            margin-top: var(--space-40);
        }
    }
    @media (max-width: 1000px) {
        .hotItemWrap .moreItem {
            margin-top: var(--space-30);
        }
        .hotItemWrap .hotItemList .grid {
            grid-template-columns: repeat(4, 1fr);
        }
        .hotItemWrap .moreItem .grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            grid-gap: 0 var(--space-10)
        }
        .hotItemWrap .moreItem .grid .vesitable-item:last-of-type {
            display: none;
        }
    }
    @media (max-width: 640px) {
        .hotItemWrap .moreItem {
            display: none;
        }
        .hotItemWrap .inner {
            flex-direction: column;
        }
        .hotItemWrap .hotItemBanner {
            margin-bottom: var(--space-20)
        }
        .hotItemWrap .hotItemBanner,
        .hotItemWrap .hotItemList {
            width: 100%;
        }
        .hotItemWrap .hotItemList .grid {
            grid-template-columns: repeat(2, 1fr);
            grid-gap: var(--space-10) var(--space-15);
        }
        .hotItemWrap .vesitable-item .vesitable-img {
            padding: var(--space-20) var(--space-20) 0 var(--space-20);
        }
    }

/* 메인 포트폴리오 */
.manPortfolio {
    padding-top: var(--space-40);
}

.manPortfolio .vesitable-item .vesitable-img a {
    padding-bottom: 100%;
}

.manPortfolio .vesitable-item .vesitable-img {
    padding: 0;
    border-radius: 10px;
}

.manPortfolio .vesitable-item .vesitable-img img {
    object-fit: cover;
}

/* 메인 포트폴리오 미디어쿼리 */
@media (max-width: 640px) {
    .manPortfolio {
        padding-top: var(--space-20);
    }
}

/* 주문제작/방문예약 */
.linkBanner {
    padding-top: 0
}
.linkBanner .container {
    position: relative;
}
.linkBanner .imgarea {
    border-radius: 10px;
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 21.4%;
    overflow: hidden;
}
.linkBanner .imgarea a {
    display: block;
}
.linkBanner .imgarea img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition);
    border-radius: 10px;
}
.linkBanner .linkBannerItem {
    position: relative;
}
.linkBanner .contentArea {
    padding: 0 var(--space-55);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    z-index: 1;
}
.linkBanner .textarea {
    color: var(--color-white);
}
.linkBanner .textarea .title {
    display: block;
    font-weight: var(--fw-bold);
    margin-bottom: var(--space-14)
}
.linkBanner .textarea p {
    font-size: var(--font-18);
}
.linkBanner .icon {
    position: relative;
    top: auto;
    transform: translateX(0);
}
.linkBanner a:hover .icon {
    transform: translateX(5px);
}

/* 주문제작/방문예약 미디어쿼리 */
@media (max-width: 1000px) {
    .linkBanner .imgarea {
        padding-bottom: 35%;
    }
    .linkBanner .contentArea {
        padding: 0 var(--space-25);
    }

    .linkBanner .textarea .title {
        margin-bottom: var(--space-10)
    }
}

@media (max-width: 640px) {
    .linkBanner .imgarea {
        padding-bottom: 45%;
    }
}

/* 메인 리뷰 */
.mainReview {
    background-color: var(--color-grayfa);
}

.mainReview .reviewList {
    border: var(--border);
    border-radius: var(--space-10);
    background-color: var(--color-white);
    ;
    padding: var(--space-15);
    position: relative;
}

.mainReview .reviewList a.link {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: none;
}

.mainReview .reviewList .reviewImg {
    border-radius: var(--space-10);
}

.mainReview .reviewList .reviewImg {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    overflow: hidden;
}

.mainReview .reviewList .reviewImg img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    transform: scale(1);
    transition: var(--transition)
}

.mainReview .reviewList:hover .reviewImg img {
    transform: scale(1.02);
}

.mainReview .reviewList .subject {
    margin-top: var(--space-10);
}

.mainReview .reviewList .reviewTextTop {
    padding: var(--space-20) 0;
    text-align: center;
    border-bottom: var(--border);
}

.mainReview .reviewList .reviewTextBottom {
    padding: var(--space-15) 0 var(--space-5);
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: var(--fw-light);
    font-size: var(--font-14);
    color: var(--color-basica8);
}
.mainReview .reviewList .reviewTextBottom .user {
    display: flex;
    align-items: center;
}
.mainReview .reviewList .reviewTextBottom .userImg {
    width: 32px;
    margin-right: var(--space-10)
}
.mainReview .reviewLanking {
    display: flex;
    align-items: center;
    justify-content: center;
}
.mainReview .reviewLanking .fa-star {
    margin: 0 1.5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mainReview .reviewLanking .fa-star:before {
    font-size: var(--font-15);
}
    /* 메인 - 고객님들의 솔직한 후기 미디어쿼리 */
    @media (max-width: 1200px) {
        .mainReview .reviewList {
            padding: var(--space-10);
        }
        .mainReview .reviewList .reviewTextTop {
            padding: var(--space-15) 0;
        }
        .mainReview .reviewList .reviewTextBottom .userImg {
            width: 32px;
            margin-right: var(--space-10);
        }
        .mainReview .reviewList .reviewTextBottom {
            padding: var(--space-10) 0 0;
            font-size: var(--font-13);
        }
        .mainReview .reviewLanking .fa-star:before {
            font-size: var(--font-12);
        }
    }
    @media (max-width: 640px) {
        .mainReview .reviewList {
            padding: 0;
        }
        .mainReview .reviewList .reviewImg {
            border-radius: var(--space-10) var(--space-10) 0 0;
        }
        .mainReview .reviewList .reviewText {
            padding: var(--space-10)
        }
        .mainReview .reviewList .reviewTextTop {
            padding: 0 0 var(--space-10);
        }
        .mainReview .reviewList .subject {
            margin-top: var(--space-5);
        }
        .mainReview .reviewLanking .fa-star:before {
            font-size: var(--space-10);
        }
        .mainReview .reviewList .reviewTextBottom .userImg {
            width: 27px;
            margin-right: var(--space-5)
        }
    }

/* 파트너 */
.mainPartner {
    padding: var(--space-50) 0
}
    /* 파트너 미디어쿼리 */
    @media (max-width: 1200px) {
        .mainPartner {
            padding: var(--space-30) 0
        }
    }
    @media (max-width: 1000px) {
        .mainPartner {
            padding: var(--space-20) 0
        }
    }
    @media (max-width: 640px) {
        .mainPartner {
            padding: var(--space-10) 0
        }
    }

/* 푸터 */
footer {
    background-color: var(--color-dark31);
    color: var(--color-white);
    font-weight: var(--fw-light);
    clear: both;
}
footer .footerWrap1 ul>li:not(:last-child),
footer .footerWrap1 .footeItem3 .account {
    margin-bottom: var(--space-10)
}
footer .footerWrap1 .footerTop {
    display: flex;
    justify-content: space-between;
    padding: var(--space-35) 0;
    border-bottom: 1px solid #515151
}
footer .footerWrap1 .footerSns {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
footer .footerWrap1 .footerSns a:not(:first-of-type) {
    margin-left: var(--space-25)
}
footer .footerWrap1 .footerBottom {
    display: flex;
    justify-content: space-between;
    padding: var(--space-40) 0 var(--space-60)
}
footer .footerWrap1 .footerInfo {
    width: 40%;
}
footer .footerWrap1 .footerCenter {
    width: 55%;
    display: flex;
    justify-content: flex-end;
}
footer .footerWrap1 .footerTitle {
    display: flex;
    align-items: center;
    margin-bottom: var(--space-15);
}
footer .footerWrap1 .footerTitle strong {
    font-weight: var(--fw-medium);
}
footer .footerWrap1 .footerTitle img {
    margin-right: var(--space-10);
}
footer .footerWrap1 .footerCenter .font30 {
    font-weight: var(--fw-extrabold) !important;
}
footer .footeItem1 {
    margin-right: var(--space-100)
}
footer .footerWrap1 .footeItem3 .account,
footer .footerWrap1 .footeItem3 .name {
    display: block;
}
footer .footerWrap2 {
    padding: var(--space-25) 0;
    background-color: #393939;
}
footer .footerWrap2 .layout {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
footer .footerWrap2 ul {
    display: flex;
    align-items: center;
}
footer .footerWrap2 ul>li {
    display: inline-flex;
    align-items: center;
}
footer .footerWrap2 ul>li:not(:last-child):after {
    content: "/";
    padding: 0 var(--space-3)
}
footer .footerWrap2 ul>li>a:hover {
    font-weight: var(--fw-bold);
}
footer .footerWrap3 {
    background-color: var(--color-white);
    padding: var(--space-15)
}
footer .footerWrap3 p {
    text-align: center;
    color: var(--color-dark);
    opacity: 0.85;
}
footer .footerWrap1 .footerTop .footerLogo {
    width: 200px
}
footer .footerWrap1 .footerTop .footerLogo img {
    width: 100%
}
    /* 푸터 미디어쿼리 */
    @media (max-width: 1400px) {
        footer .footerWrap1 .footerTop {
            padding: var(--space-20) 0;
        }
        footer .footerWrap1 .footerSns a:not(:first-of-type) {
            margin-left: var(--space-15)
        }
        footer .footerWrap1 .footerBottom {
            padding: var(--space-30) 0 var(--space-40)
        }
        footer .footerWrap1 .footerCenter {
            justify-content: space-between;
        }
        footer .footeItem1 {
            margin-right: 0
        }
        footer .footerWrap1 .footerTitle img {
            width: auto;
            height: 22px;
        }
    }
    @media (max-width: 1000px) {
        footer {
            font-size: var(--font-15);
        }
        footer .footerWrap1 .footerInfo ul {
            display: inline-flex;
            flex-wrap: wrap;
        }
        footer .footerWrap1 ul>li:not(:last-child),
        footer .footerWrap1 .footeItem3 .account {
            margin-bottom: var(--space-8);
        }
        footer .footerWrap1 .footerInfo ul li:not(:last-child):after {
            content: "/";
            padding: 0 var(--space-3)
        }
        footer .footerWrap1 .footerBottom {
            flex-direction: column;
            justify-content: flex-start;
            padding: var(--space-30) 0 var(--space-30)
        }
        footer .footerWrap1 .footerTop .footerLogo {
            width: 180px
        }
        footer .footerWrap1 .footerInfo {
            width: 100%;
        }
        footer .footerWrap1 .footerCenter {
            width: 100%;
            margin-top: var(--space-30);
            justify-content: flex-start;
        }
        footer .footerWrap1 .footerCenter .footeItem {
            width: 48%;
        }
    }
    @media (max-width: 640px) {
        footer .footerWrap1 .footerCenter,
        footer .footerWrap2 .layout {
            flex-direction: column;
        }
        footer .footerWrap1 .footerTop {
            align-items: center;
        }
        footer .footerWrap1 .footerTop .footerLogo {
            width: 140px
        }
        footer .footerWrap1 .footerSns a:not(:first-of-type) {
            margin-left: var(--space-15)
        }
        footer .footerWrap1 .footerSns a img {
            width: 17px;
        }
        footer .footerWrap1 .footerInfo ul {
            flex-direction: column;
        }
        footer .footerWrap1 ul>li:not(:last-child),
        footer .footerWrap1 .footeItem3 .account {
            margin-bottom: var(--space-5);
        }
        footer .footerWrap1 .footerInfo ul li:not(:last-child):after {
            display: none;
        }
        footer .footerWrap1 .footerCenter {
            margin-top: 0;
        }
        footer .footerWrap1 .footerCenter .footeItem {
            width: 100%;
            margin-top: var(--space-30);
        }
        footer .footerWrap1 .footerTitle {
            margin-bottom: var(--space-10);
        }
        footer .footerWrap2 {
            padding: var(--space-15) 0;
            font-size: var(--font-14);
        }
        footer .footerWrap2 .sitemap:first-of-type {
            margin-bottom: var(--space-5);
        }
        footer .footerWrap3 {
            padding: var(--space-10) 0;
        }
        footer .footerWrap3 p {
            font-size: var(--font-13);
        }
        footer .footerWrap1 .footerTitle img {
            height: 20px;
        }
    }

/* 마이페이지 메인 */
.myContent .titleArea {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: var(--space-20)
}
.myContent h3 {
    font-size: var(--font-22);
    font-weight: var(--fw-bold);
}
.myContent .titleArea a.btn {
    font-size: var(--font-13);
    font-weight: var(--fw-bold);
    padding: 0
}
.myContent .titleArea a.btn:hover {
    color: var(--color-dark);
}
.mypageInner {
    display: flex;
    justify-content: space-between;
}
.mypageInner .myAside {
    width: 200px;
    margin-right: 20px;
}
.mypageInner .myContent {
    width: calc(100% - 200px);
    padding-left: var(--space-80);
}
.mypage-wrap .mypageInner {
    border-top: 2px solid var(--color-dark31);
}
.mypage-wrap .mypageMenu {
    height: 100%;
    border-right: var(--border);
}
.mypage-wrap .mypageMenu .list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 0;
}
.mypage-wrap .mypageMenu li.list-group-item {
    border: 0;
    padding: var(--space-15) 0;
}
.mypage-wrap .member-assets li.list-group-item {
    padding: 0
}
.mypage-wrap .mypageMenu li.list-group-item a:hover {
    color: var(--color-primary);
    font-weight: var(--fw-bold);
}
    /* 마이페이지 메인 미디어쿼리 */
    @media (max-width: 1200px) {
        .mypageInner .myAside {
            width: 150px;
        }
        .mypageInner .myContent {
            width: calc(100% - 150px);
            padding-left: var(--space-50);
        }
        .mypage-wrap .mypageMenu .list-group-item {
            padding: var(--space-10) 0;
        }
    }
    @media (max-width: 1000px) {
        .myContent h3 {
            font-size: var(--font-20);
        }
        .mypageInner {
            flex-wrap: wrap;
        }
        .mypageInner .myAside,
        .mypageInner .myContent {
            width: 100%;
        }
        .mypageInner .myAside {
            margin-right: 0;
        }
        .mypageInner .myContent {
            padding-left: 0;
            margin-top: var(--space-40);
        }
        .mypage-wrap .mypageMenu {
            border-right: 0;
        }
        .mypage-wrap .mypageMenu .list-group {
            flex-direction: row;
            flex-wrap: wrap;
            padding: 0;
            border: var(--border);
            border-width: 1px 0 0 1px;
        }
        .mypage-wrap .mypageMenu li.list-group-item {
            width: 16.66666666666667%;
            text-align: center;
            border: var(--border);
            border-width: 0 1px 1px 0;
            padding: var(--space-10) 0;
        }
    }
    @media (max-width: 640px) {
        .mypageInner {
            padding-top: var(--space-20);
        }
        .mypage-wrap .mypageMenu li.list-group-item {
            width: 33.3333%;
            font-size: var(--font-15);
            padding: var(--space-10) 0;
        }
        .mypageInner .myContent {
            margin-top: var(--space-20);
        }
        .mypage-wrap .my-order-list {
            margin-bottom: 40px
        }
    }

/* 위시리스트 */
.wishlist .wishlistItem {
    display: grid;
    grid-template-columns: repeat(6, 1fr); 
    grid-gap: var(--space-30) var(--space-20);
}
.wishlist .wish-item .position-absolute {
    top: 0;
    z-index: 1;
}
.wishlist .wish-item .image-wrap {
    margin-bottom: var(--space-15);
}
.wishlist .wish-item .wishListImg {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 150%;
    overflow: hidden;
}
.wishlist .wish-item .wishListImg img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wishlist .wish-item .wish-title {
    margin-bottom: var(--space-5);
    color: var(--color-primary);
    font-weight: var(--fw-bold);
    text-align: center;
}
.wishlist .wish-item .wish-title a:hover {
    color: var(--color-primary);
}
.wishlist .wish-item .wish-price {
    font-size: var(--font-14);
}
.wishlist .wish-item .wish-delete {
    margin-top: var(--space-10);
    text-align: center;
}
.wishlist .wish-item .wish-delete a {
    padding: var(--space-3) var(--space-5);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: var(--border);
    font-size: var(--font-12);
    color: var(--color-basica8);
    font-weight: var(--fw-light);
}
.wishlist .btnArea {
    justify-content: flex-end;
    border-top: var(--border);
    padding-top: var(--space-30);
}
    /* 위시리스트 미디어쿼리 */
    @media (max-width: 640px) {
        .wishlist .wishlistItem {
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 0 var(--space-10);
        }
    }

/* 카트 */
.cart .cartTop {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cart .flexBox {
    display: flex;
    justify-content: space-between;
}
.cart .flexBox .flexLeft {
    width: 70%;
}
.cart .flexBox .flexRight {
    width: 27%;
}
.cart .btnGroup a:first-of-type {
    margin-right: var(--space-3)
}
.cart .cartSort {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--space-20)
}
.cart .cartSort .btnArea {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.cart .cartSort .btnArea a:first-child {
    margin-right: var(--space-10)
}
.cart .payBox {
    background-color: var(--color-grayfa);
    padding: var(--space-25);
    border: 1px solid var(--color-basic);
}
.cart .payBox h3 {
    margin-bottom: var(--space-10);
    font-weight: var(--fw-bold);
    border-bottom: 1px solid var(--color-basica8);
    padding-bottom: var(--space-15)
}
.cart .payBox1 {
    margin: var(--space-30) 0 var(--space-30)
}
.cart .payBox .totalAmount  {
    font-size: var(--font-18);
    text-align: center;
}
.cart .payBox .totalAmount span {
    display: block;
    margin-bottom: var(--space-5);
}
.cart .payBox .totalAmount strong {
    display: block;
    font-weight: var(--fw-bold);
    font-size: var(--font-25);
    color: var(--color-red);
}
    /* 카트 테이블 미디어쿼리 */
    @media (max-width: 1000px) {
        .cart .flexBox {
            flex-wrap: wrap;
        }
        .cart .flexBox .flexLeft,
        .cart .flexBox .flexRight {
            width: 100%;
        }
        .cart .flexRight {
            margin-top: var(--space-20)
        }
        .cart .payBox {
            padding: var(--space-20)
        }
    }
    @media (max-width: 640px) {
        .cart .payBox {
            padding: var(--space-15)
        }
        .cart .payBox1 {
            margin: var(--space-20) 0 var(--space-25);
        }        
    }

/* 카트 테이블 */
.cartTable {
    margin-bottom: 0
}
.cartTable thead th,
.cartTable tbody td {
    border-right: var(--border);
    padding-left: var(--space-10);
    padding-right: var(--space-10);
    vertical-align: middle
}
.cartTable thead th:last-of-type,
.cartTable tbody td:last-of-type {
    border-right: 0
}
.cartTable>thead th {
    vertical-align: middle;
    background: var(--color-grayfa);
    border-top: 1px solid var(--color-basic);
    border-bottom: 1px solid var(--color-basic);
    text-align: center;
    font-weight: var(--fw-bold);
    padding-top: var(--space-15);
    padding-bottom: var(--space-15);
}
.cartTable td {
    border-bottom: var(--border);
    border-right: var(--border);
    padding-top: var(--space-20);
    padding-bottom: var(--space-20);
}
.cartTable td.checkbox {
    text-align: center;
}
.cartTable td.prouct .d-flex {
    align-items: center
}
.cartTable tbody tr.cartInfo td:nth-of-type(n+3) {
    text-align: center
}
.cartTable .goodsName .productName {
    font-weight: var(--fw-bold) !important;
    text-align: left;
}
.cartTable .goodsName .productName a {
    font-weight: var(--fw-bold) !important;
    font-size: inherit;
}
.cartTable .goodsName .optionArea {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: var(--space-20)
}
.cartTable .goodsName .option,
.cartTable .goodsName .optionSize {
    color: var(--color-basic);
    font-size: var(--font-14);
    text-align: left;
}
.cartTable .goodsName .option {
    display: flex;
    align-items: center;
}
.cartTable .goodsName .option:not(:first-of-type)::before {
    content: "/";
    margin: 0 3px
}
/* .cartTable .goodsName .option:last-of {
    content: ""
} */
.cartTable .goodsName .optionSize {
    color: var(--color-primary);
    width: 100%;
    margin-top: var(--space-5);
}
.cartTable .subjectM,
.order .subjectM {
    display: none
}
.cartTable td.rental,
.order td.rental {
    padding: var(--space-8) 0;
    text-align: center;
    background-color: var(--color-grayf7)
}
.cartTable .cartInfo .flex-row,
.orderTable .cartInfo .flex-row {
    align-items: center;
}
    /* 카트 테이블 미디어쿼리 */
    @media (max-width: 640px) {
        .cartTable {
            border-top: 1px solid var(--color-basic);
        }
        .cartTable thead th,
        .cartTable tbody td {
            border-right: 0;
            font-size: var(--font-15);
        }
        .cartTable thead th {
            padding-top: var(--space-12);
            padding-bottom: var(--space-12);
        }
        .cartTable thead th .subjectM {
            margin-right: 0
        }
        .cartTable thead th:first-of-type {
            text-align: left
        }
        .cartTable thead th {
            display: none;
        }
        .cartTable td {
            padding-top: var(--space-20);
            padding-bottom: var(--space-20);
        }
        .cartTable tr.cartInfo td:nth-of-type(1) {
            float: left;
        }
        .cartTable tbody td {
            display: block;
        }
        .cartTable tbody tr.cartInfo td:nth-of-type(1) {
            width: 40px;
            border-bottom: 0;
            border-right: 0
        }
        .cartTable tbody tr.cartInfo td:nth-of-type(3) {
            clear: both;
        }
        .cartTable tbody tr.cartInfo td:nth-of-type(n+3) {
            width: 100%;
            padding: var(--space-5) 0;
            font-size: var(--font-14);
        }
        .cartTable .goodsName .productName {
            font-size: 15px
        }
        .cartTable .goodsName .optionArea {
            flex-direction: column;
        }
        .cartTable .goodsName .option,
        .cartTable .goodsName .optionSize {
            font-size: var(--font-12)
        }
        .cartTable .goodsName .optionArea {
            align-items: flex-start
        }
        .cartTable .subjectM {
            display: inline;
            margin-right: 3px
        }
        .cartTable td.rental {
            width: 100%;
            font-size: var(--font-14);
        }
    }

.board-total {
    text-align: right;
    margin-bottom: var(--space-10)
}
.no_data {
    width: 100%;
    height: 200px;
    display:flex;
    justify-content: center;
    align-items: center
}
    @media (max-width: 640px) {
        .no_data {
            height: 100px;
        }
    }

/* 주문 */
.orderTable thead th,
.orderTable tbody td {
    border-right: var(--border);
    padding-left: var(--space-10);
    padding-right: var(--space-10);
    vertical-align: middle;
    font-size: var(--font-16)
}
.orderTable thead th:last-of-type,
.orderTable tbody td:last-of-type {
    border-right: 0
}
.orderTable>thead th {
    vertical-align: middle;
    background: var(--color-grayfa);
    border-top: 1px solid var(--color-basic);
    border-bottom: 1px solid var(--color-basic);
    text-align: center;
    font-weight: var(--fw-bold);
    padding-top: var(--space-15);
    padding-bottom: var(--space-15);
}
.orderTable td {
    border-bottom: var(--border);
    border-right: var(--border);
    padding-top: var(--space-20);
    padding-bottom: var(--space-20);
}
.orderTable td.checkbox {
    text-align: center;
}
.orderTable td.prouct .d-flex {
    align-items: center
}
.orderTable tbody tr.cartInfo td:nth-of-type(n+2) {
    text-align: center
}
.orderTable .goodsName .productName {
    font-weight: var(--fw-bold);
    text-align: left;
}
.orderTable .goodsName .productName a {
    font-weight: var(--fw-bold);
    font-size: inherit;
    text-align: left;
}
.orderTable .goodsName .optionArea {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: var(--space-20)
}
.orderTable .goodsName .option,
.orderTable .goodsName .optionSize {
    color: var(--color-basic);
    font-size: var(--font-14);
}
.orderTable .goodsName .option:not(:first-of-type)::before {
    content: "/";
    margin: 0 3px
}
.orderTable .goodsName .optionSize {
    color: var(--color-primary);
    width: 100%;
    margin-top: var(--space-5);
}
.orderTable .subjectM {
    display: none
}
.orderTable td.rental {
    padding: var(--space-8) 0;
    text-align: center;
    background-color: var(--color-grayf7)
}
    /* 주문 미디어쿼리 */
    @media (max-width: 640px) {
        .orderTable {
            border-top: 1px solid var(--color-basic);
        }
        .orderTable thead {
            display: none
        }
        .orderTable thead th,
        .orderTable tbody td {
            border-right: 0;
            font-size: var(--font-15);
        }
        .orderTable thead th {
            padding-top: var(--space-12);
            padding-bottom: var(--space-12);
        }
        .orderTable thead th .subjectM {
            margin-right: 0
        }
        .orderTable thead th:first-of-type {
            text-align: left
        }
        .orderTable td {
            padding-top: var(--space-20);
            padding-bottom: var(--space-20);
        }
        .orderTable tbody td {
            display: block;
            width: 100%;
        }
        .orderTable tbody tr.cartInfo td:nth-of-type(n+2) {
            padding: var(--space-5) 0;
            font-size: var(--font-14);
        }
        .orderTable .sod_name .productName {
            font-size: 15px
        }
        .orderTable .sod_name .optionArea {
            flex-direction: column;
        }
        .orderTable .sod_name .option,
        .orderTable .sod_name .optionSize {
            font-size: var(--font-12)
        }
        .orderTable .sod_name .optionArea {
            align-items: flex-start
        }
        .orderTable .subjectM {
            display: inline;
            margin-right: 3px
        }
        .orderTable td.rental {
            width: 100%;
            font-size: var(--font-14);
        }
    }


/* 주문내역조회 리스트 테이블 */
.orderTable .orderList {
    border: var(--border);
    margin-bottom: var(--space-15)
}
.orderTable .orderListTop {
    padding: var(--space-10) var(--space-20);
}
.orderTable .orderListBtm {
    padding: var(--space-15) var(--space-20);
}
.orderTable .orderListTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--color-grayfa);
}
.orderTable .orderListLeft {
    align-items: baseline;
}
.orderTable .orderNumber {
    color: var(--color-basica8);
    font-weight: var(--fw-light);
    font-size: var(--font-14);
}
.orderTable .date {
    font-size: var(--font-18);
    font-weight: var(--fw-bold);
}
.orderTable .orderStatus span.status_01 {
    background-color: transparent;
    color: var(--color-primary);
    padding: 0
}
.orderTable .btnOrderDetail {
    display: flex;
    align-items: center;
    border: var(--border);
    font-size: var(--font-13);
    color: var(--color-basic);
    background-color: var(--color-white);
    padding: var(--space-5) var(--space-5)
}
.orderTable .btnOrderDetail:hover {
    border-color: var(--color-dark31);
    color: var(--color-dark)
}
.orderTable .orderListBtm .row {
    margin-bottom: var(--space-10);
}
.orderTable .orderListBtm .row2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.orderTable .orderListInfo {
    display: flex;
    align-items: center;
}
.orderTable .orderListInfo li {
    margin-right: var(--space-25)
}
.orderTable .orderListInfo li span {
    position: relative;
    padding-left: var(--space-10)
}
.orderTable .orderListInfo li span::before {
    content: "";
    width: 3px;
    height: 3px;
    display: block;
    position: absolute;
    left: 0;
    top: var(--space-8);
    background-color: var(--color-basica8);
}
.orderTable .orderListInfo li strong {
    font-weight: var(--fw-bold);
}
.orderTable .cartInfo .goods-image {
    margin-right: var(--space-20)
}
.orderTable .cartInfo .goods-image img {
    width: 60px;
}
    /* 주문내역조회 리스트 테이블 미디어쿼리 */
    @media (max-width: 640px) {
        .orderTable .orderListTop {
            padding: var(--space-10) var(--space-15);
        }
        .orderTable .date {
            font-size: var(--font-17);
        }
        .orderTable .orderListBtm {
            padding: var(--space-10) var(--space-15) var(--space-5);
        }
        .orderTable .orderListInfo {
            flex-wrap: wrap;
        }
        .orderTable .orderListInfo li {
            width: 100%;
            margin-bottom: var(--space-3);
            font-size: var(--font-15);
        }
        .orderTable .orderListInfo li:last-child {
            margin-bottom: 0
        }
        .orderTable .orderListBtm .row2 {
            flex-direction: column;
        }
        .orderTable .orderStatus {
            width: 100%;
            text-align: center;
            border-top: var(--border);
            padding-top: var(--space-5);
            margin-top: var(--space-15);
        }
    }

/* 마이페이지 > 결제배송 */
#sod_fin_list,
#sod_fin_orderer,
#sod_fin_receiver,
#sod_fin_dvr {
    margin-bottom: var(--space-50)
}
#sod_fin_orderer {
    justify-content: space-between;
}
#sod_fin_orderer .flex-column {
    width: 49%;
}
#sod_fin_orderer table th,
#sod_fin_orderer table td {
    border-bottom: var(--border);
    text-align: left;
    padding: var(--space-15) var(--space-20)
}
#sod_fin_orderer table th {
    width: 20%;
    min-width: 140px;
}
#sod_fin_orderer table td {
    width: 80%;
    font-weight: var(--fw-semibold);
}
    /* 마이페이지 > 결제배송 미디어쿼리 */
    @media (max-width: 1000px) {
        #sod_fin_orderer {
            justify-content: space-between;
            flex-wrap: wrap;
        }
        #sod_fin_orderer .flex-column {
            width: 100%;
        }
        #sod_fin_list,
        #sod_fin_orderer,
        #sod_fin_receiver,
        #sod_fin_dvr {
            margin-bottom: var(--space-30)
        }
        #sod_fin_orderer .flex-column:first-of-type {
            margin-bottom: var(--space-30);
        }
    }
    @media (max-width: 640px) {
        #sod_fin_list,
        #sod_fin_orderer,
        #sod_fin_receiver,
        #sod_fin_dvr {
            margin-bottom: var(--space-20)
        }
        #sod_fin_orderer .flex-column:first-of-type {
            margin-bottom: var(--space-20);
        }
        #sod_fin_orderer table th,
        #sod_fin_orderer table td {
            display: block;
            width: 100%;
            padding: var(--space-12) var(--space-15)
        }
        #sod_fin_orderer table th {
            margin-bottom: var(--space-5);
            border-bottom: 0;
            padding-bottom: 0;
        }
        #sod_fin_orderer table td {
            padding-top: 0;
        }
    }

/* 대여가이드 */
.rental-guide h3 {
    font-size: var(--font-25);
    font-weight: var(--fw-bold);
    margin-bottom: var(--space-20)
}
.rental-guide h4 {
    font-size: var(--font-18);
    font-weight: var(--fw-bold);
    margin-bottom: var(--space-15)
}
.rental-guide .rental-wrap {
    margin-bottom: var(--space-60);
    padding-bottom: var(--space-60);
    border-bottom: var(--border);
    display: flex;
}
.rental-guide .rental-wrap:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}
.rental-guide .box:not(:last-of-type) {
    margin-bottom: var(--space-30)
}
.rental-guide .rental-wrap .flex-left {
    flex: 0 0 300px;
}
.rental-guide .rental-wrap .flex-right {
    flex: 1 1 auto;
    border-left: var(--border);
    padding-left: var(--space-50);
    margin-left: var(--space-50)
}
.rental-guide .rental-list > li {
    position: relative;
    padding-left: var(--space-30);
    margin-bottom: var(--space-20);
}
.rental-guide .rental-list > li:last-child {
    margin-bottom: 0
}
.rental-guide .rental-list .number {
    position: absolute;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--font-12);
    width: 20px;
    height: 20px;
    border-radius: 10000000000px;
    background: var(--color-dark31);
    font-weight: var(--fw-bold);
    color: var(--color-white)
}
.rental-guide .rental-list strong {
    font-weight: var(--fw-bold);
    color: var(--color-primary-logo);
}
.rental-guide .rental-list .dot-list,
.rental-guide .rental-list .imgarea {
    margin-top: var(--space-10);
}
.rental-guide .dot-list > li {
    position: relative;
    padding-left: var(--space-10);
    margin-bottom: var(--space-5);
}
.rental-guide .dot-list > li::before {
    content:"·";
    position: absolute;
    left: 0;
}
.rental-guide .rental-list .table {
    margin-top: var(--space-10);
    margin-bottom: 0;
}
.rental-guide .table {
    border: var(--border-form);
}
.rental-guide .rental-guide8 .table {
    margin-bottom: var(--space-10);
}
.rental-guide .table th {
    background-color: var(--color-gray);
    text-align: center;
    font-weight: var(--fw-bold);
}
.rental-guide .table td {
    text-align: center;
    vertical-align: middle
}
.rental-guide .table tr td:first-child {
    border-right: var(--border-form);
}
.rental-guide .box-notice {
    background-color: var(--color-gray);
    padding: var(--space-30);
    text-align: center;
}
.rental-guide .box-notice p:not(:last-of-type) {
    margin-bottom: var(--space-10);
}
.rental-guide .box-notice strong {
    color: #d0111b;
    font-weight: var(--fw-bold);
}
    @media (max-width: 1200px) {
        .rental-guide h3 {
            font-size: var(--font-22);
        }
        .rental-guide .rental-wrap .flex-left {
            flex: 0 0 250px;
        }
        .rental-guide .rental-wrap .flex-right {
            padding-left: var(--space-30);
            margin-left: var(--space-30);
        }
    }
    @media (max-width: 1000px) {
        .rental-guide .rental-wrap {
            flex-direction: column;
        }
        .rental-guide .rental-wrap .flex-left {
            flex: 0 0 100%;
        }
        .rental-guide .rental-wrap .flex-right {
            flex: 1 1 100%;
            border-left: 0;
            padding-left: 0;
            margin-left: 0
        }
        .rental-guide .box-notice {
            padding: var(--space-20);
            text-align: left;
        }
    }
    @media (max-width: 640px) {
        .rental-guide h3 {
            font-size: var(--font-20);
            margin-bottom: var(--space-20)
        }
        .rental-guide .rental-wrap {
            flex-direction: column;
            margin-bottom: var(--space-30);
            padding-bottom: var(--space-30);
        }
        .rental-guide .rental-list > li {
            margin-bottom: var(--space-15);
            padding-left: var(--space-25)
        }
        .rental-guide .rental-list .number {
            font-size: var(--font-11);
            width: 18px;
            height: 18px;
        }
        .rental-guide .table td {
            font-size: var(--font-14)
        }
    }

/* 회사소개 */
.about h2 {
    font-weight: var(--fw-bold);
}
.about .intro1 h3 strong {
    color: var(--color-primary-logo);
    font-weight: var(--fw-bold);
}
.about .intro1 .flexbox {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.about .intro1 .flexleft {
    width: 35%;
}
.about .intro1 .flexright {
    width: 60%;
}
.about .intro1 .imgarea {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd5eb;
    background-color: #faf9fb;
}
.about .intro1 .imgarea img {
    width: 60%;
    max-width: 233px;
}
.about .intro1 .textarea {
    margin-top: var(--space-30)
}
.about .intro1 .textarea p:not(:last-of-type) {
    margin-bottom: var(--space-15)
}
.about .intro2 .imgarea {
    width: 100%;
    display: flex;
    justify-content: center;
}
    /* 회사소개 미디어쿼리 */
    @media (max-width: 1200px) {
        .about .intro1 h3 br {
            display: none;
        }
    }
    @media (max-width: 1000px) {
        .about .intro1 .flexbox {
            flex-direction: column;
        }
        .about .intro1 .flexleft {
            width: 100%;
            height: 200px;
            margin-bottom: var(--space-30)
        }
        .about .intro1 .flexright {
            width: 100%;
        }
    }
    @media (max-width: 640px) {
        .about .intro1 .textarea {
            margin-top: var(--space-20)
        }
        .about .intro1 .textarea p:not(:last-of-type) {
            margin-bottom: var(--space-10)
        }
    }

/* 약관 */
.privacy h3 {
    font-size: var(--font-20);
    font-weight: var(--fw-extrabold);
    border-top: var(--border);
    margin: var(--font-30) 0 var(--space-20) 0;
    padding-top: var(--font-30);
}
.privacy h4 {
    font-size: var(--font-18);
    font-weight:var(--fw-extrabold);
    margin: var(--space-40) 0 var(--space-20)
}
.privacy p,
.privacy li,
.privacy th,
.privacy td {
    font-size: var(--font-16)
}
.privacy ul,
.privacy ol,
.privacy p.column-frst {
    margin-top: var(--space-10)
}
.privacy li>ul,
.privacy li>ol {
    margin-bottom: var(--space-10)
}
.privacy li {
    position: relative;
    margin-bottom: var(--space-10)
}
.privacy li>ul>li,
.privacy li>ol>li {
    margin-bottom: var(--space-5)
}
.privacy p {
    margin: var(--space-5) 0;
}
.privacy .number-list>li {
    padding-left: var(--space-20)
}
.privacy .circle-list>li,
.privacy .kr-list>li,
.privacy .brace-list>li,
.privacy .kor-list>li {
    padding-left: var(--space-25)
}
.privacy .kor-list.double-menu {
    padding-left: var(--space-20)
}
.privacy .line-list>li {
    padding-left: var(--space-15)
}
.privacy .number-list>li::before,
.privacy .circle-list>li::before,
.privacy .kr-list>li::before,
.privacy .brace-list>li::before,
.privacy .line-list>li::before,
.privacy .kor-list>li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1.4;
    font-size: inherit;
}
.privacy .number-list>li:nth-child(1)::before {
    content: "1."
}
.privacy .number-list>li:nth-child(2)::before {
    content: "2."
}
.privacy .number-list>li:nth-child(3)::before {
    content: "3."
}
.privacy .number-list>li:nth-child(4)::before {
    content: "4."
}
.privacy .number-list>li:nth-child(5)::before {
    content: "5."
}
.privacy .number-list>li:nth-child(6)::before {
    content: "6."
}
.privacy .number-list>li:nth-child(7)::before {
    content: "7."
}
.privacy .number-list>li:nth-child(8)::before {
    content: "8."
}
.privacy .number-list>li:nth-child(9)::before {
    content: "9."
}
.privacy .number-list>li:nth-child(10)::before {
    content: "10."
}
.privacy .circle-list>li:nth-child(1)::before {
    content: "①"
}
.privacy .circle-list>li:nth-child(2)::before {
    content: "②"
}
.privacy .circle-list>li:nth-child(3)::before {
    content: "③"
}
.privacy .circle-list>li:nth-child(4)::before {
    content: "④"
}
.privacy .circle-list>li:nth-child(5)::before {
    content: "⑤"
}
.privacy .circle-list>li:nth-child(6)::before {
    content: "⑥"
}
.privacy .circle-list>li:nth-child(7)::before {
    content: "⑦"
}
.privacy .kr-list>li:nth-child(1)::before {
    content: "가."
}
.privacy .kr-list>li:nth-child(2)::before {
    content: "나."
}
.privacy .kr-list>li:nth-child(3)::before {
    content: "다."
}
.privacy .kr-list>li:nth-child(4)::before {
    content: "라."
}
.privacy .kr-list>li:nth-child(5)::before {
    content: "마."
}
.privacy .brace-list>li:nth-child(1)::before {
    content: "⑴"
}
.privacy .brace-list>li:nth-child(2)::before {
    content: "⑵"
}
.privacy .brace-list>li:nth-child(3)::before {
    content: "⑶"
}
.privacy .brace-list>li:nth-child(4)::before {
    content: "⑷"
}
.privacy .brace-list>li:nth-child(5)::before {
    content: "⑸"
}
.privacy .kor-list>li:nth-child(1)::before {
    content: "가."
}
.privacy .kor-list>li:nth-child(2)::before {
    content: "나."
}
.privacy .kor-list>li:nth-child(3)::before {
    content: "다."
}
.privacy .kor-list>li:nth-child(4)::before {
    content: "라."
}
.privacy .line-list>li::before {
    content: "-"
}
.privacy table {
    position: relative;
    width: 100%;
    margin: var(--space-10) 0;
    text-align: center;
    border: var(--border);
}
.privacy table th,
.privacy table td {
    padding: var(--space-10) var(--space-10);
    border: var(--border);
}
.privacy table th {
    background-color: #FAFAFA;
}
.privacy table thead th {
    border-width: 0 0 1px 0;
    font-weight: var(--fw-bold);
}
.privacy table tbody th {
    border-width: 0 1px 1px 0;
}
.privacy table tbody td {
    border-width: 0 0 1px 0;
}
.privacy table tbody tr:last-of-type th,
.privacy table tbody tr:last-of-type td {
    border-bottom: 0;
}
    @media all and (max-width:640px) {
        .privacy h3 {
            margin: var(--font-20) 0 var(--space-15) 0;
            padding-top: var(--font-20);
            font-size: var(--font-16);
        }
        .privacy h4 {
            font-size: var(--font-15);
        }
        .privacy p,
        .privacy li,
        .privacy td,
        .privacy th {
            font-size: var(--font-15)
        }
        .privacy .number-list>li {
            padding-left: var(--space-17)
        }
        .privacy .circle-list>li,
        .privacy .kor-list>li {
            padding-left: var(--space-20)
        }
        .privacy .line-list>li {
            padding-left: var(--space-12)
        }
        .privacy table th,
        .privacy table td {
            padding: var(--space-8) var(--space-5);
        }
    }