/*================================================
            [Controller] User
=================================================*/
/*****#####===== 전체 =====#####*****/
/*****##### 로그인 박스 #####*****/
[id^='user-']:not(.iframe) .page-wrap .login-box {
    max-width: 30.375rem;
    margin: 6rem auto;
}

[id*='user-find']:not(.iframe) .page-wrap .login-box {
    max-width: 30.375rem;
    margin: 10rem auto;
}

/*****##### large 로고 이미지 #####*****/
.large-logo-wrap {
	display:none;
    width: 10rem;
    margin: 0 auto 3.167rem;
}

/*****##### 폼 #####*****/
[id^='user-login'] .form-group:not(:last-child) {
    margin-bottom: 1.333rem;
}

[id^='user-login'] .form-group svg {
    margin-top: -0.333rem;
}

[id^='user-login'] .form-group-wrap:not(:last-child){
    margin-bottom:0.938rem;
}

/*****##### sns 타이틀 #####*****/
.sns-login-wrap .sns-login-title {
    text-align: center;
}

.sns-login-wrap .line-title-wrap {
    margin: 9.167rem 0 1.25rem 0;
}

.sns-login-wrap .guide {
	margin-bottom:0.375rem; 
	font-size:0.875rem;
}

/*****##### 버튼 #####*****/
.sns-login-wrap .row-5 > div[class*='col'] {
	padding-left:0; padding-right:0;
}

.page-wrap[id^='user-'] .btn-wrap .btn {
    padding: 1rem 0.5rem;
}

/*****##### 미디어 쿼리 (전체) #####*****/
/***** xs / sm / md *****/
@media (min-width: 100px) and (max-width: 991.98px) {
    .page-wrap[id^='user-'] .logo-wrap svg {
        width: 6rem;
        height: 6rem;
    }
}

/***** sm / xs *****/
@media (min-width: 100px) and (max-width: 767.98px) {
    [id^='user-']:not(.iframe) .page-wrap .login-box {
        max-width: 100%;
    }
}

/*****#####===== [Page] user/login =====#####*****/
/*****##### sns 로그인 #####*****/
#user-login-page .btn-sns {
	display:flex; align-items:center; justify-content:center; 
	height:3.375rem; 
    margin:0.188rem 0.313rem; padding: 1.125rem;
    border-radius: 0.313rem;
}

#user-login-page .btn-sns img {
	margin-right:0.625rem;
}
/*****##### 관련 버튼 #####*****/
.user-login-wrap .login-bottom-wrap {
    margin-top: 2.125rem;
}

.relative_btn {
	margin-top:0.938rem;
	padding-top:0.938rem;
	border-top:1px solid #d9d9d9;

}
.relative_btn > div {
	margin:0 1rem;
}

/*****#####===== [Page] user/signup =====#####*****/
/*****##### 타이틀 #####*****/
.user-signup-wrap .line-title-wrap {
    margin: 1.875rem 0;
}

/*****##### sns 로그인 #####*****/
.user-signup-wrap .sns-login-wrap .btn-sns:not(:first-child) {
    margin-top: 0.625rem;
}

.user-signup-wrap .btn-sns svg {
    margin-right: 0.875rem;
}

/*****##### 폼 #####*****/
.user-signup-wrap .regex-text {
    display: block;

    margin-top: 0.25rem;

    font-size: 1rem;
    color: #ff0000;
}

.user-signup-wrap .form-control.invalidation {
    border-color: #ff0000;
}

.user-signup-wrap .form-control.invalidation:focus {
    border-color: #ff0000;
}

/*****##### 미디어 쿼리 (user/signup) #####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px) {
    .user-signup-wrap .btn-sns svg {
        width: 1.2rem;
        margin-right: 0.5rem;
    }

    .user-signup-wrap .btn-sns[data-type="fb"] svg {
        width: 0.6rem;
    }
}

/*****#####===== [Page] user/admin_login =====#####*****/
#user-admin_login-page {
    margin-top: 0;
}

#user-admin_login-page .nav-tabs,
#user-admin_login-page .login-box {
    max-width: 26.5rem;
    margin: 0 auto;
}

#user-admin_login-page .nav-link.active,
#user-admin_login-page .login-box {
    background-color: rgba(255, 255, 255, 0.5);
}

/*****##### 탭 메뉴 #####*****/
#user-admin_login-page .tab-wrap {
    transform: translateY(10rem);
}

#user-admin_login-page .nav-tabs,
#user-admin_login-page .nav-link.active {
    border-bottom: none;
}

/*****##### 로그인 박스 #####*****/
#user-admin_login-page .login-box {
    padding: 2rem;

    border-top-left-radius: 0;
    border-color: rgba(255, 255, 255, 0.5);
}

/*****##### 로그인 이미지 #####*****/
.page-wrap[id^='user-login'] .login-img-wrap {
    position: relative;

    height: 100%;

    border-radius: 0.125rem;
    overflow: hidden;
}

.page-wrap[id^='user-login'] .login-img-wrap .item-img {
    height: 100%;
    object-fit: cover;
}

.page-wrap[id^='user-login'] .login-img-wrap::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(20, 50, 65, 0), rgba(35, 37, 42, 0.63) 52%, rgba(0, 0, 0, 0.83));
    top: 0;
    left: 0;
    z-index: 0;
}

.page-wrap[id^='user-login'] .img-text-wrap {
    position: absolute;
    bottom: 2.5rem;
    left: 2.5rem;

    z-index: 1;
}

.page-wrap[id^='user-login'] .img-title {
    font-size: 1.75rem;
    color: #ffffff;

    margin-bottom: 1.063rem;
}

.page-wrap[id^='user-login'] .img-btn {
    font-size: 1rem;
    font-weight: 500;
    color: #ffffff;
}

.page-wrap[id^='user-login'] .img-btn svg {
    width: 0.5rem;
    height: 0.5rem;
    margin-left: 0.5rem;

    stroke: #ffffff;
}

/*****##### 배경이미지 #####*****/
#user-admin_login-page .background {
    position: absolute;
    top: 0;
    left: 0;

    width: 100vw;
    height: 100vh;

    background-image: url('https://dev.dart.go-sprint.co.kr/img/admin/background/bg_dart.jpg');
    overflow: hidden;

    z-index: -1;

    filter: blur(20px);
}

/*================================================
            board
=================================================*/
.board-none-wrap {
    margin: 1.5rem 0;

    text-align: center;
    color: #666666;
}

/*================================================
            board/default
=================================================*/
/*****#####===== 리스트 =====#####*****/
/*****##### 타이틀 #####*****/
.board-default-lists-wrap .board-title-wrap {
    margin-bottom: 2rem;

    text-align: center;
}

/*****##### 카테고리 #####*****/
.board-default-lists-wrap .bcat-wrap {
    margin-bottom: 1.5rem;
}

.board-default-lists-wrap .bcat-wrap .btn {
    padding: 0.8rem 0.5rem;

    border: 1px solid #e8e8e8;
    border-radius: 0;
}

/***** active *****/
.board-default-lists-wrap .bcat-wrap .btn.active {
    color: #ffffff;

    background-color: #000000;
}

.board-default-lists-wrap .bd-adding-wrap .btn.active {
    color: #ffffff;

    background-color: #000000;
}

/*****##### 검색 #####*****/
.board-default-lists-wrap .bd-srch-wrap {
    margin-bottom: 1rem;
}

.board-default-lists-wrap .bd-srch-wrap .form-control {
    border: none;
}

.board-default-lists-wrap .bd-srch-wrap .srch-box,
.board-default-lists-wrap .bd-srch-wrap .select-srch-box {
    height: calc(1.5em + .75rem + 2px);

    border: 1px solid #d9d9d9;
}

/***** 버튼 *****/
.board-default-lists-wrap .bd-srch-wrap .srch-box .btn {
    padding: 0.2rem 0.7rem;
}

.board-default-lists-wrap .bd-srch-wrap .srch-box svg {
    width: 1.1rem;
}

/*****##### 작성하기 버튼 #####*****/
.board-default-lists-wrap .lists-btn-wrap .btn {
    padding: 0.6rem 1.2rem;
}

/*****##### 리스트 #####*****/
/***** 공지사항 *****/
.board-default-lists-wrap .notice-item .bcat-item {
    display: inline-block;

    padding: 0.2rem 0.8rem 0.1rem;
    margin-right: 0.5rem;

    color: #ffffff;

    background-color: #000000;
}

/*================================================
            board/gds_review
=================================================*/
/*****#####===== 리스트 =====#####*****/
.board-gds-review-lists-wrap .lists-item {
    padding: 1.5rem 1.75rem;

    border-bottom: 1px solid #d8d8d8;
}

.board-gds-review-lists-wrap .grade-wrap {
    color: #cccccc;

    /* direction: rtl; */
}

