/* body,html height auto for sticky */
body,html{
    height: auto;
    background-color: #f3f3f3;
}

:root {
    --category-text-color: #7d7d7d;
    --light-grey-color: #e3e3e3;
}

.body_order_is_open{
    overflow-y: hidden;
}

/* 상단 헤더 */
.detail-header-inner{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1000px;
    margin: auto;
}


/* 헤더 타이틀 */
.headtitle2{
    cursor: unset;
    line-height: normal;
}

/* 서브헤드 */
.common-top-header {
    width: 100%;
    height: 66px;
    padding: 16px;
    justify-content: space-between;
    border: none;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.10);
}
/* 서브헤드_backbtn */
.common-back-btn {
    width: 24px;
    height: 24px;
}
.common-back-btn img {
    width: 100%;
    height: 100%;
    background: #fff url(../../img/icon/back.png) no-repeat center;
    background-size: 24px 24px;
    position: static;
    float: none;
    margin: 0;
    flex-grow: 1;
}
/* 서브헤드_상품명 */
.long-to-short {
    text-align: left;
    font-size: 18px;
    font-family: var(--font-kr);
    color: #000;
    flex-grow: 5;
    text-overflow: ellipsis;
    overflow: hidden;
    flex: 1;
}
/* 서브헤드_icon */
.head_icon {
    display: flex;
    justify-content: flex-end;
    gap: 16px;
}
/* 서브헤드_likebtn */
.headunfav {
    width: 30px;
    height: 30px;
    position: static;
    background: url(../../img/icon/fav/grey-fav.png) no-repeat center;
    background-size: 30px 30px;
    flex-grow: 1;
    float: none;
    cursor: pointer;
    margin-top:5px;
}
.headfav {
    width: 34px;
    height: 34px;
    position: static;
    background: #fff url(../../img/icon/fav/fav.png) no-repeat top -0.5px center;
    background-size: 34px 34px;
    flex-grow: 1;
    float: none;
    cursor: pointer;
    margin-top: 3px;
}
/* 서브헤드_share */
.share_total_wrapper{
    position: relative;
}
.clipBoard{
    display: none;
}
.share {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #fff url(../../img/icon/share.png) no-repeat center;
    background-size: 30px 30px;
    position: static;
    float: none;
    margin: 0;
    flex-grow: 1;
    cursor: pointer;
    margin-top:5px
}
.share_container {
    display: none;
    width: 200px;
    padding: 15px 35px;
    position: absolute;
    bottom: -85px;
    background-color: var(--white-color);
    right: 0;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}
.share_container.on{
    display: block;
}
.share_btn_wrapper {
    display: flex;
    justify-content: space-between;
}
.share_btn {
    display: flex;
    align-content: center;
    justify-content: center;
    width: 45px;
    height: 45px;
}
.kakao_logo {
    width: 45px;
    height: 45px;
    background-color: #f9e000;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.clip {
    width: 45px;
    height: 45px;
    background-color: var(--main-dark-grey);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.clip i {
    color: #f0f0f0;
}

/* detail_content */
.Detailcontent {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    background-color: var(--white-color);
}
/* 상품 상단 이미지 wrapper */
.pc_image_startarea{
    position: relative;
}
/* 상품 이미지 영역 */
.Detailcontent .topImage {
    width: 204px;
    height: 210px;
    padding: 0;
    margin: 0 auto;
    overflow: visible;
    position: relative;
}
/* swiper_container */
.swiper-container {
    overflow: auto;
}
/* 배너 이미지 */
.bannerimg {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(50, 50);
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: auto;
}
/* 배너 이미지_페이지넘버 */
.pagetitle {
    width: 100%;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-family: var(--font-kr);
    font-weight: 700;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.40);
    line-height: 26px;
    height: 26px;
}
.pagetitle > .currentpage{
    color: #fff;
}

/* 이전 버튼 */
.swiper-button-prev {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: -31px;
    transform: translateY(-50%);
    margin-top: 0;
    background: url(../../img/icon/prev_arrow.png) no-repeat center;
    background-size: 18px 18px;
}
/* 다음 버튼 */
.swiper-button-next {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: -31px;
    transform: translateY(-50%);
    margin-top: 0;
    background: url(../../img/icon/next_arrow.png) no-repeat center;
    background-size: 18px 18px
}
/* 별점 영역 */
.startarea {
    width: 204px;
    margin: 0 auto;
    position: static;
    display: flex;
    justify-content: space-between;
    padding: 25px 2px;
    display: flex;
    align-items: center;
}
/* 별점 */
.stars {
    display: flex;
    gap: 2px;
}
.star {
    width: 14px;
    height: 14px;
}
/* 별점 숫자 */
.starpoint {
    font-size: 16px;
    font-family: var(--font-kr);
    color: #000;
    text-align: center;
    color: var(--main-dark-grey);
    font-weight: bold;
}
/* 별점 리뷰 */
.star_review {
    color: var(--main-dark-grey);
    font-size: 16px;
}
/* 리뷰  */
.review_number {
    font-size: 16px;
    font-family: var(--font-kr);
    color: #000;
    color: var(--main-dark-grey);
}
/* 기본 금액 */
.basic_price {
    width: calc(100% - 32px);
    margin: 0 auto;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    border: 1px solid #e9e9e9;
    background-color: #f9f9f9;
    font-size: 14px;
    font-family: var(--font-kr);
    font-weight: bold;
    color: #000;
}
.basic_price_inner {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-family: var(--font-kr);
    font-weight: bold;
    color: #000;
}
/* 쿠폰_list_btn */
.coupon_list_btn {
    width: calc(100% - 32px);
    margin: 0 auto;
    padding: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--dark-main-color);
    background-color: #e3f5f6;
    color: var(--dark-main-color);
    font-size: 14px;
    font-family: var(--font-kr);
    font-weight: bold;
    margin-top: 9px;
    cursor: pointer;
}

