.container-fluid{
    margin: 0 auto !important;
}
[class*="paddingContainer"]{
    padding-left: 250px;
}
[class*="amado-btn"],
[class*="amado-btn"]:hover{
    font-size: .75rem !important;
}
.single-product-wrapper{
    margin: 0;
}
.footer_area{
    z-index: 0; padding: 60px 5% 0;
}
.table-responsive{
    overflow-x: visible;
}

.amado-btn-white{
    display: inline-block; height: 40px; color: #000; border: none; border-radius: 0;
    padding: 0 7px; font-size: 16px; line-height: 40px; background-color: #fff; font-weight: 400; border: 1px solid #000;
}
.amado-btn-white:hover{
    background-color: #000; color: #fff;
}

/* ########## 비어있는 상품 ########## */
/* .empty-context{
    padding: 50px 0; display: none;
}
.empty-context.active{
    display: block;
} */
.empty-context{
    padding: 50px 0;
}
.empty-context p{
    font-size: .875rem; font-weight: 500;
}

/* ########## 상품 리스트 ########## */
.product-topbar .product-sorting p{
    background-color: transparent; padding-left: 0;
}
.product-topbar .product-sorting .select-box select{
    padding: 10px 2%; margin-left: 10px; font-size: .875rem;
}
.list-search-box{
    border-bottom: 1px solid #000; padding-bottom: 5px; width: fit-content; margin-left: auto;
}
.list-search-box img{
    max-width: 30px;
}
.list-search-box input,
.list-search-box button{
    border: none; outline: none; padding: 5px; font-size: .875rem; background-color: transparent;
}
.list-search-box input[type="search"]{
    width: 150px; border: none; 
}
.list-search-box button{
    cursor: pointer;
}

/* ########## 상품 상세 ########## */
.product_code{
    gap: 10px;
}
.product_code p{
    margin: 0; font-size: .75rem;
}
.product_code+h3{
    font-size: 1rem; color: #131212; font-weight: 600;
}


.product_detail_desc > div:nth-of-type(2) > span{
    background-color: #fff;
}
/* ##### productInfo ##### */
.productInfo{
    border-top: 1px solid #dedede; padding: 20px 0; font-size: .6875rem; box-sizing: border-box;
}
.productInfo .productName{
    width: 50%;
}
.productInfo .productName h3{
    font-size: .6875rem;
}
.productInfo > .productCount{
    margin-left: 5%;
}
.productInfo > .productCount span input{
    font-size: .6875rem; height: 22px; border: 1px solid #dedede; width: 40px;
}
.productInfo > .productCount span+div button{
    border: none !important; background-color: transparent !important; width: fit-content; outline: none; cursor: pointer; line-height: 0;
}
.productInfo > .productCount span+div button img{
    min-width: 21px;
}
.productInfo > .productPrice{
    font-weight: 600; width: 20%; margin-left: 10px;
}
.productInfo+.short_overview p{
    font-weight: 600; border-top: 1px solid #dedede; padding-top: 30px;
}
.productInfo+.short_overview p span{
    font-size: 1rem;
}
.single_product_desc [class*="amado-btn"]{
    min-width: 120px !important;
}

/* ##### 제품 상세 디테일 tab UI ##### */
.main-content-wrapper .single-product-area .single_product_thumb{
    margin-bottom: 130px;
}
.single-product-area .detail_info{
    width: 92%; box-sizing: border-box !important; margin: 0 auto; padding: 0;
}
.single-product-area .detail_info .detail_tabUI{
    font-size: .875rem; font-weight: 500; box-sizing: border-box;
}
.single-product-area .detail_info .detail_tabUI li{
    width: 25%; border: 1px solid #dedede; border-bottom: 1px solid #a57500; padding: 10px 2%; cursor: pointer;
}
.single-product-area .detail_info .detail_tabUI li.active{
    border: 1px solid #a57500; border-bottom: none;
}
/* ##### tab list css ##### */
.single-product-area .detail_info .tab_list > li{
    padding: 0 2%; box-sizing: border-box; display: none;
}
.single-product-area .detail_info .tab_list > li.active{
    display: block;
}
.single-product-area .detail_info .tab_list li p{
    font-size: .875rem;
}

/* ##### 연관 제품 안내 ##### */
.single-product-area .detail_info .tab_list .relatedItems_list h3{
    font-size: 1rem; font-weight: 500; border: 1px solid #a57500; padding: 10px 2%; box-sizing: border-box;
}
.single-product-area .detail_info .tab_list .relatedItems_list ul{
    gap: 2%;
}
.single-product-area .detail_info .tab_list .relatedItems_list ul li{
    width: 25%;
}
.single-product-area .detail_info .tab_list .relatedItems_list ul li h4{
    font-size: .75rem; margin: 0;
}
.single-product-area .detail_info .tab_list .relatedItems_list ul li p{
    text-align: center; color: #a57500;
}

