@media only screen and (max-width:1024px){
 #wrap .only-pc { display: none; } 
 #wrap .only-mobile { display: block; } 
 
 .gnb-area, .header-search-wrap, .header-non-member, .header-member, .childSelect, .quick-menu { display: none; } 
 .header-title .logo { display: none; } 
 .header-title .pageTitle { display: block; } 
 .header-title.none .logo { display: block; } 
 .header-title.none .pageTitle { display: none; } 
 
 .container { min-height: inherit; } 
 .inner-sm, .inner-md-1, .inner-md, .inner-lg, .inner-xl { max-width: 100%; } 
 .inner { padding-top: 16px; } 
 .area { padding: 0 16px; } 
 
 .sideMenu-btn { display: block; } 
 .header { height: 80px; } 
 .header-inner { padding: 0 16px; } 
 
 .logo img { max-width: 128px; } 
 .logo .no-brand { width: 100%; line-height: initial; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
 .header-area { height: 80px; border-color: #dbdbdb; } 
 .header-member-wrap { position: absolute; top:16px; right: 52px; } 
 .footer-inner { padding: 0 16px; } 
 .footer-wrap { flex-direction: column; padding: 32px 0 64px; } 
 .ft-app { padding-left: 0; } 
 .ft-menu-list::after, .ft-app::before { display: none; } 
 .footer-space { display: block; } 
 .m-page-top { display: block; } 
 
 .quantity .qtyNum { font-size: 13px; } 
 
 /* 濡쒓렇�� */
 .memeber-login { padding: 28px 0; } 
 
 
 /* main */
 #main .main-contents { padding-top: 16px; } 
 .main-banner { max-height: 196px; margin-bottom: 16px; padding-top: 0; } 
 .main-banner .swiper-slide img { max-height: 196px; } 
 .main-banner .swiper-control { right:36px; bottom: 6px; height: 29px; padding: 0 8px; border-radius: 8px 8px 0px 0px; align-items: center; } 
 .main-banner .swiper-pagination { line-height: 29px; } 
 
 /* component */
 .board-btns button { padding: 14px 18px; } 
 .board-btns .page-btns button::after { top: 18.5px; } 
 .pageBack { margin: 40px auto; } 
 .file-input-wrap { margin-top: 16px; } 
 .file-input-wrap .file-txt { margin-top: 16px; } 
 .file-input-wrap .file-input-list { margin: 16px 0; } 
 .selectBoxA, .selectBoxB { background: url("./images/ico_arrow_bottm_2x.png") no-repeat right 12px center; background-size: 12px 8px; } 
 .pagination-wrap { margin: 4px 0; } 
 
 /* table */
 .ul-btable .tbody li > span { width: 64px; } 
 
 
 /* sub page */
 /* .sub-title { display: none; } */
 .sub-title.block { display: block; white-space: nowrap; margin-right: 16px; } 
 .sub-title-mo { display: none; }
 .regular-pay .sub-title { display: block; margin-right: 16px; white-space: nowrap; }
 .regular-pay .sub-header::after { display: none; }
 .regular-pay .sub-header.jcLeft { margin-bottom: 0; }
 /* modal */
 .modal_wrap .modal_content { padding: 16px; }
 .modal_header { padding-bottom: 12px; }
 .modal_header h2 { font-size: 20px; line-height: 24px; }


 /* modal �섎텋 �섎웾 �좏깮 */
 .modal-refund-wrap .items-refund table colgroup col:nth-child(2) { width: 60px !important; }
 .modal-refund-wrap .items-refund table colgroup col:nth-child(3) { width: 70px !important; }
 .modal-refund-wrap .items-refund button { margin-top: 18px; }


 /* �곹뭹 */
 .m-filter-wrap { display: block; }
 .prd-filter-wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; overflow-y: auto; z-index: 99; }
 .prd-filter-wrap.mm-open { display: block; }
 .m-prd-filter-header { display: block; height: 64px; border-bottom: 1px solid #eee; }
 .m-prd-filter-header h2 { padding: 21px 0 0 16px; font-size: 14px; }
 .m-prd-filter-header a { position: absolute; top: 8px; right: 16px; display: block; width: 48px; height: 48px; background: url("./images/ico_m_close_2x.png") no-repeat center; background-size:20px 20px; }
 .prd-filter-wrap .prd-title { margin: 0 16px; padding: 16px 0; font-size: 13px; color: #383838; color: var(--theme-color); text-align: center; }
 .prd-filter-wrap .prd-title .cnt { display: inline-block; font-weight: bold; }
 .filter-box-wrap { margin: 0 16px; padding-bottom: 52px; }
 .filter-box-list .filter-title .filter-toggle { display: none; }
 .m-filter-button { display: block; position: fixed; bottom: 0; left: 0; }

 .prd-list-wrap { width: 100%; margin-left: 0; }
 .prdList { margin-left: 0; }
 .prdList li { width: 50%; padding: 0 0 24px 8px; }
 .prdList li:nth-child(2n+1) { padding-left: 0; }
 .prdList li:nth-last-child(-n+3) { padding-bottom: 24px; }
 .prdList li:nth-last-child(-n+2) { padding-bottom: 0; }
 .prd-box { height: 350px; border: none; border-radius: 0; }
 .prd-box > div { padding: 8px 0 0 0; }
 .prd-box:hover { box-shadow: none; }
 .prd-box:hover .on { opacity: 1; }
 .prd-box .over { display: none; }
 .prd-thumb { justify-content: left; }
 .prd-info .prd-title { font-size: 14px; }
 .prd-info .prd-brand { margin-top: 8px; font-size: 12px; line-height: 17px; }
 .prd-info .prd-price { position: inherit; margin-top: 8px; }
 .prd-info .prd-price .price-del { line-height: 19px; }
 .prd-info .prd-price .price span { line-height: 24px; }
 .prd-info .mark.member { position: inherit; margin-top: 4px; padding: 2px 8px; font-size: 12px; border-radius: 4px; }
 .sort-tab .m-sort-select { display: block; }
 .sort-tab { position: absolute; top: 8px; right: 16px; min-width: 96px; padding: 0; z-index: 1; }
 .sort-tab ul { display: none; height: auto; padding: 6px 0 6px 12px; background: #FFF; border: 1px solid #D8D8D8; border-radius: 4px; }
 .sort-tab li input + label { padding: 0; line-height: 26px; }
 .sort-tab li label::after { display: none; }

 .m-filter-wrap { margin-top: -16px; }
 .memeber-login { padding: 0; }
 .memeber-login h1 { font-size: 18px; text-align: left; border-bottom: 2px solid #000; }
 .login-form { padding-top: 16px; }
 .login-menu { margin: 16px 0; padding-bottom:16px }

 /* �곹뭹 �곸꽭�섏씠吏� */
 .prd-cont-wrap { padding-top: 0; }
 .prd-view-wrap { padding-right: 0; }
 .prd-info-wrap { display: block; padding-top: 0; }
 .prd-img-view { width: 100%; height: 184px; }
 .prd-img-view .prd-thumb { position: relative; height: 184px; justify-content: center; overflow: hidden; }
 .prd-img-view .prd-thumb img { max-height: 122px; box-shadow: 0px 7.5px 7.5px rgba(68, 68, 68, 0.1); z-index: 1; }
 .prd-img-view .prd-thumb .m-thumb-bg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-repeat: no-repeat; background-size: cover; background-position: center; -webkit-filter: blur(16px); -moz-filter: blur(16px); -o-filter: blur(16px); -ms-filter: blur(16px); filter: blur(16px); z-index: 0; }
 .prd-img-view .prd-thumb .m-thumb-bg::after { display: block; content: ''; width: 100%; height: 100%; background: #000; opacity: 0.12; }
 .prd-info-view { padding: 16px; }
 .prd-info-view .prd-name { font-size: 16px; }
 .prd-info-view .info-list { margin-bottom: 16px; }
 .prd-detail-wrap { margin-top: 24px; padding: 0 16px; }
 .prd-detail-view { padding: 24px; }

 .aside-buy-wrap { position: fixed; top: inherit !important; right: 0 !important; bottom: 0; width: 100%; padding-top: 22px; box-shadow: 0px -18px 18px rgba(68, 68, 68, 0.06), 0px 0px 1px rgba(68, 68, 68, 0.31); border-radius: 8px 8px 0px 0px; z-index: 99; }
 .aside-buy-wrap.fixed { position: inherit; top: inherit !important; right: 0 !important; bottom: 0; }
 .total-price-view { border-top: none; }
 .total-price-view h4, .total-price-view .prd-option dl.price-del, .total-price-view .prd-option dl.price, .total-price-view .prd-option dl.qty dt, .total-price-view .total-sum dl dt { display: none; }
 .total-price-view .prd-option { padding: 0; border-bottom: none; }
 .total-price-view .prd-option dl.qty dd .quantity { position: absolute; left: 16px; top: 18px; }
 .total-price-view .total-sum { padding: 0 16px 10px 0; }
 .total-price-view .payment-btn-wrap { display: flex; flex-direction: row; width: 100%; }
 .total-price-view .payment-btn-wrap button { width: 50%; height: 52px; margin-bottom: 0; border-radius: 0; font-size: 14px; }

 /* 釉뚮옖�� */
 .brandList { margin-left: 0; }
 .brandList li { width: 50%; padding: 0 0 8px 8px; }
 .brandList li:nth-child(2n+1) { padding-left: 0; }

 /* .sub-header { justify-content: right; margin-bottom: 24px; position: relative; position: relative; } */
 .sub-header { position: relative; position: relative; }
 /* .sub-header::after { content: ""; position: absolute; bottom: 0; left: -16px; margin: auto; width: calc(100% + 32px); height: 1px; background-color: #eee; } 援щ텇�� */

 .sub-header .sort-tab .m-sort-select { display: block; }
 .sub-header .sort-tab { position: relative; top: -8px; right: 0px; min-width: 96px; padding: 0; z-index: 1; }
 .sub-header .sort-tab ul { display: none; height: auto; padding: 6px 0 6px 12px; background: #FFF; border: 1px solid #D8D8D8; border-radius: 4px; padding-bottom: 8px; border-bottom: 1px solid #eee; position: absolute; min-width: 96px; }
 .sub-header .sort-tab li input + label { padding: 0; line-height: 26px; }
 .sub-header .sort-tab li label::after { display: none; }

 /* �λ컮援щ땲 */
 .cart-books-banner { height: 92px; }
 .cart-books-banner .banner-box { display: flex; justify-content: center; align-items: center; max-width: 100%; height: 90px; }
 .cart-books-banner .book-icon { display: none; }
 .cart-books-banner .text { position: relative; top: inherit; left: inherit; display: inline-block; padding-left: 48px; animation: none; }
 .cart-books-banner .text::before { display: block; content: ''; position: absolute; top: 50%; left: 0; width: 32px; height: 40px; margin-top: -20px; background: url("./images/ico_book2_2x.png") no-repeat 0 0; background-size: 32px 40px; }
 .cart-books-banner .text p { font-size: 16px; line-height: 140%; text-align: left; }

 .cart-cont-wrap .sub-header { padding: 8px 0; }
 .ul-htable .cart-group-info li .col1 { padding-left: 0; }
 .ul-htable .cart-group-info li .col2, .ul-htable .cart-group-info li .col3, .ul-htable .cart-group-info li .col4, .ul-htable .cart-group-info li .col5 { display: none; }
 .ul-htable .cart-item-list li { display: block; padding: 16px 0 50px; }

 .cart-item-box { position: relative;; height: auto; }
 .cart-item-box .cprd-chk { position: absolute; top: 16px; left: 0; width: 20px; padding: 0; }
 .cart-item-box .cprd-chk .checkboxA { left: 0; }
 .cart-item-box .cprd-img { position: absolute; top: 16px; left: 28px; display: flex; align-items: flex-start; justify-content: center; height: 120px; }
 .cart-item-box .cprd-info { margin-bottom: 37px; padding-left: 128px; }
 .cart-item-box .cprd-info .item-name { height: 44px; }
 .cart-item-box .cprd-info .statusBox { margin-bottom: 8px; }
 .cart-item-box .cprd-qty { position: absolute; bottom: 50px; left: 113px; }
 .cart-item-box .cprd-price { position: absolute; bottom: 50px; right: 0; }
 .cart-item-box .cprd-price .price span { font-size: 20px; color: #383838; color: var(--theme-color); }
 .cart-item-box .cprd-del { position: absolute; bottom: 18px; right: 0; width: 24px; }
 .cart-item-box .cprd-qprice { position: absolute; bottom: 20px; right: 24px; width: auto; }
 .cart-btn-wrap { position: fixed; bottom: 0; left: 0; width: 100%; flex-direction: row; padding:0; background-color: #fff; z-index: 99; }
 .cart-btn-wrap a { width: 50%; height: 52px; border-radius: 0; margin: 0 !important; font-size: 14px; }
 .cart-pop { right: -48px; }

 /* 二쇰Ц/寃곗젣 */
 .order-cont-wrap { flex-direction: column; }
 .order-cont-wrap .order-view-wrap { order: 2; width: 100%; padding: 0 16px; }
 .order-cont-wrap .aside-payment-wrap { order: 1; position: inherit; top: inherit !important; right: 0 !important; width: 100%; padding: 0 16px; }
 .order-cont-wrap .aside-payment-wrap.fixed { position: inherit; top: inherit !important; right: 0 !important; }
 .order-info-box { margin: 40px 0 0; }
 .order-info-box .box-title { flex-direction: column; align-items: flex-start; }
 .order-info-box .box-title .warning { margin-top: 10px; }
 .order-delivery-info .memo { width: 100%; }
 .order-product-info .ul-htable .thead .col2 { width: 64px; }
 .order-product-info .ul-htable .thead .col3 { width: 80px; }
 .order-product-info .ul-htable .tbody .col2 { width: 64px; }
 .order-product-info .ul-htable .tbody .price { width: 80px; }

 .aside-payment-wrap .total-price-view h4 { display: block; padding: 0 0 16px; }
 .aside-payment-wrap .total-price-view .total-sum { padding: 32px 0 16px; }
 .total-price-view .payment-btn-wrap { height: 50px; }
 .total-price-view .payment-btn-wrap .payment-btn.fixed { position: fixed; top: 16px; left: 16px; width: calc(100% - 32px); }

 .total-price-view.fixed { padding-bottom: 104px; }
 .total-price-view .payment-btn-wrap.fixed { position: fixed; top: 8px; left: 16px; width: calc(100% - 32px); }

 /* 230530 QR 踰꾪듉 異붽� { */
 .total-price-view .payment-btn-wrap .sub-wrap { width: 100%; display: flex; justify-content: center; align-items: center; margin-bottom: 0; border-radius: 0; }
 .total-price-view .payment-btn-wrap { height: inherit; display: flex; border-radius: 8px 8px 0 0; overflow: hidden; }
 .total-price-view .payment-btn-wrap button { margin-bottom: 0; }
 .total-price-view .payment-btn-wrap button span::after { display: block; }
 .total-price-view .payment-btn-wrap button.bar-none span::after { display: none; }
 .total-price-view .payment-btn-wrap button.btn-theme { border-radius: 0; }
 /* .total-price-view .payment-btn-wrap button span::after { content: ''; left: 100.5%; bottom: 3px; width: 1px; height: 16px; background-color: #fff; opacity: 1; filter: inherit; } */
 /* } 230530 QR 踰꾪듉 異붽� */

 /* 寃곌낵 �섏씠吏� */
 .result-cont { padding-bottom: 0; }
 /* .result-cont .btn-wrap { flex-direction: column; }
 .result-cont .btn-wrap .btn { margin: 0 auto 8px; } */

 /* 二쇰Ц紐⑸줉 */
 .order-sort { padding: 12px 0; }
 .order-box .order-info { display: block; height: auto; }
 .order-box .order-info .od-detail { display: block; }
 .order-box .order-info .right { text-align: right; }
 .order-item .order-item-top { padding: 0 8px; }
 .order-item .cart-item-box { flex-direction: column; height: auto; min-height: 168px; }
 .order-item .cart-item-box .cprd-chk { top: 24px; width: 36px; padding: 0 8px; }
 .order-item .cart-item-box .cprd-chk .checkboxA { left: 8px; }
 .order-item .cart-item-box .cprd-img { top: 24px; left: 36px; }
 .order-item .cart-item-box .cprd-info { width: 100%; padding-right: 24px; padding-left: 136px; }
 .order-item .cart-item-box .cprd-info .item-name { height: auto; margin-bottom: 8px; }
 .order-item .cart-item-box .cprd-info .brand-name { margin-bottom: 8px; }
 .order-item .cart-item-box .cprd-qprice { position: relative; bottom: inherit; right: inherit; width: 100%; }
 .order-item .cart-item-box .cprd-qprice .ref-qprice { margin-top: 0; }
 .my-order-cont-wrap .order-info-box { margin: 0 0 40px; }

 /* 二쇰Ц �곸꽭 */
 .order-view-wrap .order-product-info { overflow: auto; }
 .order-view-wrap .order-product-info table { min-width: 776px; }

 .paging { display: flex; justify-content: space-between; align-items: center; }
 .paging .paging-num a.page { display: none; }
 .paging > button.last { display: none; }
 .paging > button.first { display: none; }
 .paging .paging-num a { margin: 0; }
 .paging .paging-num a.now-num { color: var(--theme-color); font-weight: 700; }
 .paging .paging-num a.last-num { font-weight: 700; color: #000 !important; -webkit-text-stroke: #000; border-bottom: none; }
 .paging .paging-num a.last-num::before { display: inline-block; content: '/'; margin: 0 4px 0 2px; -webkit-text-stroke: #000; }
 .paging > button span { opacity: 1; }
 .paging .paging-num a.now-num, .paging .paging-num a.last-num { display: inline-block; }

 .total-price-view .payment-btn-wrap { flex-wrap: wrap; border-radius: 0; }
 .total-price-view .payment-btn-wrap button { flex: 1; }
 .total-price-view .payment-btn-wrap button.cart-btn { height: inherit; margin-bottom: 0; }
 .total-price-view .payment-btn-wrap button.cart-btn::after { display: none; }
 .total-price-view .payment-btn-wrap button.btn-flex { width: 100%; background-color: #fff; }
 .total-price-view .payment-btn-wrap button::before { border-radius: 0; box-shadow: none; }
 .total-price-view .payment-btn-wrap button b { display: none; }
 .total-price-view .payment-btn-wrap button::after { content: ''; position: absolute; display: block; right: -1px; top: 50%; transform: translateY(-50%); width: 1px; height: 12px; background-color: #fff; }
 .total-price-view .payment-btn-wrap button:last-child::after { display: none; }
 .total-price-view .payment-btn-wrap button.bar-none::after { display: none; }
 }


 @media only screen and (max-width:768px){
 .notice { display: block; }
 .notice .tit { width: 100%; padding: 24px 8px 16px; }
 .notice .list { width: 100%; border-top: 0; padding: 0; padding-left: 8px; }

 .regular-payment-card .card_info .circle_01 { right: -90px; }
 .regular-payment-card .card_info .circle_02 { right: -90px; }
 .regular-payment-card .card_info .circle_03 { right: 150px; top: 104px; left: inherit; }

 .btn-wrap .btn_wide { width: 50%; }
 .btn-wrap .btn.btn-b { padding: 14px 0; width: 50%; }
 .btn-wrap .btn:first-child { margin-left: 0; }
 .btn-wrap .btn:last-child { margin-right: 0; }

 .sub-header.jcLeft { width: 100%; }
 .order-sort { width: 100%; }
 .tab-btn.full { width: 100%; display: flex; }
 .tab-btn.full li { width: 25%; margin-right: 0; }
 .tab-btn li { margin-right: 0; }
 .tab-btn li a { padding: 5px 16px; width: 100%; text-align: center; white-space: nowrap; }


 .total-price-view .payment-btn-wrap button span em { display: none; }
 .total-price-view .payment-btn-wrap button span b { display: none; }
 }

 @media only screen and (max-width:640px) { }

 @media only screen and (max-width:480px) {
 .total-price-view .payment-btn-wrap button span { font-size: 14px; }
 }
 
 @media only screen and (max-width:375px){
 .logo img { max-width: 100px; } 
 }