.pc_coupon_list_btn{
    display: none;
}

/* 쿠폰_list_download_btn */
.coupon_list_download_btn {
    width: 24px;
    height: 24px;
    background: url(../../img/icon/coupon_down.png) no-repeat;
    background-size: 24px 24px;
}
/* 기본 정보 전체 영역 */
.priceinfo {
    width: 100%;
    height: auto;
    margin-top: 40px;
    padding: 0 16px;
    border-bottom: 8px solid var(--main-light-grey);
}
.pricetop {
    padding: 0;
    margin: 0;
    height: auto;
}
/* 기본 정보_title */
.priceititle {
    font-size: 16px;
    font-family: var(--font-kr);
    font-weight: bold;
    color: #000;
    padding-bottom: 20px;
    margin-left: 10px;
    margin-top: 10px;
    width: 100%;
}
/* 기본 정보_list */
.price-contents {
    display: flex;
    flex-direction: column;
}
/* 기본 정보_list_common_styled */
.basic_info_common_styled {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e9e9e9;
    padding: 18px 0;
    font-size: 14px;
    font-family: var(--font-kr);
    color: #000;
}
.basic_info_common_styled span {
    font-weight: bold;
}
.possible-fast-production {
    border: none;
}
/* 교환 환불 정보 */
.detail_info_wrapper {
    background-color: var(--white-color);
    width: 100%;
    padding: 20px 0;
}
.detail_info_wrapper .detailinfo {
    width: 100%;
    margin: 0 auto;
    background-color: #f9f9f9;
}
.detailinfo {
    padding: 15px 14px 12px 14px;
    background-color: #fff;
    
    border-radius: 2px;
}

.detailcont {
    background: #f9f9f9;
    border: 1px solid #e9e9e9;
    padding: 15px;
}

.infoline {
    list-style-type: disc;
    font-size: 12px;
    font-family: var(--font-kr);
    color: var(--main-dark-grey);
    line-height: 20px;
    margin-left: 14px;
}
.infoline1 {
    margin: 0;
    font-size: 14px;
    font-family: var(--font-kr);
    color: var(--point-color);
    opacity: 1;
    line-height: 20px;
    height: auto;
    display: block;
    padding-bottom: 26px;
}
.infoline1 span {
    position: static;
    font-weight: 400;
}
/* 정보_문의_리뷰_탭_list */
.info_list_wrapper{
    width: 100%;
    height: auto;
    background-color: var(--white-color);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
    position: sticky;
    top: 66px;
    z-index: 10000;
}
.info_list {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: transparent;
}
.info_list li {
    width: calc(100%/3);
    height: 48px;
    line-height: 48px;
    color: var(--main-dark-grey);
    font-size: 14px;
    text-align: center;
    cursor: pointer;
}
.info_list li.active {
    font-weight: bold;
    color: var(--dark-main-color);
    border-bottom: 2px solid var(--dark-main-color);
}

/* 섹션 보여주기 */
.tab_content.section_show {
    display: block;
    padding: 0 0 100px 0;
}
/* 섹션 숨기기 */
.tab_content.section_hidden {
    display: none;
}

/* 작업 정보 */
.basicinfo {
    background-color: #fafafa;
    margin-top: 20px;
    padding: 0 16px;
}
.work-info {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    background-color: var(--white-color);
    display: flex;
    flex-direction: column;
    padding: 24px 16px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
    border-radius: 2px;
}
.work-info ul {
    display: flex;
    flex-direction: column;
}
.work-info ul li {
    display: flex;
    justify-content: space-between;
    padding: 18px 0;
    font-size: 14px;
    font-family: var(--font-kr);
    color: #000;
    border-bottom: 1px solid #e9e9e9;
}
.work-info ul li:last-child {
    border: none;
}
.work-info ul li span {
    font-weight: bold;
}
/* 상품 정보 */
.productinfo {
    background-color: #fff;
    padding: 0;
    margin-bottom: 5px;
    padding-bottom: 1px;
}
.product_desc {
    max-width: 900px;
    background-color: var(--white-color);
    margin: 0 auto;
    margin-top: 0px;
    display: flex;
    flex-direction: column;
}
.product_desc_cont {
    font-size: 14px;
    line-height: normal;
    padding-top: 0px;
    width:100%;
}
/* 셀러 정보 */ 
.artist_info-wrapper {
    width: calc(100% - 32px);
    max-width: 900px;
    margin: 0 auto;
    background-color: var(--white-color);
    
    display:flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: baseline;
    gap: 0;
}
.picture_profile {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 10px;
}
.circle-img {
    width: 50px;
    height: 50px;
}
.intro_info {
    font-size: 14px;
    font-family: var(--font-kr);
    color: #000;
}
.intro_info_wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.intro_info_wrapper img {
    width: 14px;
    height: 14px;
}
.intro_info_wrapper div {
    display: flex;
    align-items: center;
    gap: 4px;
}
.intro_info_wrapper div span {
    font-size: 14px;
    font-family: var(--font-kr);
    color: var(--main-dark-grey);
}
.intro_info_table {
    display: flex;
    width: calc(100% - 20px);
    background-color: var(--main-light-grey);
    margin-top: 28px;
    padding-top: 15px;
    margin-left: 10px;
    padding-bottom: 15px;
}
.intro_info_table_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-family: var(--font-kr);
    color: #000;
    width: 100%;
}
.intro_info_table_wrapper span:nth-child(2) {
    font-weight: bold;
}
.intro_info_table_line {
    border-right: 1px solid var(--main-dark-grey);
}
.intro_info_time {
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 8px;
    font-size: 14px;
    font-family: var(--font-kr);
    color: var(--main-dark-grey);
    font-weight: bold;
}