.board-gds-review-lists-wrap .grade-wrap .fill {
    color: #ff5b01;
}

.board-gds-review-lists-wrap .info-wrap {
    margin: 0.5rem 0 0.4rem;
}

.board-gds-review-lists-wrap .info-item:not(:first-child) {
    position: relative;

    margin-left: 1.25rem;
}

.board-gds-review-lists-wrap .info-item:not(:first-child):before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -0.65rem;

    width: 1px;
    height: 65%;

    background-color: #d4d4d4;

    transform: translateY(-50%);
}

.board-gds-review-lists-wrap .review-opt-items:not(:first-child) {
    position: relative;

    margin-left: 0.6rem;
}

.board-gds-review-lists-wrap .review-opt-items:not(:first-child):before {
    content: "/";
    position: absolute;
    left: -0.6rem;
}

.board-gds-review-lists-wrap .thumb-image-wrap {
    width: 5rem;
}

.board-gds-review-lists-wrap .item-content-wrap {
    margin-top: 1.25rem;
}

/*****##### 활성화 #####*****/
.board-gds-review-lists-wrap .lists-item.active {
    background-color: #f9f9f9;
}

.board-gds-review-lists-wrap .lists-item.active .thumb-image-wrap {
    display: none;
}

/*****##### 더보기 접기 버튼 #####*****/
.board-gds-review-lists-wrap .collapse-wrap {
    margin-top: 0.8125rem;
}

.board-gds-review-lists-wrap .collapse-btn[aria-expanded="true"] svg {
    transform: rotateZ(180deg);
}

/*================================================
            board/gds_qna
=================================================*/
/*****#####===== 리스트 =====#####*****/
.board-gds-qna-lists-wrap .lists-title-wrap {
    margin-bottom: 1rem;
}

.board-gds-qna-lists-wrap .detail-title .btn {
    padding: 0.5rem 1.4rem 0.4rem;
}

.board-gds-qna-lists-wrap .title-wrap {
    padding: 1.5rem 0 1.35rem;

    border-bottom: 1px solid #d8d8d8;
    cursor: pointer;
}

.board-gds-qna-lists-wrap .title-wrap .title-status {
    width: 7.25rem;
}

.board-gds-qna-lists-wrap .title-wrap .title-regdate {
    width: 7.25rem;
}

.board-gds-qna-lists-wrap .card-body {
    padding: 2rem 7.25rem;

    background-color: #f9f9f9;
    border-bottom: 1px solid #d8d8d8;
}

.board-gds-qna-lists-wrap .card-body .item-content {
    padding-bottom: 2rem;

    border-bottom: 1px solid #d9d9d9;
}

.board-gds-qna-lists-wrap .edit-wrap .btn {
    border: 1px solid #dbdbdb;
    border-radius: 0;
    background-color: #ffffff;
    padding: 0.5rem 0.8rem 0.4rem;
    font-size: 0.75rem;
    color: #666666;
}

/*****##### 답변 #####*****/
.board-gds-qna-lists-wrap .item-icon {
    font-size: 1.375rem;
    font-weight: bold;
}

.board-gds-qna-lists-wrap .item-answer-wrap {
    margin-top: 1.7rem;
}

.board-gds-qna-lists-wrap .content-desc {
    margin-left: 0.8rem;

    line-height: 1.8em;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg ~ *****/
@media (min-width: 992px) {
    .board-gds-qna-lists-wrap .content-desc {
        margin-top: 0.3rem;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px) {
    .board-gds-qna-lists-wrap .title-wrap {
        padding: 1.5rem 0.7857rem 1.35rem;
    }

    .board-gds-qna-lists-wrap .title-wrap .title-status,
    .board-gds-qna-lists-wrap .title-wrap .title-regdate {
        width: auto;
    }

    .board-gds-qna-lists-wrap .title-wrap .title-title {
        margin-bottom: 0.5rem;
    }

    .board-gds-qna-lists-wrap .title-wrap .each-col {
        padding: 0;
    }

    .board-gds-qna-lists-wrap .title-wrap .each-col:nth-child(3) .title-items,
    .board-gds-qna-lists-wrap .title-wrap .each-col:nth-child(4) .title-items {
        position: relative;

        margin-left: 1rem;
    }

    .board-gds-qna-lists-wrap .title-wrap .each-col:nth-child(3) .title-items:before,
    .board-gds-qna-lists-wrap .title-wrap .each-col:nth-child(4) .title-items:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: -0.6rem;

        width: 1px;
        height: 65%;

        background-color: #d4d4d4;

        transform: translateY(-50%);
    }

    .board-gds-qna-lists-wrap .card-body {
        padding: 1.5rem 1.429rem;

        background-color: #f9f9f9;
        border-bottom: 1px solid #d8d8d8;
    }

    .board-gds-qna-lists-wrap .card-body .item-content {
        padding-bottom: 1.5rem;

        border-bottom: 1px solid #d9d9d9;
    }

    .board-gds-qna-lists-wrap .item-answer-wrap {
        margin-top: 1.5rem;
    }
}

/*****#####===== write =====#####*****/
/***** 비밀글 *****/
.board-gds-qna-write-wrap .pretty {
    margin-top: 1.5rem;
}

/*================================================
            [Controller] goods
=================================================*/
/*****#####===== [Page] goods/lists =====#####*****/
.goods-lists-wrap .each-col {
    margin-bottom: 3.333rem;
}

/*****##### 필터/정렬 버튼 #####*****/
.list-func-btn {
    padding: 0.5rem 1rem;

    font-size: 1.167rem;
    color: #555555;

    background-color: #f7f7f7;

    border: 1px solid #f7f7f7;
    border-radius: 0.333rem;
}

.list-func-btn svg path {
    fill: #555555;
}

/***** .active *****/
.list-func-btn.active {
    color: #3a65f3;

    background-color: #e1e7f8;

    border: 1px solid #3a65f3;
}

.list-func-btn.active svg path {
    fill: #3a65f3;
}

/* collapse-arrow */
.goods-lists-wrap .card-header .collapse-arrow svg {
    width: 0.8rem;
    height: 0.8rem;
}

/***** 메뉴 헤더 *****/
.goods-lists-wrap .gcat-menu-title {
    padding: 1rem 0;
}


.goods-lists-wrap .card-header .collapse-arrow .minus-icon {
    display: none;
}

.goods-lists-wrap .card-header .collapse-arrow[aria-expanded="true"] .plus-icon {
    display: none;
}

.goods-lists-wrap .card-header .collapse-arrow[aria-expanded="true"] .minus-icon {
    display: block;
}

.goods-lists-wrap .card-header .collapse-arrow[aria-expanded="true"] .gcat-menu-title {
    font-weight: 700;
}

/***** 메뉴 바디 *****/
.goods-lists-wrap .card-body {
    padding: 0 0.75rem 0.75rem;
}

.goods-lists-wrap .card-body-item:not(:last-child) {
    padding-bottom: 0.3rem;
}

.goods-lists-wrap .card-body-item[data-depth="2"] {
    text-indent: 1rem;
}

.goods-lists-wrap .card-body-item[data-depth="3"] {
    text-indent: 2rem;
}

/* active */
.goods-lists-wrap .card-body-link.active {
    font-weight: 600;
    color: #000000;

    border-bottom: 1px solid #000000;
}

/*****##### 앱 메뉴 #####*****/
.goods-lists-wrap .m-sub-menu {
    white-space: nowrap;
    overflow-x: scroll;
}

.goods-lists-wrap .m-sub-item {
    margin-right: 1.5rem;
}

.goods-lists-wrap .m-menu-item {
    padding: 1rem 0;
}

.goods-lists-wrap .m-menu-item.active {
    font-weight: 600;
    color: #000000;
}

/*****##### 정렬 #####*****/
.goods-lists .goods-sort-wrap {
    padding-bottom: 0.125rem;
    margin-bottom: 1.2rem;

    border-bottom: 1px solid #d8d8d8;
}

.goods-sort-item .filter-icon-btn {
    padding-right: 0.5rem;
}

.goods-lists-wrap .goods-sort-item .each-col:not(:last-child):after {
    right: 0;

    height: 0.8333rem;

    background-color: #c0c0c0;

    z-index: 1;
}

.goods-lists-wrap .filter-icon {
    margin-left: 0.2rem;
    width: 0.6875rem;
}

.goods-lists-wrap .select-control {
    border: none;
}

/*****##### 카테고리 이미지 #####*****/
.gcat-img-wrap .slick-wrap {
    padding: 0;
}

.gcat-img-wrap .slide-wrap {
    position: relative;
}

.gcat-img-wrap .slide-title-wrap {
    position: absolute;
    right: 0;
    bottom: 1.5rem;

    width: 60%;
    padding: 1rem 1.5rem;

    background-color: rgba(255, 255, 255, 0.9);
}

/*****##### 태그 #####*****/
.goods-lists-wrap .tags-wrap .tag-item {
    display: inline-block;

    padding: 0.2rem 0.5rem;

    border: 1px solid #929292;
    border-radius: 0.8125rem;

    cursor: pointer;
}

.goods-lists-wrap .tags-wrap .tag-item.active {
    color: #ffffff;

    background-color: #000000;
    border: 1px solid #000000;
}

/*****##### 상품 리스트 #####*****/
.goods-lists .goods-lists-item {
    margin-top: 1.2rem;
}

.goods-lists .goods-item {
    display: block;

    margin-bottom: 1.3rem;
}

.goods-lists .goods-info {
    margin-top: 0.8rem;
}

/***** 상품 타이틀 *****/
.goods-lists .goods-title-wrap {
    margin-bottom: 0.375rem;
}

.goods-lists .goods-title {
    margin-top: 1rem;
    font-weight: 600;
}

.goods-lists .goods-subtitle {
    margin-bottom: 0.5rem;
}

/***** 브랜드 *****/
.goods-lists .goods-brand {
    margin-bottom: 0.5rem;
}

/***** 카테고리 *****/
.goods-lists .goods-cate {
    margin-top: 0.5rem;
}

/***** 태그 *****/
.goods-lists .goods-tags {
    display: inline;

    margin-left: 0.188rem;
    padding: 0.25rem 0.5rem;

    border: 1px solid #cccccc;
}

.goods-lists .goods-tags:first-child {
    margin-left: 0;
}

/***** 상품 가격 *****/
.goods-lists .goods-price-item {
    margin-top: 0.25rem;
}

.goods-lists .goods-price-rate {
    margin-right: 0.5rem;
}

/*****##### 필터 #####*****/
.goods-filter-wrap {
    position: fixed;
    right: -25rem;
    top: 0;

    width: 25rem;
    height: 100vh;
    padding: 5.375rem 3.125rem;

    background-color: #ffffff;

    z-index: 1020;

    transition: right 0.5s;
}

.goods-filter-wrap .filter-title,
#mini-cart-wrap .mini-cart-title {
    padding-bottom: 0.2rem;

    text-transform: capitalize;

    border-bottom: 2px solid #000000;
}