/* ##### 제품 문의 안내 ##### */
.single-product-area .detail_info .tab_list .itemsInquiry_list table{
    border-top: 1px solid #a57500;
}
.single-product-area .detail_info .tab_list .itemsInquiry_list table tr{
    border-bottom: 1px solid #dedede;
}
.single-product-area .detail_info .tab_list .itemsInquiry_list table tr td:first-of-type{
    max-width: 100px; width: 40%;
}
.single-product-area .detail_info .tab_list .itemsInquiry_list table th,
.single-product-area .detail_info .tab_list .itemsInquiry_list table td{
    font-size: .75rem;
}
.single-product-area .detail_info .tab_list .itemsInquiry_list table td{
    padding: 15px 0;
}
.single-product-area .detail_info .tab_list .itemsInquiry_list table thead tr th{
    padding: 10px 0; box-sizing: border-box;
}
.single-product-area .detail_info .tab_list .itemsInquiry_list table tbody .accordion_q{
    cursor: pointer;
}
.single-product-area .detail_info .tab_list .itemsInquiry_list table tbody .accordion_a{
    display: none; box-sizing: border-box;
}
.single-product-area .detail_info .tab_list .itemsInquiry_list table tbody .accordion_a.active{
    display: block;
}


/* ##### number paging ##### */
.noPaging{
    display: flex; justify-content: center; align-items: center; font-size: .875rem; margin: 20px 0;
}
.noPaging ol{
    padding: 0 10px; display: flex; gap: 15px;
}
.noPaging ol li{
    color: #999; cursor: pointer;
}
.noPaging ol li.active{
    color: #000;
}
.noPaging img{
    width: 100%; max-width: 20px;
}
.noPaging div div a,
.noPaging div div a:hover{
    font-size: .875rem;
}
.noPaging div div a:hover{
    color: #000;
}


/* ##### 미송,반품,as 안내 ##### */
.single-product-area .detail_info .tab_list .itemsShipping p{
    margin: 0;
}


/* ########## 장바구니 ########## */
/* ##### tab UI ##### */
.cart-table-area .tabUI{
    gap: 10px;
}
.cart-table-area .tabUI li{
    padding: 10px 2%; cursor: pointer; width: 20%; position: relative; text-align: center;
}
.cart-table-area .tabUI li a{
    display: block; font-size: .75rem; color: #888;
}
.cart-table-area .tabUI li a.active{
    color: #000; font-weight: 600;
}
.cart-table-area .tabUI li a::after{
    content: ''; display: block; width: 100%; height: 1px; background-color: #dedede; position: absolute;
    left: 0; bottom: 3px;
}
.cart-table-area .tabUI li a.active::after{
    background-color: #000;
}
/* ##### table ##### */
.cart-table-area div .row > div{
    margin: 0 auto;
}
.cart-table-area .cart-table span,
.cart-table-area .cart-table span small{
    font-size: .75rem !important;
}
.cart-table-area .cart-table span small{
    padding-left: 5px;
}
.cart-table-area .cart-table table{
    border: 1px solid #dedede; box-sizing: border-box;
}
.cart-table-area table thead tr{
    background-color: transparent !important; border-bottom: 1px solid #dedede; align-items: center;
}
.cart-table-area table tbody tr:not(:last-of-type){
    border-bottom: 1px solid #dedede;
}
.cart-table-area table tbody tr td{
    font-size: .75rem; box-sizing: border-box;
}
.cart-table-area table tbody tr td h5{
    font-size: .75rem !important; margin: 0 !important; font-weight: 500;
}
.cart-table-area table tbody tr td h5+span{
    font-size: .6875rem; color: #999; display: block;
}
.cart-table-area table tbody tr td.price span{
    padding-left: 10px;
}
.cart-table-area table tbody tr td a img{
    max-width: 80px; width: 100%;
}
.cart-table-area table tbody tr td .qty-btn .quantity{
    border: 1px solid #dedede;
}
.cart-table-area table tbody tr td .qty-btn p,
.cart-table-area table tbody tr td .qty-btn .quantity input{
    background-color: transparent;
}
.cart-table-area table tbody tr td .qty-btn .quantity input{
    padding-left: 10px;
}
/* table 내부 button */
.cart-table-area table tbody tr td.select button{
    border: 1px solid #dedede; padding: 5px; box-sizing: border-box; font-size: .6875rem; transition: background-color .35s ease-out;
    background-color: #f8f8f8; border-radius: 3px; cursor: pointer; color: #000;
}
.cart-table-area table tbody tr td.select button:not(:last-of-type){
    margin-bottom: 5px;
}
.cart-table-area table tbody tr td.select button a{
    font-size: .6875rem;
}
.cart-table-area table tbody tr td.select button:hover{
    background-color: #fff;
}