/* 상품문의 */
.ordercount {
    height: auto;
    max-width: 900px;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--white-color);
    cursor: pointer;
    margin-top: 0px;
}

.ordercont {
    width: 100%;
    border: 2px solid #e9e9e9;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    line-height: 40px;
    font-size: 15px;
    font-weight: bold;
    align-items: center;
}

.ordercount_wrapper {
    display: flex;
    align-items: center;
}
.ordercount_title {
    font-size: 16px;
    font-family: var(--font-kr);
    font-weight: bold;
    color: #000;
}
.num_highlight {
    position: static;
    font-weight: bold;
    font-size: 16px;
    margin-left: 5px;
}
.ordercount_detail {
    width: 24px;
    height: 24px;
}
.ordercount_detail img {
    width: 24px;
    height: 24px;
}
/* 메뉴 리뷰 */
.menureview {
    position: relative;
    width: calc(100% - 32px);
    max-width: 900px;
    margin-top: 20px;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);
   
}
.reviewheader {
    display: flex;
    flex-direction: column;
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
    border: 2px solid #e9e9e9;
}
.reviewheader .reviewstararea {
    width: 100%;
    display: flex;
    height: auto;
    padding: 23px 15px;
    justify-content: space-evenly;
    align-items: baseline;
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 10px;
}
.menu_startarea {
    width: 100%;
    display: flex;
}
.grade {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}
.grade p {
    font-size: 14px;
    font-weight: bold;
    font-family: var(--font-kr);
    color: #000;
}
.grade .star {
    width: 21px;
    height: 21px;
}
.starpoint_green {
    font-size: 20px;
    font-family: var(--font-kr);
    font-weight: bold;
    color: var(--dark-main-color);
}
.starpoint_green span {
    color: #DADADA;
}
.review_wrapper {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}
.review_wrapper p {
    font-size: 14px;
    font-weight: bold;
    font-family: var(--font-kr);
    color: #000;
}
.review_icon {
    width: 40px;
    height: 40px;
    background: url(../../img/icon/review/review.png) no-repeat;
    background-size: 40px 40px;
    margin-top: 5px;
}
.review_cnt {
    float: none;
    line-height: normal;
    font-size: 16px;
    font-family: var(--font-kr);
    font-weight: bold;
    color: var(--dark-main-color);
}
/* 평점 비율 */
.average_rate_grade {
    width: 100%;
    height: auto;
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.average_rate_grade p {
    font-size: 14px;
    font-family: var(--font-kr);
    font-weight: bold;
    color: #000;
    padding-bottom: 20px;
}
/* 리뷰 progress bar */
.substar {
    display: flex;
    justify-content: center;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 30px;
}
.subitem {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 35px;
}
.subitem progress{
    transform: rotate(-90deg);
    width: 60px;
    height: 6px;
    appearance: none;
}
.subitem progress::-webkit-progress-bar {
    background-color: var(--white-color);
    border-radius: 100px;
    border: 1px solid var(--main-dark-grey);
}
.subitem progress::-webkit-progress-value {
    background-color: var(--main-dark-grey);
}
.subitem span {
    color: var(--main-dark-grey);
    font-family: var(--font-kr);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
}
.subitem_title {
    font-size: 14px;
    font-family: var(--font-kr);
    color: var(--main-dark-grey);
}
/* 사진 리뷰만 */
.review_selectpic_wrapper {
    display: flex;
    justify-content: flex-end;
    padding-top: 20px;
}
.review_selectpic {
   
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-family: var(--font-kr);
    color: #000;
    cursor: pointer;
    margin-top: 20px;
    display: flex;
    margin-bottom: 20px;
}
.review_selectpic .review_selectpic_check_icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../../img/roundcheck_off.png) no-repeat;
    background-size: 20px;
    background-position-y: bottom;
}
.review_selectpic_on .review_selectpic_check_icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../../img/roundcheck_on.png) no-repeat;
    background-size: 20px;
    background-position-y: bottom;
}
.review_selectpic_on{
    
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-family: var(--font-kr);
    color: #000;
    cursor: pointer;
    margin-top: 20px;
    display: flex;
    margin-bottom: 20px;
}

.comment {
    font-size: 14px;
    font-family: var(--font-kr);
    color: #000;
}


/* 리뷰가 없을때 */
.coupon_pop form .coupon_pop_inner .coupon_list .no_data_area p, .no_data_cont p {
    background: none;
    padding-top: 20px;
    font-size: 14px;
    top: 60px;
}
.order-bottom-btn {
    width: 100%;
    padding: 8px 16px;
    background-color: var(--white-color);
    box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.10);
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10001;
}
.btn_order {
    display: inline-block;
    width: 100%;
    padding: 13px 0;
    background-color: var(--main-color);
    color: var(--white-color);
    border-radius: 2px;
    font-size: 14px;
    font-family: var(--font-kr);
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}
/* 주문 및 금액 확인 */
.order_cont {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10002;
}
/* 주문 취소 및 확인 */
.order-bottom-option-btn {
    display: none;
}
/* 상품관련 info */
.bottominfo {
    display: none;
}
/* 견적문의 팝업 */
.order_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #0000008a;
}
.order_bg_open {
    animation: fadein 1s;
    -webkit-animation: fadein 1s;
}
@keyframes fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.popup_option_wrapper {
    position: relative;
    width: 100%;
    height: auto;
    overflow-x: hidden;
    overflow-y: hidden;
}
.popup_option {
    display: none;
    position: fixed;
    width: 100%;
    bottom: 60px;
    z-index: 19999;
    height: auto;
    max-height: 80%;
    overflow: auto;
    background-color: var(--white-color);
    padding: 0 16px;
    border-radius: 6px 6px 0 0;
}