.goods-filter-wrap .filter-header-title {
    font-weight: 700;
}

/***** 메뉴 헤더 *****/
.goods-filter-wrap .card-header {
    padding: 1rem 0.75rem;
}

/***** 메뉴 바디 *****/
.goods-filter-wrap .filter-item-wrap .card-body {
    max-height: 15rem;
    padding: 0 0 1rem 1.75rem;
}

.goods-filter-wrap .filter-item-wrap .filter-item:not(:last-child) {
    margin-bottom: 0.3rem;
}

/***** range slider *****/
/* 슬라이드 배경 */
.goods-filter-wrap .ui-widget.ui-widget-content {
    height: 1px;

    background-color: #333333;
    border: none;
}

/* 슬라이드 바 */
.goods-filter-wrap .ui-slider-horizontal .ui-slider-range {
    background-color: #000000;
}

/* 슬라이드 핸들 */
.goods-filter-wrap .ui-slider .ui-slider-handle {
    width: 0.75rem;
    height: 0.75rem;

    color: #000000;

    background-color: #ffffff;
    border: 1px solid #333333;
    border-radius: 50%;
    outline: none;
}

/***** 체크박스 *****/
/* active */
.goods-filter-wrap .filter-item.active .state svg {
    opacity: 1;
}

/***** price *****/
.goods-filter-wrap .filter-item-wrap .filter-price-range {
    padding: 0.5rem 2rem 0 1rem;
}

.goods-filter-wrap .price-wrap .filter-price-wrap {
    margin-top: 0.5rem;
}

/***** 버튼 *****/
.goods-filter-wrap .filter-btn-wrap {
    margin-top: 2rem;
}

.goods-filter-wrap .filter-btn-wrap .btn,
#mini-cart-wrap .mini-btn-wrap .mini-cart-btn {
    width: calc(50% - 0.35rem);
    padding: 0.688rem 0;
}

/***** show *****/
.goods-filter-wrap.show {
    right: 0;
}

/*****##### 미디어 쿼리 (goods/lists) #####*****/
/***** md ~ *****/
@media (min-width: 768px) {

    /***** 타이틀 *****/
    .goods-lists-title {
        margin-bottom: 1.8rem;

        text-align: center;

        border-bottom: 1px solid #000000;
    }

    /***** 정렬 *****/
    .goods-lists-wrap .filter-icon svg {
        width: 0.5rem;
    }

    /***** 필터 *****/
    .goods-filter-wrap .filter-btn-wrap .btn:first-child,
    #mini-cart-wrap .mini-btn-wrap .mini-cart-btn {
        margin-right: 0.35rem;
    }
}

/***** lg *****/
@media (min-width: 992px) and (max-width: 1199.98px) {

    /***** 카테고리 이미지 *****/
    .gcat-img-wrap {
        width: calc(910px - 18.75rem);
    }
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px) {

    /***** 메뉴 *****/
    .goods-lists-wrap .sub-gcat-wrap {
        width: 15rem;
    }

    /***** 카테고리 슬라이드 *****/
    .gcat-img-wrap {
        width: calc(670px - 15rem);
    }

    .gcat-img-wrap .slide-title-wrap {
        width: 80%;
    }

    /***** 필터 *****/
    .goods-filter-wrap {
        right: -30rem;

        width: 30rem;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px) {

    /***** 앱 공통 *****/
    .goods-lists-top,
    .m-top-gcat,
    .m-sub-menu,
    .gcat-img-wrap,
    .gcat-img-wrap .gcat-title-wrap,
    .goods-lists-wrap .goods-lists {
        padding: 0 1rem;
    }

    .goods-lists-wrap .m-sub-menu,
    .gcat-img-wrap {
        border-bottom: 8px solid #ededed;
    }

    /***** 오른쪽 *****/
    .goods-lists-right {
        margin: 0;
    }

    .goods-lists-right>div[class*='col'] {
        padding: 0;
    }

    /***** 브레드크럼 *****/
    .goods-lists-top .breadcrumb-item+.breadcrumb-item::before {
        font-size: 0.8rem;
    }

    /***** 카테고리 이미지 *****/
    .gcat-img-wrap {
        padding: 1rem 0;
    }

    .gcat-img-wrap .gcat-title-wrap {
        margin-bottom: 0.8rem;
    }

    .gcat-img-wrap .slick-track {
        padding-bottom: 4rem;
    }

    .gcat-img-wrap .slide-title-wrap {
        bottom: -4rem;

        width: 90%;

        background-color: rgba(255, 255, 255, 1);
    }

    .gcat-img-wrap .slide-title-wrap .slide-title {
        font-size: 1.5rem;
        font-weight: 700;
    }

    /***** 정렬 *****/
    .goods-sort-cnt {
        font-size: 1.1rem;
    }

    /***** 상품 리스트 *****/
    .goods-lists-wrap .goods-lists {
        padding: 1rem;
    }

    .goods-lists .goods-item {
        margin-bottom: 2rem;
    }

    /***** 태그 *****/
    .goods-lists-wrap .tags-wrap .tag-item {
        padding: 0.5rem 0.8rem 0.4rem 0.7rem;

        font-size: 12px;
        line-height: 1em;
    }

    /***** 필터 *****/
    .goods-filter-wrap {
        right: -80%;

        padding: 3rem 0;
    }

    .goods-filter-wrap,
    .goods-lists-wrap .filter-btn-wrap {
        width: 80%;
    }

    .goods-filter-wrap .filter-wrap {
        padding: 0 2rem;
    }

    .goods-filter-wrap .filter-srch-wrap {
        height: 83.5vh;

        overflow-y: scroll;
        overflow-x: hidden;
    }

    /* 버튼 */
    .goods-lists-wrap .filter-btn-wrap {
        display: flex;
        position: fixed;
        bottom: 0;

        background-color: #ffffff;

        z-index: 1100;
    }

    .goods-filter-wrap .filter-btn-wrap .btn,
    #mini-cart-wrap .mini-btn-wrap .mini-cart-btn {
        width: 50%;
        padding: 1rem 0;
    }
}

/*****#####===== [Page] goods/view =====#####*****/
/*****##### 컨텐츠 그룹 #####*****/
.content-group-wrap:not(:last-child) {
    margin-bottom: 5rem;
}

.content-item-wrap {
    padding: 1.667rem 0;
}

.content-item-wrap:not(:first-child) {
    border-top: 1px solid #dddddd;
}

.content-item-wrap .item-title {
    padding-bottom: 1.333rem;
}

.content-item-wrap .user-info-box .item-title {
    padding: 0;
}

/*****##### 상세 컨텐츠 그룹 #####*****/
.detail-content-wrap {
    padding: 1rem 0;
}