/* ##### 삭제 및 장바구니비우기 버튼 ##### */
.cart-table-area div .row > div .serveButton{
    padding: 25px 0 30px; border-top: 1px solid #dedede; gap: 10px;
}
.cart-table-area div .row > div .serveButton button:last-of-type{
    background-color: #fff; color: #000; border-color: #dedede;
}
.cart-table-area div .row > div .serveButton button:last-of-type:hover{
    background-color: #dedede; color: #000;
}
/* ##### 주문 버튼 #####  */
.cart-table-area div .row > .cartButton{
    text-align: center;
}

/* ########## 관심상품 ########## */
.wishlist-table .categoryWish{
    row-gap: 10px; font-size: .75rem; color: #888;
}
.wishlist-table .categoryWish li{
    padding: 5px 2%; box-sizing: border-box;
}
.wishlist-table .categoryWish li a{
    font-size: .75rem; display: block; transition: all .3s ease-out; cursor: pointer;
}
.wishlist-table .categoryWish li.active a{
    color: #000; font-weight: 600;
}
.wishlist-table table{
    border: 1px solid #dedede;
}
/* ########## 모달 팝업 ########## */
.modal{
    display: none; z-index: 9999;
}
.modal-backdrop.show{
    opacity: .6;
}
.modal.show{
    display: flex; align-self: center; justify-content: center;
}
.modal-dialog{
    width: 100%;
}
.modal-content{
    border-radius: 8px;
}
.modal-header{
    background-color: #131212;
}
.modal-title{
    font-size: .815rem;
}
.modal-title,
.modal-header .close{
    color: #fff;
}
.modal-body{
    padding: 1rem;
}
.modal-body form div{
    box-sizing: border-box;
}
.modal-body form input{
    outline: none; padding: 5px 10px; border: 1px solid #dedede; font-size: .815rem;
}
.modal-body form input[type="search"]{
    width: 85%;
}
.modal-body form input[type="submit"]{
    cursor: pointer; width: 15%; border-left: none;
}
.modal-body strong{
    font-size: .875rem;
}
.modal-body .select_box{
    justify-content: flex-start; gap: 10px;
}
.modal-body .select_box img{
    max-width: 100px !important; width: 100%;
}
.modal-body .select_box > span{
    font-size: .75rem;
}
.modal-body .select_box .select_pck{
    width: 100%; box-sizing: border-box;
}
.modal-body .productInfo{
    display: none;
}
.modal-body .productInfo.active{
    display: flex;
}
.modal-footer .btn:hover{
    font-size: .75rem;
}

/* ##########주문하기 ########## */
.order-content div div > .alert{
    font-size: .6875rem; color: #cc2c2c; text-align: right; margin-bottom: 5px; padding: 0;
}
.order-content div div > .alert span{
    padding: 2px 6px; border: 1px solid #dedede;
}
/* common 총결제 금액 */
.finalPrice{
    padding: 10px;
}
.finalPrice p{
    font-size: .75rem; color: #000; margin: 0;
}
.finalPrice p span{
    font-weight: 700; padding-left: 5px;
}
.order-content .order-info-desc{
    width: 80% !important; margin: 0 auto !important;
}
.order-content .order-info-desc > .my-cate-btn .shopMain-order{
    cursor: pointer; padding: 20px 0;
}
/* ##### 픽업, 배달, 택배, 사입사/삼촌 안내 ##### */
.order-info-desc .shopDesc-order .shopMain-order-desc{
    display: none; padding: 15px;
}
.order-info-desc .shopDesc-order .shopMain-order-desc.active{
    display: block;
}
.order-info-desc .shopDesc-order .shopMain-order-desc p{
    font-size: .75rem;
}
.order-info-desc .shopDesc-order .shopMain-order-desc > input{
    width: 100%; border: 1px solid #dedede; padding: 10px; box-sizing: border-box; font-size: .75rem;
}
.order-info-desc .shopDesc-order .shopMain-order-desc > input+span{
    font-size: .6875rem;   
}
.order-info-desc .shopDesc-order .shopMain-order-desc .shipping-fee-info{
    border-top: 1px solid #dedede;
}
.order-info-desc .shopDesc-order .shopMain-order-desc .shipping-fee-info p{
    display: none; color: #cc2c2c;
}
.order-info-desc .shopDesc-order .shopMain-order-desc .shipping-fee-info p.active{
    display: block;
}
.order-info-desc .shopDesc-order .shopMain-order-desc:nth-of-type(3){
    display: none;
}