.order-bottom-option-btn {
    height: 60px;
    background-color: var(--white-color);
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 199999;
    justify-content: space-between;
    padding: 8px 16px;
    gap: 8px;
 
    /* box-shadow */
    box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.10);

}

.order-bottom-option-btn.flex {
    display: flex;
    margin-left: 0px;
}

.btn-basket {
    width: 100%;
    text-align: center;
    padding: 13px;
    border: 1px solid var(--main-color);
    color: var(--main-color);
    font-size: 14px;
    font-family: var(--font-kr);
    font-weight: bold;
    border-radius: 2px;
    cursor: pointer;
}
.btn-ask {
    width: 100%;
    text-align: center;
    padding: 13px;
    background-color: var(--main-color);
    color: var(--white-color);
    font-size: 14px;
    font-family: var(--font-kr);
    font-weight: bold;
    border-radius: 2px;
    cursor: pointer;
}
.optiontype1 {
    padding: 20px 0;
    border-bottom: 1px solid #e9e9e9;
}
.optiontype1 .optionselect {
    padding: 0;
}

.optiontype1 .optionselect .optionitem .option_item_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.option_item_check {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #000;
    position: relative;
}
.optionitemprice {
    text-align: right;
}
.optionitem.active .option_item_wrapper .option_item_check .option_itme_check_on {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--main-color);
    z-index: 19999;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.option_item_inner {
    display: flex;
    align-items: center;
    gap: 14px;
}
/* 팝업 내부 css */
.option_select_title {
    font-size: 14px;
    font-family: var(--font-kr);
    color: #000;
    font-weight: bold;
    padding-top: 17px;
}
.require_choice_text {
    font-size: 14px;
    font-family: var(--font-kr);
    color: #000;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 8px;
}
.detail_span_style {
    width: auto;
    float: none;
    color: var(--main-dark-grey);
    position: static;
    line-height: normal;
}
.optionitemName {
    font-size: 14px;
    font-family: var(--font-kr);
    color: #000;
    line-height: 54px;
}
.optionitemprice {
    font-size: 14px;
    font-family: var(--font-kr);
    color: #000;
    line-height: 54px;
}
/* 옵션_최종 주문금액 확인 */
.order-option {
    width: 100%;
    height: auto;
    background-color: var(--white-color);
    position: absolute;
    z-index: 10003;
    bottom: 0;
    display: flex;
    flex-direction: column;

}
.order-check {
    position: relative;
    width: 100%;
    bottom: 70px;
    background-color: var(--white-color);
    height: auto;
    padding: 16px 16px 0px 16px;
    border-radius: 6px 6px 0 0;
}
.order-check-selected-box {
    width: 100%;
    padding: 10px 10px 16px 10px;
    background-color: #eee;
    border-radius: 2px;
    position: relative;
    margin-bottom: 1px;
}
.order-check-selected-box-title {
    font-size: 14px;
    font-family: var(--font-kr);
    font-weight: bold;
}
.order-check-selected-box-option {
    font-size: 12px;
    line-height: 14px;
    font-family: var(--font-kr);
    color: var(--main-dark-grey);
    padding: 8px 0;
}
.option-count {
    width: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.option-countgroup {
    width: 90px;
    border-radius: 2px;
    border: 1px solid #a4a4a4;
    background-color: #fff;
    padding: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* 주문 개수 셀럭터 */
.option-count-btn {
    width: 15px;
    /* font */
    color: var(--main-dark-grey);
    text-align: center;
    font-family: var(--font-kr);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 116.667% */
    cursor: pointer;
}
/* 주문 카운트 넘버 */
.option-count-num{
   /* font */
   color: #000;
   text-align: center;
   font-family: var(--font-kr);
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
   line-height: 14px; /* 116.667% */
}
#order_item_price {
    font-size: 14px;
    font-family: var(--font-kr);
    color: #000;
    font-weight: bold;
}

/* 주문이 없을때 생기는 텍스트 스타일 */
.order-noitem{
    padding: 40px 0;
    /* font */
    color: var();
    text-align: center;
    font-family: var(--font-kr);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px; /* 116.667% */
}

/* 주문 체크단계에서 주문금액 */
.order-check-price{
    /* siz */
    width: 100%;
    /* flex */
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
    /* padding */
    padding: 24px 0;
    /* font */
    color: var(--dark-main-color);
    text-align: right;
    font-family: var(--font-kr);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px; /* 142.857% */
}

.btn_close {
    width: auto;
    text-align: start;
    padding: 0;
    position: absolute;
    top: 12px;
    right: 10px;
    z-index: 100;
}
.btn_close button {
    width: 10px;
    height: 10px;
    background-size: 10px 10px;
}
/* 총 주문금액 */
.order-bottom {
    display: flex;
    justify-content: end;
    padding-right: 16px;
}
.order-bottom-price {
    display: none;
    align-items: center;
    color: var(--main-color);
    font-family: var(--font-kr);
    font-weight: bold;
}
/* 리뷰 */
.reviewcont {
    padding: 0 16px;
}
.myreview_inner {
    top: 0;
}
.myreview_inner .myreview_area {
    padding: 0;
}
.myreview_inner .myreview_area li {
    padding: 0 0 30px 0;
}
.profile_inner {
    display: flex;
    gap: 10px;
    align-items: center;
}
.profile_img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}
.profile_img img {
    width: 100%;
    height: 100%;
}
.review_user {
    font-size: 12px;
    font-family: var(--font-kr);
    font-weight: bold;
    color: #000;
}
.txt {
    height: auto;
    font-size: 12px;
    font-family: var(--font-kr);
    line-height: 18px;
    padding: 8px 0;
}
.myreview_inner .myreview_area li .date {
    font-size: 10px;
    font-family: var(--font-kr);
    color: var(--main-dark-grey);
}
.cont {
    margin: 0;
    display: flex;
    padding: 20px 0 10px 0;
    justify-content: flex-start;
    align-items: center;
    gap: 1%;
    height: auto;
}
.review_img {
    position: relative;
    width: 24%;
    cursor: pointer;
}
.review_img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.review_img::after {
    display: block;
    content: "";
    padding-bottom: 100%;
}
/* 이미지 확대 */
.bigSize_container {
    display: none;
}
.bigSize_container.on {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200001;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background-color: rgba(0, 0, 0, 0.80);
    display: flex;
    align-items: center;
    justify-content: center;
}
.bigSize_img_bg {
    position: absolute;
    width: 100%;
    height: 100vh;
    z-index: 1;
}
.bigSize_img_close {
    position: fixed;
    top: 20px;
    right: 16px;
    width: 25px;
    height: 25px;
    z-index: 3;
}
.bigSize_img_close img {
    width: 100%;
    height: 100%;
}
#bigSize_img {
    position: relative;
    z-index: 2;
    max-width: 400px;
    width: 60%;
    height: auto;
}