.detail-content-wrap:not(:last-child) {
    border-bottom: 1px solid #dddddd;
}

.goods-view-wrap .slick-slide {
    height: 50%;
}

/*****##### 상품 썸네일 #####*****/
.goods-view-wrap .goods-img-thumb {
    padding: 0.6875rem 0;
}

.goods-view-wrap .goods-img-thumb .thumb-item {
    margin-right: 1rem;

    border: 2px solid transparent;

    cursor: pointer;
    opacity: 0.5;

    transition: all 0.3s;
}

/***** active *****/
.goods-view-wrap .goods-img-thumb .thumb-item.active:not(.prev) {
    border: 2px solid #111111;

    opacity: 1;
}

/*****##### 상품 정보 #####*****/
.goods-view-wrap .goods-right {
    padding-left: 3.75rem;
}

.goods-view-wrap .goods-tag-wrap {
    margin-bottom: 0.938rem;
}

/*****##### 상품 타이틀 #####*****/

/***** 제품 태그 *****/
.goods-view-wrap .goods-tag {
    display: inline-block;

    margin-right: 0.375rem;
    padding: 0.25rem 0.625rem;

    border: solid 1px #cccccc;
}

/***** 브랜드 *****/
.goods-view-wrap .goods-brand {
    margin-bottom: 0.4rem;
}

/***** 서브 타이틀 *****/
.goods-view-wrap .goods-subtitle {
    margin-bottom: 0.3rem;
}

/***** 별점 *****/
.goods-view-wrap .goods-rate-wrap {
    margin-top: 1rem;
}

/*****##### 상품 간단 정보 #####*****/
.goods-view-wrap .goods-summar-wrap {
    padding: 1.25rem 0;

    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
}

.goods-view-wrap .goods-summar-title {
    margin-bottom: 0.875rem;
}

/*****##### 카테고리 #####*****/
.goods-view-wrap .goods-cate-wrap {
    padding: 1.25rem 0;

    border-bottom: 1px solid #d8d8d8;
}

.goods-view-wrap .goods-cate-title-warp {
    margin-bottom: 0.875rem;
}

.goods-view-wrap .gds-more-img {
    width: 0.3rem;
    height: 0.8rem;
    margin: 0 0 0 0.2rem;
}

.goods-cate-item {
    display: inline-block;

    margin: 0 0.375rem 0.5rem 0;
    padding: 0.25rem 0.625rem;

    border: solid 1px #cccccc;
    border-radius: 20px;
}

/*****##### 상품 좋아요 #####*****/
.goods-view-wrap .goods-like-wrap svg {
    width: 1.25rem;
    height: 1.25rem;
}

/*****##### 상품 정보 #####*****/
.goods-view-wrap .goods-info-wrap {
    padding: 2rem 0;

    border-bottom: 1px solid #d8d8d8;
}

.goods-view-wrap .goods-info-content {
    text-align: right;
}

.goods-view-wrap .goods-info-wrap .goods-info-item:not(:last-child) {
    margin-bottom: 0.8rem;
}

.goods-view-wrap .goods-right-title {
    font-weight: 600;
}

/*****##### 상품 옵션 정보 #####*****/
.option-item {
    margin-bottom: 0.667rem;
}

.option-wrap .option-item[data-type="check"] {
    margin: 1rem 0 -0.4rem 0;
}

/***** select *****/
select option[value=""][disabled] {
    display: none;
}

/* selected */
.option-wrap .option-radio.selected {
    color: #ffffff;

    background-color: #000000;
}

/***** radio *****/
.option-wrap .option-radio {
    padding: 0.5rem 0.3rem;
    margin-bottom: 0.4rem;

    border: 1px solid #d9d9d9;
    border-radius: 2px;
}

/* 재고가 없을 시 */
.option-wrap .option-radio.no-num {
    color: #bdbdbd;

    background-color: #f7f7f7;
}

/*****##### 수량 #####*****/
.count-wrap {
    border: 1px solid #dddddd;
    border-radius: 0.333rem;
}

.count-num {
    width: 100%;
    padding: 0.7rem 1.333rem;

    font-size: 1.167rem;
    text-align: center;

    border-top: none;
    border-bottom: none;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

.count-btn {
    padding: 0.75rem;

    background-color: transparent;

    border: none;
}

/*****##### 상품 공유하기 #####*****/
.goods-view-wrap .share-popover-btn .popover {
    left: -125% !important;
}

/*****##### 하단고정 구매하기 #####*****/
#goods-fixed-bottom-wrap {
    position: fixed;
    bottom: 0;
    left: 0;

    width: 100%;

    background-color: #ffffff;
    border-top: 1px solid #222222;

    z-index: 1020;
}

#goods-fixed-bottom-wrap .goods-fixed-content-wrap {
    max-height: 0;

    visibility: hidden;
}

/***** 핸들 *****/
#goods-fixed-bottom-wrap .fixed-handle {
    position: absolute;
    top: -1.8rem;
    left: 50%;

    width: 5rem;
    height: 1.8rem;

    background-color: #ffffff;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    border-color: #222222;
    border-radius: 5px 5px 0 0;

    cursor: pointer;

    transform: translate(-50%, 0);
}

#goods-fixed-bottom-wrap .fixed-handle:before {
    content: "\e6e5";
    display: block;

    width: 100%;
    height: 100%;

    font-family: 'themify';
    font-size: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
    color: #222222;
}

/***** show *****/
#goods-fixed-bottom-wrap.show {
    padding: 0.5rem 1rem 1rem;
}

#goods-fixed-bottom-wrap.show .goods-fixed-content-wrap {
    max-height: 30rem;

    visibility: visible;

    overflow: scroll;
    overflow-x: hidden;
}

/*****#####===== 상세정보 =====#####*****/
/*****##### 상품 정보 네비 (sticky) #####*****/
.goods-view-wrap[data-layout="sticky"] .detail-nav-wrap {
    position: sticky;
    top: 8.438rem;

    z-index: 1020;
}

/*****##### 상품 정보 네비 (공통) #####*****/
.detail-nav-wrap {
    background-color: #f7f7f7;
}

.detail-nav-wrap .nav-tabs {
    border: none;
}

.detail-nav-wrap .nav-tabs .nav-item .nav-link {
    border: none;

    line-height: 1.2rem;
}

/***** show, active *****/
.detail-nav-wrap .nav-tabs .nav-item.show .nav-link,
.detail-nav-wrap .nav-tabs .nav-link.active {
    border: none;
    border-bottom: 2px solid #111111;

    background-color: transparent;
}

.detail-nav-wrap .nav-tabs .nav-link.active {
    font-weight: bold;

    line-height: 1.2rem;
}

/***** hover *****/
.detail-nav-wrap .nav-tabs .nav-link:hover {
    background-color: transparent;
}

/*****#####===== 상품 리모컨 있을 때 =====#####*****/
.detail-remote-wrap {
    height: auto;
}

.detail-remote-inner {
    position: sticky;
    top: 14.438rem;

    margin-top: 2rem;
    padding: 1rem;

    border: solid 1px #dddddd;

    z-index: 1019;
}

/*****##### 이미지 #####*****/
.detail-remote-wrap .detail-remote-img {
    width: 3.5rem;
    height: 3.5rem;

    border-radius: 100%;
    overflow: hidden;
}

/*****##### 상세정보 #####*****/
.detail-wrap {
    margin-top: 1.333rem;
}

.detail-wrap .detail-item-content {
    margin: 1.75rem 0 4rem 0;
}

.detail-wrap .detail-item-content .detail-title {
    padding-bottom: 0.7rem;

    border-bottom: 1px solid #000000;
}

/***** 상세이미지 *****/
.detail-wrap .detail-img-wrap .editor-wrap {
    position: relative;

    margin-bottom: 0.75rem;
    height: 20rem;

    text-align: center;

    border-top: none;

    overflow: hidden;
}

.detail-wrap .detail-img-wrap .editor-wrap:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 6rem;

    background-image: linear-gradient(transparent, #ffffff);
}

.detail-wrap .detail-back-btn {
    display: block;

    padding: 1rem 0 0.875rem;

    font-size: 1.333rem;
    font-weight: 500;
    text-align: center;
    color: #555555;

    border: 1px solid #dddddd;
    border-radius: 0.333rem;

    cursor: pointer;
}

.detail-wrap .detail-back-btn svg {
    transform: translateY(-0.1rem);
}

/* active */
.detail-wrap .detail-img-wrap.active .editor-wrap {
    min-height: 8rem;
    height: auto;
}

.detail-wrap .detail-img-wrap.active .editor-wrap:after {
    height: 0;
}

.detail-wrap .fold {
    display: none;
}

.detail-wrap .detail-img-wrap.active .more {
    display: none;
}

.detail-wrap .detail-img-wrap.active .fold {
    display: inline-block;
}