/* 공통 안내 */
.order-info-desc .common-info{
    padding: 30px 0; border-width: 1px 0; border-color: #dedede; border-style: solid; font-size: .875rem; font-weight: 500;
}
.order-info-desc .common-info li:not(:last-of-type){
    margin-bottom: 10px;
}
/* 주문하기 button */
.order-info-desc .btn_order{
    gap: 10px;
}


/* ########## 주문조회 및 주문완료 ########## */
/* ##### common chat css ##### */
.order-check-title{
    font-size: 1rem; font-weight: 600;
}
.order-check-content div ul,
.order-check-content div table,
.order-check-content .finalPrice{
    border: 1px solid #dedede;
}
.order-check-content div ul li:not(:last-of-type){
    border-bottom: 1px solid #dedede;
}
.order-check-content div ul li > div:first-of-type{
    border-right: 1px solid #dedede; padding: 0;
}
.order-check-content div ul li div,
.order-check-content div ul li div h4,
.order-check-content div ul li div p{
    font-size: .875rem; margin: 0;
}
.order-check-content div ul li div h4,
.order-check-content div ul li div:last-of-type{
    padding: 10px 2%; margin: 0; box-sizing: border-box;
}
.order-check-content div ul li div:last-of-type{
    color: #999;
}
.order-check-content ul li div .cancelButton{
    border: 1px solid #dedede; padding: 5px; box-sizing: border-box; font-size: .6875rem; transition: background-color .35s ease-out;
    background-color: #f8f8f8; border-radius: 3px; cursor: pointer; color: #000; height: 30px;
}
.order-check-content div .table{
    margin: 0;
}
.order-check-content .finalPrice{
    border-top: none;
}

/* ##### 배송지정보 중 택배 주문 시에만 주소 활성화 ##### */
.order-check-content .only-shipping-add{
    display: none;
}
.order-check-content .only-shipping-add.active{
    display: block;
}
/* ########## 주문 목록 ########## */
.cart-table-area .order-item-info.order-list{
    width: 90%; margin: 0 auto;
}

/* ########## Q&A ########## */
.cart-table-area.question-answer .itemsInquiry_list .table{
    margin: 0;
}
.cart-table-area.question-answer .itemsInquiry_list .table thead tr th:nth-child(-n+2),
.cart-table-area.question-answer .itemsInquiry_list .table tbody tr td:nth-child(-n+2){
    flex: 0 0 20%; max-width: 20%;
}
.cart-table-area.question-answer .itemsInquiry_list .table thead tr th:nth-of-type(4),
.cart-table-area.question-answer .itemsInquiry_list .table tbody tr td:nth-of-type(4){
    flex: 0 0 30%; max-width: 30%;
}
.cart-table-area.question-answer .itemsInquiry_list .table thead tr th:last-of-type,
.cart-table-area.question-answer .itemsInquiry_list .table tbody tr td:last-of-type{
    flex: 0 0 30%; max-width: 30%;
}
.cart-table-area.question-answer .itemsInquiry_list .table img{
    width: 100%; max-width: 60px;
}
.cart-table-area.question-answer .itemsInquiry_list .table tbody tr{
    border-bottom: 1px solid #dedede;
}
.cart-table-area.question-answer .itemsInquiry_list .modal-body > div{
    padding: 10px; font-size: .75rem;
}
.cart-table-area.question-answer .itemsInquiry_list div p{
    font-size: .75rem;
}
.cart-table-area.question-answer .itemsInquiry_list div p span{
    display: block;
}
/* QNA 새로 추가된 inquiry-table */
.cart-table-area.question-answer .itemsInquiry_list .inquiry-table .accordion_q{
    cursor: pointer;
}
.cart-table-area.question-answer .itemsInquiry_list .inquiry-table .accordion_a{
    max-width: 100%; display: none;
}
.cart-table-area.question-answer .itemsInquiry_list .inquiry-table .accordion_a.active{
    display: block;
}
.cart-table-area.question-answer .itemsInquiry_list .inquiry-table .accordion_a td{
    padding: 0;
}