/* 푸콘 팝업  */

/* 쿠폰팝업 블라인드 */
.coupon-popup-bg{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000;
    /* size */
    width: 100%;
    height: 100vh;
    /* bg */
    background: rgba(0, 0, 0, 0.50);
}
/* 블라인드 on */
.coupon-popup-bg.on{
    display: block;
}

/* 쿠폰팝업 wrapper */
.coupon-popup-wrapper{
    /* display */
    display: none;
    /* position */
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000001;
    /* size */
    width: 100%;
    height: 500px;
    /* bg */
    background-color: #fff;
    /* border */
    border-radius: 8px 8px 0 0;
    /* oveflow */
    overflow: hidden;
}

/* 쿠폰팝업 wrapper on */
.coupon-popup-wrapper.on{
    display: block;
}


/* 쿠폰 팝업 타이틀 */
.coupon-popup-title{
    /* padding */
    padding: 18px;
    /* font */
    color: #000;
    font-family: var(--font-kr);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
    letter-spacing: 0.15px;
}

/* 쿠폰팝업 닫기 */
.coupon-popup-close-pc{
    display: none;
}

.coupon-popup-inner-wrapper{
    height: calc(500px - 60px);
    overflow: auto;
}
/* 쿠폰 팝업 리스트 */
.coupon-popup-list{
    /* size */
    width: 100%;
    height: auto;
    /* padding */
    padding: 0 18px;
    /* flex */
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    
}

/* 쿠폰 팝업 리스트 아이템 */
.coupon-popup-items{
    width: 100%;
    height: auto;
    /* style */
    border-radius: 2px;
    border: 1px solid #E9E9E9;
    background: #FFF;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10);
    overflow: hidden;
    cursor: pointer;
}

.coupon-popup-items:last-child{
    margin-bottom: 20px;
}

