.mo{display:none;}
.relative{position: relative;}
.flex-inputbox{display: flex; gap: 12px; align-items: center;}
.flex-inputbox .left{width: 100%;}
.flex-inputbox .right{min-width: 110px;}
.gap_04{gap:4px;}
.gap_05{gap:5px;}
.gap_08{gap:8px;}
.gap_10{gap:10px;}
.gap-20{gap:20px;}
.gap-30{gap:30px;}
.store-name{justify-content: space-between;}
.store-name .left{display: flex; align-items: center; gap: 8px;}
.store-name .right{display: flex; align-items: center; gap: 10px;}
.store-name .right p:nth-child(1){font-size:14px !important; font-weight:500 !important;}
.store-name .right p:nth-child(2){font-size:14px !important; font-weight:700 !important; color:#F85C36}
.custom-select2 {padding-right: 3.5rem; background-size: 2.0rem;  padding-left: 2rem; border-radius: 60px;  font-size: 1.4rem;  font-weight: 400;  color: #000; width: auto;  min-width: 12.5rem;  text-align: left; position: relative;}
.custom-select2:after {content: '';  display: block;  width: 2.0rem; height: 2.0rem; background: url(../img/ic_ip_select.png) no-repeat center center; background-size: cover;  position: absolute;  right: 1rem; top: 50%; transform: translateY(-50%);}
.dropdown.show .custom-select2{color:#1DB9EE;}
.dropdown.show .custom-select2:after{content: '';  display: block;  width: 2.0rem; height: 2.0rem; background: url(../img/ic_ip_select_on.png) no-repeat center center; background-size: cover; }
.dropdown-menu{min-width: 12.5rem; font-size:13px; padding: 0; margin: 5px 0 0; color: var(--text); border: 1px solid #D7DCE2; border-radius: 12px; overflow:hidden;}
.dropdown-item{padding: 10px 25px; cursor: pointer;}
.dropdown-item:hover{background-color: #F8F9FB; }
.modal-cart-top{display: flex; align-items: start; gap: 10px; margin-bottom:15px;}
.modal-cart-top .pro-img{width:80px; aspect-ratio: 1 / 1; min-width:80px; border-radius: 12px; overflow: hidden;}
.modal-cart-top .pro-img img{width:100%; aspect-ratio: 1 / 1; object-fit: cover;}
.modal-cart-top .pro-price{width:100%;}
.modal-cart-top .pro-price p:nth-child(1){font-size:14px; font-weight:600; color:#848F9A; margin-bottom:10px;}
.modal-cart-top .pro-price p:nth-child(2){font-size:16px; font-weight:600; line-height:25px;}
.modal_result_wrap{max-height: 300px; overflow: auto; margin-bottom:15px;}
#modal_report .checks{margin-bottom:15px;}
.fixed-btn{position: fixed;bottom: 0; width: 100%;  padding: 10px 16px 20px; background-color: #fff;}
.hd-shopping{padding: 6px 0;  background-color: #F8F9FB;}
.hd-shopping a{display: flex; align-items: center; gap: 5px;}


/*메인*/
.sec{margin-bottom:100px;}
.event-benner {}
.main-benner{max-width:2560px; margin:auto; margin-bottom:60px;}
.main-benner .main-pc-slide > ul > li{/*min-height:400px;*/}
.main-benner .main-pc-slide .swiper-slide img,
.main-benner .main-pc-slide > ul > li > img{width:100%; /*height:400px;*/  object-fit:cover;}
/*.main-benner .main-mo-slide img{aspect-ratio:1 / 1;}*/
.pagination-box{position:absolute; width:100%; max-width:1200px; justify-content:flex-end; padding:0 20px; left:50%; bottom:15px; transform:translateX(-50%); display:flex; align-items:center; gap:30px; z-index:1;}
.pagination-box .pagination_bar{position:unset; width:100%; background-color:rgba(0, 0, 0, 0.05); border-radius:50px; display:none;}
.pagination-box .pagination_bar span{background:#1D92D1;border-radius:50px;}
.pagination-box .page-button-box{display:flex; align-items:center; gap:4px; }
.pagination_number{padding:9px 22px; background-color:rgba(255,255,255,0.5); font-size:14px; font-weight:500; border-radius:50px; /*border:1px solid #d7dce2;*/ position:unset; text-wrap-mode:nowrap;}
.swiper-button-next:after, .swiper-button-prev:after{content:none;}
.swiper-button-next, .swiper-button-prev {position:unset; margin-top:0;}
.pc-main-prev, .pc-main-next {width:40px; height:40px; aspect-ratio:1 / 1; background-color:rgba(255,255,255,0.5); /*border:1px solid #d7dce2;*/ border-radius:50%; overflow:hidden; position:absolute; top:50%; margin-top:-20px; display:flex; align-items:center; justify-content:center;}
.pc-main-prev img, .pc-main-next img {width:100%; height:100%; max-width:100px; filter:invert(98%) sepia(2%) saturate(6%) hue-rotate(22deg) brightness(0%) contrast(105%);}
.pc-main-prev {left:50%; margin-left:calc(-600px - 50px);}
.pc-main-next {right:50%; margin-right:calc(-600px - 50px);}
.pc-main-prev:hover, .pc-main-next:hover {background:rgba(29, 146, 209, 0.7);}
.pc-main-prev:hover img, .pc-main-next:hover img {filter:invert(98%) sepia(2%) saturate(6%) hue-rotate(22deg) brightness(200%) contrast(105%);}
.main-category ul{ display:flex; justify-content:space-between; align-items:start; margin:0 auto;}
.main-category ul li {width:8% !important; text-align:center;}
.main-category ul li img {width:90% !important; height:auto !important;}
.main-category ul li p {margin-top:10px;}
.main-category .pc-only ul {display:flex !important; flex-wrap:wrap !important;}
@media (max-width:1300px) {
    .pc-main-prev {left:0; margin-left:0;}
    .pc-main-next {right:0; margin-right:0;}
    .pagination_number{padding:7px 20px;}
    .pagination-box{padding:0 15px; bottom:15px;}
}
@media (max-width:1050px) {
    .pc-main-prev, .pc-main-next {display:none;}
    .pagination_number{padding:7px 15px; font-size:12px;}
    .pagination-box{padding:0 10px; bottom:10px;}
}
.MD-product ul{display: flex; align-items: stretch; gap: 18px;}
.top-title{display: flex; align-items: center; justify-content: space-between; margin-bottom:30px;}
.top-title .left{display: flex; align-items: flex-end;  justify-content: space-between; gap: 10px;}
.top-title .left h2{font-size: 30px; font-weight: 700; line-height: normal;}
.MD-product .top-title .left h2 {display: flex; align-items: flex-end; gap: 10px;}
.top-title .right a{display: flex; align-items: center;gap: 5px; }
.top-title .right a p{color: #848F9A; font-size: 15px; font-weight: 500;}
.top-title .right a img{width:15px;}
.ai_pick_box{background: url(../img/ai-pick-bg.png) no-repeat; width: 100%; background-position-x: center; background-position-y: top; padding-top:50px;}
.ai_pick_box .flex-bw{display:flex;}
.ai_pick_box .left{width: 40%;padding-top: 20px;}
.ai_pick_box .left .ai_tit{display:flex; align-items:center; gap:10px; margin-bottom:12px;}
.ai_pick_box .left .ai_tit h2{color:#1960E3; font-size:36px; font-weight:700;}
.ai_pick_box .left > p{color:#464C52; font-size:18px; font-weight:500; margin-bottom:30px;}
.ai_pick_box .left .pick-btn{display:flex; align-items:center; gap:10px;}
.pick-next, .pick-prev{width: 53px; height: 53px;  aspect-ratio: 1 / 1;background-color:#fff; border:1px solid #d7dce2; border-radius:50%; overflow:hidden;}
.ai_pick_box .right{width: 60%;}
.ai_pick_box .right .ai-pick{padding-top: 20px; padding-right: 8px;}
.ugly-span{color:#6E8194; font-size:28px; font-weight:600;}
.ugly-list-box{display:flex; margin-bottom: 30px;}
.ugly-list-box .left{width:50%; padding-right:28px;}
.ugly-list-box .left .thumb_img .thumb_sqr{aspect-ratio: 1 / 1}
.ugly-list-box .right{width:50%;}
.ugly-agricultural-products .page-button-box{display: flex; justify-content: center; align-items: center; gap:20px;}
.ugly-agricultural-products .pagination_number{width: auto; border: 0; padding: 0;}
.ugly-prev, .ugly-next{width: 53px; height: 53px;  aspect-ratio: 1 / 1;background-color:#fff; border:1px solid #d7dce2; border-radius:50%; overflow:hidden;}
.sacred-food{margin-bottom:20px;}
.sacred-food .food-title{display: flex; align-items: center; gap: 10px;}
.food-title p{font-size: 30px; font-weight: 700;}
.food-list{margin-bottom:50px;}
.food-list .food-top{display: flex; justify-content: space-between;}
.food-list .food-top .left{display: flex;  align-items: center; gap:10px;}
.food-list .food-top .left p{font-size: 20px; font-weight: 600;}
.food-list .food-top {margin-bottom:30px;}
.food-list .food-top .right a{display: flex;  align-items: center; gap: 5px;}
.food-list .food-top .right a p {color: #848F9A; font-size: 15px; font-weight: 500;}
.food-list .food-top .right a img {width: 15px;}
.food-list ul li .hrz_thumb .thumb_img .thumb_sqr {width: 128px;}
.sacred-food-box .food-list:last-child{margin-bottom:0;}
.food-slide-box .food-top{display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}
.food-slide-box .food-top .left .food-title{display: flex; align-items: center; gap: 10px; margin-bottom:10px;}
.food-slide-box .food-top .left .food-title h2{font-size:30px; font-weight:700;}
.food-slide-box .food-top .left > p{color:#848F9A; font-size:20px; font-weight:500;}
.food-slide-box .food-top .right a{display: flex;  align-items: center; gap: 5px;}
.food-slide-box .food-top .right a p {color: #848F9A; font-size: 15px; font-weight: 500;}
.food-slide-box .food-top .right a img {width: 15px;}
.food-next{position: absolute; background-color: #fff; top: 33%; right: -25px;  transform: translateY(-40%); width: 53px; height: 53px;  aspect-ratio: 1 / 1;background-color:#fff; border:1px solid #d7dce2; border-radius:50%; overflow:hidden;}
.food-prev{position: absolute; background-color: #fff; top: 33%; left: -25px;  transform: translateY(-40%); width: 53px; height: 53px;  aspect-ratio: 1 / 1;background-color:#fff; border:1px solid #d7dce2; border-radius:50%; overflow:hidden;}
.sacred-food-list ul{display:flex; align-items:start; gap:0 20px; flex-wrap: wrap;}
.sacred-food-list ul li{width: calc((100% / 2) - 10px);}

/*로그인*/
.sign_box h2{font-size:22px; font-weight:700; margin-bottom:10px;}
.sign_box > p {color: #464C52; font-size: 14px; margin-bottom:30px;}
.sign_box form{margin-bottom:40px;}
.log_btn{display: flex; gap: 10px; margin-bottom: 30px;}
.log_btn a{color:#848F9A;font-size: 14px;font-weight:300;}
.log_btn a:hover{font-weight:500;}
.log_btn .line{display:inline-block; width:1px; height:14px; background-color:#848F9A;}
.sns-tit{display: flex;  align-items: center; justify-content: center; gap:4px; margin-bottom:25px;}
.sns-tit p{color: #464C52; font-size: 14px; font-weight: 600;}
.sns-login-btn{display: flex; gap: 20px;  align-items: center; justify-content: center;}
.sns-login-btn a{width: 55px; aspect-ratio: 1 / 1;  border-radius: 50%; overflow: hidden;}

/*회원가입*/
.sign_box.agree h2{margin-bottom:30px;}
.agree-box{margin-bottom: 30px;}
.agree-box .all-checks{margin-bottom: 20px;}
.agree-box .all-checks label{width: 100%;margin-bottom: 0px; cursor: pointer;}
.agree-box .all-checks label input{display:none;}
.agree-box .all-checks label .ic_box{display: flex; justify-content: center; gap:10px; width: 100%; padding: 14px 0; background-color: #EBEEF2; border-radius: 8px; }
.agree-box .all-checks label .ic_box:before{content:'';display: inline-block; background:url(../img/check01_off.svg); width:15px; aspect-ratio: 1 / 1;}
.agree-box .all-checks label .ic_box p{color:#848F9A;}
.all-checks input:checked + .ic_box{background-color: #F7FDFF;}
.all-checks input:checked + .ic_box p {color:#1DB9EE;}
.all-checks input:checked + .ic_box:before{background:url(../img/check01_on2.svg);}
.agree-box ul li{display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.agree-box ul li a{color:#848F9A; font-size: 13px; font-weight:300;text-decoration: underline; cursor: pointer;}
.agree-box ul li:last-child{margin-bottom: 30px;}
.log_btn{justify-content: center;}
#myname p{color:#848F9A; font-size:12px;}
.timer{font-size: 14px; color:#E92E00; position: absolute; top: 50%; right: 13px;  transform: translateY(-50%);}
.flex-inputbox .left.relative input{padding-right:60px;}
.join-complete-box, .find-id-box, .find-pw-box, .order-done-box{text-align: center; margin-bottom: 30px;}
.join-complete-box img , .find-id-box img, .find-pw-box img, .order-done-box img{margin-bottom: 15px;}
.join-complete-box p:nth-child(2), .find-id-box p:nth-child(2), .find-pw-box p:nth-child(2), .order-done-box p:nth-child(2){font-size: 20px; font-weight: 700; margin-bottom: 15px;}
.join-complete-box p:nth-child(3){font-size: 14px; font-weight: 500; color: #848F9A; line-height:19px;}

/*아이디 / 비밀번호 찾기*/
.find-text{display: flex; text-align: left; gap: 5px;}
.find-text p{color:#333333; font-size:12px; font-weight:300; line-height:16px;}
.find-id{background-color:#F8F9FB; padding:15px;border-radius:8px; text-align:center; margin-bottom:30px;}
.find-id p:nth-child(1){font-size:18px; font-weight:600; margin-bottom:5px; color:#1DB9EE;}
.find-id p:nth-child(2){color:#848F9A; font-size:14px;  font-weight:500;}
.find-pw{text-align: center; margin-bottom: 30px; line-height:19px;}
.find-pw p{color:#848F9A; font-size:14px;  font-weight:500;}

/*서브페이지 공용*/
.sub-top{height: 190px;}
.sub-top.reseller{height: 55px;background:unset;}
.sub-top .breadcrumbs{position: absolute; left: 9px; top: 40px;}
.sub-top .breadcrumbs ul{display: flex; align-items: center; gap: 5px;}
.sub-top .breadcrumbs ul li a{display: flex; align-items: center; gap: 5px; color:#848F9A;}
.sub-title{display: flex; align-items: flex-end; justify-content: center; height: 100%; flex-wrap: wrap;}
.sub-title h2{font-size:28px; font-weight:700; margin-bottom:15px;}
.sub-title p{font-size:16px; font-weight:500;}
.sub-title p span{color:#1D92D1;}
.category-list{ margin: 50px 0;display: flex; gap: 28px; }
.sub_pg .category-list label{display: block; height: auto; padding: 0;margin-left:0; margin-right:0;}
.category-list label img{ max-width:66px; border-radius:50%;  margin-bottom:10px; border: 1px solid #ffffff00;}
.category-list label p{font-size:13px; font-weight:500; text-wrap-mode: nowrap;}
.category-lists.touch_scroll label p{font-size:13px; font-weight:500; text-wrap-mode: nowrap;}



/*
.category-list label.active img{overflow:hidden; border: 1px solid #1D92D1;}
.category-list label.active p{color:#1D92D1;}
*/

.category-list label.on img{overflow:hidden; border: 1px solid #1D92D1;}
.category-list label.on p{color:#1D92D1;}
.category-list input[type=radio]{position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none;}
.product-box .product-top{font-size: 20px; font-weight: 700; padding-bottom: 15px; border-bottom: 1px solid #D7DCE2; margin-bottom: 15px;}
.product-box .counter-select{display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.product-box .counter-select p{font-size: 16px;}
.product-box .counter-select p span{font-weight: 600;}
.product-box .counter-select select{width: auto; min-width: 90px; height: 36px; background: url(../img/ic_ip_select.png) no-repeat center right 1.0rem; font-size: 14px; border-radius: 5px; background-size: 15px; color:#464C52; padding-left: 1rem;}
.product-list .product-ul{display:flex; gap:18px;  flex-wrap: wrap;}
.product-list .product-ul li{width:calc((100% / 4) - 14px); margin-bottom: 50px;}
.product-list .product-ul.best_list li{margin-top:50px;}
.product-list .product-ul2{display:flex; gap:18px;  flex-wrap: wrap;}
.product-list .product-ul2 li{width:calc((100% / 3) - 12px);}
.product-list .product-ul2 li .thumb_sqr{
    aspect-ratio: 1 / 1; /* 1:1 비율로 설정 (정사각형) IE에서는 지원 안함*/
    width: 100%; /* 부모 요소의 너비를 100% 차지 */
    max-height: none; /* 기존 max-height 제거 */
}
.product-list .product-ul2 .thumb_img .thumb_btn_box {width: 100%; position: absolute; bottom: 0.5rem;z-index: 20; opacity: 0; transition: opacity 0.3s ease;}
.product-list .product-ul2 .thumb_img:hover .thumb_btn_box {opacity: 1;}
.catiegory-box{overflow: auto; width: 100%;-ms-overflow-style: none; /* 인터넷 익스플로러 */ scrollbar-width: none; /* 파이어폭스 */}
.catiegory-box::-webkit-scrollbar {display: none;}

.category-list {
    /* 기존 스크롤 기능 유지 */
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto; /* 가로 스크롤 허용 */
    overflow-y: hidden; /* 세로 스크롤바 숨김 */
    -webkit-overflow-scrolling: touch; /* iOS에서 부드러운 스크롤 */

    /* Firefox */
    scrollbar-width: none; /* 스크롤바 너비를 숨김 */
    -ms-overflow-style: none; /* 스크롤바 스타일을 숨김 */
}

/*스토어*/
.store-sec1{display: flex;  align-items: center;  justify-content: space-between;  padding: 40px;  margin: 50px 0; background-color: #F8F9FB; border-radius: 12px;}
.store-sec1 .left{display: flex;  align-items: center; gap:20px;}
.store-top-text h3{font-size:23px; font-weight:700; margin-bottom:7px;}
.store-top-text p{font-size:17px; font-weight:500; color:#848F9A;}
.store-sec1 .right{ max-width: 400px; width: 100%;}
.store-sec1 .right .sch_ip {border-radius:30px; max-width: 400px; width: 100%;}
.store-sec2{margin-bottom:80px;}
.store-sec2 h3{font-size:26px; font-weight:700;}
.store-box ul li{border-radius: 12px; overflow: hidden;}
.store-box ul li .thumb_img{margin-bottom: 0;}
.store-box .store-img{width: 100%; aspect-ratio: 1 / 1.1;}
.store-box .store-img img{aspect-ratio: 1 / 1.1; object-fit: cover;}
.store-box .thumb_btn_box.like-btn-box{position: absolute;  width: auto;  top: 20px;  right: 20px;  bottom: auto; height: auto; opacity: 0; transition: opacity 0.3s ease;}
.store-box .thumb_img:hover .thumb_btn_box.like-btn-box{opacity: 1;}
.store-box .thumb_btn_box.like-btn-box .btn.btn_like{margin-right:0;}
.dark-box{position: absolute; width: 100%; height:100%; background: linear-gradient(0deg, rgba(3,3,3,0.4962359943977591) 0%, rgba(255,255,255,0) 100%); top:0; left:0;}
.store-box .img-con{position: absolute; bottom:0; left: 0; z-index:1; padding:20px; width: 100%;}
.store-box .img-con > p:nth-child(1){font-size:20px; font-weight:700; margin-bottom:8px; color:#fff;}
.store-box .img-con > p:nth-child(2){font-size:16px; color:#fff;}
.store-box .store-number{display:flex; align-items: center; gap: 10px; margin-top:20px;}
.store-box .store-number .w-line{display:inline-block; width:1px; height:16px; background-color:#fff;}
.store-box .store-number .like{display: flex; align-items: center; gap: 10px; color:#fff;}
.store-box .store-number .pro-number{display: flex; align-items: center; gap: 10px; color:#fff;}
.store-sec3 .top-title .left h3{font-size:26px; font-weight:700;}
.store-sec3 .top-title select{width: auto; min-width: 90px; height: 36px; background: url(../img/ic_ip_select.png) no-repeat center right 1.0rem; font-size: 14px; border-radius: 5px; background-size: 15px; color:#464C52; padding-left: 1rem;}
.store-sec3-list{}
.store-sec3-list ul{display: flex; align-items: center;  flex-wrap: wrap; gap: 18px;}
.store-sec3-list ul li{width: calc((100% / 2) - 9px); position:relative; padding:25px; border-radius:20px; background-color:#F8F9FB;}
.store-sec3-list .store-tit{display: flex; align-items: flex-start; gap: 15px;}
.store-sec3-list .store-tit .store-img{width:65px; aspect-ratio: 1 / 1; border-radius: 50%;  overflow: hidden;}
.store-sec3-list .store-tit .store-img img{width:100%; aspect-ratio: 1 / 1; object-fit: cover;}
.store-sec3-list .thumb_img {position: absolute; right: 25px; bottom: auto;  top: 50%; transform: translateY(-50%); margin-bottom: 0;}
.store-sec3-list .thumb_img .thumb_btn_box{width: auto; position: unset; opacity: 0; transition: opacity 0.3s ease;}
.store-sec3-list .thumb_img:hover .thumb_btn_box{opacity: 1;}
.store-sec3-list .thumb_img .thumb_btn_box .btn.btn_like{margin-right: 0; border-radius: 50%; background-color: rgba(0, 0, 0, 0.15);}
.store-sec3-list .store-tit .img-con{padding-right: 40px; width: 100%;}
.store-sec3-list .store-tit .img-con > p:nth-child(1){font-size:18px; font-weight:700; margin-bottom: 5px; }
.store-sec3-list .store-tit .img-con > p:nth-child(2){font-size:16px;  margin-bottom: 10px;}
.store-sec3-list .store-tit .img-con .store-number{display:flex; align-items: center; gap: 10px; flex-wrap: wrap;}
.store-sec3-list .store-number .like{display: flex; align-items: center; gap: 10px; color:#848F9A; font-weight:500; font-size:14px;}
.store-sec3-list .store-number .like > p:nth-child(1){text-wrap-mode: nowrap;}
.store-sec3-list .store-number .pro-number{display: flex; align-items: center; gap: 10px; color:#848F9A;  font-weight:500; font-size:14px;}
.store-sec3-list .store-number .line{display:inline-block; width:1px; height:16px; background-color:#848F9A;}

.con-box .pt_title {display:flex; align-items:center; gap:10px 5px; flex-wrap:wrap;}
.con-box .pt_title .state {}
.con-box .pt_title .state * {margin:0; padding:6px 12px; border:none; font-size:12px; line-height:1; color:#fff; border-radius:99999px;}
.con-box .pt_title .state .status-r {background:#FE4747;}
.con-box .pt_title .state .status-on {background:#71C015;}
.con-box .pt_title .state .status-on2 {background:#7858DD;}
.con-box .pt_title .state .status-on3 {background:#272D39;}
.con-box .pt_title .state .status-off {background:#FE4747;}

/*스토어 상세*/
.store-detail-top{padding: 30px; background-color: #F8F9FB; border-radius: 12px; position: relative; margin-bottom:50px;}
.store-detail-top .thumb_img{margin-bottom: 0; position: absolute; right: 20px; top: 20px;}
.store-detail-top .thumb_img .thumb_btn_box{position: unset; opacity: 0; transition: opacity 0.3s ease;}
.store-detail-top .thumb_img:hover .thumb_btn_box{opacity: 1;}
.store-detail-top .thumb_img .thumb_btn_box .btn.btn_like{margin-right: 0;background-color: rgba(0, 0, 0, 0.15);}
.store-detail-top .store-tit{display: flex; align-items: center;  gap: 15px;}
.store-detail-top .store-tit .store-img{min-width: 90px; width: 90px; aspect-ratio: 1 / 1; border-radius: 50%; overflow: hidden;}
.store-detail-top .store-tit .store-img img{width: 100%; aspect-ratio: 1 / 1; object-fit: cover;}
.store-detail-top .store-tit .img-con {padding-right: 40px; width: 100%;}
.store-detail-top .store-tit .img-con > p:nth-child(1){font-size:22px; font-weight:700; margin-bottom: 5px; }
.store-detail-top .store-tit .img-con > p:nth-child(2){font-size:15px; margin-bottom: 15px; }
.store-detail-top .store-tit .img-con .store-number{display:flex; align-items: center; gap: 10px;}
.store-detail-top .store-number .like{display: flex; align-items: center; gap: 10px; color:#848F9A; font-weight:500; font-size:14px;}
.store-detail-top .store-number .pro-number{display: flex; align-items: center; gap: 10px; color:#848F9A;  font-weight:500; font-size:14px;}
.store-detail-top .store-number .line{display:inline-block; width:1px; height:16px; background-color:#848F9A;}
.store-detail-bot .counter-select{display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.store-detail-bot .counter-select p{font-size: 16px;}
.store-detail-bot .counter-select p span{font-weight: 600;}
.store-detail-bot .counter-select select{width: auto; min-width: 90px; height: 36px; background: url(../img/ic_ip_select.png) no-repeat center right 1.0rem; font-size: 14px; border-radius: 5px; background-size: 15px; color:#464C52; padding-left: 1rem;}

/*카테고리*/
.sub_pg.category{
    height: 100vh; 
    height: 100svh; /* iOS 17+ 대응 */
    padding-bottom: 0;
}
.mobile-category{display: flex; align-items: stretch; max-width: 992px; width: 100%; margin: auto;}
.mobile-category .category-group{min-width: 132px; background-color: #1DB9EE; border-radius: 0;}
.mobile-category .list-group-item{color:#fff; border:0; background-color: unset; padding: 15px 16px; font-weight:500;}
.mobile-category .list-group-item.active{background-color:#1D92D1;margin-top: 0; border-top-width: 0;}
.mobile-category .category-example{
    width: calc(100% - 132px);  
    height: calc(100vh - 13.5rem);
    height: calc(100svh - 13.5rem); /* iOS 17+ 대응 */
    overflow-y: auto; /* ScrollSpy가 감지할 수 있도록 부모 요소에 스크롤 적용 */    
    position: relative; /* ScrollSpy 동작을 위한 상대 위치 지정 */
}
.mobile-category .category-example > div{height: 100%; overflow: auto;}
.mobile-category .category-example h4{padding: 15px 16px; font-size:15px; font-weight:600;}
.mobile-category .category-example h4.active{ color:#1D92D1; background-color:rgba(235, 250, 255, 0.44); }
.mobile-category .category-example ul li a{padding: 15px 16px; display: flex; align-items: center; justify-content: space-between; font-weight:300; color:#333333;}
.category-detail-top > div{display: flex; flex-wrap: wrap;  gap: 10px;  justify-content: center; margin: 40px 0 50px;}
.category-detail-top .btn-group-toggle .btn{margin-right:0;flex: none;}
.catiegory-box ul li label{ flex-wrap: wrap;  height: auto; padding: 0; margin-right: 0;}

/*검색*/
.search-box{padding-bottom:25px; border-bottom:1px solid #D7DCE2; margin:50px 0 25px; text-align:center;}
.search-box p{font-size:26px; font-weight:300;}
.search-box p span{font-weight:700;}
.search-nav{margin-bottom:25px;}
.search-nav ul{background: unset; border-radius: 0; padding: 0; gap: 10px;}
.search-nav ul li .nav-link{padding: 12px 20px; border-radius: 60px; border: 1px solid #D7DCE2; color:#464C52; font-size:15px;}
.search-nav ul li .nav-link.active{box-shadow: unset; ;background: #1DB9EE; color: #fff;  border: 1px solid #1DB9EE;}
.search-product .counter{margin-bottom:20px;}
.search-product .counter p{font-size:16px;}
.search-product .counter p span{font-weight:600;}
.search-tit{padding-bottom:15px; border-bottom:1px solid #D7DCE2; margin-bottom:15px;}
.search-tit p{font-size:22px; font-weight:700;}
.search-no, .follow-no{border-bottom:0;  margin:50px 0 25px; text-align:center;}
.search-no p{font-size:16px; margin-top:15px;}
.sch-top{display: flex; justify-content: space-between; margin-top: 20px; margin-bottom: 15px;}
.sch-top p{font-size: 15px; font-weight: 600;}
.sch-top button{font-size: 13px; font-weight: 500; color: #848F9A; background-color: #ffffff00; border: 0; text-decoration: underline;}
.sch-word{display: flex; flex-wrap: wrap; gap: 10px;}
.sch-word li{display: flex; align-items: center; gap: 5px; padding: 7px 12px; border: 1px solid #D7DCE2; border-radius: 50px;}
.sch-word li p{font-size: 13px; color:#464C52;}
.sch-word li button{background-color: #fff; border: 0;}

/*나의 찜*/
.like-box h2{margin-top: 23px; margin-bottom: 50px; font-size: 34px; font-weight: 700;}
.like-btn{position:relative; margin-bottom: 25px; display: flex; gap: 25px; width:100%; }
.like-btn .botton-line{position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#D7DCE2;}
.like-btn a{display: flex; gap: 10px;  padding-bottom: 15px; border-bottom: 2px solid #ffffff00;  font-size: 26px;  font-weight: 700;  color: #848F9A; z-index: 2;}
.like-btn a.active{color: #1D92D1; border-bottom: 2px solid #1D92D1;}

/*주문/결제*/
.order-box{display: flex;  gap: 40px; align-items: stretch; position: relative; padding-top: 50px;}
.order-box > .left{width:calc(100% - 280px);}
.order-box .sub-title{display: inline-block; height: auto; padding-bottom: 50px;}
.order-box .sub-title h2{font-size:32px; font-weight:700;}
.order-address-box{margin-bottom: 30px; padding-bottom: 30px; border-bottom: 8px solid #F8F9FB;}
.order-address-box > p{font-size: 22px; font-weight: 600; margin-bottom: 15px;}
.order-address-box .no-add{display: flex; justify-content: space-between; align-items: center; gap: 20px;}
.order-address-box .no-add button{text-wrap-mode: nowrap;}
.order-address-box .no-add p{color: #464C52;}
.order-address-box .add{position: relative; margin-bottom: 30px;}
.order-address-box .add > p{display: flex; gap: 10px;font-size: 16px; font-weight: 500;}
.order-address-box .add > p span{font-size: 13px; font-weight: 400; color: #1D92D1;}
.order-address-box .add .add-con{margin-top: 10px;}
.order-address-box .add .add-con p{color: #464C52; font-size: 16px; margin-bottom: 5px;}
.order-address-box .add .add-con p:last-child{margin-bottom: 0px;}
.order-address-box .add button{position:absolute; top:0; right:0;}
.delivery-message select{margin-bottom:10px;}
.order-box > .right{width:100%; max-width:280px;}
.top-product-btn-box{display: flex; align-items: center; justify-content: space-between;}
.top-product-btn-box p{font-size: 22px;font-weight: 600;}
.top-product-btn-box span{font-size: 18px; font-weight: 600; color: #F85C36; margin-right: 10px;}
.top-product-btn-box button{padding:0;}
.order-product-conbox{padding-top: 30px;}
.order-product-conbox .order-tit-box{display: flex; justify-content: space-between; align-items: center;padding: 15px; background-color: #F8F9FB; border-radius: 12px;}
.order-product-conbox .order-tit-box .left{display: flex; align-items: center; gap:8px;}
.order-product-conbox .order-tit-box .left p{font-size:16px; font-weight:700;}
.order-product-conbox .order-tit-box .right{display: flex; align-items: center; gap:8px;}
.order-product-conbox .order-tit-box .right p:nth-child(1){font-size:14px; font-weight:500;}
.order-product-conbox .order-tit-box .right p:nth-child(2){font-size:14px; font-weight:700; color: #F85C36;}
.order-product-list{margin:30px 0 20px}
.order-product-list li{display: flex; gap: 20px; width: 100%; align-items: stretch; margin-bottom: 15px;}
.order-product-list li:last-child {
    margin-bottom: 0;
}
.order-product-list li .pro-img{width: 110px;height: 110px; min-width: 110px;  aspect-ratio: 1 / 1; border-radius: 12px; overflow: hidden;}
.order-product-list li .pro-img img{width: 100%; aspect-ratio: 1 / 1;}
.order-product-list li .pro-price{ display: flex; align-items: center;  justify-content: space-between;  gap: 20px; width: 100%;}
.order-product-list li .pro-price .con > p{font-size: 16px;  font-weight: 500; margin-bottom: 10px;}
.order-product-list li .pro-price .con .price{display: flex;  gap: 10px; align-items: center;  margin-bottom: 10px;}
.order-product-list li .pro-price .con .price p:nth-child(1){color:#BCC4CC; font-size: 14px; font-weight: 500; text-decoration: line-through;}
.order-product-list li .pro-price .con .price p:nth-child(2){font-size: 16px; font-weight: 700;}
.order-product-list li .pro-price .con .option{display: flex; gap: 10px; align-items: center;}
.order-product-list li .pro-price .con .option p{font-size: 14px; font-weight: 500; color:#464C52;}
.order-product-list li .total-pay{font-size: 18px; font-weight: 700;}
.height8_line{display:block; height:8px; background-color:#F8F9FB; width:100%;}
.discount-box{padding-top:30px;}
.coupon-box{display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.coupon-box .left p:nth-child(1){font-size: 18px; font-weight: 600; margin-bottom: 5px;}
.coupon-box .left p:nth-child(2){font-size: 14px; font-weight: 500;color:#848F9A;}
.use-coupon-box{padding:16px 15px; background-color:#f8f9fb; border-radius:12px; margin-bottom:30px;}
.use-coupon-box .use-coupon{display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.use-coupon-box .use-coupon p:nth-child(1){color:#848F9A; font-size:14px; font-weight:500;}
.use-coupon-box .use-coupon p:nth-child(2){color:#464C52; font-size:15px; font-weight:600;}
.use-coupon-box .use-total-coupon{display: flex; align-items: center; justify-content: space-between; padding-top:15px; border-top:1px solid #D7DCE2}
.use-coupon-box .use-total-coupon p:nth-child(1){color:#333; font-size:15px; font-weight:500;}
.use-coupon-box .use-total-coupon p:nth-child(2){color:#000; font-size:16px; font-weight:600;}
.saved_money h4{font-size: 18px; font-weight: 600; margin-bottom: 15px;}
.saved_money .flex-inputbox{margin-bottom:8px;}
.saved_money p{font-size: 15px;}
.saved_money p span{ font-weight: 600;}
.order-product button > img{transform: rotate(180deg);}
.order-product .top-product-btn-box button.collapsed > img{transform: rotate(0deg);}
.order-box > .right .payment_amount{padding: 20px 15px; border-radius: 8px; border: 1px solid #d7dce2; position: sticky; top: 155px;}
.order-box > .right .payment_amount h4{font-size: 20px; font-weight: 700; margin-bottom: 20px;}
.order-box > .right .payment_amount .flex{display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
.order-box > .right .payment_amount .flex p:nth-child(1){color: #848F9A;}
.order-box > .right .payment_amount .flex p:nth-child(2){font-weight:500;}
.order-box > .right .payment_amount .total_payment{display: flex; align-items: center; justify-content: space-between; padding-top: 15px; border-top: 1px solid #D7DCE2; margin-bottom: 20px;}
.order-box > .right .payment_amount .total_payment p:nth-child(1){font-weight:500;}
.order-box > .right .payment_amount .total_payment p:nth-child(2){font-size: 22px; font-weight:700; color:#F85C36;}
.mobile_payment_amount{display:none;}
.add-change-box{display: flex; flex-wrap: wrap;  margin-bottom: 30px; gap: 20px;}
.add-change-box li{border:1px solid #D7DCE2; border-radius:20px; padding:20px; width: 100%;}
.add-change-box li .modal-add-top{display: flex; justify-content: space-between; align-items: center; margin-bottom:15px;}
.add-change-box li .modal-add-top > p{font-size:20px; font-weight:600;}
.add-change-box li .modal-add-top > div{display: flex; align-items: center; gap: 10px;}
.add-change-box li .modal-add-top > div button{font-size:16px; color:#848F9A; border: 0; background-color: #fff;}
.g-line{display:inline-block; width:1px; height:16px; background-color:#848F9A;}
.add-change-box li .modal-add-mid{margin-bottom:15px;}
.add-change-box li .modal-add-mid p{margin-bottom:5px; color:#464C52;}
.add-change-box li .modal-add-mid p:last-child{margin-bottom:0px;}
.add-change-box li .modal-add-bot{display: flex; justify-content: flex-end; position: relative;}
.add-change-box li .modal-add-bot p{position: absolute;  left: 0;  top: 50%; transform: translateY(-50%); color: #1D92D1; font-weight: 500;}
.add-change-box li .modal-add-bot button{padding:0 30px; font-size:14px; color:#464C52;}
.choose-coupons{display: flex; flex-wrap:wrap; gap:30px; margin-bottom:30px;}
.choose-coupons li{width:100%;}
.choose-coupons li .coupons-top{display: flex; align-items: center; gap: 15px; margin-bottom:15px;}
.choose-coupons li .coupons-top .coupons-img{width: 80px; min-width: 80px; aspect-ratio: 1 / 1;  border-radius: 12px;  border: 1px solid #d7dce2;  overflow: hidden;}
.choose-coupons li .coupons-top .coupons-img img{width: 100%;  aspect-ratio: 1 / 1; object-fit: cover;}
.choose-coupons li .coupons-top .coupons-text{}
.choose-coupons li .coupons-top .coupons-text p:nth-child(1){margin-bottom:10px; color:#848F9A; font-size:14px; font-weight:500;}
.choose-coupons li .coupons-top .coupons-text p:nth-child(2){font-size:16px; font-weight:500;}
.order-done-box{padding-top:100px;}
.order-history{padding: 20px; border: 1px solid #D7DCE2; border-radius: 12px;}
.order-history .day p:nth-child(1){font-size:18px; font-weight:700; margin-bottom:5px;}
.order-history .day p:nth-child(2){font-size:14px; color:#848F9A;}
.order-history .order-product-list li .pro-price{flex-wrap: wrap; gap: 15px;}
.shipping-information{margin-bottom:30px;}
.order-history .info-tit{padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #D7DCE2;}
.order-history .info-tit p{font-size:18px; font-weight:700; }
.order-history .info-con div{display: flex;  align-items: flex-start;  justify-content: space-between; margin-bottom: 15px; gap:20px;}
.order-history .info-con div:last-child{margin-bottom: 0;}
.order-history .info-con div p:nth-child(1){font-size: 14px; font-weight: 500; color: #848F9A;min-width: 70px;}
.order-history .info-con div p:nth-child(2){font-weight: 600; color: #464C52; text-align: right;}

/*장바구니*/
.cart-title{padding-bottom: 40px;}
.cart-title h2{font-size:32px; font-weight:700;}
.cart-box{}
.cart-top{display: flex; justify-content: space-between;  align-items: center; margin-bottom: 15px;}
.cart-top .checks label{align-items: center;}
.cart-product{display: flex; gap: 20px;  width: 100%; align-items: stretch;}
.cart-product > div:nth-child(2){width:100%;}
.cart-list{display: flex; flex-wrap: wrap;  gap: 30px;}
.cart-list > li{width:100%; border: 1px solid #D7DCE2; border-radius: 12px; overflow: hidden;}
.cart-list-top{padding: 15px; background-color: #F8F9FB; display: flex; justify-content: space-between; align-items: center;}
.cart-list-top .checks .ic_box{margin-right: 1.5rem;}
.cart-list-top .checks .chk_p{font-size:16; font-weight:600;}
.delivery-charge{display: flex; align-items: center; gap: 8px;}
.delivery-charge p{font-size: 14px; font-weight: 500;}
.delivery-charge p:nth-child(2){font-weight: 700; color: #F85C36;}
.cart-list > li > ul > li{padding: 30px 15px;}
.cart-list > li > ul > li .checks label{align-items: stretch;}
.cart-list > li > ul > li .checks label .ic_box{margin-right:0;}
.cart-product .checks label{align-items: stretch;}
.cart-product .checks .chk_p{padding-top: 0rem; width: 100%;}
.cart-product-con{display: flex; gap: 20px;  width: 100%; align-items: stretch;}
.cart-product-con .pro-img {width: 110px;  height: 110px;  min-width: 110px;  aspect-ratio: 1 / 1;  border-radius: 12px;  overflow: hidden;}
.cart-product-con .pro-img img{width: 100%; aspect-ratio: 1 / 1;}
.cart-product-con .pro-price{display: flex; align-items: start; justify-content: space-between;  gap: 20px; width: 100%;}
.cart-product-con .pro-price .con {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.cart-product-con .pro-price .con > p {font-size: 16px; font-weight: 500; margin-bottom: 10px; line-height: 23px;}
.cart-product-con .pro-price .con .price {display: flex; gap: 10px;  align-items: center;  margin-bottom: 10px;}
/* 할인가격이 있을 때만 첫 번째 p에 취소선 적용 */
.cart-product-con .pro-price .con .price p:nth-child(1):not(:only-child) {
    color: #BCC4CC;
    font-size: 14px;
    font-weight: 500;
    text-decoration: line-through;
}

.cart-product-con .pro-price .con .button-container {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

/* 할인가격이 있을 때는 두 번째 p, 할인가격이 없을 때는 첫 번째 p에 적용 */
.cart-product-con .pro-price .con .price p:nth-child(2),
.cart-product-con .pro-price .con .price p:only-child {
    font-size: 16px;
    font-weight: 700;
}
.close-btn{background-color: transparent; border:0;}
.close-btn img{min-width:20px;}
.cart-list-bottom{display: flex; gap: 5px; justify-content: center; align-items: center;  padding: 16px; background-color: #F8F9FB; flex-wrap: wrap; letter-spacing:-0.5px;}
.cart-list-bottom p span{font-size:16px; font-weight:500; margin-left:5px;}
.cart-list-bottom.order-list-bottom {margin:25px -25px -30px -25px;}
.cart-list-bottom .text-primary {font-size:18px !important; font-weight:800;}
.cart-box .mobile-payment{display:none;}
.option-change-top{}
.option-change-top p:nth-child(1){font-size: 14px; font-weight: 600; color: #848F9A; margin-bottom: 10px;}
.option-change-top p:nth-child(2){font-size: 18px; font-weight: 500; line-height: 23px;}
.total-pay{display: flex; align-items: center; justify-content: space-between;}
.modal .total-pay{padding-bottom: 30px;}
.total-pay p:nth-child(1){font-size: 14px;}
.total-pay p:nth-child(2){font-size: 20px; font-weight: 600;}
.overnumber-box, .modal-body .box{text-align: center; padding: 20px 0 30px;}
.overnumber-box p:nth-child(1){font-size: 20px; font-weight: 700; margin-bottom:15px;}
.modal-body .box p:nth-child(1){font-size: 20px; font-weight: 700;}
.overnumber-box p:nth-child(2), .modal-body .box p:nth-child(2){font-size: 16px; color:#464C52;}

/*마이페이지*/
.inquiry_details li{padding: 20px 0; border-bottom: 1px solid #D7DCE2;}
.inquiry_details li a{display: flex; justify-content: space-between; align-items: center;}
.inquiry_status{background-color: #1DB9EE; color: #fff;  padding: 5px 8px;  border-radius: 50px;  font-size: 14px; font-weight: 500;}
.inquiry_status.disabled{background-color: #A7B2BC;}
.mobile-mypage-top{display:none;}
.mp_menu ul li button{font-size: 1.7rem; font-weight: 600; background-color: transparent; border: 0; display:flex; align-items: center; gap:7px;}
.hd_m.mypage.active{background-color:#fff;  border-bottom: 1px solid var(--border); box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.03); border-left: 1px solid #fff;}
.hd_m.mypage.active .page_tit{color:#000;}
.hd_m.mypage.active svg path{fill:#000;}
.notification-circle{position: absolute;  top: 5px; right: 5px; border-radius: 36rem; width:7px; height:7px; background-color: #F85C36;}
.mypage-w458box{max-width:458px; margin:auto; padding:30px; border:1px solid #d7dce2; border-radius:8px;}
.mypage-w458box.setting{padding: 30px 30px 10px;}
.mypage-tit-box h2{font-size:26px; font-weight:700; margin-bottom:30px;}
.mypage-w458box .my-name-id{ display:flex; gap:30px; align-items: center; padding-bottom:20px;}
.mypage-w458box .my-name-id p:nth-child(1){font-weight:500; }
.mypage-w458box .my-name-id p:nth-child(2){font-size:14px; color:#707070;}
.mypage-w458box .btn-list li:nth-child(1){border-top:1px solid #d7dce2;}
.mypage-w458box .btn-list li:last-child{display:none;}
.mypage-w458box .btn-list li a{display:block; padding:20px 16px; display:flex; align-items: center; justify-content: space-between;}
.modal-withdrawal-top{display:flex; align-items: center; gap:5px;}
.modal-withdrawal-top p{font-size:18px; color:#1D92D1}
.modal-withdrawal-con h3{font-size:14px; font-weight:600; margin-bottom:10px;}
.modal-withdrawal-con p{font-size:14px; line-height:24px;}

/*탈퇴하기*/
.mobile-box{max-width: 767.98px; margin: auto;}
.f8-box{padding: 27px 24px; background-color: #F8F9FB; border-radius: 12px; margin-top:20px; margin-bottom:20px;}
.bottom-withdrawal-btn{position: fixed; max-width: 767.98px; bottom: 0; left: 50%;  width: 100%;  transform: translateX(-50%);  padding: 16px; background-color: #fff;}

/*알림*/
.alrim-con{text-align:left; text-decoration:unset !important;}
.alrim-con p{color:#848F9A; }
.alrim-con p.new-alrim{color:#1D92D1}
.alrim-con p:nth-child(1){font-weight:500; margin-bottom:7px;}
.alrim-con p:nth-child(2){font-size:14px;}
.alrim-box li{border-bottom:1px solid #D7DCE2}
.alrim-box li button{display:flex; align-items: center; justify-content: space-between; gap:10px; width:100%; background-color: transparent; border: 0; padding: 25px 16px; height: auto;}
.alrim-gcon{background-color:#F8F9FB;  padding: 22px 16px;}
.alrim-gcon p:nth-child(1){font-size:14px; margin-bottom:12px; color:#848F9A}
.alrim-gcon p:nth-child(2){font-size:14px; color:#848F9A}
.ar-setting-top{display: flex; justify-content: space-between;  align-items: center; padding: 20px 16px; border-bottom: 1px solid #D7DCE2;}
.ar-setting-ul{padding:20px 0;}
.ar-setting-ul li{display: flex; justify-content: space-between;  align-items: center; margin-bottom:30px;}
.ar-setting-ul li p{font-size:14px; color:#010101;}
.ar-setting-ul li:last-child{margin-bottom:0;}

/*쿠폰*/
.my-coupon-box{position:relative;}
.my-coupon-box:before{content:''; display:block; position: absolute; width: 100%;  height: 1px; background-color: #D7DCE2;  bottom: 1px; z-index: 0;}
.my-coupon-list{display: flex; align-items: stretch;  gap: 20px; flex-wrap: wrap;}
.my-coupon-list li{width: calc((100% / 2) - 10px); background-color: #F8F9FB; border-radius: 8px;  overflow: hidden; display: flex; align-items: center;}
.my-coupon-list li .left{padding:20px; width:100%;}
#available .my-coupon-list li .left h3{ font-size: 26px; font-weight: 600;  color: #1DB9EE; margin-bottom: 5px;}
#impossibility .my-coupon-list li .left h3{ font-size: 26px; font-weight: 600;  color: #848F9A; margin-bottom: 5px;}
.my-coupon-list li .left > p{font-size: 14px; font-weight: 500;  color: #464C52;  margin-bottom: 10px;}
.my-coupon-list li .left > div{font-size: 13px; color: #848F9A;}
.my-coupon-list li .left > div p:nth-child(1){margin-bottom:5px;}
.my-coupon-list li .right{position:relative; min-width:90px; text-align: center; height: 100%; display: flex; align-items: center; justify-content:center; flex-wrap: wrap;}
.my-coupon-list li .right:before{content:''; display:block; position: absolute; width: 1px;  height: 100%; left: 0px;  background: url(../img/dot-line.png);}
.my-coupon-list li .right .coupon-status > img{margin-bottom:7px;}
.my-coupon-list li .right .coupon-status p{font-size: 13px; color: #848F9A; font-weight: 500;}

/*적립금*/
.my-point nav{display:flex; justify-content: space-between;  align-items: center;}
.my-point nav ul{gap:20px;}
.my-point .nav_tab_line .nav-item{margin-right: 0;}
.my-point .nav_tab_line .nav-link.active{color: #1DB9EE; border: 1px solid #1DB9EE;}
.my-point .nav_tab_line .nav-link{height: auto; padding: 12px 20px; font-size: 15px;  font-weight: 500; border: 1px solid #D7DCE2; border-radius: 50px; color: #000;}
.point-box{background-color: #F8F9FB;  padding: 4px 24px;  border-radius: 12px; display: flex; align-items: center; justify-content: center;}
.point-box img{min-width: 35px;}
.point-box p:nth-child(1){font-size:16px; font-weight:600; color:#848F9A;}
.point-box .d-flex p{font-size:18px; font-weight:700;}
.potnt-list-box{border-top:1px solid #D7DCE2;}
.potnt-list-box li{width: 100%; display: flex; justify-content: space-between; align-items: center;  gap: 10px; padding:20px 0; border-bottom:1px solid #F8F9FB}
.potnt-list-box li .left{display: flex; justify-content: center; align-items: center;  gap: 10px;}
.potnt-list-box li .left p{font-size:17px; font-weight:600; }
.potnt-list-box li .right{text-align:right}
.potnt-list-box li .right p:nth-child(1){font-size:15px; font-weight:500; color:#595959; margin-bottom:3px;}
.potnt-list-box li .right p:nth-child(2){font-size:13px; color:#989898;}
.point-plus{font-size:12px; font-weight:600; color: #1DB9EE; font-weight: 500; width: 54px;  height: 54px;  border-radius: 50%;  background-color: #E1F6FD; display: flex; justify-content: center; align-items: center;}
.point-minus{font-size:12px; font-weight:600;color: #848F9A; font-weight: 500; width: 54px;  height: 54px;  border-radius: 50%;  background-color: #D7DCE2; display: flex; justify-content: center; align-items: center;}


/*마이페이지*/
.mp_menu ul li a.on{color:#1D92D1;}
.done-box{padding-top: 100px; text-align: center;  margin-bottom: 30px;}
.done-box img{ margin-bottom: 15px;}
.done-box p:nth-child(2){font-size: 20px;  font-weight: 700; margin-bottom: 15px;}
.done-box p:nth-child(3){font-size: 16px;  font-weight: 500;}
.sns-add{}
.sns-add li{display: flex; gap: 10px; padding: 0.5rem 1.5rem; border-radius: 8px; border: 1px solid var(--border); height: 46px; margin-bottom:10px;}
.sns-add li:last-child{margin-bottom:0;}
.sns-add li input{padding: 0; height: auto; border: 0;}
.sns-add li .close{width: 20px;}
.sns-add li:nth-child(1) .close{display:none;}




/*주문 * 배송 (마이페이지)*/
.my-order-top select{width:auto;border-radius:60px; padding:12px 40px 12px 20px;}
.my-order-top select:nth-child(1){color:#1DB9EE; border:1px solid #1DB9EE; background:url(../img/ic_ip_select2.png) no-repeat center right 1.0rem; background-size: 2.2rem;}
.my-order-top .custom-select option {background-color: #f8f9fa; /* 배경색 */ color: #333; /* 글자색 */}
.list-sec1{margin-bottom:30px;}
.list-sec1 > li h3{font-size:18px; font-weight:800; margin-bottom:15px}
.list-sec2{ border: 1px solid #D7DCE2; border-radius: 12px; overflow: hidden;margin-bottom:15px }
.list-sec2 > li{border-bottom: 1px solid #D7DCE2;  padding: 25px 25px 30px 25px; }
.list-sec2 > li:last-child{border-bottom:0;}
.list-sec2 > li .no_top{display: flex; justify-content: space-between; align-items: center; margin-bottom:20px;}
.list-sec2 > li .no_top p{color: #848F9A; font-size: 14px;}
.list-sec2 > li .no_top a{display: flex; align-items: center; font-size: 14px;}
.list-sec2 > li .store-name{display: flex; padding: 15px; align-items: center; background-color: #F8F9FB;  gap: 8px; border-radius: 12px;margin-bottom:10px;}
.list-sec2 > li .store-name p{font-size: 16px; font-weight:700; word-break:break-all !important;}

/*작업중/할꺼임*/
.cancel-history-box {}
.cancel-history-box .list-sec {}
.cancel-history-box .list-sec > li {}
.cancel-history-box .list-sec .no_top {}
.cancel-history-box .list-sec .store-name {}
.cancel-history-box .list-sec .list-sec3 {}

.my-order-top .dropdown-menu { min-width: 100%; width: 100%;}
/* 두 번째 이후 요소에만 margin-top 추가 */
.list-sec2 > li .store-name ~ .store-name {
    margin-top: 20px;
}
.list-sec3 li{padding: 15px 0px; position: relative;}
.list-sec3 li:last-child{padding: 15px 0px 0px;}
.list-sec3 li > p{margin-bottom: 10px;}
.list-sec3 li > div{display: flex; justify-content: space-between; align-items: stretch;  gap: 30px;}
.list-sec3 li > div .left{display: flex; gap: 20px;  align-items: flex-start; width: 100%;}
.list-sec3 li .dropdown-toggle::after{content:none;}
.list-sec3 li .pro-img {width: 110px;  height: 110px;  min-width: 110px;  aspect-ratio: 1 / 1;  border-radius: 12px;  overflow: hidden;}
.list-sec3 li .pro-img img{width: 100%; aspect-ratio: 1 / 1;}
.list-sec3 li .pro-price{display: flex; align-items: start; justify-content: space-between;  gap: 20px; width: 100%; height: 100%;}
.list-sec3 li .left .con-box{display: flex; align-items: center; justify-content: space-between; gap: 30px; width: 100%; height: 100%; flex-direction:column;}
.list-sec3 li .left .con-box p.total-pay {width:100%;}
.list-sec3 li .left .con-box .total-pay-wrap {margin:0; width:100%;}
.list-sec3 li .pro-price .con > p {font-size: 16px; font-weight: 500; margin-bottom: 10px; line-height: 23px;}
.list-sec3 li .pro-price .con .price {display: flex; gap: 10px;  align-items: center;  margin-bottom: 10px;}
.list-sec3 li .pro-price .con .price p:nth-child(2){font-size: 16px; font-weight: 700;}
.list-sec3 li .pro-price .con .price p:nth-child(1) { color: #BCC4CC; font-size: 14px; font-weight: 500; text-decoration: line-through;}
.list-sec3 li .pro-price .con .option{display: flex; gap: 10px; align-items: center; flex-wrap: wrap;}
.list-sec3 li .pro-price .con .option p{font-size: 14px; font-weight: 500; color:#464C52;}
.list-sec3 li .right{ display: flex; align-items: center; justify-content: flex-end;}
.list-sec3 li .total-pay{padding-bottom: 0; font-size: 16px; font-weight: 600;}
.list-sec3 li .right .btn-box button{display: block; width: 100px; margin-bottom:3px;}
.list-sec3 li .right .btn-box button:last-child{margin-bottom:0;}
.status-on{color:#1D92D1; font-size:14px;}
.status-off{color:#464C52; font-size:14px;}
.request-btn-box .dropdown{position: absolute; top: 0; right: 0;}
.request-btn-box .dropdown button{border: 0; background-color: transparent;}
.request-btn-box .dropdown .dropdown-menu{left: -130px !important; transform: none !important;padding: 0; border: 1px solid #D7DCE2;  box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.08); overflow: hidden;}
.request-btn-box .dropdown .dropdown-menu .dropdown-item{font-size: 13px; text-align: center; padding: 8px 40px; color: #464C52;}
.request-btn-box .dropdown .dropdown-menu .dropdown-item:hover{ background-color: #F8F9FB;}
.order-history-box.detail .list-sec1{margin-bottom:50px;}
.order-history-box.detail .list-sec1 > li h3{margin-bottom:0; font-size:14px; font-weight:500;}
.order-history-box.detail .list-sec2{border: 0; border-radius:0;}
.order-history-box.detail .list-sec2 > li{padding:0;}
.order-history-box.detail .list-sec2 > li .no_top{margin-bottom: 10px;}
.order-history-box.detail .list-sec2 > li .no_top p{color:#1D92D1; font-size:14px; font-weight:500;}
.order-history-box.detail .list-sec3 li{/*padding:0;*/}
.order-detail-box .order-detail-top, .detail-box .detail-top{padding-bottom: 15px; border-bottom: 1px solid #D7DCE2; margin-bottom: 20px;}
.order-detail-box .order-detail-top p, .detail-box .detail-top p{font-size: 18px; font-weight: 600;}
.order-detail-box .d-flex, .detail-box .d-flex{align-items: stretch; justify-content: space-between; padding: 7.5px 0;}
.order-detail-box .d-flex:last-child, .detail-box .d-flex:last-child{margin-bottom:0;}
.order-detail-box .d-flex p:nth-child(1), .detail-box .d-flex p:nth-child(1){font-size:16px; font-weight:500; color:#848F9A; text-align: left; text-decoration: unset;}
.order-detail-box .d-flex p:nth-child(2), .detail-box .d-flex p:nth-child(2){font-size:16px; font-weight:600; color:#464C52; text-align:right;}
.order-detail-box .discount-amount .d-flex, .exchange-return .discount-amount .d-flex{align-items: center;}
.order-detail-box .discount-amount .d-flex button, .exchange-return .discount-amount .d-flex button{display: flex;  gap: 5px;  font-size: 16px;  color: #8594a1; box-shadow: unset !important;padding: 0;  height: auto; line-height: unset;}
.order-detail-box .discount-amount .d-flex button:hover{text-decoration: unset !important;}
.order-detail-box .discount-amount .dis-coupon-box, .detail-box .discount-amount .dis-coupon-box{padding: 20px; background-color: #F8F9FB;border-radius: 12px; margin-bottom: 15px;}
.order-detail-box .discount-amount .dis-coupon-box > div, .exchange-return  .discount-amount .dis-coupon-box > div{padding: 0; padding-bottom: 7px;}
.order-detail-box .discount-amount .dis-coupon-box > div:last-child, .exchange-return  .discount-amount .dis-coupon-box > div:last-child{padding-bottom: 0px;}
.order-detail-box .discount-amount .dis-coupon-box > div p, .exchange-return  .discount-amount .dis-coupon-box > div p, .detail-box .discount-amount .dis-coupon-box > div p{font-size:14px; font-weight:500; color:#848F9A;}
.total-pay-flex{display: flex; justify-content: space-between; align-items:center; padding-top: 7.5px;}
.total-pay-flex p:nth-child(1){font-size:16px; font-weight:500;}
.total-pay-flex p:nth-child(2){font-size:16px; font-weight:600;}
.order-history-box.exchange-return .list-sec1 > li h3{margin-bottom:0; font-size:14px; font-weight:500;}
.order-history-box.exchange-return .list-sec2{border: 0; border-radius:0;}
.order-history-box.exchange-return .list-sec2 > li{padding:0;}
.order-history-box.exchange-return .list-sec3 > li{display: flex; align-items:start; gap:14px; padding: 0 15px; margin-bottom:30px;}
.order-history-box.exchange-return .list-sec3 > li:last-child{margin-bottom:0px;}
.order-history-box.exchange-return .list-sec3 li > div{display: block;}
.order-history-box.exchange-return .list-sec3 li > div:nth-child(2){display: block; width:100%;}
.order-history-box.exchange-return .list-sec3 .checks .ic_box{margin-right:0;}
.order-history-box.exchange-return .list-sec2 > li .no_top p{color: #1db9ee;}
.exchange-reasons-top{ padding-bottom: 15px; border-bottom: 1px solid #D7DCE2;  margin-bottom: 15px;}
.exchange-reasons-top p{font-size: 18px; font-weight: 600; display: inline-block;}
.exchange-reasons-top span{font-size:13px; color:#848F9A;}
.reasons-for-exchange{gap: 10px;}
.reasons-for-exchange .radios{width: calc((100% / 2) - 5px);}
.reasons-for-exchange .radios label{gap:10px;}
.exchange-reasons-box .d-flex{margin-bottom:15px;}
.exchange-reasons-box .d-flex:last-child{margin-bottom:0px;}
.exchange-reasons-box .d-flex p:nth-child(1) {font-size: 15px;  font-weight: 500;  color: #848F9A;  text-align: left;  min-width: 70px;}
.exchange-reasons-box .d-flex p:nth-child(2) {font-size: 15px;  font-weight: 600;   color: #464C52; text-align: right;}
.message{margin-top:15px;}
.message p{font-size: 15px;  font-weight: 500;  color: #848F9A; margin-bottom:10px;}
.save-btn-box{text-align: center; padding-top: 50px;}
.save-btn-box .save-btn{width: 340px; padding: 13px 0;  border-radius: 8px;   font-size: 16px;  font-weight: 600;  color: #fff;  background-color: #1DB9EE; border: 0;}
.exchange-return .discount-amount .dis-coupon-box{padding: 20px; background-color: #F8F9FB;border-radius: 12px; margin-bottom: 0; margin-top: 15px;}
.cancel-history-box .list-sec > li{margin-bottom:50px;}
.cancel-history-box .list-sec > li:last-child{margin-bottom:0;}
.cancel-history-box .list-sec > li .no_top{display: flex; justify-content: space-between; align-items: center; margin-bottom:20px;}
.cancel-history-box .list-sec > li .no_top p{color: #848F9A; font-size: 14px;}
.cancel-history-box.detail .list-sec > li .no_top p{color: #1db9ee; font-size: 14px;}
.cancel-history-box.detail .list-sec > li .no_top h3{font-size: 14px; font-weight:500;}
.cancel-history-box .list-sec > li .no_top a{display: flex; align-items: center; font-size: 14px;}
.cancel-history-box .list-sec > li .store-name{display: flex; padding: 15px; align-items: center; background-color: #F8F9FB;  gap: 8px; border-radius: 12px;margin-bottom:20px;}
.cancel-history-box .list-sec > li .store-name p{font-size: 16px; font-weight:700;}
.cancel-history-box .list-sec > li .store-name .left p {word-break:break-all !important;}
.cancel-history-box .list-sec > li .list-sec3 li{border-bottom: 1px solid #D7DCE2; padding:0; padding-bottom: 30px; margin-bottom: 30px;}
.cancel-history-box .list-sec > li .list-sec3 li:last-child{border-bottom:0; padding-bottom: 0px; margin-bottom: 0px;}
.status-r{font-size:14px; color:#F85C36;}
.cancel-history-box.detail .list-sec{margin-bottom: 50px;}
.rotate-icon {transition: transform 0.3s ease;}
.rotated {transform: rotate(180deg);}
.detail-box .g-bg{padding:25px 30px; background-color:#F8F9FB; border-radius:12px;}
.detail-box .con-box{margin-bottom:20px;}
.detail-box .con-box p:nth-child(1){color:#848F9A; margin-bottom:10px;}
.detail-box .con-box p:nth-child(2){color:#464C52;}
.waybill{background-color:#F3FCFF; border-radius:12px; padding:15px; display:flex; align-items:center; justify-content: space-between; margin-top:20px;}
.waybill div{display:flex; align-items:center; gap:5px}
.waybill div p{font-size:16px; font-weight:600;}
.waybill > p{font-size:16px; font-weight:600; color:#464C52; text-align: right;}
.details-text{padding-top: 7.5px;}
.details-text > p{font-size: 16px;  font-weight: 500; color: #848F9A;}
.text-box{background-color: #F8F9FB; padding: 15px; border-radius:12px;}
.text-box p{line-height:23px;}
.details-text ul{display: flex; gap: 10px; flex-wrap: wrap;}
.details-text ul li{max-width:100px; width:100%; aspect-ratio: 1 / 1;  border-radius:6px; overflow:hidden;}
.details-text ul li img{width:100%; aspect-ratio: 1 / 1; object-fit: cover;}
.detail-box .discount-amount .d-flex button{padding: 0; height: auto; gap: 5px;}
.recent-product-box{}
.recent-product-box ul.product-ul2{display: flex; gap: 40px 22px;  flex-wrap: wrap;}
.recent-product-box ul.product-ul2 li{width: calc((100% / 3) - 14.7px);}
.recent-product-box ul.product-ul2 li .thumb_sqr{aspect-ratio: 1 / 1;}
.recent-product-box ul.product-ul2 li .thumb_sqr::after{content:unset;}
.add-change-box .add-1{display: flex; gap: 10px; align-items: center;}
.add-change-box .add-1 p:nth-child(1){font-size: 20px; font-weight: 600;}
.add-change-box .add-1 p:nth-child(2){font-weight: 500; color: #1D92D1;}
.add-change-box .add-2 p{font-size: 16px; margin-bottom: 5px;}
.add-change-box .add-2 p:last-child{ margin-bottom: 0px;}
.add-change-box .add-3{display: flex; gap: 10px; align-items: center;}
.add-change-box .add-3 button{color: #848F9A; background-color: transparent; border: 0;}
.add-plus-btn{text-align:center;}
.add-plus-btn button{max-width:380px;}
.qna-my-list .list-sec li{padding-bottom: 20px; border-bottom: 1px solid #D7DCE2;display: flex; align-items: center; gap: 30px;}
.qna-my-list .list-sec li .left{display: flex; gap: 20px; align-items: center; width:100%;}
.qna-my-list .list-sec li .pro-img {width: 110px; height: 110px;  min-width: 110px; aspect-ratio: 1 / 1;  border-radius: 12px; overflow: hidden;}
.qna-my-list .list-sec li .pro-img img{width: 100%; aspect-ratio: 1 / 1;}
.my-review-box{position:relative;}
.my-review-box:before{content:''; display:block; position: absolute; width: 100%;  height: 1px; background-color: #D7DCE2;  bottom: 1px; z-index: 0;}
.review-guide{display:flex; gap:5px; align-items: center; padding: 15px; background-color: #F8F9FB; border-radius: 12px;}
.review-guide p{font-size: 16px; font-weight: 500;}
.review-my-list .list-sec li{padding: 20px 0; border-bottom: 1px solid #D7DCE2;display: flex; align-items: center; gap: 30px;}
.review-my-list .list-sec li .left{display: flex; gap: 20px; align-items: center; width:100%;}
.review-my-list .list-sec li .pro-img {width: 110px; height: 110px;  min-width: 110px; aspect-ratio: 1 / 1;  border-radius: 12px; overflow: hidden;}
.review-my-list .list-sec li .pro-img img{width: 100%; aspect-ratio: 1 / 1;}
.review-my-list .list-sec li .con-box{display: flex; align-items: center;  height: 100%;  width: 100%; gap: 30px;justify-content: space-between;}
.review-my-list .list-sec li .con-box .pro-price .day{display: flex; align-items: center; gap: 10px; font-size: 12px; color: #848F9A; margin-bottom: 10px;}
.review-my-list .list-sec li .con-box .pro-price .day .g-line{height: 12px;}
.review-my-list .list-sec li .con-box .pro-price .con > p{font-size: 16px; line-height: 20px; margin-bottom: 10px;}
.review-my-list .list-sec li .con-box .pro-price .option{display: flex;  align-items: center;  gap: 10px;  font-size: 14px;  flex-wrap: wrap; color: #464C52;}
.pmd-material-rating{display: flex; align-items: center;}
.pmd-material-rating img{max-width: 50px;}
.img-bottom-con p{font-size:12px; color:#A1A9AD; line-height:18px;}
.review-top{display: flex; align-items: center; gap: 20px;padding-bottom: 30px; border-bottom: 1px solid #D7DCE2;}
.review-top .pro-img{width: 110px; height: 110px;  min-width: 110px; aspect-ratio: 1 / 1;  border-radius: 12px; overflow: hidden;}
.review-top .pro-img img{width: 100%; aspect-ratio: 1 / 1;}
.review-top .pro-con{width: 100%;}
.review-top .pro-con p{font-size: 16px; font-weight:500; margin-bottom:10px;}
.review-top .pro-con .option, .sales-product .con-box .pro-price .option{display: flex;  align-items: center;  gap: 10px;  font-size: 14px;  flex-wrap: wrap; color: #464C52; line-height: 2rem;}
.review-detail-content{padding-top:30px;}
.review-detail-content .gpa-box{display: flex;justify-content: flex-start; margin-bottom:15px;}
.review-detail-content .gpa-box img{width:26px; aspect-ratio: 1 / 1;}
.review-detail-content .re-content{margin-bottom:20px;}
.review-detail-content .re-content p{font-size:16px; line-height:24px; white-space: pre-line;}
.review-detail-content .review-img{margin-bottom:15px;}
.review-detail-content .review-img ul{display: flex; gap: 10px;}
.review-detail-content .review-img ul li{border-radius: 8px; overflow: hidden; width: calc((100% / 5) - 8px);}
.review-detail-content .review-img ul li img{width:100%; aspect-ratio: 1 / 1;}
.review-detail-content .review-day{color:#848F9A; font-weight:500;}
.modal-dialog.modal-img{max-width: 100%; background-color: transparent; margin: 0;}
.modal .modal-dialog.modal-img .modal-content{background-color: transparent; position: relative; text-align: center;}
.modal .modal-dialog.modal-img .modal-content button{display: inline-block;  width: auto; background-color: transparent; border: 0; margin-bottom: 10px;}
.modal .modal-dialog.modal-img .modal-content .modal-img-list img{border-radius:12px; max-width:500px;}
.modal .modal-dialog.modal-img .modal-content .swiper-pagination{position: relative; display: inline-block; bottom: 0; width: auto; background-color: rgba(0, 0, 0, 0.5); padding: 5px 10px;  border-radius: 50px; color: #fff; margin-top: 20px;}
.seller-one-inquiry-box .list-sec > li .store-name{display: flex; padding: 15px; align-items: center; background-color: #F8F9FB;  gap: 8px; border-radius: 12px;margin-bottom:20px;}
.seller-one-inquiry-box .list-sec > li .store-name p{font-size: 16px; font-weight:700;}
.inquiry-box{margin-top:20px;}
.inquiry-box .collapse_ex {display: block; width:100%; background-color: #F8F9FB;  border-radius: 12px;}
.inquiry-box .collapse_ex .inquiry-question{display: block; position:relative ; width: 100%; text-align: left; height: auto; padding: 20px 15px 15px;}
.inquiry-box .collapse_ex .inquiry-question img{position: absolute; top: 23px; right: 20px;}
.inquiry-box .collapse_ex .inquiry-question .d-flex p{font-size: 14px; font-weight: 500; color: #848F9A;}
.question-box{padding:0 15px 20px}
.question-box .title{font-size:16px; font-weight:500; margin-bottom:10px;}
.question-box .con{font-size:15px; line-height:22px; font-weight:400; margin-bottom:10px;}
.question-box button{background-color:#fff;}
.answer-box{padding: 20px 15px; border-top: 1px solid #D7DCE2;}
.answer-box > p{font-size:16px; font-size: 16px; white-space: pre-line; line-height: 22px;}
.seller-one-inquiry-box .list-sec > li{margin-bottom:30px; margin-bottom: 30px; padding: 20px 15px; border: 1px solid #D7DCE2;  border-radius: 12px;}
.seller-one-inquiry-box .list-sec3 > li{padding-bottom: 15px;}
.seller-one-inquiry-box .list-sec3 li:last-child{padding: 0px;}
.one-on-one{padding-top:20px;}
.one-on-one .save-inqu{margin-top:30px;}
.reseller_name_wr{display: flex;align-items: start;  width: 100%; gap: 10px; justify-content: space-between; margin-bottom: 28px;}
.reseller_name_wr .left{}
.reseller_name_wr .left .user_name{word-break: break-word;}
.reseller_name_wr .right{max-width: 65px; width: 100%;  border-radius: 50%;  border: 1px solid #D7DCE2; aspect-ratio: 1 / 1; overflow:hidden;}
.reseller_name_wr .right img{aspect-ratio: 1 / 1; width: 100%; }

/*faq*/
.faq-category{overflow: hidden;}
.faq-category .btn-group{overflow-x: auto; width: 100%;-ms-overflow-style: none; /* 인터넷 익스플로러 */ scrollbar-width: none; /* 파이어폭스 */}
.faq-category .btn-group::-webkit-scrollbar {display: none;}
.faq-category .btn-group > .btn{flex: none;}
.sub-title2{margin-top: 50px; margin-bottom:20px; display: block;}
.sub-title2 h2{font-size: 28px; font-weight: 700; margin-bottom: 0px;}
.faq_ex{}
.faq_ex li{background-color: #F8F9FB; border-radius: 12px; overflow: hidden; margin-bottom: 10px;}
.faq_btn{display: flex; align-items: center; justify-content: space-between; padding: 18px 15px; gap: 10px; cursor: pointer;}
.faq_btn .title{display: flex; align-items: stretch; gap: 10px;}
.faq_btn .title p{font-size: 16px; font-weight: 500; line-height: 130%;}
.faq-content{padding: 20px 25px; border-top: 1px solid #D7DCE2;}
.faq-content h3{font-size: 16px; font-weight: 500; margin-bottom: 10px;}
.faq-content p{font-size: 15px; font-weight: 400; /*white-space: pre-line;*/ color:#121212;}

/*notice*/
.noice-box{border-top: 1px solid #D7DCE2;}
.noice-box ul li {border-bottom: 1px solid #D7DCE2;}
.noice-box ul li a{padding: 20px 0; display: block;}
.noice-box ul li .noice{display: flex; justify-content: space-between;  gap: 20px;}
.noice-box ul li .noice .left{width: 100%;}
.noice-box ul li .noice .left p{font-weight: 500; margin-bottom: 10px;}
.noice-box ul li .noice .left p.day{font-size:14px; color:#989898; font-weight: 400; margin-bottom: 0px;}
.noice-box ul li .noice img{margin-right:10px;}
.notice-detail{padding-top:50px;}
.notice-detail .title{padding-bottom: 30px; border-bottom: 1px solid #D7DCE2;}
.notice-detail .title h2{font-size: 20px; font-weight: 700; margin-bottom: 15px;}
.notice-detail .title p{font-size: 15px; font-weight: 400; color: #848F9A;}
.notice-detail .content{padding: 30px 0;}
/*.notice-detail .content p{white-space: pre-line; line-height: 22px;}*/

/*메인 리셀러*/
.main-reseller{}
.main-reseller ul li{text-align:center;}
.main-reseller ul li .reseller-profile-img{width: 100%; max-width: 160px; aspect-ratio: 1 / 1; border-radius: 50%; overflow: hidden; margin-bottom: 20px;}
.main-reseller ul li .reseller-profile-img img{width: 100%; aspect-ratio: 1 / 1; object-fit:cover;}
.main-reseller ul li .nickname{font-size:20px; font-weight:500;}
.sales-settlement-top{display: flex; align-items: center; justify-content: space-between; margin-bottom:30px;}
.sales-settlement-top .modal-btn{order: 2;}


/*리셀러*/
.profile-box{position: relative;max-width: 100px; margin: auto;}
.profile-box .profile-img{max-width: 100px; width: 100%;  aspect-ratio: 1 / 1;  border: 1px solid #D7DCE2; border-radius: 50%; margin: auto; overflow:hidden;  background: url(../img/no-profile.svg) no-repeat center; background-size: cover;}
.profile-box .profile-img img{ width: 100%;  aspect-ratio: 1 / 1;  object-fit: cover;}
.profile-box .custom-file-upload{position: absolute;  border: 1px solid #ddd;  background-color: #fff;  padding: 7px;  border-radius: 50%;  right: 0; bottom: 0; cursor: pointer;}
.profile-box input[type="file"]{display: none;}
.reseller-list ul{display: flex; flex-wrap: wrap; gap: 80px 38px;}
.reseller-list ul li{width: calc((100% / 5) - 30.5px); text-align:center;}
.reseller-list ul li .reseller-profile-img{width: 100%; aspect-ratio: 1 / 1; border-radius: 50%; overflow: hidden; margin-bottom: 20px;}
.reseller-list ul li .reseller-profile-img img{width: 100%; aspect-ratio: 1 / 1; object-fit:cover;}
.reseller-list ul li .nickname{font-size:20px; font-weight:500; overflow:hidden; white-space: nowrap;text-overflow: ellipsis;}
.product-box.rseller .counter-select{ margin-bottom: 40px;}
.reseller-detile-box{background: url(../img/sub_bg2.jpg) no-repeat bottom right; background-size: revert; background-color: #FBFEFF;}
.reseller-detail{padding-top:40px;}
.reseller-detail .profile-top{display: flex; width: 100%;  gap: 40px;align-items: center; margin-bottom:40px;}
.reseller-detail .profile-top .profile-img{max-width:180px; width: 100%; aspect-ratio: 1 / 1; border-radius: 50%; overflow: hidden; border:1px solid #D7DCE2;}
.reseller-detail .profile-top .profile-img img{width: 100%; aspect-ratio: 1 / 1; object-fit:cover;}
.reseller-detail .profile-top .profile-name{width: 100%;}
.reseller-detail .profile-top .profile-name .top{display: flex; align-items: center; justify-content: space-between; margin-bottom:15px;}
.reseller-detail .profile-top .profile-name .top .left{display: flex; align-items: center; gap:20px;}
.reseller-detail .profile-top .profile-name .top .left p{font-size:22px; font-weight:700;}
.follow{font-size:14px; padding:10px; background-color:#1DB9EE; border-radius:6px; color:#fff; border:1px solid #1DB9EE;}
.follow.on{background-color:#fff; border:1px solid #1DB9EE; color:#1DB9EE;}
.follow_off{font-size:14px; padding:10px; background-color:#1DB9EE; border-radius:6px; color:#fff; border:1px solid #1DB9EE;}
.reseller-detail .profile-top .profile-name .top .report button{background-color: transparent; border: 0; color: #A7B2BC; font-size: 15px; text-decoration: underline;}
.reseller-detail .profile-top .profile-name .mid{display: flex; align-items: center; gap:10px; margin-bottom:15px;}
.reseller-detail .profile-top .profile-name .mid p{color:#848F9A; font-weight:500;}
.reseller-detail .profile-top .profile-name .bottom p{font-size:14px; color:#848F9A; font-weight:300; margin-bottom:6px;}
.reseller-detail .profile-top .profile-name .bottom p:last-child{margin-bottom:0;}
.reseller-detail .profile-top .profile-name .bottom p a{display: flex; align-items: center; gap: 10px;}
.reseller-detail .profile-bottom{margin-bottom:100px;}
.reseller-detail .profile-bottom p{font-size:18px; font-weight:700; margin-bottom:10px; color:#4D4D4D;}
.reseller-detail .profile-bottom .info-box{padding:32px 30px; background-color:#F8F9FB; border-radius:12px;}
.reseller-detail .profile-bottom .info-box p{font-size:16px; font-weight:400; line-height:36px; white-space: pre-line;}
.hd_m .hd-report-btn{position: absolute; right: 30px;  top: 40px;  padding: 8px 30px;  background-color: #F8F9FB; border: 1px solid #D7DCE2;  border-radius: 8px;  text-align: center;  width: auto; height: auto;  display: none;}
.hd_m .hd-report-btn.on{display: inline-block;}
.sales-item{display: flex; align-items: start; gap:10px; margin-bottom:30px;}
.sales-item .pro-img{width: 110px; height: 110px;  min-width: 110px; aspect-ratio: 1 / 1;  border-radius: 12px; overflow: hidden;}
.sales-item .pro-img img{width: 100%; aspect-ratio: 1 / 1;}
.sales-item .con-box{width: 100%; padding:5px 0;}
.sales-item .con-box .pro-price{width: 100%;}
.sales-item .con-box .pro-price .con{width: 100%; }
.sales-item .con-box .pro-price .con > p:nth-child(2){font-size: 16px; font-weight: 500; line-height: 23px; margin-bottom: 10px;}
.sales-item .con-box .pro-price .con .price, .reseller-pro-list .left .con .price , .sales-product .left .con .price {display: flex; flex-wrap: wrap; align-items: center; gap:5px 10px;}
.sales-item .con-box .pro-price .con .price p:nth-child(2), .reseller-pro-list .left .con .price p:nth-child(2), .sales-product .left .con .price p:nth-child(2){font-size: 16px; font-weight: 600;}
.sales-item .con-box .pro-price .con .price p:nth-child(1), .reseller-pro-list .left .con .price p:nth-child(1), .sales-product .left .con .price p:nth-child(1){font-size: 14px; font-weight: 600; color: #BCC4CC; text-decoration: line-through;}
.sale-period{ margin-bottom:30px;}
.sale-period p{font-size:15px; font-weight:500; margin-bottom:10px;}
.sale-period .date-box{display: flex; align-items: center; gap:5px;}
.sales-info{background-color:#F8F9FB; border-radius:6px; padding:18px;}
.sales-info div{margin-bottom:10px;}
.sales-info div:last-child{margin-bottom:0px;}
.sales-info h5{font-size:15px; line-height:20px; font-weight:500;}
.sales-info p{font-size:15px; line-height:20px;}
.sales-status-box ul li{margin-bottom:50px;}
.sales-status-box ul li:last-child{margin-bottom:0px;}
.sales-status-box ul li .store-name, .sales-settlement-detail .store-name{display: flex; justify-content: flex-start; align-items: center; gap: 8px; padding: 15px;background-color: #F8F9FB; border-radius: 12px;}
.reseller-pro-list{display: flex; align-items: center; gap:30px; margin-bottom: 20px;}
.sales-status-box ul li.return .reseller-pro-list{margin-bottom: 0px;}
.reseller-pro-list .left{display: flex; align-items: center; gap:20px; width:100%;}
.reseller-pro-list .left .pro-img{width: 110px; height: 110px;  min-width: 110px; aspect-ratio: 1 / 1;  border-radius: 12px; overflow: hidden;}
.reseller-pro-list .left .pro-img img{width: 100%; aspect-ratio: 1 / 1;}
.reseller-pro-list .right .btn-box button{min-width:100px;}
.gray-box{background-color:#F8F9FB;}
.sales-status-box .gray-box{display: flex; align-items: center; padding: 15px 11px; border-radius: 8px; gap: 40px;}
.sales-status-box ul li .gray-box p:nth-child(1){font-size:14px;}
.sales-status-box ul li .gray-box p:nth-child(2){font-size:14px; color:#595959;}
.status-return{color:#F85C36;}
.sell-link{display: flex; justify-content: space-between; width: 100%; align-items: center;  gap: 10px;}
.sell-link p.on a{color:#1D92D1; text-decoration: underline;}
.sales-settlement-box{padding-top: 30px; border-top: 1px solid #D7DCE2;}
.sales-settlement-box.detail{padding-top: 0px; border-top: 0;}
.sales-settlement-box .date-check{display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;}
.sales-settlement-box .date-check button{background-color: transparent; border: 0;}
.date-flex{display: flex; align-items: center; gap: 12px; margin-bottom:30px;}
.date-flex button{min-width:106px;}
.date-flex .date-box{width:100%; display: flex; align-items: center; gap: 5px;}
.sales-settlement-box .gray-box{padding: 25px 27px; margin-bottom: 30px; border-radius: 8px;}
.sales-settlement-box ul{width: 100%; display: flex; flex-wrap: wrap; gap: 22px;}
.sales-settlement-box ul li{width: calc((100% / 2) - 11px); padding: 28px; border-radius: 8px;  background-color: #F3FCFF; cursor: pointer;}
.sales-settlement-box.detail ul li{width: 100%; cursor: auto;}
.sales-settlement-box ul li.unsettled{background-color:#F8F9FB;}
.sales-settlement-box ul li > div{margin-bottom:16px;}
.sales-settlement-box ul li > div:last-child{margin-bottom:0;}
.sales-settlement-box ul li > div p:nth-child(1){min-width:95px;}
.sales-settlement-box ul li > div p:nth-child(2){text-align:right; word-break: break-word;}
.sales-settlement-box .src-btn-box .reset2{display:none;}
.sales-settlement-top .modal-btn button.mobile{display:none;}
.sales-product{display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.sales-product .left{display: flex; width: 100%; align-items: center; gap: 20px;}
.sales-product .left .pro-img{width: 110px; height: 110px;  min-width: 110px; aspect-ratio: 1 / 1;  border-radius: 12px; overflow: hidden;}
.sales-product .left .pro-img img{width: 100%; aspect-ratio: 1 / 1;}
.sales-product .right{min-width:110px;}
.sales-product .right .total-pay{display: block; text-wrap-mode: nowrap; text-align: right;  font-size: 16px; font-weight: 600;}
.sales-product .right .option.mobile{display:none;}
.my-follow li{width:100%; display: flex; align-items: center; justify-content: space-between; margin-bottom:20px; gap: 10px;}
.my-follow li:last-child{margin-bottom:0px;}
.my-follow li .follow-img{max-width: 80px; min-width: 80px; width: 100%;  aspect-ratio: 1 / 1; border-radius: 50%; overflow: hidden;}
.my-follow li .follow-img img{width: 100%;  aspect-ratio: 1 / 1; object-fit:cover;}
.my-follow li p{font-weight:500; word-break: break-all;}
.mobile-total-pay p:nth-child(1){color:#4d4d4d; display:none;}

/*라이브쇼핑*/
.t-red{color:#f33707}
.big-r-tag{padding: 5px 10px; background-color: #E92E00; font-size: 16px; font-weight: 700;  color: #fff;    border-radius: 50px;}
.big-b-tag{padding: 5px 10px; background-color: #000; font-size: 16px; font-weight: 700;  color: #fff;    border-radius: 50px;}
.free-tag{display:inline-block; font-size: 13px; font-weight: 500;  padding: 4px;  background-color: #ECFAFF;  color: #1D92D1;  border-radius: 4px;}
.sec-live-broadcast{display: flex; align-items: start; margin-bottom:80px; gap:20px;}
.sec-live-broadcast .left{width:40%; padding-top:30px;}
.sec-live-broadcast .left h2{font-size: 30px; font-weight: 700;}
.sec-live-broadcast .left h3{color: #333; font-size: 30px; font-weight: 700; margin-bottom: 15px;}
.sec-live-broadcast .left p{color: #6749E1;}
.sec-live-broadcast .right{width:60%;}
.live-shopping-item{display: flex; align-items: stretch; gap: 10px; max-height: 430px;}
.live-shopping-item .left-img{width: 40%; min-width:280px; border-radius:8px; overflow:hidden; position:relative;}
.live-shopping-item .left-img img{width:100%; height:100%; object-fit: cover;}
.vedio-item-list{width: 60%; display: flex; align-items: start;  gap: 10px; flex-wrap: wrap; overflow-y: auto;  max-height: 430px;}
.vedio-item-list li{width:100%; display: flex; align-items: center;  gap: 10px;}
.vedio-item-list li .img-box{max-width: 150px; min-width: 100px; width: 100px; aspect-ratio: 1 / 1; border-radius: 8px; overflow: hidden;}
.vedio-item-list li .img-box img{aspect-ratio: 1 / 1; object-fit: cover;}
.vedio-item-list li .con > p{word-break: break-word; font-size: 14px; font-weight: 600; line-height: 140%; color: #333; margin-bottom:10px;}
.vedio-item-list li .con .price{display: flex; gap: 8px;}
.vedio-item-list li .con .price p{font-size:14px; font-weight:700;}
.live_timer{position:absolute; display: flex; justify-content: center; align-items: center; gap: 5px; left: 0; bottom: 0; width: 100%; padding: 15px 0; background-color: rgba(0, 0, 0, 0.8);}
.live-shopping-item .live_timer img{width:22px;}
.live_timer p{font-size: 15px; font-weight: 600; color: #fff;}
.shopping-slidebox .big-tit h4{font-size:30px; font-weight:700; word-break: keep-all;display: flex; align-items: center; gap: 10px;}
.shopping-slide-btn{display:flex; gap:10px;}
.shopping-slide-btn .shopping-next, .shopping-slide-btn .shopping-prev{width: 35px; height: 35px;  aspect-ratio: 1 / 1;background-color:rgba(255,255,255,0.5); border:1px solid #d7dce2; border-radius:50%; overflow:hidden;}
.shopping-slide{margin-bottom:70px;}
.shopping-slide:last-child{margin-bottom:0px;}
.shopping-slide ul li{max-width:240px; width:100%;}
.shopping-slide ul li .day-alarm{display: flex; position: absolute;  top: 15px;  left: 18px;  border-radius: 6px; height: 30px; overflow: hidden;}
.shopping-slide ul li .day-alarm .left{display: flex; align-items: center;  padding: 8px;  background-color: #1db9ee;}
.shopping-slide ul li .day-alarm .right{display: flex;  align-items: center;  padding: 5px 10px;  background-color: rgba(51,51,51,0.8); font-size: 14px; font-weight: 600; color: #fff;}
.shopping-slide .img-box{width: 100%; aspect-ratio: 2 / 3;  border-radius: 8px;  overflow: hidden;  margin-bottom: 10px;}
.shopping-slide .img-box img{width: 100%; aspect-ratio: 2 / 3;  object-fit: cover;}
.shopping-slide .text-con{font-size:16px; font-weight:600; line-height:140%; min-height: 68px; margin-bottom: 10px;}
.shopping-slide .item-box{display: flex;  align-items: center;  gap: 10px; margin-bottom: 10px;}
.shopping-slide .item-box .item-img{min-width: 65px;  max-width: 66px; aspect-ratio: 1 / 1;  border-radius: 8px; overflow: hidden;  background-color: #F8F8F8; border: 1px solid #D7DCE2;}
.shopping-slide .item-box .item-img img{width:100%; aspect-ratio: 1 / 1;  object-fit: cover;}
.shopping-slide .item-box .con > p{font-size:14px; color:#333;}
.shopping-slide .item-box .con .price{display: flex;  align-items: center; margin-top:10px;  gap: 10px;  font-size:14px; font-weight:700; }
.ft .ft2_btn .ft_link_info {margin-bottom: 0rem; }
.ft2_btn{margin-bottom: 7.5rem; justify-content: space-between;}
.ft2_btn .ft_sns_btn{display: flex; align-items: center; gap: 10px;}
.ft2_btn .ft_sns_btn a { width: 4.6rem; height: 4.6rem;}


.mp_right.over_hidden {overflow:visible !important; width:calc(100% - 25rem - 6rem);}


/*반응형 max 1199.98px lg*/
@media (max-width: 1199.98px) {
    .category-list{ margin: 30px 0; gap: 17px;}
    .main-category ul {margin: 0 ;}
}

/*반응형 max 992px lg*/
@media (min-width: 991.98px) {
    .mo-only{display:none !important;}
}
@media (max-width: 991.98px) {
    /*
	.category-lists.touch_scroll{display: flex; flex-wrap: wrap; gap: 0; border-top:1px solid #1DB9EE; border-left:1px solid #1DB9EE;}
	.category-lists.touch_scroll li{ width: calc(100% / 5);}
	.category-lists.touch_scroll li label{width: 100%; border-radius: 0 !important;  border-color: var(--primary); border-top:0; border-left:0; margin-right:0;}
    */
    .pc-only{display:none !important;}
    .sub-title2{display:none;}
    .terms{padding-top:20px;}
    .mobile-category .category-example{ 
        height: calc(100vh - 50px);
        height: calc(100svh - 50px); /* iOS 17+ 대응 */
    }
    .pt_50{padding-top:20px;}
    .main-category ul {flex-wrap:wrap; justify-content:center; gap:12px;}
    .main-category ul li {width:calc(16% - 10px) !important;}
    .sec{margin-bottom: 75px;}
    .ai_pick_box{padding-top: 0;}
    .ai_pick_box .container{padding:0;}
    .ai_pick_box .flex-bw{ display: block; padding-top:0;}
    .ai_pick_box .left{position: relative; width: 100%; padding-top: 0; padding-left: 1.6rem;  padding-right: 1.6rem; margin-bottom: 10px;}
    .ai_pick_box .left .pick-img{display:none;}
    .ai_pick_box .left .ai_tit img{width:26px}
    .ai_pick_box .left > p{margin-bottom: 0;}
    .ai_pick_box .left .pick-btn{position: absolute;  right: 16px; bottom: 0;}
    .pick-next, .pick-prev{width: 30px; height:30px;}
    .ai_pick_box .right {width: 100%;}
    .ai_pick_box .right .ai-pick{padding-left: 16px; padding-right: 16px;}
    .ugly-list-box .right > ul > li{margin-bottom:15px;}
    .sign_box{text-align:left;}
    .food-next{top: 32%; right: -10px;}
    .food-prev{top: 32%; left:-10px;}
    .login_pg.join-complete{justify-content: center !important; align-items: center;  text-align: center;}
    .login_pg.join-complete button{/*max-width: 300px;*/}
    .category-list{gap: 12px;}
    .sub-top .breadcrumbs{left: 20px;}
    .store-sec1{flex-wrap: wrap; gap:20px; }
    .store-sec1 .right{ max-width: 360px; width: 100%;}
    .store-box .img-con > p:nth-child(1){font-size: 16px;}
    .store-box .img-con > p:nth-child(2){font-size: 15px;}
    .store-box .store-number p{font-size: 13px;}
    .mobile_payment_amount{display:block; margin-top:30px; padding-top: 30px; border-top: 8px solid #f8f9fb;}
    .order-box{padding-top: 30px; gap: 0px;}
    .order-box > .left{width:100%;}
    .order-box > .right, .order-box .sub-title{display:none;}
    .mobile_payment_amount #mobile_payment_amount > div{padding-top: 30px;}
    .mobile_payment_amount #mobile_payment_amount > div .flex{display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px;}
    .mobile_payment_amount #mobile_payment_amount > div .flex p:nth-child(1), .mobile_payment_amount #mobile_payment_amount > div .total_payment p:nth-child(1){color: #464C52; font-weight:500;}
    .mobile_payment_amount #mobile_payment_amount > div .flex p:nth-child(2), .mobile_payment_amount #mobile_payment_amount > div .total_payment p:nth-child(2){font-size:16px; font-weight:600;}
    .mobile_payment_amount #mobile_payment_amount > div .total_payment{display: flex; align-items: center; justify-content: space-between; padding-top: 15px; border-top: 1px solid #D7DCE2;}
    .mobile-payment{position: fixed; left: 0; bottom: 0;  z-index: 1; width: 100%; padding: 12px 16px; background-color: #fff; box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);}
    .cart-box .mobile-payment{display: block; position: fixed; left: 0; bottom: 0;  z-index: 1; width: 100%; padding: 12px 16px; background-color: #fff; box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);}
    .sub_pg.mypage, .mypage_pg{padding-top:0;}
    .hd_m.mypage{background: transparent; border-bottom: 0;  box-shadow: unset;}
    .hd_m.mypage .page_tit{position: absolute; left: 50%;  top: 50%; transform: translate(-50%, -50%); color: #fff;}
    .mobile-mypage-top{display:block;  background: url(../img/mo-mypage.svg) no-repeat; background-size: 300px; background-position: calc(100% + 50px) calc(50% - 50px); background-color: #5F91E8;  min-height: 385px; padding: 50px 16px 20px;}
    .mobile-mypage-top.reseller{background-position: calc(100% + 50px);  background-position-y: 20%;}
    .user_info_box, .mp_left{display:none;}
    .mp_left{width:100%; margin-right:0;}
    .mp_right{padding-top:50px; overflow: hidden;}
    .my-id, .my-reseller-id{padding-top: 20px; margin-bottom: 70px;}
    .my-reseller-id .my-profile{max-width:100px; width:100%; aspect-ratio:1 /1; border-radius:50%; border:1px solid #D7DCE2; position:relative; margin-bottom:20px;}
    .my-reseller-id .my-profile > img{width:100%;  aspect-ratio:1 /1; object-fit:cover; border-radius:50%;}
    .my-reseller-id .my-profile .custom-file-upload{position: absolute;  border: 1px solid #ddd;  background-color: #fff;  padding: 7px;  border-radius: 50%;  right: 0; bottom: 0; cursor: pointer;}
    .my-reseller-id > a{padding: 6px 12px; border: 1px solid #fff;   border-radius: 50px;  color: #fff;   font-size: 14px;}
 
    .my-id p {font-size:14px; font-weight:300; color:#fff; margin-bottom:10px;}
    .my-id p:nth-child(2){margin-bottom:14px;}
    .my-id p .name {font-size:30px; font-weight:700;}

    .my-id a{display: inline-flex; gap: 5px;  align-items: center; font-size: 14px; padding: 5px 12px;  border: 1px solid #fff; border-radius: 50px; color: #fff !important;}
    .mobile-mypage-top .my-list ul{display: flex; flex-wrap: wrap; gap:10px;}
    .mobile-mypage-top .my-list ul li.rank {width:100%;}
    .mobile-mypage-top .my-list ul li.rank span {padding-top:5px; width:100%; display:block; font-weight:200; font-size:12px !important; text-align:right; opacity:0.8;}
    .mobile-mypage-top .my-list ul li{width: calc((100% / 2) - 5px); background-color: rgba(0, 0, 0, 0.11); border-radius: 12px; overflow: hidden;}
    .mobile-mypage-top .my-list ul li a{padding: 20px 18px; display: flex; justify-content: space-between; align-items: center; color: #fff;  font-size: 14px;}
    .mobile-mypage-top .my-list ul li a:hover{color:#fff;}
    .mobile-mypage-top .my-list ul li a p:nth-child(1){font-weight:500; text-align:left;}
    .mobile-mypage-top .my-list ul li a p:nth-child(2){font-weight:700; text-align:right;}
    .info_bnr_box{display: flex; justify-content: space-between; align-items: center; gap: 10px;}
    .info_bnr_box .text_wr .d-flex{margin-bottom:10px; align-items: center; }
    .info_bnr_box .tit_text{margin-bottom:0;}
    .info_bnr_box .text-text{font-size:11px; margin-left:10px;  color: #787979 !important;}
    .mypage-w458box{border: 0; padding: 30px 0; max-width: 100%;}
    .mypage-w458box.setting{ padding: 30px 0;}
    .mypage-tit-box{display:none;}
    .my-point {margin-top:20px;}
    .save-btn-box{padding-top:0px; padding:16px;  position: fixed; width: 100%;  bottom: 0; left: 0;  background-color: #fff;}
    .save-btn-box .save-btn{width: 100%;}
    .add-list, .my-review-box{margin-top:20px;}
    .review-top{margin-top:20px; padding-bottom: 20px;}
    .review-detail-content{padding-top: 20px;}
    .add-plus-btn{z-index:99; position: fixed; width: 100%;  bottom: 0;  left: 0;  padding: 16px; background-color: #fff; box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);}
    .add-plus-btn button{max-width:100%;}
    .one-on-one{padding-top:20px;}
    .one-on-one .save-inqu{position: fixed; left: 0; bottom: 0; z-index: 1; width: 100%;padding: 16px; background-color: #fff; box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1);}
    .one-on-one .save-inqu button{max-width:700px !important;}
    .faq{padding-top:20px;}
    .faq .btn-group.btn-group-toggle .btn-outline-border:not(:disabled):not(.disabled).active{color:  var(--primary); background-color: #ffffff; border-color: var(--primary);}
    .noice-box{border-top:0; padding-top:50px;}
    .noice-box ul li a { padding: 20px 16px;  display: block;}
    .noice-box ul li .noice img{margin-right: 5px;}
    .notice-detail{padding-top:70px;}
    .notice-detail .title{padding:0px 16px 20px;}
    .notice-detail .content{padding: 20px 16px;}
    .notice-detail button{display:none;}
    .reseller-list ul{gap: 30px 40px;}
    .reseller-list ul li {width: calc((100% / 4) - 30px);  text-align: center;}
    .reseller-detile-box{background-position-x: 80%;}
    .reseller-detail .profile-top .profile-name .top .report{display:none;}
    .reseller-detail .profile-top {flex-wrap: wrap; justify-content: center; gap: 30px;}
    .reseller-detail .profile-top .profile-name{text-align: center;}
    .reseller-detail .profile-top .profile-name .top, .reseller-detail .profile-top .profile-name .top .left{display: block;}
    .reseller-detail .profile-top .profile-name .top .left p{margin-bottom:10px;}
    .reseller-detail .profile-top .profile-name .mid{justify-content: center;}
    .reseller-detail .profile-top .profile-name .bottom p a {justify-content: center;}
    .sales_approval_status .top-radio{width:100%; overflow:auto; margin-top:20px; -ms-overflow-style: none; /* 인터넷 익스플로러 */ scrollbar-width: none; /* 파이어폭스 */}
    .sales_approval_status .top-radio::-webkit-scrollbar {display: none;}
    .sales-settlement-top{margin-top:20px;}
    .sales-settlement-top .modal-btn button.pc{display:none;}
    .sales-settlement-top .modal-btn button.mobile{display:block;}
    .sales-settlement-detail{margin-top:20px;}
    .hd-shopping{width: 100%; padding:0;}
    .hd-shopping .g-line{height: 36px; background-color: #EBEEF2;}
    .hd-shopping a{width:50%; justify-content: center; padding:9px; background-color:#F8F9FB;}
    .sec-live-broadcast{flex-wrap: wrap;}
    .sec-live-broadcast .left {width: 100%; padding-top: 0px;}
    .sec-live-broadcast .right {width: 100%;}
    .live-shopping-item .left-img{width:50%;}
    .ft2_btn .ft_sns_btn{margin-bottom:2.0rem; gap: 12px;}
	.ft2_btn .ft_sns_btn a { width: 3.4rem; height: 3.4rem;}
    .ft2_btn{margin-bottom:2.8rem; flex-wrap: wrap;}
    .ft .ft2_btn .ft_link_info {margin-bottom: 0rem; width: 100%; order: 2;}
    .sec-live-broadcast .left h3{font-size:25px;}
    .sec-live-broadcast .left h2{font-size:19px;}
    .shopping-slidebox .big-tit h4{font-size: 24px;}
    .big-b-tag, .big-r-tag{font-size:14px;}
    .shopping-slide-btn{display:none;}
    .product-list .product-ul.best_list li{margin-top:40px;}
}

@media (max-width: 840px) {
    .food-next{top: 29%; }
    .food-prev{top: 29%; }
}
/*반응형 max 767.98 md*/
@media (max-width: 767.98px) {
	.category-lists.touch_scroll li{ width: calc(100% / 4);}
    .pc{display:none !important;}
    .mo{display:block;}
    .container.mobile{padding: 0;}
    .main-benner .main-mo-slide .swiper-slide img,
    .main-benner .main-mo-slide > ul > li > img{width:100%;object-fit: cover;}
    .main-mo-slide .swiper-pagination{position: absolute; bottom:18px;  top: auto; left: 50%; transform: translateX(-50%); width: calc(100% - 34px); background-color: rgba(0, 0, 0, 0.05); border-radius: 50px; display:none;}
    .main-mo-slide .swiper-pagination span{ background: #1D92D1;border-radius: 50px;}
    .main-benner{margin-bottom:30px;}
    .sec{margin-bottom: 55px;}
    .MD-product ul{flex-wrap: wrap;}
    .MD-product ul li{width:calc((100% / 2) - 9px)}
    .idx_pg .more-btn{display: flex; align-items: center; justify-content: center; gap: 5px; margin-top: 30px; color: #848F9A; font-size: 14px; font-weight: 500; width: 100%; padding: 15px 0; border: 1px solid #D7DCE2; border-radius: 8px;}
    .event-benner{min-height: 75px;}
    .event-benner a img{width:100%; min-height: 75px; object-fit: cover;}
    .category-list label img{max-width: 55px;}
    .ai_pick_box .left .ai_tit h2{font-size: 23px;}
    .ai_pick_box .left > p{ font-size: 15px;}
    .top-title .left h2{font-size: 23px;}
    .ugly-agricultural-products .mb_20{margin-bottom:15px; padding:0 16px;}
    .ugly-agricultural-products > .mo{ padding:0 16px;}
    .ugly-span{font-size: 17px;}
    .top-title{margin-bottom:20px; padding:0 16px;}
    .MD-product .top-title, .main-reseller .top-title{padding:0;}
    .top-title .left h2 img{width:26px;}
    .MD-product .top-title .left h2 img{width:18px;}
    .ugly-agricultural-products .mb_20 .btn{border-radius: 8px !important; padding: 10px 14px;}
    .idx_pg .ugly-agricultural-products .more-btn{margin-top:22px;}
    .ugly-list-box{display: block; margin-bottom: 0px;}
    .ugly-agricultural-products .page-button-box{display:none;}
    .ugly-list{padding:0 16px;}
    .ugly-list-box .left {width: 100%; padding-right: 0px; margin-bottom:30px;}
    .ugly-list-box .right {width: 100%;}
    .food-title p{font-size: 23px;}
    .food-title img{width:23px;}
    .sacred-food {margin-bottom: 16px;}
    .sacred-food .food-title{padding: 0 16px;}
    .food-list .food-top {margin-bottom: 15px; padding: 0 16px;}
    .food-list .food-top img{width:24px;}
    .food-list .food-top p{font-size:18px;}
    .food-list-moblie-slide1, .food-list-moblie-slide2, .food-list-moblie-slide3, .food-list-moblie-slide4{padding:0 16px;}
    .food-list-moblie-slide1 .hrz_thumb, .food-list-moblie-slide2 .hrz_thumb, .food-list-moblie-slide3 .hrz_thumb, .food-list-moblie-slide4 .hrz_thumb{margin-bottom:18px;}
    .food-list-moblie-slide1 .food-porduct:last-child .hrz_thumb, .food-list-moblie-slide2 .food-porduct:last-child .hrz_thumb, .food-list-moblie-slide3 .food-porduct:last-child .hrz_thumb, .food-list-moblie-slide4 .food-porduct:last-child .hrz_thumb{margin-bottom:0;}
    .food-list > .mo{padding: 0 16px;}
    .food-next{display:none;}
    .food-prev{display:none;}
    .food-slide-box .food-top{margin-bottom:15px;  padding: 0 16px;}
    .food-slide-box .food-top .left .food-title h2{font-size: 23px;}
    .food-slide-box .food-top .left > p{font-size:15px;}
    .food-slide-box .swiper{padding: 0 16px;}
    .food-slide-box > .mo{padding: 0 16px;}
    
    /* 더보기 슬라이드 아이템 */
    .more-slide-item {
        border: 1px solid #E5E5E5;
        border-radius: 8px;
        background-color: #F8F9FB;
        aspect-ratio: 1 / 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .more-slide-item a {
        text-decoration: none;
        color: #464C52;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        padding: 20px;
    }
    .more-slide-item a:hover {
        background-color: #EBEEF2;
        border-radius: 8px;
    }
    .more-slide-item img {
        flex-shrink: 0;
    }
    /*
    .product-list .product-ul{gap: 12px;}
    .product-list .product-ul li { width: calc((100% / 3) - 8px);}
     */
    .product-list .product-ul{display:flex; gap:18px;  flex-wrap: wrap;}
    .product-list .product-ul li{width:calc((100% / 2) - 9px);}
    .product-list .product-ul.best_list li{margin-top:30px;}
    .store-sec1{margin: 0 0 40px;}
    .store-sec3-list ul li{width:100%;}
    .store-sec2{margin-bottom: 40px;}
    .store-sec2 h3, .store-sec3 .top-title .left h3{font-size: 23px;}
    .store-sec2 .top-title, .store-sec3 .top-title{padding: 0;}
    .store-sec2 .top-title .left, .store-sec3 .top-title .left{width: 200px;}
    .store-sec3-list .thumb_img{right: 15px;}
    .store-sec2 .top-title .left img{width:15px;}
    .store-sec3 .top-title .left img{width:20px;}
    .store-sec3-list .store-tit .img-con > p:nth-child(1){font-size: 16px;}
    .store-sec3-list .store-tit .img-con > p:nth-child(2){font-size: 15px;}
    .store-sec3-list .store-tit .store-img{min-width:60px;}
    .store-detail-top{border-radius:0; margin-bottom: 30px;}
    .store-detail-top .thumb_img{right: 10px; top: 10px;}
    .store-detail-top .store-tit .img-con{padding-right: 0px;}
    .store-detail-top .thumb_img .thumb_btn_box .btn.btn_like{width: 3rem; height: 3rem; border-radius: 3rem;}
    .store-detail-top .thumb_img .thumb_btn_box .btn.btn_like svg{width: 1.3rem;}
    .store-detail-top .store-tit .img-con > p:nth-child(1), .store-detail-top .store-tit .img-con > p:nth-child(2){word-break: normal;}
    .category-detail-top > div{flex-wrap: nowrap; justify-content: flex-start; margin: 20px 20px 25px; overflow: auto;-ms-overflow-style: none; /* 인터넷 익스플로러 */ scrollbar-width: none; /* 파이어폭스 */}
    .category-detail-top > div::-webkit-scrollbar {display: none;}
    .search-nav{margin-top: 20px;}
    .like-btn{margin-top: 20px; margin-bottom: 15px;}
    .like-btn a{font-size: 22px;}
    .order-address-box > p, .top-product-btn-box p{font-size: 18px;}
    .top-product-btn-box span{font-size: 16px;}
    .order-product-conbox{ padding-top: 20px;}
    .order-product-conbox .order-tit-box .left p{font-size: 15px;}
    .order-product-list li{gap:15px;}
    .order-product-list li .pro-img, .cart-product-con .pro-img{width: 85px; min-width: 85px; height:85px;}
    .order-product-list li .pro-price{flex-wrap: wrap; gap: 15px;}
    .order-product-list li .pro-price .con .option{flex-wrap: wrap; gap:5px 10px;}
    .order-done-box, .done-box{padding-top:30px;}
    .cart-product{gap:10px;}
    .cart-list > li > ul > li{padding:15px;}
    .cart-product-con, .cart-product-con .pro-price{gap: 10px;}
    .cart-list-bottom p{font-size:14px;}
    .cart-product .gap-20{gap:10px;}
	.mp_menu ul { padding-left: 0;}
	.mp_menu ul li a { font-size: 18px;}
    .mp_menu ul li a, .mp_menu ul li button{display: flex; align-items: center; justify-content: space-between; font-size:15px;}
    .info_bnr_box .btn{text-wrap-mode: nowrap;}
    .mypage-w458box .my-name-id{padding: 0 16px 20px;}
    .mypage-w458box .btn-list li:last-child{border-bottom:1px solid #d7dce2;; display:block;}
    .my-coupon-box .nav_tab_line { padding: 0 16px; margin-top: 20px;}
    .my-coupon-list li{width:100%;}
    .my-point nav{flex-wrap: wrap; padding: 0 16px;}
    .my-point nav ul{order:2;}
    .my-point .point-box{order: 1; width: 100%; justify-content: space-between; margin-bottom: 20px; padding: 16px 18px; flex-wrap: wrap; gap: 5px;}
    .potnt-list-box li{padding:15px 16px;}
    .point-box .d-flex p{word-break: break-word;}
    .my-order-top{margin-top:20px; margin-bottom:20px; padding: 0 16px;}
    .order-history-box{ padding: 0 16px;}
    .cancel-history-box{ padding: 0 16px;}
    .cancel-history-box .cancel-history-box {padding:0;}
    .list-sec3 li > div .left{margin-bottom:15px; gap: 15px;}
    .list-sec3 li .left .con-box{display: block;}
    .list-sec3 li .pro-price{margin-bottom:15px;}
    .list-sec3 li > div , .list-sec3 li .right {display: block;}
    .list-sec3 li .right .btn-box{display:flex; align-items: center; gap:10px; margin-bottom: 10px;}
    .list-sec3 li .right .btn-box button{/*width:100%;*/margin-bottom: 0;}
    .list-sec3 li .right .mo{display: flex; gap: 10px; align-items: center;}
    .list-sec3 li .right .mo button{width:100%;}
    .list-sec2 > li .store-name{margin-bottom: 15px;}
    .list-sec3 li {padding: 0px 0px 15px 0px;}
    .order-history-box.detail{margin-top:20px;}
    .order-detail-box .d-flex p:nth-child(1), .detail-box .d-flex p:nth-child(1) {font-size:15px; min-width:70px;}
    .order-detail-box .d-flex p:nth-child(2), .detail-box .d-flex p:nth-child(2) {font-size:15px}
    .order-detail-box .discount-amount .d-flex button p:nth-child(1){min-width:auto;}
    .order-history-box.exchange-return{padding-top:20px;}
    .recent-product-box{padding:15px 16px;}
    .review-guide{margin-bottom:20px; align-items: start;}
    .review-guide p {font-size: 14px;}
    .review-my-list .list-sec li{flex-wrap: wrap; gap: 15px; border: 0; padding:0; margin-bottom:30px;}
    .review-my-list .list-sec li .left{ gap: 15px; align-items: stretch;}
    .review-my-list .list-sec li .con-box{display: block;}
    .review-my-list .list-sec li .con-box .pro-price{margin-bottom:10px;}
    .review-my-list .list-sec li .pro-img{width: 85px; height: 85px; min-width: 85px;}
    .review-my-list .list-sec li .right, .review-my-list .list-sec li .right button{width: 100%;}
    .review-my-list.written .list-sec li{padding: 30px 0; border-bottom: 1px solid #D7DCE2; margin-bottom: 0; flex-wrap: nowrap;}
    .review-my-list.written .list-sec li .right{width: auto;}
    .review-detail-content .review-img ul{overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; white-space: nowrap;}
    .review-detail-content .review-img ul li{min-width:144px;}
    #contact-seller .my-order-top, #inquiry-one-on-one .my-order-top {margin-top: 0px; margin-bottom: 20px; padding: 0px;}
    .main-reseller ul li .nickname { font-size: 15px; font-weight: 500;}
    .reseller-list ul li .reseller-profile-img{margin-bottom:10px;}
    .reseller-list ul li .nickname { font-size: 15px;  font-weight: 500; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
    .reseller-detail .profile-bottom p{font-size: 16px;}
    .reseller-detail .profile-top .profile-img{ max-width: 120px;}
    .reseller-pro-list .left .pro-img, .sales-product .left .pro-img{width: 85px; height: 85px; min-width: 85px;}
    .sales-settlement-top{flex-wrap: wrap;}
    .sales-settlement-box{padding-top: 0px; border-top: 0;}
    .sales-settlement-box .gray-box{margin-bottom: 20px; background-color: transparent;}
    .sales-settlement-box .gray-box .d-flex{padding: 15px 16px; background-color: #F9FAFC;  border-radius: 8px; margin-bottom: 10px;}
    .sales-settlement-box .gray-box .d-flex:last-child{margin-bottom: 0px;}
    .sales-settlement-box ul{gap:20px;border-top: 10px solid #F5F5F5; padding-top: 20px;}
    .sales-settlement-box.detail ul{border-top: 0;padding-top: 0px; }
    .sales-settlement-box ul li{width:100%;}
    .sales-settlement-top .modal-btn{order: 0; width: 100%; text-align: right; margin-bottom: 14px;}
    .sales-product{display: block; margin-bottom:2rem;}
    .sales-product .right{min-width: auto; width: 100%; margin-top: 20px;}
    .sales-product .right .option.mobile{display:block; font-size: 14px; color: #464C52; margin-bottom:10px; line-height: 20px;}
    .sales-product .right .total-pay{text-align:left;}
    .sales-settlement-detail .store-name{margin-bottom:2rem;}
    .mobile-total-pay p:nth-child(1){display:block;}
    .mobile-total-pay{background-color: #F8F9FB; padding: 16px 30px; border-radius: 8px;  display: flex; align-items: center; justify-content: space-between;}
}
/*반응형 max 686.98px*/
@media (max-width: 686.98px) {
    .shopping-slidebox .big-tit h4{font-size: 22px;}
    .list-sec2 > li .store-name{flex-direction:column; align-items:flex-start;}
    .list-sec2 > li .store-name .left img {display:none;}
}
/*반응형 max 576px sm*/
@media (max-width: 575.98px) {
	.category-lists.touch_scroll li{ width: calc(100% / 3);}
    /*
    .main-category ul li {width:calc(25% - 9px) !important;}
    .main-category ul li p {font-size:13px;}
    */
    .main-category ul li img {width:100% !important; height:auto !important;}
    .main-category ul li p {font-size:10px;}
    .product-list .product-ul{display:flex; gap:18px;  flex-wrap: wrap;}
    .product-list .product-ul li{width:calc((100% / 2) - 9px);}
    .store-sec1{padding:25px;}
    .store-sec1 .left{gap:10px;}
    .store-sec1 .left img{width:42px;}
    .store-top-text h3{font-size: 18px;}
    .store-top-text p{font-size: 13px;}
    .store-box .store-number .like, .store-box .store-number .pro-number{gap:5px;}
    .store-sec3-list ul li{padding:15px;}
    .store-sec3-list .thumb_img .thumb_btn_box .btn.btn_like{width:33px; height:33px; border-radius: 50%;}
    .store-detail-top{padding: 30px 16px;}
    .store-detail-top .store-tit{align-items: flex-start; gap: 10px;}
    .store-detail-top .store-tit .store-img{min-width: 65px; width: 65px;}
    .store-detail-top .store-tit .img-con > p:nth-child(1){font-size: 20px;}
    .store-detail-top .store-tit .img-con .store-number{flex-wrap: wrap;}
    .like-btn a{font-size: 18px;}
    .order-address-box .add .add-con p{font-size: 15px; margin-bottom: 8px;}
    .cart-list-bottom p{font-size:13px;}
    .list-sec3 li .pro-img{width:85px; height:85px; min-width: 85px;}
    .reasons-for-exchange .radios {width: 100%;}
    .recent-product-box ul.product-ul2{gap:16px;}
    .recent-product-box ul.product-ul2 li { width: calc((100% / 2) - 8px);}
    .reseller-list ul li {width: calc((100% / 3) - 27px);  text-align: center;}
    .reseller-pro-list{flex-wrap: wrap; gap: 10px;}
    .reseller-pro-list .right, .reseller-pro-list .right .btn-box, .reseller-pro-list .right .btn-box button{width:100%;}
    .date-flex{flex-wrap: wrap;justify-content: center;  margin-bottom: 20px;}
    .date-flex .date-box{gap:10px;}
    .sales-product .left{ gap:10px}
    .sales-settlement-box .reset{display:none;}
    .sales-settlement-box .src-btn-box{display: flex; align-items: center; gap: 15px;}
    .sales-settlement-box .src-btn-box .reset2{display: block; background-color: transparent; border: 0; min-width: auto;}
    .live-shopping-item{flex-wrap: wrap;}
    .live-shopping-item .left-img, .vedio-item-list{width:100%;}
    .vedio-item-list li .img-box{max-width: 100px; min-width: 100px; width: 100%;}
    .shopping-slidebox .big-tit h4 img{display:none;}
	.live-shopping-item{max-height: 100%;}
}
/*반응형 max 460px sm*/
@media (max-width: 459.98px) {
    .store-sec3-list .store-tit .img-con .store-number{gap: 5px;}
    .store-sec3-list .store-number .like, .store-detail-top .store-number .pro-number{gap: 5px; width: 100%;}
    .store-sec3-list .store-number .line{display:none;}
    .cart-list-bottom p{font-size:12px;}
}
/*반응형 max 436px sm*/
@media (max-width: 435.98px) {
    /*
    .main-category ul li p{font-size:13px;}
    */
    .img-bottom-con p { font-size: 11px;  line-height: normal;}
    .sales-item .pro-img{width: 85px; min-width: 85px; height:85px;}

}

/*반응형 max 376px*/
@media (max-width: 375.98px) {
    /*
    .main-category ul li p {font-size:12px;}
    */
    .ai_pick_box .left .pick-btn {top:0;bottom: auto;}
    .food-title p{font-size: 20px;}
    .flex-inputbox .right { min-width: 95px;}
    .store-sec1{padding:20px 15px; gap:10px; justify-content: center;  text-align: center;}
    .store-detail-top .store-tit .img-con .store-number{gap: 5px;}
    .store-detail-top .store-number .like, .store-detail-top .store-number .pro-number{gap: 5px; width: 100%;}
    .store-detail-top .store-number .line{display:none;}
    .list-sec3 li > div .left{flex-wrap: wrap;}
    .recent-product-box ul.product-ul2{gap:10px;}
    .recent-product-box ul.product-ul2 li { width: calc((100% / 2) - 5px);}
    .reseller-list ul {gap: 30px 15px;}
    .reseller-list ul li {width: calc((100% / 3) - 10px);  text-align: center;}
    .main-head ul li a {font-size:14px;}
}

/*반응형 max 360px*/
@media (max-width: 360px) {
    .store-sec1 .left img{display:none;}
    .store-sec3-list .store-tit { gap: 10px; flex-wrap: wrap;}
    .store-sec3-list .store-tit .store-img { width: 100%;  aspect-ratio: 2 / 0.8; border-radius: 0px;}
    .store-sec3-list .store-tit .store-img img{width: 100%;  aspect-ratio: 2 / 0.8;  object-fit: cover;}
    .store-sec3-list .thumb_img{ top: 15px; transform: none;}
    .store-sec3-list ul li {padding: 0; overflow: hidden;}
    .store-sec3-list .store-tit .img-con{padding:0 15px 15px;}
    .order-product-list li {flex-wrap: wrap;}
    .cart-product-con{flex-wrap: wrap; position:relative;}
    .cart-product-con .pro-price .con{width:100%;}
    .cart-product-con .close-btn{position:absolute; top: 0;  right: 0;}
    .cart-product .gap-20 > P{width:100%;}
    .review-my-list .list-sec li .left{flex-wrap: wrap;}

}

/*반응형 max 345px*/
@media (max-width: 345px) {
    /*
    .main-category ul li p {font-size:11px;}
    */
    .recent-product-box ul.product-ul2{gap:10px;}
    .recent-product-box ul.product-ul2 li { width: 100%;}
    .review-my-list.written .list-sec li .right{display:none;}
    .inquiry-box .collapse_ex .inquiry-question .d-flex{gap:5px;}
    .inquiry-box .collapse_ex .inquiry-question .d-flex p{width:100%;}

}


/** 2025.11.18 추가 **/
/*
.mypage-w100box{max-width:100%; margin:auto; padding:30px; border:1px solid #d7dce2; border-radius:8px;}
.mypage-w100box.setting{padding: 30px 30px 10px;}
.mypage-tit-box h2{font-size:26px; font-weight:700; margin-bottom:30px;}
.mypage-w100box .my-name-id{ display:flex; gap:30px; align-items: center; padding-bottom:20px;}
.mypage-w100box .my-name-id p:nth-child(1){font-weight:500; }
.mypage-w100box .my-name-id p:nth-child(2){font-size:14px; color:#707070;}
.mypage-w100box .btn-list li:nth-child(1){border-top:1px solid #d7dce2;}
.mypage-w100box .btn-list li:last-child{display:none;}
.mypage-w100box .btn-list li a{display:block; padding:20px 16px; display:flex; align-items: center; justify-content: space-between;}
*/

.setting_box  {background-color:var(--gray-10); border:1px solid var(--border); border-radius:12px;}
.user_box {display:flex; align-items:center; padding:20px; position:relative;}
.user_box .pic {padding:10px; width:60px; height:60px; background:var(--white); border:2px solid var(--secondary); border-radius:100px;}
.user_box .pic img {width:100%; height:100%; object-fit:contain;}
.user_box .user {display:flex; flex-direction:column; gap:5px; width:calc(100% - 60px); padding-left:10px;}
.user_box .name {font-weight:700; font-size:20px;}
.user_box .id {color:var(--gray-50); font-size:13px; font-weight:200;}
.user_btn {position:absolute; top:0; bottom:0; right:0; display:flex; align-items:center; gap:5px; padding:20px;}
.user_btn a {padding-left:25px; padding-right:25px; font-size:14px;}
.rog {display:flex; flex-direction:column; padding:25px; background:var(--white); border-top:1px solid var(--border); border-radius:0 0 12px 12px;}
.rog li {display:flex; align-items:center; position:relative; padding:5px 0;}
.rog li:first-child {padding-top:0px;}
.rog li:last-child {padding-bottom:0px;}
.rog li::before {content:''; display:inline-block; background:var(--text); width:4px; height:4px; margin-right:5px;}
.rog .tit {width:16.66666667%; font-weight:500;}
.rog .txt {width:75%; font-weight:300; color:var(--gray-80);}

/*반응형 max 991.98px*/
@media (max-width: 991.98px) {
    .setting {padding-top:20px;}
}

/*반응형 max 767.98px*/
@media (max-width: 767.98px) {
    .setting {padding:0;}
    .setting_box {border-radius:0; border:none; border-top:1px solid var(--border); border-bottom:1px solid var(--border);}
    .user_box {padding:15px 10px;}
    .user_btn {padding:15px 10px;}
    .user_btn a {padding-left:15px; padding-right:15px;}
    .rog {padding:20px 15px; border-radius:0;}
    .rog .tit {width:100px}
    .rog .txt {width:calc(100% - 100px - 10px);}
}

.member_class_box {border:1px solid var(--border); border-radius:12px; overflow:hidden;}
.my_box {display:flex; align-items:flex-end; justify-content:space-between; position:relative;}
.my_box .class {width:80px; height:100px; border-radius:0; text-align:center; position:relative; z-index:100;}
.my_box .class .pic {display:block; margin:0 auto; width:100%; height:90px; background-color:transparent !important; background-size:50% !important;}
.my_box .class1 .pic {background:var(--success) url('../img/class1.svg') center center no-repeat;}
.my_box .class2 .pic {background:var(--primary) url('../img/class2.svg') center center no-repeat;}
.my_box .class3 .pic {background:var(--secondary) url('../img/class3.svg') center center no-repeat;}
.my_box .class .name {position:absolute; bottom:20px; left:0; right:0; color:#fff; font-weight:500; font-size:12px;}
.my_box .percent {position:absolute; top:0; left:0; bottom:0; width:100%; z-index:1; background:var(--gray-50);}
.my_box .percent_info {position:absolute; left:80px; right:80px; top:0; bottom:0; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:500; font-size:14px;}
.my_box .percent_info .won {font-size:14px !important; font-weight:500; letter-spacing:0;}
.my_box .percent_info .won span {font-size:30px; font-weight:800; letter-spacing:-0.5px;}
.my_box .graph {width:100%; height:100%; border-radius:0; overflow:hidden; display:flex; justify-content:flex-end;}
.my_box .graph_in {height:100%; background:var(--gray-50);}
.my_box .class1 + .percent .graph {background:linear-gradient(to right, #19BB6F, #1DB9EE);}
.my_box .class2 + .percent .graph {background:linear-gradient(to right, #1DB9EE, #1D92D1);}
.my_box .class3 + .percent .graph {background:var(--secondary);}
.bonus {padding:40px 60px; display:flex; flex-wrap:wrap;}
.bonus li {display:flex; align-items:center; position:relative; padding:6px 0; width:50%; font-weight:400; font-size:16px; color:var(--text);}
.bonus li:first-child {padding-top:0px;}
.bonus li:last-child {padding-bottom:0px;}
.bonus li::before {content:''; display:inline-block; background:var(--text); width:4px; height:4px; margin-right:5px;}
.member_class_bonus {display:flex; flex-direction:column; padding:25px 25px 45px; background:var(--white); border-top:1px dashed var(--border); border-radius:0 0 12px 12px;}
.member_class_bonus h3 {padding:20px 0 5px; text-align:center; font-size:24px; letter-spacing:-1px; font-weight:600;}
.member_class_bonus h3 + p {padding:0 0 30px;  text-align:center; font-size:16px; color:var(--tertiary);}
.member_class_bonus > ul {display:flex; flex-wrap:wrap;}
.member_class_bonus > ul > li {position:relative; padding:0 30px; width:33.3333333%; text-align:center;}
.member_class_bonus > ul > li::before {content:''; position:absolute; top:20px; left:0; bottom:20px; border-left:1px dashed var(--border-light);}
.member_class_bonus > ul > li:first-child::before {display:none;}
.member_class_bonus .pic {display:block; margin:0 auto; padding:10px; background-color:var(--gray-50); border-radius:100px; width:100px; height:100px; background-size:50% !important;}
.member_class_bonus > ul > li.class1 .pic {background:var(--gray-50) url('../img/class1.svg') center center no-repeat;}
.member_class_bonus > ul > li.class2 .pic {background:var(--gray-50) url('../img/class2.svg') center center no-repeat;}
.member_class_bonus > ul > li.class3 .pic {background:var(--gray-50) url('../img/class3.svg') center center no-repeat;}
.member_class_bonus > ul > li.class1.current .pic {background:var(--success) url('../img/class1.svg') center center no-repeat;}
.member_class_bonus > ul > li.class2.current .pic {background:var(--primary) url('../img/class2.svg') center center no-repeat;}
.member_class_bonus > ul > li.class3.current .pic {background:var(--secondary) url('../img/class3.svg') center center no-repeat;}
.member_class_bonus .name {display:block; padding:15px 0 10px; font-weight:700; font-size:19px;}
.member_class_bonus .txt {display:flex; gap:10px; flex-direction:column;}
.member_class_bonus .txt li:first-child {line-height:1.3; background:var(--gray-10); border-radius:20px; padding:20px 10px;}
.member_class_bonus .txt li:first-child .block {display:block;}
.member_class_bonus .txt span {font-size:25px; font-weight:800; letter-spacing:-1.5px; color:var(--gray-80);}
.member_class_bonus li.class1.current .txt span {color:var(--success);}
.member_class_bonus li.class2.current .txt span {color:var(--primary);}
.member_class_bonus li.class3.current .txt span {color:var(--secondary);}

@media (max-width: 1200px) {
.bonus {padding:30px 40px;}
.member_class_bonus {padding:20px 10px 45px;}
.member_class_bonus > ul > li {padding:0 15px;}
}

/*반응형 max 991.98px*/
@media (max-width: 991.98px) {
.member_class_bonus .txt span {font-size:22px; letter-spacing:-0.5px;}
}

/*반응형 max 767.98px*/
@media (max-width: 767.98px) {
.member_class_box {border:none; border-radius:0;}
.my_box .percent_info .won span {font-size:25px;}
.my_box .class {width:60px;}
.my_box .percent_info {left:60px; right:60px; line-height:1.2;}
.my_box .percent_info .block {display:block;}
.bonus {padding:20px 20px 30px;}
.bonus li {width:100%; font-size:14px; padding:3px 0;}
.member_class_bonus {padding:0 20px;}
.member_class_bonus h3 {padding:20px 0 5px; font-size:20px; text-align:left;}
.member_class_bonus h3 + p {padding:0 0 20px; font-size:14px; text-align:left;}
.member_class_bonus .pic {width:80px; height:80px;}
.member_class_bonus .name {padding:10px 0; font-size:17px;}
.member_class_bonus > ul > li {padding:20px 0; width:100%; text-align:left; display:flex;}
.member_class_bonus > ul > li::before {top:0; left:0; bottom:auto; right:0; border:none; border-top:1px dashed var(--border-light);}
.member_class_bonus > ul > li:first-child {padding-top:0;}
.member_class_bonus > ul > li:last-child {padding-bottom:0;}
.member_class_bonus .pic {margin:0; width:60px; height:60px;}
.member_class_bonus .pic + div {width:calc(100% - 60px); padding:0 0 0 20px;}
.member_class_bonus .txt {gap:5px 20px; flex-direction:row; flex-wrap:wrap; font-size:14px;}
.member_class_bonus .txt li:first-child {margin:0; width:100%; padding:0; background:transparent !important;}
.member_class_bonus .txt li:first-child .block {display:none;}
.member_class_bonus .txt span {font-size:15px; font-weight:500;}
}

@media (max-width: 430px) {
.my_box .class {width:40px; height:100%;}
.my_box .class .name {display:none;}
.my_box .class .pic {background-size:60% !important;}
.my_box .percent_info {left:40px; right:40px;}
.member_class_bonus .pic {width:50px; height:50px;}
.member_class_bonus .pic + div {width:calc(100% - 50px); padding:0 0 0 15px;}
.member_class_bonus .txt li {width:100%;}
.member_class_bonus .txt li:first-child {margin-bottom:-1px;}
}


/* 상품정보공시 */
.product_information {padding-bottom:30px;}
.product_information .table {border-bottom:1px solid var(--border);}
.product_information .table th,
.product_information .table td {padding:15px 12px; font-size:13px; font-weight:300; word-break:break-all; letter-spacing:-0.5px; line-height:1.4;}
.product_information .table th {border-right:1px solid var(--border); background:var(--gray-10); font-weight:400; width:250px !important;}

/*반응형 max 991.98px*/
@media (max-width: 991.98px) {
    .product_information .table th {width:30% !important;}
}

/*반응형 max 767.98px*/
@media (max-width: 767.98px) {
    .product_information .table,
    .product_information .table thead,
    .product_information .table tfoot,
    .product_information .table tbody,
    .product_information .table tr,
    .product_information .table th,
    .product_information .table td {display:block; box-sizing:border-box; width:100% !important; float:left; clear:left; border:none; background:transparent; padding:0; font-size:12px;}
    .product_information .table {margin-bottom:30px !important;}
    .product_information .table tr {margin-bottom:12px; padding-bottom:12px; border-bottom:1px dashed var(--border);}
    .product_information .table th {font-weight:500; font-size:15px; padding-bottom:2px;}
}

/* 스타일 추가 */
.list_btn li {border-top:1px solid var(--border);}
.list_btn li:first-child {border-top:none;}
.list_btn a {display:flex; align-items:center; justify-content:space-between; padding:15px 0;}

.list_btn.big a {display:flex; align-items:center; justify-content:space-between; padding:20px 0;}
.list_btn.small a {display:flex; align-items:center; justify-content:space-between; padding:10px 0;}

.qna-page-wrapper .one-on-one {padding:0; display:flex; gap:20px; flex-wrap:wrap; justify-content:space-between;}
.qna-page-wrapper .one-on-one .ip_wr {width:100%;}
.qna-page-wrapper .one-on-one .ip_wr:nth-child(1) {width:calc(30% - 10px);}
.qna-page-wrapper .one-on-one .ip_wr:nth-child(2) {width:calc(70% - 10px);}
.qna-page-wrapper .one-on-one textarea.form-control {min-height:20rem;}

/*반응형 max 991.98px*/
@media (max-width: 991.98px) {
    .qna-page-wrapper .one-on-one {padding:20px 0 0;}
    .qna-page-wrapper .one-on-one .ip_wr:nth-child(1) {width:100%;}
    .qna-page-wrapper .one-on-one .ip_wr:nth-child(2) {width:100%;}
}
/*반응형 max 767.98 md*/
@media (max-width: 767.98px) {
    .qna-page-wrapper .one-on-one {padding:70px 15px 0;}
}

/*
 {max-width: 640px; margin: 0 auto;}
.qna-page-wrapper h2.page-title {font-size: 20px; margin-bottom: 18px; font-weight: 600;}
.qna-page-wrapper .ip_wr {margin-bottom: 10px;}
.qna-page-wrapper .ip_tit h5 {font-size: 14px; margin-bottom: 4px;}
.qna-page-wrapper .ip_tit p.fs_12 {font-size: 11px; margin-left: auto;}
.qna-page-wrapper .form-control {height: 34px; padding: 4px 8px; font-size: 13px;}
.qna-page-wrapper textarea.form-control {min-height: 100px; height: auto;}
.qna-page-wrapper .btn {font-size: 14px; padding: 7px 13px;}
.qna-page-wrapper .btn-block {width: 100%;}
.review-write-box {display: flex; gap: 6px;}
.review-write-box .image_upload {position: relative; width: 78px; height: 78px;}
.review-write-box .upload_box {width: 78px; height: 78px; background: #f5f5f5; border-radius: 6px; display: block; overflow: hidden;}
.review-write-box .upload_box .rect img {width: 78px; height: 78px; object-fit: cover;}
.upload_del {position: absolute; top: -6px; right: -6px;}
*/

#event_list_box a {overflow:hidden;}
#event_list_box a:hover .thumb_rect>img,
#event_list_box a:hover .thumb_sqr>img {transform:scale(1); transition: all .6s;}

#event_list_box a:hover {border:1px solid var(--primary) !important; background:var(--primary-light);}