/* accordion-text */
.accordion-text{
    padding: 15px 2%;
}
.accordion-text .question-box{
    border-bottom: 1px dotted #dedede; padding-bottom: 20px;
}
.accordion-text .answer-box{
    padding-top: 20px;
}
.accordion-text div,
.accordion-text p{
    font-size: .75rem;
}
.accordion-text p{
    margin: 0;
}
.accordion-text p span{
    display: block;
}

/* ########## 공지사항 목록 ##########  */
.notice-content,
.notice-post,
.cart-table-area.question-answer .itemsInquiry_list{
    margin: 0 auto; width: 95%;
}
.notice-content h2{
    font-size: 1.5rem; font-weight: 500;
}
.notice-content table{
    border-top: 2px solid #131212;
}
.notice-content table,
.notice-content table thead,
.notice-content table tbody tr:not(:last-of-type){
    border-bottom: 1px solid #dedede;
}
.notice-content table tbody tr td a{
    font-size: .75rem;
}
.notice-content table tbody tr{
    cursor: pointer;
}

/* ########## 공지사항 게시글 ########## */
.notice-post,
.notice-post .prev-page{
    border-top: 2px solid #131212;
}
.notice-post .post-header h3{
    margin: 0;
}
.notice-post .post-header h3,
.notice-post .post-header div{
    font-size: .875rem; font-weight: 600; padding: 10px 1%; border-bottom: 1px solid #dedede; box-sizing: border-box;
}
.notice-post .post-header div span{
    font-weight: 500; padding-left: 1%;
}
.notice-post .post-header div small{
    padding: 0 2%;
}
.notice-post .post-content{
    padding: 30px 1%; border-bottom: 1px solid #dedede;
}
.notice-post .post-content p{
    font-size: .75rem; color: #131212;
}
.notice-post .post-content p:not(:last-of-type){
    margin-bottom: 20px;
}
.notice-post .post-content p:last-of-type{
    margin: 0;
}
.notice-post .btn_notice{
    box-sizing: border-box; width: fit-content; margin-left: auto; padding-right: 10px;
}
.notice-post .btn_notice a{
    font-size: .875rem; padding: 5px 15px; font-weight: 600; border: 1px solid #d9d9d9; background-color: #fff;
}
.notice-post div[class*="-page"]{
    padding: 10px 1%; font-size: .875rem; font-weight: 600; border-bottom: 1px solid #dededd;
}
.notice-post div[class*="-page"] strong {
    margin-right: 2%;
}
.notice-post div[class*="-page"] a{
    margin-left: 2%; font-size: .875rem;
}

/* ########## 작성하기 ########## */
.write-box table{
    border: 1px solid #dedede; border-top: none;
}
.write-box table tr th{
    border-right: 1px solid #dedede; 
}
.write-box table tr th,
.write-box table tr td{
    padding: 10px; box-sizing: border-box; font-size: .75rem;
}
.write-box table tr th label{
    margin: 0; font-size: .75rem; font-weight: 500;
}
.write-box table tr td input{
    border: 1px solid #dedede; box-sizing: border-box; font-size: .6875rem; padding: 5px 10px;
}
.write-box .text-area{
    margin-bottom: 10px;
}
.write-box .text-area textarea{
    width: 100%; min-height: 350px; padding: 10px; resize: none; font-size: .75rem; border: 1px solid #dedede;
}
.write-box .attach-file td input{
    padding: 0;
}
.write-box .agree-box td{
    background-color: #f9f9f9; box-sizing: border-box;
}
.write-box .agree-box td ul{
    border: 1px solid #dedede; background-color: #fff; padding: 10px; box-sizing: border-box;
    height: 160px; overflow-y: scroll;
}
.write-box .agree-box td ul li *,
.write-box .agree-box .agree-radio *{
    font-size: .75rem; margin: 0; line-height: 1.125rem;
}
.write-box .agree-box .agree-radio,
.write-box .agree-box .agree-radio div{
    gap: 10px;
}
.write-box .agree-box .agree-radio div input{
    width: fit-content;
}