.detail-wrap .detail-img-wrap.active .fold svg {
    transform: translateY(-0.07rem) rotate(180deg);
}

/***** 작성 팬시박스 *****/
.gds_qna_fancy .fancybox-content,
.gds_review_fancy .fancybox-content {
    max-width: 640px;
}

/*****##### 미디어 쿼리 (goods/view) #####*****/
/***** ~ md *****/
@media (max-width: 991.98px) {

    /* 상품 이미지 dot */
    .goods-view-wrap .goods-img-wrap .slide-wrap {
        padding-bottom: 2.5rem;
    }

    .goods-view-wrap .goods-img-wrap .slick-dots {
        bottom: 0;
    }

    /* 상품 정보 */
    .goods-view-wrap .goods-right {
        margin-top: 2rem;
        padding-left: 0;
    }

    .goods-view-wrap .info-content-price .goods-info-content {
        font-size: 1.4rem;
    }
}

/***** lg *****/
@media (min-width: 992px) and (max-width: 1199.98px) {
    .goods-view-wrap .goods-right {
        padding-left: 2.5rem;
    }
}

/***** md / sm / xs  *****/
@media (min-width: 100px) and (max-width: 767.98px) {

    /* 상세이미지 */
    .detail-img-wrap .editor-wrap {
        height: 10rem;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px) {
    .goods-view-wrap .goods-right {
        padding: 0 1.5rem;
    }

    /* 상품 타이틀 */
    .goods-view-wrap .goods-title {
        font-size: 1.667rem;
    }

    /* 상품 구매 버튼 */
    .goods-view-wrap .npay-btn-wrap {
        text-align: center;
    }

    /* 상세정보 nav */
    .detail-wrap .nav-tabs .nav-item .nav-link {
        padding: 0.92rem 0.5rem;
    }

    /* 상세정보 */
    .detail-wrap .detail-item-content .detail-title {
        font-size: 1.333rem;
    }
}

/*=================================================
				[Order] form
=================================================*/
.order-form-wrap .content-box {
    padding: 1.5rem 2rem;
}

.order-form-wrap .point-icon {
    margin-right: 0.667rem;
}

.order-form-wrap .point-icon > svg {
    width: 2rem;
}

.order-form-wrap .form-group-wrap:not(:last-child) {
    margin-bottom: 5rem;
}

.order-form-wrap .form-group.total-price-wrap {
    padding: 1.5rem 0;

    border-top: 1px solid #dddddd;
}

.order-form-wrap .ord_payment_row .pretty-item {
    padding: 0.667rem 0;
}

#order_addr_lists .popover .arrow::after,
#order_addr_lists .popover .arrow::before {
    display: none;
}

/*================================================
            [Controller] Render
=================================================*/
/*****#####===== 이용약관 =====#####*****/
/*****##### 네비 #####*****/
#render_terms .nav-tabs {
    margin-bottom: 1.5rem;

    border-bottom: none;
}

#render_terms .nav-item {
    margin-bottom: 0.5rem;
}

#render_terms .nav-item:not(:last-child) {
    margin-right: 0.5rem;
}

#render_terms .nav-link {
    font-size: 12px;
    font-weight: 500;

    border: 1px solid #e8e8e8;
    border-radius: 0;
}

#render_terms .nav-link.active {
    color: #ffffff;

    background-color: #000000;
}

#render_terms .version-select {
    margin: 1.667rem 0;
}

/*****##### 타이틀 #####*****/
#render_terms .terms-title {
    padding-bottom: 1rem;

    font-size: 1.25rem;
    font-weight: 700;

    border-bottom: 1px solid #000000;
}

/*****##### 미디어 쿼리 #####*****/
/***** sm / xs *****/
@media (min-width: 100px) and (max-width: 767.98px) {

    /***** 네비 *****/
    #render_terms .nav-tabs {
        flex-wrap: nowrap;

        padding-bottom: 0.5rem;

        white-space: nowrap;
        overflow-x: scroll;
    }
}

/*****#####===== 404페이지 =====#####*****/
#render-not_found-body #gnb-wrap,
#render-not_found-body .footer-wrap {
    display: none;
}

.render-not-found-warp {
    height: 100vh;
    padding: 5rem 0;
}

.render-not-found-warp .title-wrap .title-title {
    font-size: 4rem;
    font-weight: 700;
    color: #283277;
}

.render-not-found-warp .title-wrap .title-subtitle {
    margin-top: 0.2rem;

    font-family: 'Roboto';
    font-size: 1.5rem;
    font-weight: 400;
    color: #b5b5b5;
}

.render-not-found-warp .title-btn-wrap {
    margin-top: 3rem;
}

.render-not-found-warp .title-btn-wrap .btn {
    padding: 1rem 2rem;

    border-radius: 0.3rem;
}

/*****#####===== 미디어 쿼리 =====#####*****/
/***** sm / md *****/
@media (min-width: 576px) and (max-width: 991.98px) {
    .render-not-found-warp .img-wrap {
        width: 80%;
        margin-top: 8rem;
    }
}

/***** xs *****/
@media (min-width: 100px) and (max-width: 575.98px) {
    .render-not-found-warp .img-wrap {
        margin-top: 5rem;
    }
}

/*=================================================
            슬라이드 arrow - gds
=================================================*/
.arrow-wrap[data-type="gds"] .custom-slick-arrow {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 2.5rem;
    height: 3.75rem;

    background-color: #ffffff;

    opacity: 0.5;

    transition: all 0.3s;
}

.arrow-wrap[data-type="gds"] .custom-slick-arrow svg {
    width: 0.7rem;
}

/*================================================
            [Controller] Search
=================================================*/
/*****#####===== [Page] search 공통 =====#####*****/
.srch-common-wrap .srch-common-item {
    margin-top: 2.875rem;
}

/*****##### 텍스트 #####*****/
.srch-common-wrap .srch-result-text {
    margin: 1.5rem 0 4.375rem;

    text-align: center;
}

/*****##### 타이틀 #####*****/
.srch-common-wrap .srch-common-title {
    margin-bottom: 0.875rem;
}

/*****##### 버튼 #####*****/
.srch-common-wrap .srch-common-btn {
    margin-top: 4rem;

    text-align: center;

    cursor: auto;
}

.srch-common-wrap .srch-common-btn .common-btn {
    display: inline-block;

    padding: 0.97rem 2.3rem;

    border: 1px solid #999999;
    border-radius: 1.875rem;

    transition: color 0.3s, background-color 0.3s;
}

.srch-common-wrap .srch-common-btn .common-btn:hover {
    color: #ffffff;

    background-color: #999999;
}

/*****##### 검색결과 없음 #####*****/
.srch-common-wrap .srch-none-wrap .srch-none-content {
    margin: 5.438rem 0 6.25rem;
}

.srch-common-wrap .srch-none-wrap .none-content-title {
    margin-bottom: 3rem;

    font-weight: 500;
    text-align: center;
}

.srch-common-wrap .srch-none-wrap .none-content-item {
    position: relative;

    padding-left: 0.5rem;

    line-height: 1.8em;
}

.srch-common-wrap .srch-none-wrap .none-content-item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.75rem;

    width: 2px;
    height: 2px;

    background-color: #777777;
    border-radius: 50%;
}

/*****##### 미디어 쿼리 #####*****/
/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px) {
    .srch-common-wrap .srch-form-wrap,
    .srch-common-wrap .srch-result-text,
    .srch-common-wrap .srch-common-item,
    .srch-common-wrap .srch-none-wrap .goods-lists {
        padding: 0 1.5rem;
    }

    .srch-common-wrap .srch-form-wrap,
    .srch-common-wrap .srch-common-item:not(:last-child) {
        border-bottom: 6px solid #ededed;
    }

    .srch-common-wrap .srch-common-item {
        margin-top: 0;
        padding-top: 1.667rem;
        padding-bottom: 3rem;
    }

    /*****##### 검색폼 #####*****/
    .srch-common-wrap .search-icon {
        width: 1.333rem;
    }

    /*****##### 텍스트 #####*****/
    .srch-common-wrap .srch-result-text {
        margin: 1.5rem 0;

        text-align: left;
    }

    /*****##### 버튼 #####*****/
    .srch-common-wrap .srch-common-btn {
        margin-top: 2rem;
    }
}

/*================================================
            [Controller] order
=================================================*/
/*****#####===== 전체 =====#####*****/
/*****#####===== 주문 리스트 =====#####*****/
.order-list-wrap .order-title {
    padding: 0 0 0.5rem 0;

    border-bottom: 1px solid #000000;
}

.order-list-wrap .order-item-title {
    font-weight: 600;
}

/*****##### 상품정보 #####*****/
.order-list-wrap .order-list-title {
    padding: 0.875rem 0 0.875rem 3.125rem;

    font-weight: 600;
    text-align: center;

    border-top: 2px solid #000000;
    border-bottom: 1px solid #b8b8b8;
}