/* 쿠폰 팝업 리스트 아이템 헤더 */
.coupon-item-header{
    /* size */
    width: 100%;
    /* padding */
    padding: 13px;
    /* bg */
    background-color: var(--main-color);
    /* flex */
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* 쿠폰 팝업 리스트 아이템 헤더 왼쪽 */
.coupon-item-header-left{
    /* flex */
    display: flex;
    align-items: center;
    gap: 4px;
}

.coupon-item-name{
    color: #FFF;
    font-family: var(--font-kr);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 12px; /* 100% */
}

/* 쿠폰 팝업 쿠폰 아이콘 */
.coupon-icon{
    width: 21px;
    height: 21px;
}

.coupon-icon img{
    width: 100%;
}

/* 쿠폰받기 아이콘 */
.coupon-download-icon {
    width: 15px;
    height: 15px;
}

/* 기존에 소지한 쿠폰받기 아이콘 히든처리 */
.coupon-popup-has-items .coupon-download-icon {
    display: none;
}

.coupon-download-icon img{
    width: 100%;
}

/* 쿠폰 팝업 아이템 컨텐츠 박스 */
.coupon-item-content{
    width: 100%;
    /* padding */
    padding: 16px 16px 13px 16px;
}

/* 쿠폰 아이템 타이틀 */
.coupon-item-title{
    color: var(--dark-main-color);
    font-family: var(--font-kr);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px; /* 100% */
    margin-bottom: 2px;
}

/* 쿠폰 아이템 코멘트  */
.coupon-item-comment{
    color: var(--dark-main-color);
    font-family: var(--font-kr);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 166.667% */
    margin-bottom: 1px;
}

/* 쿠폰 아이템 사용가능 기준 */
.coupon-item-standard{
    color: #000;
    font-family: var(--font-kr);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 166.667% */
    /* margin */
    margin-bottom: 4px;
}

/* 쿠폰 유효기간 */
.coupon-item-date, .coupon-item-date > span{
    color: var(--main-dark-grey);
    font-family: var(--font-kr);
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 12px; /* 120% */
}

/* 쿠폰을 가지고 있을 경우 */
.coupon-popup-has-items .coupon-item-header{
    background-color: #C7C7C7;
}

.coupon-popup-has-items .coupon-item-title ,
.coupon-popup-has-items .coupon-item-comment,
.coupon-popup-has-items .coupon-item-standard,
.coupon-popup-has-items .coupon-item-date,
.coupon-popup-has-items .coupon-item-date > span{
    color: var(--main-dark-grey);
}

/* 최하단 푸터 */
.companyinfo{
    display: none;
    padding-top: 30px;
}

.header_order {
    background: #00a0b6;
    color: white;
    padding-left: 15px;
    font-size: 15px;
    padding-right: 15px;
    padding-top: 8px;
    padding-bottom: 5px;
    height: 40px;
    border-radius: 10px;
}

.side_nav {
    position: fixed;
    top: 30%;
    right: 5%;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    display: none; /* 초기 상태에서 숨김 */
    transition: opacity 0.5s; /* 서서히 나타나는 애니메이션 */
    opacity: 0;
}

.side_nav.visible {
    display: flex; /* 보이도록 설정 */
    opacity: 1; /* 투명도 설정 */
  }

.side_nav_items {
    width: 60px;
    height: 60px;
    background-color: var(--white-color);
    font-size: 1.6rem;
    color: var(--lock-color);
    border: none;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 9px 1px rgba(3, 3, 3, 0.20);
    box-shadow: 0px 0px 9px 1px rgba(3, 3, 3, 0.20);
}

.side_nav_items > div {
    margin:auto;
}

.share_toggle_wrapper {
    /* position */
    position: fixed;
    top: 50%;
    left: 50%;
    /* transform */
    transform: translate(-50%, -50%);
    /* size */
    width: 300px;
    height: auto;
    /* background */
    background-color: var(--white-color);
    /* box-shadow */
    -webkit-box-shadow: 0px 0px 9px 1px rgba(3, 3, 3, 0.46);
    box-shadow: 0px 0px 9px 1px rgba(3, 3, 3, 0.46);
    /* padding */
    padding: 20px 20px;
    /* border */
    border-radius: 10px;
    /* flex */
    display: flex;
    flex-direction: column;
    align-items: center;

    z-index: 99;
  }
  
  .share_close_btn {
    /* text */
    text-align: right;
    /* size */
    width: 100%;
    /* margin */
    margin-bottom: 10px;
  }
  
  .share_btn_wrapper {
    /* size */
    width: 100%;
    /* flex */
    display: flex;
    justify-content: space-evenly;
    /* padding */
    padding-bottom: 20px;
  }
  
  .share_toggle_wrapper button {
    /* background */
    background: 0;
    /* font */
    color: var(--text-color);
    /* border */
    border: 0;
  }
  
  .share_btn_popup,
  .share_btn_popup:is(:focus,:hover){
      /* flex */
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 2px;
      /* font */
      color: var(--text-color);
      /* cursor */
      cursor: pointer;
  }
  
  /* KaKao Logo */
  .kakao-logo {
    /* size */
    width: 50px;
    height: 50px;
    /* background */
    background-color: #f9e000;
    /* flex */
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin */
    margin: 0;
    /* border */
    border-radius: 50%;
  }
  
  .clip_color {
    /* flex */
    display: flex;
    justify-content: center;
    align-items: center;
    /* size */
    width: 50px;
    height: 50px;
    /* margin */
    margin: 0;
    /* border */
    border-radius: 50%;
    /* background */
    background-color: var(--category-text-color);
    /* color */
    color: var(--white-color);
    /* font */
    font-size: 2rem;
    /* transform */
    transform: rotate(40deg);
  }
  

/* PC 버전  */
@media screen and (min-width:992px) {
    /* PC 네비 */
    .pc_nav_wrapper{
        z-index: 10001;
    }
   
    /* 상단 헤더 */
    .common-top-header{
        position: relative;
        box-shadow: unset;
        /* padding */
        padding: 40px 16px;
    }
    .detail-header-inner{
        max-width: 1300px;
        width: 100%;
        margin: 0 auto;
    }

    /* PC 쿠폰 */
    .pc_coupon_list_btn{
        display: block;
        width: auto;
        flex-direction: row-reverse;
        background-color: transparent;
        padding: 9px;
        margin: 0;
        font-size: 12px;
    }

    /* 쿠폰 팝업 */
    .coupon-popup-wrapper{
        width: 500px;
        height: auto;
        /* position */
        bottom: unset;
        top: 50%;
        left: 50%;
        /* transform */
        transform: translate(-50%, -50%);
        /* border */
        border-radius: 4px;
    }
     /* 쿠폰 팝업 타이틀 */
    .coupon-popup-title{
        margin: 0 0.5%;
        padding: 24px 16px;
    }

    /* 쿠폰 닫기 버튼 */
    .coupon-popup-close-pc{
        display: flex;
        justify-content: flex-end;
        width: 100%;
        /* padding */
        padding: 14px 16px 30px 0 ;
    }
    
    .coupon-popup-close-pc-btn{
        color: var(--main-dark-grey);
        text-align: center;
        font-family: var(--font-kr);
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 16px; /* 114.286% */
        letter-spacing: 1.25px;
        cursor: pointer;
    }
    
    /* 쿠폰 팝업 내부 wrapper */
    .coupon-popup-inner-wrapper{
        /* border */
        border-top: 1px solid #e9e9e9 ;
    }

    /* 쿠폰 팝업 리스트 */
    .coupon-popup-list{
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 0;
        padding: 20px 16px ;
    }
    

    /* 쿠폰 팝업 아이템 */
    .coupon-popup-items{
        width: 49%;
        margin: 0 0.5% 15px 0.5%;
    }

    .coupon-popup-items:last-child{
        margin-bottom: 15px;
    }

    /* 쿠폰 팝업 아이템 헤더 */
    .coupon-item-header{
        padding: 8px;
    }

    /* 상품 이미지_금액_기본 정보 */
    .Detailcontent {
        width: 100%;
        padding-bottom: 40px;
        max-width: 1000px;
        display: block;
        margin: auto !important;
    }

    .menuContent {
        max-width: 1000px;
        margin: auto; 
    }

    .detail_info_wrapper {
        padding-top: 40px;
        border-top: 8px solid var(--main-light-grey);
    }
    .pc_detail_content_wrapper {
        max-width: 1300px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        gap: 60px;
        margin: 0 auto;
    }

    /* 탭바 sticky 해제 */
    .info_list_wrapper {
        position: relative;
        top: 0;
        z-index: 0;
    }
    .info_list{
        width: calc(100% - 140px);
        margin: 0 auto;
    }
    /* pc 상단 상품 이미지_별점 */
    .pc_image_startarea {
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-right: 1px solid #e9e9e9;
    }
    /* pc 상단 기본 금액_쿠폰_기본정보 */
    .pc_basic_price_menu_content {
        width: 100%;
    }
    /* pc 상단 쿠폰 list_btn */
    .basic_price {
        align-items: center;
        width: 100%;
        margin-bottom: 20px;
    }
    /* 기본 금액 */
    .basic_price_inner {
        gap: 5px;
    }
    .mobile_coupon_list_btn {
        display: none;
    }

    /* swiper 이미지 사이즈 조정 */
    .Detailcontent .topImage{
        width: 350px;
        height: 350px;
    }
    .swiper-slide{
        width: 350px !important;
    }

    /* 견적문의버튼 */
    .order-bottom-btn{
        position: relative;
        bottom: unset;
        left: unset;
        /* padding */
        padding: 0;
        /* box shadow */
        box-shadow: unset;
        margin-bottom: 37px;
        z-index: unset;
        max-width: 1000px;
        margin: auto;
    }
    /* 견적문의 팝업 */
    .order-option {
        width: 500px;
        min-height: 250px;
        position: fixed;
        top: 50%;
        left: 50%;
        bottom: unset;
        transform: translate(-50%, -50%);
        overflow: visible;
        border-radius: 4px;
        box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.20), 0px 6px 30px 0px rgba(0, 0, 0, 0.12), 0px 16px 24px 0px rgba(0, 0, 0, 0.14);
    }
    .order-noitem {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding-bottom: 60px;
    }

    .popup_option_wrapper {
        position: fixed;
        width: 500px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border: none;
        z-index: 100003;
        overflow: auto;
        border-radius: 4px;
        box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.20), 0px 6px 30px 0px rgba(0, 0, 0, 0.12), 0px 16px 24px 0px rgba(0, 0, 0, 0.14);
    }

    

    .popup_option {
        position: fixed;
        width: 100%;
        bottom: 60px;
        z-index: 19999;
        height: auto;
        max-height: 80%;
        overflow: auto;
        background-color: var(--white-color);
        padding: 0 16px;
        border-radius: 6px 6px 0 0;
        max-width: 600px;
        margin-left: calc(50% - 300px);
    }
    .order-check {
        width: 500px;
        height: auto;
        position: static;
        z-index: 9999;
        border-radius: 6px;
        margin-bottom: 70px;
    }
    .order-bottom-option-btn {
        height: 60px;
        background-color: var(--white-color);
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        z-index: 199999;
        justify-content: space-between;
        padding: 8px 16px;
        gap: 8px;
        box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.10);
        max-width: 600px;
        margin-left: calc(50% - 300px);
    }
    .btn-basket {
        width: 100%;
        text-align: center;
        padding: 13px;
        border: 1px solid var(--main-color);
        color: var(--main-color);
        font-size: 14px;
        font-family: var(--font-kr);
        font-weight: bold;
        border-radius: 2px;
        cursor: pointer;
    }
    .btn-ask {
        width: 100%;
        text-align: center;
        padding: 13px;
        background-color: var(--main-color);
        color: var(--white-color);
        font-size: 14px;
        font-family: var(--font-kr);
        font-weight: bold;
        border-radius: 2px;
        cursor: pointer;
    }
    .pc_order_option_btn {
        box-shadow: none;
        position: absolute;
    }
    .pc_order_option_btn .pc_order_cancel {
        border:1px solid var(--main-color);
        color: var(--main-color);
        padding: 13px 27px;
        line-height: 14px;
    }
    .pc_order_option_btn .pc_order_ask {
        background-color: var(--main-color);
        color: var(--white-color);
        padding: 13px 27px;
        line-height: 14px;
    }
    /* pc 상단 기본 정보  */
    .priceinfo {
        margin: 0;
        padding: 0;
        border: none;
    }
    /* 안내문 하단 */
    .detail_info_wrapper .detailinfo{
        width: calc(100% - 140px);
        max-width: unset;
        margin-bottom: 40px;
        max-width: unset;
        padding: 43px 28px;
    }

    /* 작업정보 */
    .basicinfo{
        padding: 0;
    }
    .work-info{
        width: calc(100% - 140px);
        max-width: unset;
    }

    /* 상품정보 */
    .product_desc{
       /*width: calc(100% - 140px);*/
        max-width: unset;
        /* padding */
        /*padding: 24px 0;*/
    }
    /* 상품 정보 타이틀 */
    .priceititle.product_info_title{
        width: calc(900px - 70px);
        margin: 0 auto;
        text-align: center;
        padding-bottom: 16px;
        border-bottom: 1px solid #000;
        margin-bottom: 25px;
    }
    /* 상품정보 내부 컨텐츠 */
    .product_desc_cont{
        /*max-width: calc(900px - 32px);*/
        width: 100%;
        margin: 0 auto;
        /*padding: 10px 16px 0 16px;*/
    }

    /* 셀러 정보 */
    .artist_info-wrapper{
        max-width: unset;
        width: calc(100% - 140px);
        /* padding */
        padding: 24px 24px 30px 24px;
    }

    /* 셀러 프로필 전체 wrapper */
    .seller_profile_total_wrapper{
        width: calc(100% - 40px);
        margin: 0 auto;
        /* flex */
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    /* 셀러 프로필 부분 */
    .picture_profile{
        width: auto;
    }
    /* 셀러하단 정보 테이블  */
    .intro_info_table{
        width: calc(100% - 40px);
        margin: 0 auto;
        margin-top: 28px;
    }

    /* 모바일 평균접속 시간 */
    .mobile_intro_info_time{
        display: none;
    }

    /* PC 평균접속시간 */
    .pc_intro_info_time{
        display: block;
        width: auto;
    }

    /* 상품문의 박스 */
    .ordercount{
        width: 100%;
        max-width: unset;

    }

    /* 하단 리뷰 박스 */
    .menureview{
        max-width: unset;
        width: 100%;
    }

    /* 리뷰 총편점 부분 */
    .reviewheader .reviewstararea{
        padding: 50px 40px;
    }

    /* 총평점 flex로 PC 대응 */
    .menu_startarea_wrapper{
        width: 100%;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        /* border */
        padding-bottom: 70px;
        border-bottom: 1px solid #e9e9e9;
    }
    /* 총평점 부분 */
    .menu_startarea {
        height: 150px;
    }

    /* 사용자 총 평점 카운트 */
    .starpoint_green {
        font-size: 40px;
    }

    /* 전체 리뷰수 하단 이미지 */
    .review_icon {
        width: 45px;
        height: 45px;
        background: url(../../img/icon/review/review.png) no-repeat;
        background-size: 45px 45px;
    }
    /* 전체 리뷰수 카운트 */
    .review_cnt{
        font-size: 40px;
    }

    .starpoint{
        font-size: 40px;
    }

    .font20 {
        font-size:20px;
    }

    /* 평점비율 */
    .average_rate_grade{
        width: 50%;
        padding-top: 0;
    }
    .substar{
        padding-bottom: unset;
        border: unset;
    }

    /* 리뷰 사진리뷰만 보기 */
    .review_selectpic_wrapper{
        justify-content: flex-start;
    }

    /* 리뷰 컨텐츠 */
    .reviewcont{
        padding: 0 40px;
    }

    /* 하단 리뷰 별점 */
    .review_star {
        padding: 0 0 37px 0;
    }

    /* PC 일때 푸터 불러오기 */
    .companyinfo{
        display: none;
    }
    
    .orderfixed {
        position: fixed;
        bottom: 0px;
        margin-left: calc(50% - 500px);
    }

    .detailbg {
        margin:auto;
    }

    .startarea {
        width:300px;
        height:auto;
    }

    .star {
        width:20px;
        height:20px;
        background-size: 20px;
    }

}