/* ##########  767 px ########## */
@media screen and (max-width: 767px){
    .container-fluid,
    .amado_product_area.container-fluid,
    .cart-table-area.container-fluid,
    .single-product-area.container-fluid{
        margin: 0 !important;
    }
    .main-content-wrapper .cart-table-area{
        padding-top: 50px;
    }
    .product_detail_desc [class*="col-"]{
        padding: 0;
    }
    .product_detail_serve .main-content-wrapper .amado_product_area{
        flex: 0 0 calc(100% - 200px) !important; width: calc(100% - 200px) !important; max-width: calc(100% - 200px) !important;
    }
    .main-content-wrapper .cart-table-area .cart-summary .cart-btn{
        flex-direction: column;
    }
    .main-content-wrapper .cart-table-area .cart-summary .cart-btn a{
        width: 100%;
    }
    .wishlist-table > .serveButton,
    .cart-table-area div .row > div .serveButton{
        flex-wrap: wrap; flex-direction: column;
    }
    .wishlist-table > .serveButton button,
    .cart-table-area div .row > div .serveButton button{
        width: 100%;
    }
    /* ##### 장바구니(cart-table-area) 반응형 ##### */
    .cart-table-area div .row > div{
        width: 100%  !important;
    }
    /* ##### 주문완료 및 주문조희 table detail css ##### */
    .order-check-content,
    .order-content .order-info-desc{
        width: 100% !important;
    }
    .order-check-content div ul li > div:first-of-type{
        border-right: none; border-bottom: 1px solid #dedede;
    }
    /* ##### Q&A 반응형 ##### */
    .cart-table-area.question-answer .itemsInquiry_list{
        width: 100% !important;
    }
    .cart-table-area.question-answer .itemsInquiry_list .table thead tr th,
    .cart-table-area.question-answer .itemsInquiry_list .table tbody tr td{
        flex: 0 0 25% !important; max-width: 25% !important;
    }
    /* ##### 공지사항 반응형 ##### */
    .notice-content{
        width: 100% !important;
    }
    .notice-content table tr :not(:first-child):not(:last-child){
        flex: 0 0 33.33% !important; max-width: 33.33%;
    }
    .notice-content table tr .none-display{
        display: none;
    }
    .single-product-area .detail_info{
        width: 100%;
    }
    /* 작성하기 input size */
    .write-box table tr td input{
        width: 100%;
    }
    /* 주문 목록 반응형 */
    .cart-table-area .order-item-info.order-list{
        width: 100% !important;
    }

}
/* ########## scss cover - max-width ########## */
@media screen and (min-width: 768px) and (max-width: 991px){
    /* ##### 상품상세 반응형 디테일 수정 ##### */
    .amado_product_area.container-fluid,
    .single-product-area.container-fluid{
        margin-left: 230px !important;
    }
    .single-product-area.detail-serve.container-fluid{
        margin-left: 200px !important;
    }
    /* ##### 주문 목록 반응형 ##### */
    .cart-table-area.order.container-fluid{
        margin-left: 200px !important;
    }
    .cart-table-area .order-item-info.order-list{
        width: 80%;
    }
    .productInfo,
    .single-product-area .detail_info{
        width: 85% !important; margin: 0 10px;
    }
    /* ##### 공지사항 반응형 ##### */
    .notice-content table tr :not(:first-child):not(:last-child){
    flex: 0 0 33.33% !important; max-width: 33.33%;
    }
    .notice-content table tr .none-display{
        display: none;
    }
    /* ##### Q&A 반응형 ##### */
    .cart-table-area.question-answer .itemsInquiry_list{
        width: 80%;
    }

}