.order-list-wrap .order-list-title .lists-title-item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;

    width: 1px;
    height: 1rem;

    background-color: #d1d1d1;

    transform: translateY(-50%);
}

.ordg-options-wrap {
    font-weight: 500;
}

.ordg-options-wrap .ordg-options {
    position: relative;

    margin-right: 0.5rem;
}

.ordg-options-wrap .ordg-options:not(:last-child):after {
    content: '';
    position: absolute;
    top: 50%;
    right: -7px;

    width: 1px;
    height: 0.625rem;

    background-color: #999999;

    transform: translateY(-50%);
}

/*****##### 주문 상품 리스트 #####*****/
.order-list-wrap .order-list-item .order-item {
    padding: 1.5rem 0 1.5rem 3.125rem;

    border-bottom: 1px solid #e5e5e5;
}

/***** 상품 이미지 *****/
.order-list-wrap .order-item-img {
    width: 7.5rem;
    height: 7.5rem;
}

/***** 상품정보 *****/
.order-list-wrap .order-item-info {
    padding-left: 1.188rem;
}

/***** 리스트가 없을 때 *****/
.order-list-none {
    padding: 2rem 0;

    text-align: center;
}

/*****##### 미디어 쿼리 #####*****/
/***** md ~ *****/
@media (min-width: 768px) {
    /***** 주문 리스트 *****/
    .order-list-wrap {
        margin-bottom: 1rem;
    }

    /***** 상품정보 *****/
    .order-list-wrap .order-item-price {
        text-align: center;
    }

    .order-list-wrap .order-item-title {
        margin-bottom: 0.3rem;
    }
}

/***** md / lg *****/
@media (min-width: 768px) and (max-width: 1199.98px) {
    .order-list-wrap .order-list-title,
    .order-list-wrap .order-list-item .order-item {
        padding-left: 2.125rem;
    }
}

/***** sm / xs *****/
@media (min-width: 100px) and (max-width: 767.98px) {
    /*****##### 주문 상품 리스트 #####*****/
    .order-list-wrap .order-list-item .order-item {
        padding: 1.5rem 0;
    }

    .order-list-wrap .order-list-item .order-item:not(:last-child) {
        border-bottom: 1px solid #e5e5e5;
    }

    /***** 상품 이미지 *****/
    .order-list-wrap .order-item-img {
        width: auto;
        height: auto;
    }

    /***** 상품정보 *****/
    .order-list-wrap .order-item-title {
        font-size: 1.5rem;
    }

    .order-list-wrap .order-item-options {
        margin-bottom: 0.6rem;

        font-size: 1rem;
    }

    .order-list-wrap .item-price-content {
        font-size: 1.333rem;
        font-weight: 600;
        text-align: right;
    }

    .order-list-wrap .item-price-content .order-unit {
        font-weight: 600;
    }
}

/*****#####===== [Page] order/form =====#####*****/
.form-order-wrap .form-item-wrap {
    margin-top: 1.625rem;
}

.form-order-wrap .form-group {
    margin: 0;

    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

/*****##### 타이틀 #####*****/
.form-order-wrap .form-item-title,
.form-order-wrap .total-price-title {
    padding-bottom: 0.5rem;

    font-weight: 600;
}

.form-order-wrap .form-title .form-title-title,
.form-order-wrap .price-group-wrap .price-title-title {
    font-weight: 600;
}

.form-order-wrap .form-item-title {
    border-bottom: 1px solid #000000;
}

.form-order-wrap .form-group .form-title {
    height: 100%;
    padding: 1.6rem 1.25rem;

    background-color: #fafafa;
}

.form-order-wrap .form-notice-text {
    margin-top: 0.625rem;

    font-weight: 600;
    color: #E50000;
}

/*****##### 내용 #####*****/
.form-order-wrap .form-content {
    padding: 1.25rem;
}

.form-order-wrap .form-content.form-point-content {
    padding: 1.25rem 1.25rem 0.8rem;
}

.form-order-wrap .form-content.form-radio-content {
    padding: 1.25rem 1.25rem 0.5rem;
}

/*****##### 폼 #####*****/
.form-order-wrap .form-control[readonly] {
    color: #333333;

    background-color: #ffffff;
}

.form-order-wrap .form-control::placeholder {
    font-size: 12px;
    line-height: 1.8em;
}

/*****##### 버튼 공통 #####*****/
.form-order-wrap .btn {
    padding: 0.66rem 1.37rem;

    border-radius: 4px;
}

/*****##### 배송지 정보 #####*****/
.form-order-wrap .addr-btn-item .btn {
    padding: 0.5rem 0;

    font-weight: 600;
}

.form-order-wrap .form-add-group .tooltip-inner {
    padding: 0.5rem;

    font-size: 0.8rem;

    border-radius: 0;
}

/*****##### 결제 정보 #####*****/
/***** 결제 수단 (radio) *****/
.form-order-wrap .form-radio-content .pretty {
    margin-bottom: 1rem;
}

.form-order-wrap .form-radio-content .pretty label:after,
.form-order-wrap .form-radio-content .pretty label:before {
    top: 50%;

    transform: translateY(-50%);
}

.form-order-wrap .form-radio-content .pretty .state label:after {
    -webkit-transform: translateY(-50%) scale(.5) !important;
    -ms-transform: translateY(-50%) scale(.5) !important;
    transform: translateY(-50%) scale(.5) !important;
}

.form-order-wrap .form-radio-content .pretty .state label {
    font-weight: 500;
}

/* checked (radio) */
.form-order-wrap .form-radio-content .pretty input:checked~.state label:before {
    border-color: #000000;
}

.form-order-wrap .form-radio-content .pretty input:checked~.state label:after {
    background-color: #000000 !important;
}

.form-order-wrap .form-radio-content .pretty input:checked~.state label {
    font-weight: 600;
}

/***** 결제 설명 *****/
.form-order-wrap .explain-wrap {
    margin-bottom: 2rem;
}

.form-order-wrap .explain-wrap .explain-item {
    margin-left: 1rem;

    text-indent: -0.6rem;
    line-height: 1.7em;
}

.form-order-wrap .explain-wrap .explain-item .center-dot {
    font-size: 2rem;
    color: #fc515a;

    vertical-align: text-bottom;
}

/*****##### 결제금액 #####*****/
.form-order-wrap .order-right-wrap {
    padding-top: 1.625rem;

    transition: all 0.5s;
}

.form-order-wrap .order-right-wrap.active {
    padding-top: 10rem;
}

.form-order-wrap .price-group-wrap {
    padding: 1.8rem;
}

.form-order-wrap .price-group {
    padding-bottom: 1.5rem;
}

.form-order-wrap .price-group-wrap .price-content {
    text-align: right;
}

.form-order-wrap .price-group.total-price {
    padding: 1.5rem 0 0 0;

    border-top: 1px solid #cccccc;
}

/***** 구매동의 *****/
.form-order-wrap .terms-wrap {
    padding: 1.25rem;
    margin-top: -1px;
}

.form-order-wrap .terms-wrap .term-agree-content,
.form-order-wrap .terms-wrap .term-notice-content {
    letter-spacing: -0.56px;
}

.form-order-wrap .terms-wrap .term-agree-content {
    margin: 0.5rem 0 1rem;
    padding: 0 1.875rem 1rem;

    border-bottom: 1px solid #e6e6e6;
}

.form-order-wrap .terms-wrap .term-notice-content {
    position: relative;

    margin: 0 1.875rem;
    padding-left: 1rem;
}

.form-order-wrap .terms-wrap .term-notice-content:before {
    content: '\203B';
    position: absolute;
    top: 0;
    left: 0;
}

/*****##### 버튼 #####*****/
.form-order-wrap .btn-wrap {
    margin-top: 0.5625rem;
}

.form-order-wrap .btn-wrap .btn {
    padding: 0.9rem 0;
}

/*****##### 미디어 쿼리 (order/form) #####*****/
/***** lg ~ *****/
@media (min-width: 992px) {
    .form-order-wrap .addr-btn-item .btn {
        width: 5.56rem;
    }
}

/***** md ~ *****/
@media (min-width: 768px) {
    /***** 배송지 정보 *****/
    .form-order-wrap .form-control.postcode {
        width: 8.75rem;
    }

    /***** 결제 금액 *****/
    .form-order-wrap .order-right-wrap {
        position: sticky;
        top: 0;
        left: 0;

        width: 25rem;
        margin-left: 3.75rem;
    }

    .form-order-wrap .price-group-wrap,
    .form-order-wrap .terms-wrap {
        border: 1px solid #000000;
    }
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px) {
    /***** 폼 *****/
    .form-order-wrap .form-control::placeholder {
        line-height: 1.3em;
    }

    /***** 결제 금액 *****/
    .form-order-wrap .order-right-wrap {
        width: 20rem;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px) {
    /***** 주문 상품 리스트 *****/
    #order_form .order-list-wrap .order-list-item {
        padding: 0 1.5rem 1.5rem;

        border-bottom: 8px solid #e5e5e5;
    }

    /***** 폼 *****/
    .form-order-wrap .form-item-wrap,
    .form-order-wrap .total-price-wrap {
        margin-top: 0;
        padding: 1.3rem 1.5rem;

        border-bottom: 8px solid #ededed;
    }

    .form-order-wrap .terms-wrap {
        margin: 1.3rem 1.5rem;
    }

    .form-order-wrap .form-item-title,
    .form-order-wrap .total-price-title {
        font-size: 1.333rem;
    }

    .form-order-wrap .form-group .form-title {
        padding: 0.8rem;
    }

    .form-order-wrap .page-h4 {
        font-size: 1rem;
    }

    /* 내용 */
    .form-order-wrap .form-content {
        padding: 0.8rem;
        height: 100%;
    }

    .form-order-wrap .form-content.form-point-content {
        padding: 1.3rem 0.8rem 0.4rem;
    }

    .form-order-wrap .form-content.form-radio-content {
        padding: 0.8rem 0.8rem 0.2rem;
    }

    .form-order-wrap .form-control::placeholder {
        line-height: 1.7em;
    }

    /* 배송지 정보 */
    .form-order-wrap .form-addr-content {
        padding: 0.8rem 0;
    }

    .form-order-wrap .form-control.postcode {
        width: 100%;
    }

    .form-order-wrap .addr-btn-item .btn {
        padding: 0.8rem 0;
    }

    /* 결제금액 */
    .form-order-wrap .order-right-wrap {
        padding-top: 0;
    }

    .form-order-wrap .total-price-title {
        border-bottom: 1px solid #000000;
    }

    .form-order-wrap .price-group-wrap {
        padding: 0;
    }

    .form-order-wrap .price-group {
        padding: 0 0.8rem;
        margin-top: 1rem;
    }

    .form-order-wrap .price-group.total-price {
        padding: 1rem 0.8rem 0;
    }

    /* 동의 */
    .form-order-wrap .terms-wrap {
        border: 2px solid #dbdbdb;
    }

    /* 라디오 pretty */
    .form-order-wrap .form-radio-content .pretty .state label {
        text-indent: 1.6em;
    }

    .form-order-wrap .form-radio-content .pretty .state label:after,
    .form-order-wrap .form-radio-content .state label:before {
        width: calc(1em + 2px);
        height: calc(1em + 2px);
    }

    /* 버튼 */
    .form-order-wrap .btn-wrap {
        padding: 0 1.5rem;
    }

    .form-order-wrap .btn-wrap .btn {
        padding: 1.3rem 0;

        font-size: 1.2rem;
    }
}

/*****#####===== [Page] order/addr_lists =====#####*****/
.order-addr-wrap .addr-title-wrap,
.order-addr-wrap .addr-content-item {
    padding: 1.3rem 0;
}

/*****##### 배송지 선택 헤더 #####*****/
.order-addr-wrap .addr-title-wrap {
    background-color: #fafafa;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #e6e6e6;
}

/*****##### 배송지 선택 리스트 #####*****/
.order-addr-wrap .addr-content-item {
    border-bottom: 1px solid #e6e6e6;
}

.order-addr-wrap .empty-addr {
    padding: 2rem 0.5rem;
}

/*****##### 선택 버튼 #####*****/
.order-addr-wrap .addr-btn-item:not(:last-child) {
    margin: 0 0 0.3rem 0;
}

.order-addr-wrap .addr-btn-item .btn {
    padding: 0.5rem 1.2rem;
}

/*****##### 페이지네이션 #####*****/
.order-addr-wrap .pagination-wrap {
    margin: 0 0 2rem 0;
}

/*****##### 버튼 #####*****/
.order-addr-wrap .btn-wrap {
    padding: 0 1.5rem;
    margin: 0 0 1.5rem 0;
}

/*****##### 팬시박스 #####*****/
#order-form-body.fancybox-active .fancybox-content {
    max-width: 640px;
}