/* 태블릿일때 */
@media screen and (min-width: 768px) {
    /* 리뷰 이미지 */
    .myreview_area .cont{
        max-width: 350px;
        width: 100%;
    }

   
}

/* 테블릿 ~ PC 사이 */
@media screen and (min-width: 768px) and (max-width: 992px) {
        /* 메인 디테일 컨텐츠 */
        .Detailcontent{
            top: 0;
        }

}

@media screen and (max-width: 768px) {
    .header_order {
        display: none;
    }


    .headunfav {
        width: 24px;
        height: 24px;
        position: static;
        background: url(../../img/icon/fav/grey-fav.png) no-repeat center;
        background-size: 24px 24px;
        flex-grow: 1;
        float: none;
        cursor: pointer;
        margin-top:0px;
    }
    .headfav {
        width: 24px;
        height: 24px;
        position: static;
        background: #fff url(../../img/icon/fav/fav.png) no-repeat top -0.5px center;
        background-size: 28px 28px;
        flex-grow: 1;
        float: none;
        cursor: pointer;
        margin-top:0px;
    }

    .share {
        display: inline-block;
        width: 24px;
        height: 24px;
        background: #fff url(../../img/icon/share.png) no-repeat center;
        background-size: 24px 24px;
        position: static;
        float: none;
        margin: 0;
        flex-grow: 1;
        cursor: pointer;
        margin-top:0px;
    }

    .side_nav, .side_nav.visible {
        display: none;
    }

    .startarea {
        width: 204px;
        margin-left: 10px;
        margin-right: 10px;
        margin: auto;
    }
    
}

/* 상품 페이지 CSS */

/* 이미지 파일 popup */
.pop {
    display: none;
}

.noitemarea {
    width: 100%;
    height:80px;
    text-align: center;
}

.noitem {
    font-size: 20px;
    line-height: 70px;
}

.starare {
    display: flex;
    width: 100%;
    max-width: 400px;
    text-align: center;
    flex-direction: column;
    align-items: center;
}


.review_title {
    text-align: center;
    padding: 0px;
    width: 100%;
    max-width: 400px;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.paddingleftno {
    padding-left:0px;
}

.paddingrightno {
    padding-right:0px;
}

.reviewitem {
    display: flex;
    flex: 1;
    flex-direction: row;
    justify-content: space-between;
    align-items: center
}

.profile {
    width:50px;
    margin-right: 20px;
}

.review_cont {
    width:100%;
}

.ico_star{
    width:20px;
    height:20px;
    background-size:20px;
}

.giftprice {
    font-size:20px;
}

.product_desc_cont > img {
    max-width: 100%;
}

.product_desc_cont > p > img {
    max-width: 100%;
}

.art_con_text > img {
    max-width: 100%;
}

.art_con_text > p > img {
    max-width: 100%;
}

.art_con_text > div > img {
    max-width: 100%;
}