/* Icons provided by Iconsax (https://iconsax.io/),
   licensed under the GNU General Public License v3.0 (GPL-3.0).
   Copyright (c) Iconsax Contributors. */


/*공통*/
.w-40{width:40%;}
.hd_btn{display: flex;  flex-wrap: nowrap;  gap: 5px;}
button{border:0; background-color:transparent;}
.relative{position: relative;}
.g-line{display:inline-block; width:1px; height:12px; background-color:#B1B4B6;}
.big-meun{margin-left:30px;}
.big-meun ul{display: flex; gap: 25px; align-items: center;}
.big-meun ul li{font-size: 17px; font-weight: 600; color: #515151;}
.big-meun ul li:last-child{font-size: 15px; font-weight: 300; color: #848F9A; text-decoration: underline;}
.search_result_wp.on ~ .sch_ip {border-bottom-left-radius: 0 !important;   border-bottom-right-radius: 0 !important;  border-top-left-radius: 1.2rem !important;  border-top-right-radius: 1.2rem !important;}
.search_result_wp{border:  1px solid #E5E5E5;  background-color: #fff; overflow-y: auto;}
.search_result_wp .result_wp_top{height: auto; max-height: 312px;  min-height: 170px; padding: 2.5rem 0;  border: 0; overflow-y: unset;}
.search_result_wp .recent_sch{padding:0 20px;}
.recent_sch_box ul{display: flex;  flex-wrap: wrap;  gap: 14px;}
.recent_sch_box ul li{display: flex; align-items: center;  justify-content: space-between;  width: 100%;}
.cart-num{position: absolute;  font-size: 12px;   border-radius: 60px;  background-color: #F85C36;  padding: 3px 6px;  color: #fff; right: -3px; top: 0; line-height: 12px;}
#category-box {position: fixed; z-index:1000;   top: 0;  right: -600px; /* 처음에는 화면 밖에 위치 */max-width:400px;   width: 100%; /* 너비 조절 가능 */  height: 100vh;   background: white; transition: right 0.3s ease-in-out; /* 애니메이션 효과 */}
#category-box.active { right: 0; /* 화면 안으로 들어옴 */ box-shadow: -3px 3px 40px rgba(0, 0, 0, 0.15);}
.swiper-button-next:after, .swiper-button-prev:after{content: '';}
.swiper-button-next, .swiper-button-prev{width: 60px;}
.swiper-button-prev{left: var(--swiper-navigation-sides-offset, 40px);}
.swiper-button-next{right: var(--swiper-navigation-sides-offset, 40px);}
.swiper-pagination-fraction{width: auto; padding: 4px 10px; color: #fff; background-color: rgba(0, 0, 0, 0.5); border-radius: 50px; left: 50%; transform: translateX(-50%); bottom: 15px;}
.option-box{max-height: 240px; margin-bottom: 10px; overflow:auto;margin-top: 0 !important;}
.option-box::-webkit-scrollbar, .prd_opt_result_wrap::-webkit-scrollbar {width: 8px; }
.option-box::-webkit-scrollbar-thumb, .prd_opt_result_wrap::-webkit-scrollbar-thumb{border-radius: 10px; background-color:#CCCCCC;}
.option-box::-webkit-scrollbar-track, .prd_opt_result_wrap::-webkit-scrollbar-track{background-color: transparent;}
.option-box ul{display: flex; flex-wrap: wrap; gap: 15px;}
.option-box ul li{width: 100%; padding: 20px; background-color: #F6F7F7; border-radius: 12px;}
.option-top{position: relative; margin-bottom: 10px;  padding-right: 30px;}
.option-top button{position: absolute; right: 0; top: 0;}
.option-number{display: inline-flex; align-items: stretch;  border: 1px solid #D7DCE2;  background-color: #fff;  border-radius: 8px;  height: 32px; overflow:hidden;}
.option-number .item_opt_counter_btn{width: 32px;}
.option-number input{max-width: 60px;  text-align: center; height: 100%;  text-align: center; border: 0;}
.option-number .minus-btn{border-right: 1px solid #D7DCE2;}
.option-number .minus-btn:disabled{background: #D2D2D2; ; border-color: transparent;}
.option-number .plus-btn{border-left: 1px solid #D7DCE2;}
.all-date-box{display: flex; gap: 10px; align-items: center; margin-bottom:20px;}
.all-date-box select{max-width:110px; padding-left: 1.5rem; background-position: right 12px top 50%; font-size: 14px; font-weight:300;}
.date-box{display: flex; height: 46px; gap: 15px; align-items: center; padding: 7px 20px;  border: 1px solid #E5E5E5; border-radius: 8px;}
.date-box input{height: auto; border: 0; line-height: normal !important; max-width: 120px; min-width: 98px;  text-align: right; padding: 5px 0 5px 30px; font-size: 14px;}
.date-box input.form-control[type="date"]::before {background: url(../img/ic_calenda.png);  background-size: cover;  background-color: #fff;  right: auto; left: 2px;}


/*카테고리*/
.category-top{padding: 28px 30px; display: flex; justify-content: space-between; align-items: center;}
.category-meun{display: flex; align-items: start;}
.category-meun .left{max-width: 180px; width: 100%;}
.category-meun .left .nav li{width:100%;}
.category-meun .left .nav-link{width: 100%; text-align: left; padding: 15px 30px; color: #1d1d1d;}
.category-meun .left .nav-link.active{background-color:#F6F6F6;}
.category-meun .right{max-width: calc(100% - 180px); width: 100%;}
.category-meun .right .tab-content{outline:0; padding:0;}
.category-meun .right .tab-pane > ul > li > button{display: flex; text-align: left; align-items: center; justify-content: space-between;  width: 100%; padding: 15px 20px; gap: 10px;}
.category-meun .right .tab-pane > ul > li > button[aria-expanded="false"]:after{content: ""; display:inline-block; width: 2.0rem; height: 2.0rem; font-size:18px; font-weight:700; color:#515151; background: url(../img/ic_menu_plus.png) no-repeat center; background-size: cover;}
.category-meun .right .tab-pane > ul > li > button[aria-expanded="true"]:after {content: ""; display:inline-block; width: 2.0rem; height: 2.0rem; font-size:18px; font-weight:700; color:#515151; background: url(../img/ic_menu_minus.png) no-repeat center; background-size: cover;}
.menu_list ul{padding: 15px 20px;  gap: 15px; display: flex; flex-wrap: wrap;}
.menu_list ul li{width:100%;}
.menu_list ul li button{display: flex; text-align: left; align-items: center; justify-content: space-between; font-size:15px; color:#848F9A; width:100%;}

/*상품*/
.produbct-box{display:flex; flex-wrap: wrap; align-items: stretch;}
.produbct-box li{}
.thumb_img { position: relative; margin-bottom: 1.5rem;}
.thumb_img .thumb_btn_box { width: 100%; position: absolute; bottom: 1.5rem; z-index: 20; }
.thumb_img .thumb_badge { z-index: 50; position: absolute; top:0; left:0;}
.thumb_img .thumb_btn_box .btn { padding: 0; width: 3.8rem; height: 3.8rem; border-radius: 36rem; background-color: rgba(0,0,0,0.2);}
.thumb_img .thumb_btn_box .btn:hover { border-radius: 36rem; background-color: rgba(0,0,0,0.6);}
.thumb_img .thumb_btn_box .btn.btn_like { margin-right: 1.5rem;}
.thumb_img .thumb_btn_box .btn.btn_like svg { width: 1.83rem; height: auto; }
.thumb_img .thumb_btn_box .btn.btn_like.on{background-color: rgba(0, 0, 0, 1);}
/*.thumb_img .thumb_btn_box .btn.btn_like.on svg path { fill:#F85C36; stroke: #F85C36;}*/
.thumb_img .thumb_btn_box .btn.btn_cart svg { width: 2.0rem; height: auto; }
.prd_info { display: inline-block;}
.prd_info_name { margin-bottom: 0.5rem;}
.store_name { font-size: 1.4rem; font-weight: 600; margin-bottom: 0.5rem;}
.prd_item { font-size: 1.5rem; font-weight: 400; color: var(--gray-90);}
.prd_item:hover { color: var(--gray-90);}
.prd_info_price { margin-bottom: 1.3rem;}
.prd_info_price { display: inline-block;}
.prd_price { font-size: 1.4rem; font-weight: 400; color: var(--gray-70); text-decoration: line-through;}
.prd_sale_box { display: flex; align-items: center;}
.prd_sale_percent { font-size: 1.6rem; font-weight: 600; color: #DC0404; margin-right: 0.5rem; }
.prd_sale_price { font-size: 1.6rem; font-weight: 600;}
.prd_rvw { display: flex; align-items: center; justify-content: start;}
.prd_rvw .prd_star img { width: 16px; margin-right: 0.5rem;}
.prd_rvw .prd_star_count { font-size: 1.4rem; font-weight: 400; color: var(--gray-70);}
.thumb_rect{overflow:hidden; border-radius:12px; background-color:#F6F6F6;}
.thumb_rect img{width: 100%; aspect-ratio: 1 / 1; object-fit: cover;}

/*메인*/
.main-pg{overflow:hidden;max-width: 2560px; margin: auto;}
.main-slide ul li img, .event-slide ul li img{ width:100%;}
.main-slide.pc ul li, .event-slide.pc ul li{text-align:center;}
.main-slide.pc ul li{aspect-ratio: 1900 / 470;}
.event-slide.pc ul li{aspect-ratio: 1900 / 470;}
.main-slide.pc ul li img{aspect-ratio: 1900 / 470; object-fit: cover;}
.event-slide.pc ul li img {aspect-ratio: 1900 / 470;object-fit: cover;}

.main-slide.mobile ul li img{aspect-ratio: 800 / 800; object-fit: cover;}
.event-slide.mobile ul li img {aspect-ratio: 800 / 280;object-fit: cover;}

.main-slide.mobile, .event-slide2.mobile{display:none;}
section{padding:50px 0;}
.main-meun{display: flex; flex-wrap: wrap;  gap: 14px 12px;}
.main-meun li{width: calc((100% / 5) - 10px); text-align: center;}
.main-meun li .img-box{height: auto; aspect-ratio: 2 / 1; flex;  align-items: center;  justify-content: center; background-color: #F6F6F6;  border-radius: 12px;  margin-bottom: 10px;}
.main-meun li .img-box img{height:100%; aspect-ratio: 1 / 1;  object-fit: cover;}
.popular_box{width: 100%; min-height:400px; display: flex;}
.popular_box .left{max-width:420px; width:100%; position:relative;}
.popular_box .right{width: 100%; position: absolute; left: 420px; bottom: 0;}
.popular_box .popular_products{padding-right: 20px;}
.sec2{background: url(../img/sec2_bg.png) no-repeat right bottom; padding-bottom: 100px;}
.sec2_img{width:89px;}
.sec2_navigation{position: absolute; right: 40px; bottom: 30%; display: flex; gap: 20px; height: 60px;}
.sec2_navigation .sec2-prev, .sec2_navigation .sec2-next{position: unset; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.06); aspect-ratio: 1 / 1; height: 60px; width: 60px;  border-radius: 50%; margin-top: 0;}
.sec2_navigation .swiper-button-next:after, .sec2_navigation .swiper-button-prev:after{content:unset;}
.popular_number{background-color: #F8C315; width: 40px; height: 40px; display: flex;  align-items: center;  justify-content: center;  color: #fff;  font-size: 20px;  font-weight: 700; border-radius: 12px 0;}
.sec3{padding-top:0;}
.recommended_box{display: flex; flex-wrap: wrap; gap: 30px 12px; margin-top:50px;}
.recommended_box li{width: calc((100% / 5) - 10px);}

/*장바구니 / 주문 결제*/
.col-box{display: flex; align-items: stretch; gap: 60px; margin-top:60px;}
.col-box .right{width: 100%;}
.col-box .left{max-width:262px; width: 100%;}
.top-tit{border-bottom: 3px solid #000; padding-bottom: 20px;}
.delivery-charge{width:200px; max-width:200px;}
.delivery-charge p{width:100%;}
.cart-box ul{border-top:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5; padding-top:30px;}
.cart-box ul li{display: flex; align-items: center; width: 100%; gap: 20px; margin-bottom:30px;}
.e_a_pay{position: sticky; top: 100px; border: 1px solid #E5E5E5; padding: 25px; border-radius: 12px;}
.e_a_pay h3{font-size: 20px;  font-weight: 600;  margin-bottom: 20px;}
.e_a_pay .e_a_p_box{padding: 20px 0; display: flex;  justify-content: space-between;  align-items: center; border-top: 1px solid #EAEAEA;}
.office-info-box{padding: 20px; background-color: #F6F7F7;  border-radius: 12px; margin-bottom: 25px;}
.request-box{margin-bottom:50px;}
.request-box p{font-weight: 500; margin-bottom: 10px;}
.request-box .request-wr{display: flex; align-items: center; gap: 10px;}
.request-box .request-wr select.direct{width:40%}
.order-product{margin-bottom:30px;}
.order-product-top{padding: 23px 0; border-top: 1px solid #E5E5E5; border-bottom:1px solid #E5E5E5;}
.order-product-top button{padding:0;width:100%; display: flex; justify-content: space-between; align-items: center; height:auto;}
.order-product-bottom ul {padding:30px 0; border-bottom:1px solid #E5E5E5;}
.order-product-bottom ul li{ display: flex; align-items: start;  gap: 20px; margin-bottom:30px;}
.order-product-bottom ul li:last-child{margin-bottom:0;}
.order-product-bottom ul li > .d-flex{gap:10px;}
.means-of-payment .btn-group{width: 100%; gap:10px;}
.means-of-payment label{ margin-right: 0 !important; border-radius: 12px !important; height: 54px;font-size: 16px; font-weight: 600 !important;}

/*주문완료*/
.order-complete-top{text-align: center; padding-top: 80px;}
.order-complete-top .btn-box{margin-top:30px; display: flex; justify-content: center; gap: 10px; margin-bottom:50px;}
.order-complete-top .btn-box button{max-width:220px; width:100%;}
.order-product.complete{max-width:870px; margin:auto;}

/*주문내역 상세*/
.orders_details_bottom{display: flex; align-items: stretch; margin-top : 4.0rem; padding: 0 10px;}
.orders_details_bottom h4{font-size: 20px; font-weight: 600; margin-bottom: 20px;}
.orders_details_bottom .left{width: 50%; padding-right: 30px;}
.orders_details_bottom .left div{display: flex; align-items: start; margin-bottom: 10px;}
.orders_details_bottom .left div p:nth-child(1){min-width: 120px; font-size: 15px; font-weight: 300; color: #777777; line-height: 24px;}
.orders_details_bottom .left div p:nth-child(2){font-weight: 300; line-height: 24px;}
.orders_details_bottom .right{border-left: 1px solid #E5E5E5; padding-left: 30px; width: 50%;}
.orders_details_bottom .right div{display: flex; align-items: start; justify-content: space-between; margin-bottom: 10px;}
.orders_details_bottom .right div p:nth-child(1){min-width: 80px; font-size: 15px; font-weight: 300; color: #777777; line-height: 24px;}
.orders_details_bottom .right div p:nth-child(2){font-weight: 300; line-height: 24px;  text-align: right;  margin-top: 8px;}
.orders_details_bottom .right .total-box{margin-top: 20px; padding-top: 20px; border-top: 1px solid #EAEAEA; margin-bottom: 0;}
.orders_details_bottom .right .total-box div{display: block; text-align: right;}
.orders_details_bottom .right .total-box div p:nth-child(1){font-size: 20px; font-weight: 700; color: #000;}

/*모달*/
/* 모달이 뜬 동안만 핀치·더블탭 확대 전부 차단 */
.modal-backdrop,
.modal {
	touch-action: none;          /* 줌 + 스크롤 모두 차단 */
	overscroll-behavior: contain;/* iOS 사파리에서 튕김 방지(선택) */
}
.modal-border-top{border-top:3px solid #000; padding-top:20px;}
.product-img{background-color:#F6F6F6; border-radius:12px; width:110px; min-width: 110px; aspect-ratio: 1 / 1; overflow:hidden;}
.product-img img{width:100%; aspect-ratio: 1 / 1;  object-fit: cover;}
.cart-total-pay{margin-bottom: 20px;}
.cart-total-pay .top{display: flex; justify-content: space-between;  align-items: center;  margin-bottom: 10px;}
.cart-total-pay .bottom{display: flex; justify-content: space-between; align-items: center;}
.delivery_search-top{display: flex; align-items: center; gap:10px; margin-bottom:20px;}
.delivery_search-top select{width: auto;  font-weight: 300; padding-left: 1.5rem; background-position: right 10px top 50%;}
.delivery_search-bottom{max-height:440px; overflow:auto;}
.delivery_search-bottom ul li{padding:20px; width:100%; background-color:#F6F7F7; border-radius:12px; margin-bottom:10px;display: flex; align-items: center; justify-content: space-between;  gap: 10px;}
.delivery_search-bottom ul li h3{font-size:18px; font-weight:600; margin-bottom:10px;}
.delivery_search-bottom ul li p{font-size:15px; line-height:22px; width:100%;}
.modal.modal-delivery-inquiry .modal-header{padding: 2.5rem 2.5rem 1rem;}
.modal.modal-delivery-inquiry .modal-body{padding: 2rem 2.5rem 2rem;}
.modal.modal-delivery-inquiry .modal-footer{padding: 0 2.5rem 3rem;}
.delivery-inquiry-info{padding: 14px 20px; background-color: #F6F6F6; border-radius: 12px; margin-bottom:30px;}
.delivery-inquiry-info > div{display: flex; align-items: center;}
.delivery-inquiry-info > div p:nth-child(1){font-weight:300; color:#777777; min-width:100px;}
.delivery-inquiry-info > div p:nth-child(2){font-weight:300;}
.delivery-inquiry-table{border-top:3px solid #000;}
.delivery-inquiry-table table{width:100%;}
.delivery-inquiry-table table th{ padding: 15px 5px; color: #777777;  font-weight: 600; border-bottom: 1px solid #E5E5E5;}
.delivery-inquiry-table table th:nth-child(1){width: 50%;}
.delivery-inquiry-table table th:nth-child(2){width: 25%;}
.delivery-inquiry-table table th:nth-child(3){width: 25%;}
.delivery-inquiry-table table td{border-bottom:1px solid #E5E5E5; padding: 15px 5px;}
.order-cancel2 .modal-footer{padding: 0 2.5rem 3rem;}
.account-info{border-top:3px solid #000; padding-top:3rem;}
@keyframes slideDown {
  from {transform: translateY(-10%);  opacity: 0;}
  to { transform: translateY(0);  opacity: 1;}
}
@keyframes slideUp {
  from {transform: translateY(30%);opacity: 0;}
  to {transform: translateY(0); opacity: 1; }
}
.custom-modal {animation: slideDown 0.4s ease-out;}

/*yr*/
.icon_39{ width: 3.9rem;}

/****************************************/
/*		헤더		*/
/****************************************/
.hd_pc .sch_ip{ padding: 0 2.0rem;}
.hd_pc .sch_ip .form-control{ height: 4.4rem; font-size: 1.4rem;}
.hd_m .sch_ip .form-control{ height: 4.0rem;}

.result_wp_top .no_data_img{ width: 9.0rem;}


/****************************************/
/*		서브탑		*/
/****************************************/
.sub_top{
	width: 100%;
	height: 15.3rem;
	border-bottom: 1px solid var(--border);
	text-align: center;
	padding: 0;
}
.sub_top .container{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.sub_top .container::after{
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 7.2rem;
	height: 3.5rem;
	background: url('../img/sub_top_img.png') no-repeat center;
	background-size: cover;
}
.sub_top .tit_h1 span{ font-weight: 500;}

/* 브레드크럼 */
.breadcrumb {
	display: flex;
	align-items: center;
	background: none;
	border-radius: 0;
	border: 0;
	gap: 0.5rem;
	margin-bottom: 4.0rem;
	padding: 0;
}
.breadcrumb .breadcrumb_link.home{
	display: flex;
	align-items: center;
}
.breadcrumb .breadcrumb_link{
	display: inline-block;
	color: var(--gray-200);
	font-size: 1.3rem;
}
.breadcrumb img{
	width: 1.3rem;
}


/****************************************/
/*		공지사항		*/
/****************************************/
.notice_pg .sch_ip{ height: 5.6rem;}
.sch_reset_btn{
	width: 2.4rem;
}
.board_list_wr{
	border-top: 1px solid var(--border);
	border-bottom: 1px solid var(--border);
}
.baord_post:not(:last-child){ border-bottom: 1px solid var(--border);}
.baord_post a{
	display: flex;
	justify-content: space-between;
	align-content: center;
	padding: 2.4rem 1.0rem;
}
.board_tit{
	font-size: 1.6rem;
	font-weight: 500;
	margin-bottom: 0.6rem;
}
.board_date{
	font-size: 1.5rem;
	color: var(--gray-400);
}

/* 공지사항 상세페이지 */
.board_dt_top{
	padding-bottom: 3.0rem;
	border-bottom: 1px solid var(--border);
}
.board_dt_top .board_tit {
	font-size: 2.0rem;
	line-height: 1.3;
}

.board_dt_cont{
	padding: 3.0rem 0;
	border-bottom: 1px solid var(--border);
	margin-bottom: 3.0rem;
	line-height: 1.5;
}


/****************************************/
/*		약관 페이지		*/
/****************************************/
.editor_style{
	line-height: 1.5;
}


/****************************************/
/*		검색 페이지 (모바일)		*/
/****************************************/
.sub_pg.search > .container{ padding-top: 2.0rem;}


/****************************************/
/*		검색 결과		*/
/****************************************/
.search_result .sub_sect{
	padding-top: 5.0rem;
	padding-bottom: 0;
}
.result_count{
	font-size: 1.5rem;
	font-weight: 500;
	color: var(--gray);
}

/* 상품 아이템 */
.item_ul {
	display: flex;
	flex-wrap: wrap;
	gap: 30px 12px;
}

.item_ul.item_row_5 li{
	width: calc((100% - (12px * 4)) / 5);
}

.item_ul.item_row_4 li{
	width: calc((100% - (12px * 3)) / 4);
}


/****************************************/
/*		상품 상세페이지		*/
/****************************************/
.product_dt > .container{ padding-top: 4.0rem;}

/* 상품이미지 슬라이드 */
.prd_slide_sect{
	width: 57.0rem;
	margin-right: 8.0rem;
}
.prdmain_slide .thumb_sqr, .prd_slide .thumb_sqr{
	background: var(--light);
	border: 0;
}

.prdmain_slide .prdmain_slide_btn{
	width: 4.8rem;
	height: 4.8rem;
	background: rgb(255 255 255 / 50%);
	border-radius: 50%;
	opacity: 1;
	box-shadow: 0 3px 10px rgb(0 0 0 / 6%);
}
.prdmain_slide_btn.swiper-button-disabled{
/*	background: var(--border);*/
	opacity: 0.5;
}
.prdmain_slide .prdmain_slide_btn.swiper-button-prev{ left: 2.0rem;}
.prdmain_slide .prdmain_slide_btn.swiper-button-next{ right: 2.0rem;}

/* 상품 정보 */
.prd_info_wrap .prd_info_name{ margin-bottom: 2.0rem;}
.prd_info_wrap .prd_item{ font-size: 1.8rem;}
.prd_info_wrap .prd_price{ font-size: 1.4rem;}
.prd_info_wrap .prd_sale_percent, .prd_wrap .prd_sale_price{ font-size: 2.4rem; font-weight: 700;}

/* 옵션선택 */
.prd_opt_slt_wp .custom-select + .custom-select{ margin-top: 1.0rem;}

/* 옵션선택 결과 */
.prd_opt_result_wrap {
	margin-top: 2.0rem;
	max-height: 24rem;
	height: auto;
	overflow-y: scroll;
}
.prd_opt_result_list {
	position: relative;
	margin-bottom: 1.5rem;
	padding: 2.0rem;
	background-color: var(--light);
	border-radius: 1.2rem;
}
.prd_opt_result_list:last-child { margin-bottom: 0;}

/*
.prd_opt_result_list .btn{
	position: absolute;
	top: 2.0rem;
	right: 2.0rem;
}
.prd_opt_result_list .btn ~ p{
	padding-right: 3.4rem;
}
*/


/*
.prd_opt_result_wrap::-webkit-scrollbar {
	width: 0.8rem;
	height: 0.8rem;
}
.prd_opt_result_wrap::-webkit-scrollbar-thumb {
	width: 0.8rem;
	background-color: #CCCCCC;
	border-radius: 100px;
}
*/


/* 찜버튼 */
.product_dt .btn_like svg{
	width: 2.5rem;
}
.product_dt .btn_like.on svg path{
	stroke: #F85C36;
	fill: #F85C36;
}

/* 하단 상세정보 */
.prd_detail_sect{ margin-top: 12.0rem;}

/* 판매자 에디터 부분 */
.editor_cont_wr {
	height: 87.0rem;
	overflow: hidden;
}

.prdt_dt_more{
	position: absolute;
	bottom: 0; left: 0;
	padding: 14rem 0 0;
	width: 100%;
	background: linear-gradient(0deg, rgba(255,255,255,1) 58%, rgba(255,255,255,0) 100%);
	display: flex;
	justify-content: center;
}
.prdt_dt_more .show_btn{
	width: 26.0rem;
	margin: 0 auto;
}

/* 더보기 버튼 클릭시 */
.editor_cont_wr.show{
	height: unset;
	overflow: unset;
}
.editor_cont_wr.show ~ .prdt_dt_more{padding: 0 0 0; position: relative; margin-top: 30px;}

.prd_detail_sect .editor_style{
	line-height: 1.4em;
}
.prd_detail_sect .editor_style img{ width: 100%;}


/* 우측 플로팅 */
.prd_opt_right{
	width: 31.6rem;
	margin-left: 11.0rem;
	border-radius: 1.2rem;
	padding: 2.0rem;
	position: sticky;
	top: 12rem;
	right: 0;
	z-index: 50;
	flex-shrink: 0;
}

.prd_opt_right .prd_opt_result_wrap{
	margin-top: 1.5rem;
	max-height: 35.3rem;
}
.prd_opt_right .btn_cart svg{ width: 2.5rem;}


/* 모바일 옵션선택 모달 */
.select_option_modal.modal{}
.select_option_modal.modal .modal-header{}
.select_option_modal.modal .modal-body{
	padding: 0 1.6rem;
}
.select_option_modal.modal .modal-footer{
	padding: 1.5rem 1.6rem 1.0rem;
}
.select_option_modal.modal .prd_opt_slt_wp{
	padding: 2.0rem 0 1.5rem;
	margin: 0 1.6rem;
	border-top: 3px solid var(--primary);
}
.select_option_modal.modal .prd_opt_result_wrap{
	overflow-y: unset;
	margin: 0;
}


/****************************************/
/*		상품 리스트 페이지		*/
/****************************************/
.product_list .sub_sect{
	padding-top: 4.0rem;
}
/* 좌측 메뉴 */
.left_cate{
	width: 26.0rem;
	border: 1px solid var(--border);
	border-radius: 1.2rem;
	padding: 2.5rem;
	margin-right: 6.0rem;
	flex-shrink: 0;
}

.left_cate_menu{
	display: flex;
	flex-direction: column;
	gap: 2.6rem;
}
.left_cate_menu > li > button{
	width: 100%;
	font-size: 1.6rem;
	font-weight: 500;
	justify-content: space-between;
	align-items: center;
}

/* 플러스 마이너스 아이콘 */
.left_cate_menu > li > button::after{
	content: "";
	display: block;
	width: 2.0rem;
	height: 2.0rem;
}
.left_cate_menu > li > button[aria-expanded="false"]:after {
	background: url('../img/ic_menu_plus.png') no-repeat center;
	background-size: cover;
}
.left_cate_menu > li > button[aria-expanded="true"]:after {
	background: url('../img/ic_menu_minus.png') no-repeat center;
	background-size: cover;
}


.left_cate_menu button img{ flex-shrink: 0;}

.left_cate_menu .menu_list{}
.left_cate_menu .menu_list ul {
	margin-top: 1.5rem;
	border-radius: 1.2rem;
	background: var(--light);
	padding: 1.5rem;
}
.left_cate_menu .menu_list button:hover{ color: var(--gray);}



/* 우측 상품 영역 */
.custom-select.form-control-md{
	height: var(--height_md);
}
.filter_select{
	flex-shrink: 0;
	min-width: 9.4rem;
	max-width: 12.0rem;
	background: url(../img/ic_filter_select.svg) no-repeat;
	background-position: right 15px top 50%;
}

/* 모바일 상단 카테고리 */
.mo_top_cate .cate_2dep_wr{
	border-bottom: 1px solid var(--border);
}
.mo_top_cate .cate_2dep_menu{
	gap: 2.0rem;
	overflow-y: unset;
}

.mo_top_cate .cate_2dep_menu li{
	flex-shrink: 0;
}

.mo_top_cate .cate_2dep_menu .btn{
	height: 5.6rem !important;
	font-size: 1.5rem;
	font-weight: 500;
}
.mo_top_cate .cate_2dep_menu li.on{
	position: relative;
	font-weight: 700;
}
.mo_top_cate .cate_2dep_menu li.on::after{
	content: "";
	display: block;
	width: 100%;
	height: 0.3rem;
	background: var(--primary);
	position: absolute;
	bottom: 0;
	left: 0;
}

/*sy*/
.myp_pg { padding-top: 6.0rem;}
.mypage_pg_left { padding-right: 3.5rem;}
.mypage_pg_right { padding-left: 2.5rem;}
.mypage_left { border: 1px solid var(--border); border-radius: 1.2rem; padding: 3.0rem 2.5rem 2.6rem 2.5rem;}
.profile_box { margin-bottom: 1.5rem; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.profile_img {  width: 8.0rem; height: 8.0rem; overflow: hidden; border-radius: 36rem;}
.profile_box .profile_name { margin-bottom: 0.8rem;}
.fs_lg_20 { font-size: 2.0rem !important;}
.fs_lg_18 { font-size: 1.8rem !important;}
.my_left_ul { padding-top: 0.4rem;}
.my_left_li { margin-bottom: 1.6rem;}
.my_left_li a { font-size: 1.6rem; font-weight: 500; color: var(--gray-400); display: flex; align-items: center; justify-content: space-between;}
.my_left_li a.active { color: #000;}
.my_left_li a.active svg #myico_arw_rig { fill: #000;}
.my_left_li a img { flex-shrink: 0;}

.mypage_right_top { padding-bottom: 2.0rem; border-bottom: 3px solid #000;}
.mypage_right_content { padding-top: 3.0rem;}
.my_prd_cont { margin-bottom: 1.8rem; border: 1px solid var(--border); padding: 3.5rem 3.0rem; border-radius: 1.2rem;}
.my_info_cont { border-radius: 1.2rem; padding: 1.8rem 3.0rem 1.7rem 3.0rem; display: flex; align-items: center; justify-content: start; }
.my_info_cont img { margin-right: 2.0rem;}

.order_summation { border: 1px solid var(--border); border-radius: 1.2rem;}
.order_summation .status_box { padding: 2.7rem 0.5rem 3.8rem 0.5rem;}
.order_summation .status_box img{ width: 5.6rem; margin-bottom: 1.0rem;}
.order_summation .status_box01, .order_summation .status_box02, .order_summation .status_box03 { border-bottom: unset }
.order_summation .status_box02, .order_summation .status_box04 { border-left: 1px solid var(--border); border-right: 1px solid var(--border);}

.orders_list { border: 1px solid var(--border); border-radius: 1.2rem; margin-bottom: 2.0rem;}
.ord_list_hd { padding: 2.0rem 2.2rem 2.0rem 3.0rem; border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; line-height: 1.2;}
.ord_list_bd { padding: 2.0rem 3.0rem;}
.ord_list_ul .ord_list_li { margin-bottom: 2.0rem;}
.ord_list_ul .ord_list_li:last-child { margin-bottom: 0;}
.ord_list_ul .ord_list_li .thumb_rect { flex-shrink: 0; width: 11rem; height: 11rem; margin-right: 2.0rem;border-radius: 8px;}
.ord_filler_form { margin-bottom: 2.0rem;}
.ord_filler_form input.form-control[type="date"]::before, input.form-control[type="time"]::before { left: 1.0rem;}
.ord_filler_form input.form-control[type="date"] { padding: 0.5rem 1.0rem 0.5rem 4.0rem; border: unset; flex-grow: 1;}
.ord_filler_form .ord_date_box { border-radius: 0.8rem; border: 1px solid var(--border); height: 3.8rem; width: 360px !important;}
.ord_filler_form .form-control { height: 3.8rem; padding: 0.5rem 1.5rem; border-radius: 0.8rem; background-color: transparent;}
.ord_filler_form .form-control.custom-select { padding-right: 3.5rem; background-position: right 10px top 50%}

.white_space_pre_line {	white-space: pre-line;}

@supports (-webkit-touch-callout: none) {
	.ord_filler_form .ord_date_box input[type="date"] {
		appearance: none;
		-webkit-appearance: none;
		display: flex;
		align-items: center;
	}
}


@media (max-width: 991.98px) {
	.fs_lg_20.fs_18 { font-size: 1.8rem !important;}
	.fs_lg_18.fs_16 { font-size: 1.6rem !important;}
	.myp_pg { padding-top: 2.0rem;}
	.mypage_pg_right { padding-left: 0rem;}
	.mypage_right_content { padding-top: 0;}
	.my_info_cont { margin-bottom: 1.5rem; padding: 1.8rem 3.0rem 2.0rem 3.0rem;}
	.my_info_cont img { margin-right: 1.5rem;}
	.profile_name { font-size: 1.8rem;}
	.order_summation .status_box { padding: 1.4rem 0.5rem 2.0rem 0.5rem;}
	.order_summation .status_box img{ width: 4.8rem; margin-bottom: 0.2rem; }
	.order_summation .status_box01, .order_summation .status_box02, .order_summation .status_box03 { border-bottom: 1px solid var(--border);}
	.order_summation .status_box04 { border-left: unset; border-right: unset;}
	.order_summation .status_box02, .order_summation .status_box05 { border-left: 1px solid var(--border); border-right: 1px solid var(--border);}
	.order_summation .fs_16 { font-size: 1.4rem;}
	.ord_date_box .col-auto.px-0 { max-width: 151px;}
	.ord_list_hd, .ord_list_bd { padding: 1.5rem 2.0rem;}
	.ord_filler_form .ord_date_box{ max-width: 400px !important;}
}
@media (max-width:492px) {
	.ord_filler_form .custom-select { margin-bottom: 1rem;}
	.ord_filler_form .col_mo { width: 100%;}
	.ord_filler_form .ord_date_box{ max-width: 292px !important; max-width: unset; gap: 10px;}
	.ord_date_box { padding-left: 1.0rem;}
	.ord_filler_form input.form-control[type="date"]::before, input.form-control[type="time"]::before { left: 0rem;}
	.ord_filler_form input.form-control[type="date"] { /*max-width: 12.5rem;*/ padding: 0.5rem 0.5rem 0.5rem 3rem;}
}



/****************************************/
/*		반응형		*/
/****************************************/

/* 태블릿, 모바일 시작 사이즈 */
/**반응형 max 992px lg**/
@media (max-width: 991.98px) {
	/* input date 모바일 설정 */
	input[type="date"] {
		font-size: 14px; /* 모바일에서 잘리지 않게 적정 폰트 크기 설정 */
		box-sizing: border-box;
		width: 100%;
		line-height: 1.4;
	}

	body:has(.bt_menu) .ft, body:has(.bottom_btn) .ft{
		padding-bottom: 6.7rem !important;
	}

	.mo_px_16{
		padding-left: 1.6rem;
		padding-right: 1.6rem;
	}
	.mo_mr_n16{ margin-right: -1.6rem !important;}
	.mo_mx_n16 {
		margin-left: -1.6rem !important;
		margin-right: -1.6rem !important;
	}

	/* 서브탑 */
	.sub_top{
		height: 11.0rem;
	}
	.sub_top .container::after{
		right: 1.6rem;
	}

	/* 검색결과 */
	.search_result .sub_sect{
		padding-top: 3.0rem;
	}

	/* 상품 아이템 */
	.item_ul.item_row_5 li{
		width: calc((100% - (12px * 2)) / 3);
	}
	.item_ul.item_row_4 li{
		width: calc((100% - (12px * 2)) / 3);
	}

	/* 공지사항 상세페이지 */
	.board_dt_top .board_tit { font-size: 1.8rem;}


	/* 상품 상세페이지 */
	.product_dt > .container{ padding-top: 0;}
	/* 상품이미지 슬라이드 */
	.prd_slide_sect{
		width: 100%;
		padding-top: 0;
		margin-right: 0;
	}
	.prd_detail_sect{ margin-top: 2.0rem;}

	/* 상품 정보 */
	.prd_wrap{ padding-top: 2.0rem;}
	.prd_info_wrap .prd_item{ font-size: 1.5rem;}
	.prd_info_wrap .prd_info_name{ margin-bottom: 0.8rem;}
	.prd_info_wrap .prd_sale_percent, .prd_wrap .prd_sale_price{ font-size: 1.8rem;}

	.prd_subinfo_wrap{
		display: flex;
		align-items: center;
	}

	/* 판매자 에디터 부분 */
	.editor_cont_wr {
		height: 42.0rem;
		overflow: hidden;
	}


	/* 상품 리스트 페이지 */
	.product_list .sub_sect{
		padding-top: 0;
	}
}


/**반응형 max 767px md**/
@media (max-width: 767.98px) {}


/**반응형 max 576px sm**/
@media (max-width: 575.98px) {
	/* 상품 아이템 */
	.item_ul.item_row_5 li{
		width: calc((100% - (12px * 1)) / 2);
	}
	.item_ul.item_row_4 li{
		width: calc((100% - (12px * 1)) / 2);
	}
}


@media (min-width: 1921px) {
	.popular_box .right{width: 120%;}
}

@media (max-width: 991.98px) {
	.mobile-pd{padding:0 16px;}
	.container.mobile{padding:0;}
	.hd_m{padding:7px 16px; position: fixed; width: 100%; z-index:900; background-color:#fff;height: var(--hd_height_m);}
	.hd_m a{margin-right:0;}
	.hd_m a img{width:42px;}
	.sch_ip{max-width:100%;}
	.swiper-button-next, .swiper-button-prev { width: 40px;}
	.main-meun li .img-box { width: 100%; height: auto; aspect-ratio: 1 / 1; border-radius: 50%; padding: 10px; overflow: hidden;}
	.popular_box {width: 100%;  min-height: auto; display: block;}
	.popular_box .left{max-width: 100%; margin-bottom: 15px;}
	.popular_box .right{width: 100%; position: unset;}
	section{padding: 20px 0;}
	.main-meun li .img-box.pc{display:none;}
	.main-meun li .img-box.mobile{display:block;}
	.main-meun{gap: 20px 10px;}
	.main-meun li p{font-size:13px;}
	.sec1{padding-top:40px;}
	.sec2{padding-bottom: 20px; background: none;}
	.sec3{padding-top:20px;}
	.sec4{padding-bottom: 40px;}
	.col-box{ flex-wrap: wrap; gap: 30px; margin-top: 0px;}
	.top-tit{display:none !important;}
	.sub_pg .g-border-top{border-top: 8px solid #F6F6F6;}
	.col-box .left{max-width:100%;}
	.e_a_pay{border: 0; padding:0;}
	.order-product.collapse_ex .order-product-top{padding:23px 16px;}
	.order-product.complete .order-product-top{padding:16px;}
	.order-complete-top{padding-top: 30px;}
	.order-product-bottom{padding:0 16px;}
}

/*반응형 max 768px md*/
@media (max-width: 768.98px) {
	.main-slide.pc, .event-slide.pc{display:none;}
	.main-slide.mobile, .event-slide2.mobile{display:block;}
	.main-slide.mobile ul li{text-align:center; aspect-ratio: 1 / 1;}
	.main-slide.mobile ul li img{width:100%; aspect-ratio: 1 / 1; object-fit: cover;}
	.swiper-pagination-fraction{ left: auto;  right: 18px; transform: unset;}
	.sec2_navigation, .popular_box .left br{display:none;}
	.sec2_img{width:56px;}
	.popular_box .left .fs_28{font-size:20px;}
	.popular_box .left .fs_18{font-size:14px !important;}
	.cart-box ul{padding-top:20px;}
	.cart-box ul li{gap: 8px; align-items: start; position:relative;margin-bottom:20px;}
	.cart-box ul li > .align-items-center {align-items: start !important; gap: 10px;}
	.cart-box ul li > .w-100 > .w-100{flex-wrap: wrap;}
	.cart-box ul li > .w-100 > .w-100 > .w-100 > div:nth-child(2){flex-wrap: wrap;gap: 0 10px;  margin-bottom: 10px;}
	.cart-box ul li > .w-100 > .w-100 > .w-100 { padding-right: 40px;}
	.cart-box ul li > .w-100 > .w-100 > .d-flex{width:100%; padding-right: 10px;}
	.cart-box ul li > .w-100 > .w-100 > .d-flex button{position: absolute;  top: 0;   right: 10px;}
	.option-ch{flex-wrap: wrap;}
	.option-ch p{width:100%;}
	.delivery-charge {width: 100%;   max-width: 100%;  text-align: left !important; flex-wrap: wrap; display: flex; text-wrap-mode: nowrap;  gap: 10px;  justify-content: space-between; align-items: center;}
	.delivery-charge p{width:auto;}
	.product-img{width: 80px; min-width: 80px;}
	.col-box{gap: 20px;}
	.modal.cart .option-box ul li{padding: 15px 14px;}
	.modal .modal-md{max-width: 100%; padding: 0; margin: 0; max-height: 100%; justify-content: end;}
	.modal .modal-md .modal-content{border-radius: 16px 16px 0 0;}
	.modal.cart .modal-md .modal-header, .delivery_search .modal-md .modal-header{padding: 2.5rem 1.6rem 1.0rem;}
	.modal.cart .modal-md .modal-body, .delivery_search .modal-md .modal-body{padding:1rem 1.6rem}
	.modal.cart .modal-md .modal-footer, .delivery_search .modal-md .modal-footer{padding: 0 1.6rem 3.0rem;}
	.cart-total-pay .top .fs_16{font-size:14px !important;}
	.cart-total-pay .top .fs_24{font-size:18px}
	.delivery_search-bottom ul li h3{font-size: 16px;}
	.delivery_search-bottom ul li p{ font-size: 14px; line-height: 20px;}
	.order-complete-top .fs_32{font-size:2rem}
	.order-complete-top .fs_18{font-size:15px !important;}
	.order-complete-top .btn-box{padding:0 16px;}
	.order-complete-top .btn-box button{font-size:14px;}
	.orders_details_bottom{flex-wrap: wrap; gap: 10px;}
	.orders_details_bottom .left{width: 100%; padding-right: 0;}
	.orders_details_bottom .right {border-left: 0; border-top: 1px solid #E5E5E5;  padding-left: 0; width: 100%; padding-top:20px;}
	.custom-modal {animation: slideUp 0.4s ease-out !important;}
	.modal.fade .modal-dialog {transition: none !important;transform: translate(0, 0px);}
	.ord_list_ul .ord_list_li .align-items-center{align-items: start !important;}
	.delivery_destination p.prd_sale_price{font-size:15px}
	.prd_info .fs_14{font-size:13px !important;}
	.prd_info .fs_15{font-size:14px !important;}
	.prd_info > p.text-gray-400{font-size:13px;}
	.prd_sum > .d-flex{padding-top:20px;}

}

/*반응형 max 576px sm*/
@media (max-width: 575.98px) {
	#category-box{max-width:100%; right: -100%; transition: unset;}
	#category-box.active{box-shadow: 0;}
	.category-top{padding:18px 16px;}
	.category-top p{font-size:18px;}
	.main-meun li p{font-size:12px;}
	.e_a_pay h3{font-size: 18px;}
	.e_a_p_box p.fs_20{font-size:18px !important;}
	.e_a_pay p{font-size: 14px;}
	.delivery_search-top{flex-wrap: wrap; gap: 5px}
	.delivery_search-top select, .delivery_search-top div{width:100%;}
	.order-product-bottom ul li > .d-flex{flex-wrap: wrap;}
	.order-product-bottom ul li > .d-flex > div:nth-child(2){width:100%; text-align:right;}
	.delivery_destination .fs_20{font-size:17px !important;}
	.delivery_destination .fs_18{font-size:15px !important;}
	.prd_info_name {margin-bottom: 5px;}
	.delivery_destination p{font-size:14px; margin-bottom: 0;}
	.request-box{margin-bottom:30px;}
	.request-box .request-wr{flex-wrap: wrap;}
	.request-box .request-wr select.direct{width:100%;}
	.order-product-top p{font-weight:400;}
	.order-product.complete .order-product-bottom ul li > .d-flex .pay-box{margin-bottom:5px;}
	.category-meun .left{max-width: 150px;}
	.category-meun .right{max-width: calc(100% - 150px);}
	.date-box{width:100%; padding: 7px 10px;}
	.date-box input{max-width: 115px; min-width: 95px; text-align: center;}
	.date-box input[type="date"] {-webkit-appearance: none; -moz-appearance: none; appearance: none;  box-sizing: border-box;}
}

/*반응형 max 440px */
@media (max-width: 440px) {
	.main-meun{ justify-content: center;}
	.main-meun li .img-box { padding: 0px;}
	.pagination a {width: 3rem; height: 3rem; margin: 0 0.5rem 0;}
}
@media (max-width: 412px) {
	.all-date-box{flex-wrap: wrap;}
	.all-date-box select{max-width: 100%;}
	.date-box input{max-width:100%; padding: 5px 0 5px 25px;}
	.date-box input.form-control[type="date"]::before{width: 2rem; height: 2rem;}

}
/*반응형 max 340px */
@media (max-width: 340px) {
	.cart-box ul li > .align-items-center{flex-wrap: wrap;}
	.cart-box ul li{flex-wrap: wrap;}
	.product-img {width: 130px;}
	.order-product-bottom ul li > .d-flex > div:nth-child(2){width:100%; text-align:left;}
	.ord_list_ul .ord_list_li > .d-flex{flex-wrap: wrap; gap: 10px;}
	.ord_list_ul .ord_list_li .text-right{text-align: left !important;}
}
/*반응형 max 320px */
@media (max-width: 320px) {

}