.list-img-wrap {
    width: 5.833rem;
    height: 5.833rem;

    border-radius: 0.333rem;
    overflow: hidden;
}

.order-content-group:not(:last-child) {
    margin-bottom: 4.75rem;
}

.basic-tag {
    display: inline-block;

    margin-left: 0.833rem;
    padding: 0.125rem 0.667rem;

    font-size: 1rem;
    line-height: 1.3;
    color: #3a65f3;

    border: 1px solid #3a65f3;
    border-radius: 2rem;
}

.price-title {
    font-size: 1.167rem;
    color: #999999;
}

.price-content {
    font-size: 1.167rem;
    text-align: right;
}

.row-item:not(:last-child) {
    margin-bottom: 1.5rem;
}

/*****##### 미디어 쿼리 (order/addr_lists) #####*****/
/***** sm ~ *****/
@media (min-width: 576px) {
    /***** 선택 버튼 *****/
    .order-addr-wrap .addr-btn-item {
        padding: 0 1rem;
    }
}

/***** xs *****/
@media (min-width: 100px) and (max-width: 575px) {
    .order-addr-wrap .addr-title-wrap,
    .order-addr-wrap .addr-content-item {
        padding: 0.8rem 0;

        border-bottom: 1px solid #000000;
    }

    /***** 주소명 *****/
    .order-addr-wrap .addr-title {
        font-size: 1.333rem;
        font-weight: 600;
    }

    /***** 수령자이름, 휴대폰 *****/
    .order-addr-wrap .addr-name,
    .order-addr-wrap .addr-phone {
        margin-top: 0.5rem;

        font-size: 1rem;
        color: #999999;
    }

    /***** 수령자이름 *****/
    .order-addr-wrap .addr-name {
        padding-right: 0.5rem;

        border-right: 1px solid #d4d4d4;
    }

    /***** 휴대폰 *****/
    .order-addr-wrap .addr-phone {
        padding-left: 0.5rem;
    }

    /***** 선택 *****/
    .order-addr-wrap .addr-btn-item:not(:last-child) {
        margin: 0 0.5rem 0 0;
    }
}
/*****#####===== [Page] order/addr_write, gds_qna/write, gds_review/write =====#####*****/
/*****##### 타이틀 #####*****/
.gds-write-wrap .gds-write-title {
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    padding: 1.5rem 0.5rem;

    text-align: center;

    background-color: #ffffff;
    border-bottom: 1px solid #e8e8e8;

    z-index: 10;
}

.gds-write-wrap .form-group .form-title {
    padding: 1rem;
}

/*****##### 내용 #####*****/
.gds-write-wrap .gds-write-content {
    padding: 7rem 1.5rem 1.5rem;
}

.gds-write-wrap .form-order-wrap .form-content {
    padding: 1.5rem;
}

/*****##### 버튼 #####*****/
.gds-write-wrap .form-order-wrap .btn-wrap {
    padding: 0;
    margin-top: 1.5rem;
}

.gds-write-wrap .form-order-wrap .btn-wrap .btn {
    padding: 1rem 0.5rem;
}

.gds-write-wrap .form-order-wrap .btn {
    padding: 0.88rem 1.5rem;
}

/*****##### 미디어 쿼리 #####*****/
/***** xs *****/
@media (min-width: 100px) and (max-width: 575.98px) {
    .gds-write-wrap .form-group .form-title {
        padding: 0 0 0.5rem 0;

        background-color: #ffffff;
    }

    .gds-write-wrap .form-order-wrap .form-content {
        padding: 0;
    }

    .gds-write-wrap .form-order-wrap .form-group {
        margin-bottom: 1rem;

        border: none;
    }
}

/*****#####===== [Page] order/complete =====#####*****/
/*****##### 페이지 헤더 #####*****/
.order-complete-wrap .page-header {
    margin-bottom: 3.75rem;
}

/*****##### 내용 #####*****/
.order-complete-wrap .form-order-wrap .form-item-wrap {
    margin-top: 3.75rem;
}

/*****##### 버튼 #####*****/
.order-complete-wrap .btn-wrap .btn {
    padding: 0.75rem 0.8rem;

    border-radius: 4px;
}

/*****##### 미디어 쿼리 (order/complete) #####*****/
/***** md ~ *****/
@media (min-width: 768px) {
    /***** 내용 *****/
    .order-complete-wrap .form-order-wrap .form-content {
        padding: 1.6rem 1.25rem;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px) {
    .order-complete-wrap .form-order-wrap .form-item-wrap {
        margin-top: 2.8rem;
        padding: 0;

        border-bottom: none;
    }
}

/*****#####===== [Page] order/mini_cart =====#####*****/
#mini-cart-wrap {
    position: fixed;
    top: 0;
    right: 0;

    padding: 2.375rem 3.125rem;
    width: 25rem;
    height: 100%;

    background-color: #ffffff;

    z-index: 1110;

    transform: translateX(100%);
    transition: all 0.9s ease-in-out;
}