/* ########## 768 px ~ 1279 px ########## */
@media screen and (min-width: 768px) and (max-width: 1279px){
    /* ##### 로그인 scss cover ##### */
    .main-content-wrapper .amado_product_area.login{
        flex: 0 0 calc(95% - 250px) !important; width: calc(95% - 250px) !important; max-width: calc(95% - 250px) !important;
    }

    /* ##### 상세페이지 scss cover ##### */
    .product_detail_serve .main-content-wrapper .amado_product_area{
        flex: 0 0 calc(100% - 230px) !important; width: calc(100% - 230px) !important; max-width: calc(100% - 230px) !important;
    }
    .single-product-area .detail_info{
        width: 90%;
    }
    /* ##### 공지사항 반응형 ##### */
    .notice-content{
        width: 85%; margin: 0 auto;
    }
    .main-content-wrapper .cart-table-area.notice-post-area{
        max-width: calc(95% - 320px) !important;
    }
    /* ##### 작성하기 input size ##### */
    .write-box table tr td input{
        width: 100%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023){
    .amado_product_area.container-fluid,
    .cart-table-area.container-fluid,
    .single-product-area.container-fluid{
        margin-left: 200px !important;
    }
    .cart-table-area .order-item-info.order-list{
        width: 80% !important; max-width: 80%;
    }
}

/* ########## ~1023px table resposive ########## */
@media screen and (max-width: 1023px){
    /* ##### 장바구니 반응형 ##### */
    .cart-table-area div .row > div{
        width: 79%;
    }
    .cart-table-area .cart-table .table-responsive thead,
    .cart-table-area .wishlist-table .table-responsive thead{
        display: none;
    }
    .cart-table-area .cart-table .table-responsive tbody tr,
    .cart-table-area .wishlist-table .table-responsive tbody tr{
        display: inline-block; position: relative;
    }
    .cart-table-area .cart-table .table-responsive tbody tr td,
    .cart-table-area .wishlist-table .table-responsive tbody tr td{
        padding: 15px 5px 10px;
    }
    .cart-table-area .cart-table .table-responsive tbody tr td:first-of-type,
    .cart-table-area .wishlist-table .table-responsive tbody tr td:first-of-type{
        width: 1%;
    }
    .cart-table-area .cart-table .table-responsive tbody tr td.cart_product_img{
        width: 10%;
    }
    .cart-table-area .cart-table .table-responsive tbody tr td.price{
        display: none;
    }
    .cart-table-area .cart-table .table-responsive tbody tr td.totalPrice{
        width: 10%; text-align: right; padding: 10px;
    }
    .cart-table-area .cart-table .table-responsive tbody tr td.qty{
        position: absolute; width: 100%; right: 5px; bottom: 5px;
    }
    .cart-table-area .cart-table .table-responsive tbody tr td.qty .qty-btn{
        justify-content: flex-end;
    }
    .cart-table-area table tbody tr td .qty-btn .quantity input{
        width: 50px !important; height: 30px !important; font-size: .75rem !important;
    }
    .cart-table-area table tbody tr td .qty-btn .quantity span{
        width: 15px !important; height: 30px !important; line-height: 33px !important;
    }
    .cart-table-area table tbody tr td .qty-btn .quantity .qty-minus{
        right: 35px !important;
    }
    .cart-table-area .cart-table .table-responsive tbody tr td.select,
    .cart-table-area .wishlist-table .table-responsive tbody tr td.select{
        display: block; text-align: right; width: fit-content; max-width: fit-content;
    }
    .cart-table-area button[class*="btn"]{
        min-width: 120px;
    }
    /* ##### 관심상품 반응형 ##### */
    .cart-table-area table thead tr th:first-of-type,
    .cart-table-area table tbody tr td:first-of-type{
        flex: 0 0 1%;
    }
    .cart-table-area .wishlist-table thead tr th:nth-of-type(2),
    .cart-table-area .wishlist-table tbody tr td:nth-of-type(2){
        flex: 0 0 12%;
    }
    .cart-table-area .wishlist-table thead tr th:nth-of-type(3),
    .cart-table-area .wishlist-table tbody tr td:nth-of-type(3){
        flex: 0 0 30%; max-width: 30%;
    }
    .cart-table-area .wishlist-table thead tr th:nth-last-child(-n+2),
    .cart-table-area .wishlist-table tbody tr td:nth-last-child(-n+2){
        flex: 0 0 27%; max-width: 27%;
    }
    .cart-table-area table tbody tr td.select button:not(:last-of-type){
        margin: 0;
    }
    /* ##### 최근 3개월 상품 반응형 ##### */
    .cart-table-area .cart-table > .table-responsive.latest tbody tr td.qty{
        right: 15px;
    }
    .cart-table-area .cart-table > .table-responsive.latest tbody tr td.totalPrice{
        position: absolute; width: 50%; right: 0; bottom: 5px; padding: 0 5px 10px; box-sizing: border-box;
    }
    /* ##### 주문 목록 반응형 ##### */
    .cart-table-area .order-item-info.order-list .table{
        border: 1px solid #dedede;
    }
    .cart-table-area .order-item-info.order-list .table tbody tr td{
        font-size: .6875rem;
    }
    .cart-table-area .order-item-info.order-list .table tbody tr .select button{
        display: block; width: 100%;
    }
}


/* ########## 1024px ~ 1279px */
@media screen and (min-width: 1024px) and (max-width: 1279px){
    .cart-table-area.container-fluid{
        margin-left: 200px !important;
    }
    /* 장바구니 반응형 */
    .cart-table-area div .row > div{
        width: 85%;
    }
    .cart-table-area table thead tr th:first-of-type,
    .cart-table-area table tbody tr td:first-of-type{
        flex: 0 0 3%;
    }
    .cart-table-area table thead tr th:nth-of-type(2),
    .cart-table-area table tbody tr td:nth-of-type(2){
        flex: 0 0 13%;
    }
    .cart-table-area .cart-table thead tr th:nth-last-child(-n+5),
    .cart-table-area .cart-table tbody tr td:nth-last-child(-n+5){
        flex: 0 0 16.66% !important; width: 16.66%; max-width: 16.66%;
    }
    .cart-table-area table thead tr th,
    .cart-table-area table tbody tr td{
        padding: 15px 3px; box-sizing: border-box;
    }
    .cart-table-area table tbody tr td.select button{
        display: block; width: 100%;
    }
    /* 관심상품 반응형 */
    .cart-table-area .wishlist-table thead tr th:nth-of-type(2),
    .cart-table-area .wishlist-table tbody tr td:nth-of-type(2){
        flex: 0 0 12%;
    }
    .cart-table-area .wishlist-table thead tr th:nth-of-type(3),
    .cart-table-area .wishlist-table tbody tr td:nth-of-type(3){
        flex: 0 0 30%; max-width: 30%;
    }
    .cart-table-area .wishlist-table thead tr th:nth-last-child(-n+2),
    .cart-table-area .wishlist-table tbody tr td:nth-last-child(-n+2){
        flex: 0 0 27%; max-width: 27%;
    }
}

/* ########## ~ 1280 px ########## */
@media screen and (min-width: 1280px){ 
    .cart-table-area.container-fluid,
    .single-product-area.detail-serve.container-fluid{
        margin-left: 230px !important;
    }
    .amado_product_area.container-fluid,
    .single-product-area.container-fluid{
        margin-left: 250px !important;
    }
    .product_detail_serve .main-content-wrapper .amado_product_area{
        flex: 0 0 calc(100% - 250px) !important; width: calc(100% - 250px) !important; max-width: calc(100% - 250px) !important;
    }
    /* 장바구니 반응형 */
    .cart-table-area div .row > div{
        width: 90%;
    }
    .cart-table-area .cart-table thead tr th:first-of-type,
    .cart-table-area .cart-table tbody tr td:first-of-type{
        flex: 0 0 3%;
    }
    .cart-table-area .cart-table thead tr th:nth-of-type(2),
    .cart-table-area .cart-table tbody tr td:nth-of-type(2){
        flex: 0 0 13%;
    }
    .cart-table-area .cart-table thead tr th:nth-last-child(-n+5),
    .cart-table-area .cart-table tbody tr td:nth-last-child(-n+5){
        flex: 0 0 16.66% !important; width: 16.66%; max-width: 16.66%;
    }
    .cart-table-area table thead tr th,
    .cart-table-area table tbody tr td{
        padding: 15px 3px; box-sizing: border-box;
    }
    .cart-table-area table tbody tr td.select button{
        display: block; width: 100%;
    }
    /* 관심상품 반응형 */
    .cart-table-area .wishlist-table thead tr th:first-of-type,
    .cart-table-area .wishlist-table tbody tr td:first-of-type{
        flex: 0 0 3% !important;
    }
    .cart-table-area .wishlist-table thead tr th:nth-of-type(2),
    .cart-table-area .wishlist-table tbody tr td:nth-of-type(2){
        flex: 0 0 12%;
    }
    .cart-table-area .wishlist-table thead tr th:nth-of-type(3),
    .cart-table-area .wishlist-table tbody tr td:nth-of-type(3){
        flex: 0 0 30%; max-width: 30%;
    }
    .cart-table-area .wishlist-table thead tr th:nth-last-child(-n+2),
    .cart-table-area .wishlist-table tbody tr td:nth-last-child(-n+2){
        flex: 0 0 27%; max-width: 27%;
    }
    /* 주문하기 반응형 */
    .cart-table-area .cart-table .table-responsive.order thead tr th:nth-of-type(2),
    .cart-table-area .cart-table .table-responsive.order tbody tr td:nth-of-type(2){
        flex: 0 0 10% !important; width: 10%; max-width: 10%;
    }
    .cart-table-area .cart-table .table-responsive.order thead tr th:nth-last-child(-n+4),
    .cart-table-area .cart-table .table-responsive.order tbody tr td:nth-last-child(-n+4){
        flex: 0 0 21.75% !important; width: 21.75%; max-width: 21.75%;
    }
    /* Q&A 반응형 (img 사이즈) */
    .cart-table-area.question-answer .itemsInquiry_list .table thead tr th:first-of-type,
    .cart-table-area.question-answer .itemsInquiry_list .table tbody tr td:first-of-type{
        flex: 0 0 10%; max-width: 10% !important;
    }
    /* 작성하기 input size */
    .write-box table tr td input{
        width: 60%;
    }
}