#mini-cart-wrap .mini-cart-item {
    padding: 1.25rem 0;

    border-bottom: 1px solid #e5e5e5;
}

/*****##### 총 상품금액 #####*****/
#mini-cart-wrap .mini-total-price {
    padding: 1rem 0 2.313rem 0;
}

/*****##### 삭제 버튼 #####*****/
[data-type="app"] .delete-btn {
    padding: 0;
}

/*****##### show #####*****/
#mini-cart-wrap.show {
    transform: translateX(0%);
}

/*****##### 미디어 쿼리(order/mini_cart) #####*****/
/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px) {
    #mini-cart-wrap {
        width: 30rem;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px) {
    #mini-cart-wrap {
        padding: 3rem 0;
        width: 85%;
    }

    #mini-cart-wrap .mini-title {
        font-size: 1.2rem;
    }

    #mini-cart-wrap .mini-wrap {
        padding: 0 2rem;
    }

    #mini-cart-wrap .mini-cart-lists {
        height: calc(100vh - 200px);

        overflow-y: scroll;
        overflow-x: hidden;
    }

    #mini-cart-wrap .mini-fixed-wrap {
        position: fixed;
        bottom: 0;

        width: 100%;

        background-color: #ffffff;

        z-index: 1100;
    }

    #mini-cart-wrap .mini-total-price {
        padding: 1rem 1.5rem 1.5rem;
    }
}

/*****#####===== [Page] order/cart =====#####*****/
/*****##### 헤더 버튼 #####*****/
.order-cart-wrap .header-btn-wrap {
    margin: 0 0 0.6rem 1.25rem;
}

.order-cart-wrap .header-btn-wrap .header-delete-btn {
    padding: 0.38rem 0.5rem;
}

/*****##### 리스트 #####*****/
.order-cart-wrap .order-list-title {
    padding: 0.875rem 1.25rem;
}

.order-cart-wrap .order-list-item .order-item {
    padding: 1.5rem 1.25rem;
}

/***** 옵션변경 *****/
.order-cart-wrap .item-content-opts {
    border-bottom: 1px solid #000000;
}

/***** 버튼 *****/
.order-cart-wrap .order-btn-wrap .btn {
    padding: 0.5rem 0;
}

/*****##### 최종 결제 금액 #####*****/
.order-cart-wrap .total-price-wrap {
    margin-top: 1.5rem;
    padding: 2rem 7rem;

    border: 1px solid #000000;
}

.order-cart-wrap .total-price-icon {
    margin: 0 2.5rem;
}

.order-cart-wrap .total-price-title {
    font-weight: 600;
}

/*****##### 하단 버튼 #####*****/
.order-cart-wrap .cart-btn-wrap .btn {
    padding: 1.22rem 0;

    font-weight: 500;
}

/*****##### 옵션변경 #####*****/
.cart-opts-fancy .fancybox-content {
    max-width: 967px;
}

.iframe .goods-view-wrap .cart-opts-title {
    padding: 1.3rem 0;
    margin-bottom: 1.5rem;

    text-align: center;

    border-bottom: 1px solid #e8e8e8;
}

.iframe .goods-view-wrap .goods-info-wrap {
    padding: 0.5rem 0 1rem 0;
}

.iframe .goods-view-wrap .container {
    max-width: 100%;
    padding: 0;
}

.iframe .goods-view-wrap .goods-btn-wrap .btn {
    padding: 1.3rem 0.5rem;
}

/*****##### 미디어 쿼리 (order/cart) #####*****/
/***** lg ~ *****/
@media (min-width: 992px) {
    /***** 버튼 *****/
    .order-cart-wrap .order-btn-wrap {
        width: 7.188rem;
        margin: auto;
    }

    /***** 하단 버튼 *****/
    .order-cart-wrap .cart-btn-wrap .btn {
        width: 11.69rem;
    }
}

/***** md ~ *****/
@media (min-width: 768px) {
    /***** 버튼 *****/
    .order-cart-wrap .order-btn-wrap .btn:not(:last-child) {
        margin-bottom: 0.5rem;
    }

    /***** 최종 결제 금액 *****/
    .order-cart-wrap .total-price-content {
        margin-left: 2rem;
    }

    /***** 옵션변경 *****/
    .iframe .goods-view-wrap .goods-right {
        margin-top: 0;
        padding-left: 3.75rem;
        padding-bottom: 2rem;
    }

    .iframe .goods-top-wrap {
        padding: 0 2rem;
    }
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991.98px) {
    /***** 상품 이미지 *****/
    .order-cart-wrap .order-list-wrap .order-item-img {
        width: 5.5rem;
        height: 5.5rem;
    }

    /***** 최종 결제 금액 *****/
    .order-cart-wrap .total-price-wrap {
        padding: 2rem;
    }

    /***** 하단 버튼 *****/
    .order-cart-wrap .cart-btn-wrap .btn {
        width: 10rem;
        padding: 1rem 0;
    }
}

/***** xs / sm *****/
@media (min-width: 100px) and (max-width: 767.98px) {
    /***** 헤더 버튼 *****/
    .order-cart-wrap .header-btn-wrap {
        margin: 0 1.5rem;
        padding-bottom: 0.5rem;

        border-bottom: 1px solid #000000;
    }

    /***** 리스트 *****/
    .order-cart-wrap .order-list-item {
        padding: 0 1.5rem;

        border-bottom: 8px solid #e5e5e5;
    }

    .order-cart-wrap .order-list-item .order-item {
        padding: 1.5rem 0;

        border: none;
    }

    .order-cart-wrap .order-list-wrap .order-item-info {
        padding-left: 0.7rem;
    }

    /* 옵션 */
    .order-cart-wrap .item-content-opts {
        display: inline-block;

        margin: 0 0 1rem 0;

        font-size: 1rem;
    }

    /***** 버튼 *****/
    .order-cart-wrap .order-btn-wrap {
        margin-top: 1.3rem;
    }

    .order-cart-wrap .order-btn-wrap .btn {
        padding: 0.88rem 0;

        font-size: 1rem;
    }

    /***** 최종 결제 금액 *****/
    .order-cart-wrap .total-price-wrap {
        padding: 1.5rem;
        margin: 1.8rem 1.8rem 0;
    }

    .order-cart-wrap .total-price-item {
        margin-bottom: 1rem;
    }

    .order-cart-wrap .total-price-content {
        font-size: 1.167rem;
    }

    .order-cart-wrap .total-price-wrap .total-price {
        padding-top: 1rem;

        border-top: 1px solid #dbdbdb;
    }

    .order-cart-wrap .total-price .total-price-content {
        font-size: 1.333rem;
    }

    /***** 하단 버튼 *****/
    .order-cart-wrap .cart-btn-wrap {
        padding: 0.8rem 1.8rem;
    }

    .order-cart-wrap .cart-btn-wrap .btn {
        padding: 1rem 0;
    }

    .order-cart-wrap .npay-btn-wrap {
        margin-top: 0;
        padding: 0 1.8rem;
    }

    .order-cart-wrap .npay_type_A_1 {
        width: 100% !important;
    }

    /***** 옵션변경 *****/
    .iframe .goods-view-wrap {
        padding: 1.25rem 1.25rem 2rem;
    }

    .iframe .goods-view-wrap .goods-right {
        padding: 0;
    }
}

/*****#####====== 모바일 게시물 항목 / 알림 항목 ======#####*****/
.lists-content-wrap {
    display: block;

    padding: 1.333rem;

    border-bottom: 1px solid #dddddd;
}

.lists-content-wrap.collapse-inner {
    padding: 1.333rem;

    background-color: #f4f4f4;
}


/*****#####====== 접기 피기 영역 ======#####*****/
/*****#### 컨텐츠 #####*****/
.fold-wrap .fold-content {
    display: -webkit-box;
    position: relative;

    width: 100%;
    height: 5.5rem;

    text-overflow: ellipsis;
    word-wrap: break-word;
    line-height: 1.5em !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    box-sizing: content-box;
    overflow: hidden;

    transition: height .5s;
}

/*****#### 아이콘 #####*****/
.fold-wrap.active .icon-fold {
    transform: rotate(0deg);

    transition: all .5s;
}

/*****##### 접기 피기 영역: .active #####*****/
.fold-wrap.active .fold-content {
    height: auto;

    -webkit-line-clamp: inherit;
    overflow: visible;

    transition: height .5s;
}

/*****#### 아이콘 #####*****/
.fold-wrap.active .icon-fold {
    transform: rotate(180deg);

    transition: all .5s;
}