/*page공통*/

#page,
#page2 { position: relative; min-height: 100vh; padding-top:calc(var(--header-hei) + 2em); } 
#page2 header.header { border-bottom: 1px solid #ebebeb; } 

#page { background-color: #F2F4F5; } 
#page header.header .logo { background: url(/img/logo_w.svg)no-repeat center / 70%; } 
#page header.header .tit { margin-bottom: 0; color: var(--color-tit); font-size: 2rem; } 
#page header.header .btn-back { position: absolute; left: calc(var(--inner-pd) + 4.8rem); width: 4.8rem; height: 4.8rem; background: url(/img/icon_back_w.svg)no-repeat center left; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; } 
#page header.header .btn-back img { width: auto; } 
#page header.header.scroll .btn-back { background-image: url(/img/icon_back.svg); } 
#page .header-wr { position: fixed; top: 0; left: 50%; width: 100%; max-width: calc(1024px - 2px); background: #fff; transform: translateX(-50%); border-bottom: 1px solid transparent; text-align: center; z-index: 99999; transition: .3s; } 
#page .header-wr .menu_b_cate { color: #fff !important; } 

#page .container { position: relative; padding-top: 2rem; } 

@media all and (max-width: 768px) { 
 #page ,
 #page2 { padding-top:var(--header-hei); } 
 } 


/*회원가입*/
#page.join .container { padding-bottom: 2rem; } 
#page.join .modal { background: transparent; border: 0; } 
#page.join .modal .modal .btn-close, #page.login .modal .modal .btn-close { width: 1em; height: 1em; font-size: 1.8rem; } 
#page.join .card-body { padding: 5.25rem 1.25rem } 

/*특가, 베스트 타이틀*/
/*테마 타이틀*/
.gr-tit p { display: none; width: 100%; margin:3rem var(--inner-pd) 1.6rem; font-size: 2.5rem; font-weight: 800; } 
.gr-tit span { display: inline-block; margin-left: .5rem; font-size: 2rem; } 
.gr-tit .rise span { color: #D72900; } 
.gr-tit .drop span { color: #0076FE; } 
.gr-tit .icon { width: 3rem; vertical-align: text-top; } 
.gr-tit .rise .icon,
.gr-tit .drop .icon { width: 4rem; margin-right: .5rem; } 

[deta-info="gubun=drop"] p.sil,
[deta-info="gubun=rise"] p.sil { display: flex; } 
[deta-info="gubun=sil"] p.sil,
[deta-info="gubun=sp"] p.sp,
[deta-info="gubun=bl"] p.bl,
[deta-info="gubun=weekly"] p.weekly ,
[deta-info="gubun=new"] p.new { display: block; } 

/*중식,한식,일식,양식*/
.g-ca-list { box-shadow: 0px 1px 4px rgba(0,0,0,.1); } 
.g-ca-list .inner { padding-top: .4rem; padding-bottom: .4rem; overflow-x: auto; } 
.g-ca-list .cate-list { width: 100%; white-space: nowrap; } 
.g-ca-list .cate-list a { display: inline-flex; align-items: center; height: 4.8rem; } 
.g-ca-list .cate-list a span { display: block; padding: 0.5rem 1rem; border-radius: 3rem; background-color: #fff; border: 1px solid var(--color-border02); color: #5A5A5A; font-size: 1.4rem; } 
.g-ca-list .cate-list li { display: flex; margin-right: 0.5em; } 
.g-ca-list .cate-list li.on a span { display:inline-block; border: 1px solid var(--color-tit); background-color: var(--color-tit); color: #fff; } 


/**/
.cont-box-wr { width: 100%; padding-top: 3rem; padding-bottom: 3rem; margin-bottom: 2rem; background-color: #fff; border-radius: 1rem; } 

/**/
.bo-line { margin-bottom: 1.6rem; padding-bottom: 1rem; border-bottom: 1px solid var(--color-border01); } 
.bo-line-ds { height: 0 !important; margin-top: 1.2rem; padding-top: 1.2rem; border-top: 1px dashed var(--color-border01); } 


/*버튼스타일*/
.btn-st01,.btn-st02,.btn-st03,.btn-st04 { width: 100%; margin-bottom: 2rem; padding: 1em; border-radius: 1rem; font-size: 1.6rem; font-weight: 700; font-family: 'pretendard'; text-align: center; word-break: keep-all; } 
.btn-st01 { background: #005EFF; color: #fff; font-size: 1.8rem; } 
.btn-st02 { background: #D5DCE6; color: #334563; } 
.btn-st02-1 { background: #334563; color: #fff; } 
.btn-st02-2 { background: #ffdd00; color: #000; } 
.btn-st03 { padding: 1em; border: 1px solid var(--color-border01); color: #334563; } 
.btn-st04 { padding: 0.5em; background: #E9F3FF; border: 1px solid #D6E5F6; color: #0058ff; } 
.btn-st05 { padding: 0.417em 0.917em; border: 1px solid var(--color-border02); border-radius: .5em; background: linear-gradient(180deg, #FFFFFF,#F1F3F4 ,#DBE0E5); color: #1e1e1e; font-size: 1.2rem; font-weight: 500; } 
.btn-st05 .icon { margin-left: 0.3em; } 

/*탑버튼*/
.top-btn { display: flex; justify-content: center; align-items: center; position: fixed; right: var(--inner-cont-pd); bottom: 14rem; width: 4rem; height: 4rem; background: rgba(255, 255, 255, .9); border-radius: 100%; border: 1px solid var(--color-border01); z-index: 1; opacity: 0; transition: .3s; } 
.top-btn .icon { width: .8rem; padding-bottom: .1rem; padding-right: .1rem; transform: rotateZ(90deg); } 

/*탭버튼*/
.tab-cont .tab-box { display: none; } 
.tab-cont .tab-box.show { display: block; } 

/*input-txt 박스*/
.input-box { position: relative; margin-top: 1rem; border: 1px solid var(--color-border01); border-radius: 0.563em; font-size: 1.6rem; } 
.input-box input { width: calc(100% - 1.250em); height: 100%; padding: 0.875em; border-radius: 0.6em; } 
.input-box input::placeholder { color: #b6b6b6; } 
.input-box textarea { padding: .5rem; border-radius: 0.8rem; } 
.input-box .btn-del { display: none; width: 1.250em; height: 1.250em; font-size: 1.6rem; } 
.input-box[data-input='true'] .btn-del { display: block; } 
.input-box2[data-input='true'] { border: 1px solid #FF0000; } 

.alarm-txt { margin-top: 0.1rem; margin-left: 0.1rem; color: #999999; font-size: 1.2rem; font-weight: 500; } 
.alarm-txt span { margin-top:.5em; } 


/*---------list-skin-------------------------------------*/

#page.list { background-color: #fff; } 
#page.list header.header { position: relative; background: transparent; text-align: center; border-bottom: 0; z-index: 999; transition: 0; } 
#page.list header.header .logo { background: url(/img/logo_w.svg)no-repeat center / contain; transition: 0; } 
#page.list header.header .tit { color: var(--color-tit); } 
#page.list header.header .i-cart { background: url(/img/icon_cart.svg)no-repeat center / contain; transition: 0; } 

#page.list header.header-mo { position: fixed; display: none; background-color: #fff; border-bottom: 1px solid #ebebeb; transform: translate(-50%, -100%); } 
#page.list header.header-mo .i-cart { background-image: url(/img/icon_cart_b.svg); } 
#page.list header.header-mo .logo { background-image: url(/img/logo_b.svg); } 
#page.list header.header-mo .ham_menu_btn span { background-color:#000; } 
#page.list header.header-mo .btn-back { background-image: url(/img/icon_back.svg); } 
#page.list header.header-mo.scroll-on { transform: translate(-50%, 0%); } 


#page header.header.scroll .btn-back { background-image: url(/img/icon_back_w.svg); } 
/* #page.list { background-color: #fff; } 
#page.list header.header { background: linear-gradient(90deg, #005EFF, #0093ff); text-align: center; border-bottom: 0; z-index: 999; } 
#page.list header.header .logo { background: url(/img/logo_w.svg)no-repeat center / contain; } 
#page.list header.header .tit { color: var(--color-tit); } 
#page.list header.header .i-cart { background: url(/img/icon_cart.svg)no-repeat center / contain; } 
#page.list header.header.scroll { background: #fff; border-bottom: 1px solid #ebebeb; top:-1px; } 
#page.list header.header.scroll .i-cart { background-image: url(/img/icon_cart_b.svg); } 
#page.list header.header.scroll .logo { background-image: url(/img/logo_b.svg); } 
#page.list header.header.scroll .ham_menu_btn span { background-color:#000; } */

@media screen and (max-width:1024px) { 
 #page.list header.header { padding-bottom: 0; } 
 } 
 
@media screen and (max-width:768px) { 
#page.list { padding-top:calc(var(--header-hei) + 8em); } 
#page.list header.header-pc { position: relative; } 
#page.list header.header-mo { display: block; } 
#page.list header.header .logo { background: url(/img/logo_w.svg)no-repeat center / contain; transition: 0; } 
#page.list header.header-pc.scroll { background-color: transparent; border-bottom: 0; } 
#page.list header.header-pc.scroll .i-cart { background-image: url(/img/icon_cart.svg); } 
#page.list header.header-pc.scroll .logo { background-image: url(/img/logo_w.svg); } 
#page.list header.header-pc.scroll .ham_menu_btn span { background-color:#fff; } 
 } 
.list .pro-list-wr .text-wr .price { font-size: 1.7rem; } 
.list .pro-list-wr .text-wr .price { font-size: 1.7rem; } 


#page.list #pro_list.pro-list-wr { display: grid; grid-template-columns: repeat(2, 1fr); margin-top: 1rem; } 

@media screen and (max-width:1024px) { 
 #page.list #pro_list.pro-list-wr { display: block; } 
 } 

/*카테고리리스트*/
.category-list { position: sticky; top: 0; left: 0; z-index: 1; } 
.category-list::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 39.2rem; background: linear-gradient(90deg, #005EFF, #0093ff); content: ''; z-index: -1; } 
.category-list .inner { padding-right: 0; } 
.category-list ul { } 
.category-list li { white-space:pre; } 
.category-list li a { position: relative; display: inline-block; min-width: 4.8rem; line-height: 4.8rem; padding: 0 1rem; color: #eaf2ff; font-size: 1.6rem; font-weight: 400; text-align: center; } 
.category-list li a::before { display: block; position: absolute; top: 50%; left: 50%; width: 100%; height: 4.8rem; transform: translate(-50%, -50%); content: ''; } 
.category-list li.on a { font-weight: 600; } 
.category-list li.on a::after { position: absolute; bottom: 0.6em; left: 0; width: 100%; height: .2rem; border-radius: 2rem; background-color: #fff; content: ''; } 

.category-list[deta-info="menu_cate=china"].category-list li:nth-child(1) a,
.category-list[deta-info="menu_cate=korea"].category-list li:nth-child(1) a,
.category-list[deta-info="menu_cate=japan"].category-list li:nth-child(1) a,
.category-list[deta-info="menu_cate=etc"].category-list li:nth-child(1) a { font-weight: 400 !important; } 
.category-list[deta-info="menu_cate=china"].category-list li:nth-child(1).on a::after,
.category-list[deta-info="menu_cate=korea"].category-list li:nth-child(1).on a::after,
.category-list[deta-info="menu_cate=japan"].category-list li:nth-child(1).on a::after,
.category-list[deta-info="menu_cate=etc"].category-list li:nth-child(1).on a::after { display: none; } 

.category-list[deta-info="menu_cate=china"]::before { background: url(/img/china_bg.jpg)no-repeat center / cover; } 
.category-list[deta-info="menu_cate=korea"]::before { background: url(/img/korea_bg.jpg)no-repeat center / cover } 
.category-list[deta-info="menu_cate=japan"]::before { background: url(/img/japan_bg.jpg)no-repeat center / cover } 
.category-list[deta-info="menu_cate=etc"]::before { background: url(/img/etc_bg.jpg)no-repeat center / cover; } 

.category-list[deta-info="menu_cate=china"] li a,
.category-list[deta-info="menu_cate=korea"] li a,
.category-list[deta-info="menu_cate=japan"] li a,
.category-list[deta-info="menu_cate=etc"].category-list li a { color: #ffffff; } 




[deta-info="menu_cate=drop"] p.drop,
[deta-info="menu_cate=rise"] p.rise,
[deta-info="menu_cate=china"] p.china,
[deta-info="menu_cate=korea"] p.korea,
[deta-info="menu_cate=japan"] p.japan,
[deta-info="menu_cate=etc"] p.etc { display: block; } 

@media screen and (max-width:450px) { 
 .category-list .inner { overflow-x: auto; } 
 } 


/*옵션*/
.select .list { position: absolute; top: 100%; left: 0%; width: max-content; z-index: 9; max-height: 0px; padding:0 0.875em; background: #fff; border-radius: 0.563em; overflow-y: auto; transition: max-height .5s; font-size: 1.6rem; } 
.select.view .list { max-height: 260px; padding:0.875em; border: 1px solid var(--color-border01); } 

.option-wr { padding: 1rem var(--inner-pd); } 
.option-wr .select { position: relative; cursor: pointer; display: inline-block; margin-right: .4rem; -webkit-tap-highlight-color: rgba(0,0,0,0);     -webkit-tap-highlight-color: transparent; } 
.option-wr .select .subject { position: relative; height: 4.8rem; padding: .8rem 1.6rem .8rem 0; color: #5A5A5A; font-size: 1.4rem; } 
.option-wr .select .subject:after { margin-left: 1rem; display: inline-block; width: .8rem; height: .5rem; background: url(../img/arw-icon.svg) no-repeat center / contain; content: ''; } 
.option-wr .select .subject .arw-icon { display: none; margin-left: 1rem; } 
.option-wr .select .list li { width: 100%; text-align: left; line-height: 40px; padding: 0px 5px; } 


/*정렬바*/
#sortBar { position: fixed; bottom:8.7rem; right: calc((100% - 1024px) / 2 + 2rem); width: auto; min-width: 3.4rem; height: 50vh; padding:0.667em 0.417em; background-color: #EEF6FF; border-radius: 0.583em; font-size: 1.2rem; text-align: center; transition: .3s; opacity: .9; visibility:visible; } 
#sortBar span { color: #5A5A5A; font-size: 1.4rem; } 
#sortBar span > a { display: block; min-height: 2rem; } 
#sortBar ul { display: grid; gap: 0.3em; height: calc(100% - 2em); margin-top: 0.667em; } 
#sortBar ul li { display: flex; align-items: center; justify-content: center; padding: .1em 0; margin-bottom: 0.25em; background-color: #DAE8FE; border-radius: 0.3em; color: var(--color-tit); font-size: 1.2rem; font-weight: 600; } 
#sortBar ul li a { display: inline-grid; align-content: center; width: 100%; height: 100%; } 
#sortBar.off { height: 0; opacity: 0; visibility: hidden; transition: .3s; } 

@media screen and (max-width:1024px) { 
 #sortBar { right:var(--inner-pd); } 
 } 
 


/*리스트*/
/* .pro-list-wr { width: calc(100% - 5rem); } */
.pro-list-wr .list { position: relative; align-items: flex-start; padding: 1.6rem var(--inner-pd) .6rem; } 
.pro-list-wr .list .rt-det-num { display: block; position: absolute; left: var(--inner-pd); top: calc(12.7rem + 19px); width: 12.7rem; font-size: 1.4rem; font-weight: 400; text-align: center } 
.pro-list-wr .thumb-img { position: relative; width: 12.7rem; height: 12.7rem; border-radius: 1.2rem; padding: 1.2rem; } 
.pro-list-wr .thumb-img img { width: 100%; height: 100%; object-fit: cover; } 
.pro-list-wr .thumb-img .place { position: absolute; top: .8em; right: .8em; } 
.pro-list-wr .text-wr { display: flex; align-items: flex-start; flex-direction: column; justify-content: center; height: 100%; min-height: 12.7rem; width: calc(100% - 12.8rem); padding-left: 1.4rem; font-size: 2rem; } 
.pro-list-wr .text-wr .place { margin-bottom: 0.2rem; margin-right: .6em; margin-top: 0.2rem; } 
.pro-list-wr .text-wr .tit-wr { align-items: flex-start; } 
.pro-list-wr .text-wr .tit { font-size: 1.6rem; /* white-space: nowrap; text-overflow: ellipsis; overflow: hidden; */ } /*상세보기목록변경0315*/ 
.pro-list-wr .text-wr .txt { line-height: 1.5; color: var(--color-g-s-tit); font-size: 0.789em; } 
.pro-list-wr .text-wr .txt .name { font-weight: 600; } 
.pro-list-wr .text-wr .txt .info { position: relative; overflow: hidden; margin-right: .5rem; white-space: pre; text-overflow: ellipsis; } 
.pro-list-wr .text-wr .price { font-size: 1.6rem; } 
.pro-list-wr .text-wr .btn-icon { display: flex; justify-content: center; align-items: center; width: 4.8rem; height: 4.8rem; border-radius: 0; padding: 0; background-repeat: no-repeat; background-position: left; } 
.pro-list-wr .text-wr .btn-wish { margin-right: auto; background-image: url(/img/icon_wish.svg); } 
.pro-list-wr .text-wr .btn-wish.on { background-image: url(/img/icon_wish_on.svg); } 

.pro-list-wr .thumb-btn { justify-content: end; } 
.pro-list-wr .thumb-btn .btn { width: 4rem; height: 4rem; margin-left: .5em; padding: .6em; border-radius: 100%; background-color: #fff; } 



#page.list .pro-list-wr .list { padding: 1.6rem 0; } 

@media screen and (max-width:390px) { 
 .pro-list-wr .text-wr .tit { font-size: 1.7rem; } 
 } 



 
/*등락베스트*/
.graph-list .pro-list-wr .list { align-items: center; padding-top: 0 !important; } 
.graph-list .pro-list-wr .txt .average { color: #8F939E } 
.graph-list .pro-list-wr .txt .price { font-size: 2rem; font-weight: 700; } 
.graph-list .pro-list-wr .text-wr { width: calc(100% - 6.4rem); } 
.graph-list .thumb-img-wr { border-radius: 1.5rem; padding: 1.3rem; } 
.graph-list .thumb-img { width: 6.4rem; height: 6.4rem; } 
.graph-list .thumb-img1 { background: transparent; margin-top: .5rem; } 

.graph-rise.graph-list .thumb-img-wr { background: #FBEFF0; } 
.graph-rise.graph-list .pro-list-wr .txt .price { color:#E36565; } 

.graph-drop.graph-list .thumb-img-wr { background: #EAF4FE; } 
.graph-drop.graph-list .pro-list-wr .txt .price { color: #0076FE; } 




/*찜하기*/
.pick .pro-list-wr .list { padding: 1.6rem; background-color: #fff; border-radius: 1.2rem; } 
.pick .pro-list-wr .txt { display: flex; } 
.pick .pro-list-wr .btn-wr { margin-top: 1rem; margin-left: 1rem; } 
.pick .pro-list-wr .btn-wr button { margin-bottom: 0; padding: 0.5em; border-radius: 0.7rem; } 
.pick .pro-list-wr .btn-wr .btn-save { background-color: var(--color-more); color: #fff; } 
.pick .pro-list-wr .text-wr { width: calc(100% - 6.8rem); height: auto; min-height: auto; } 

.pick .container > .inner > .pro-list-wr { position: relative; margin-bottom: 3rem; } 
.pick .container > .inner > .pro-list-wr::before { display: block; width: 15rem; height: 8rem; margin-bottom: -.5rem; background: url(../img/img_heart.svg)no-repeat center/ contain; content: ''; } 
.pick .container > .inner > .pro-list-wr .pick-btn { width: calc(100% - 12rem); } 



@media screen and (min-width: 768px) { 
 .pick-btn { display: flex; align-items: baseline; justify-content: space-between; width: calc(100% - 8.7rem); height: 8.7rem; } 
 } 
@media screen and (max-width: 768px) { 
 .pick .pro-list-wr .text-wr { width: 100%; } 
 .pick .pro-list-wr .thumb-img { width: 7.7rem; height: 7.7rem; } 
 .pick .container > .inner > .pro-list-wr .pick-btn { width: calc(100% - 7rem); } 
 .pick .pro-list-wr .text-wr .tit-wr { flex-direction: column; } 
 .pick .pro-list-wr .text-wr .tit-wr .tit { font-size: 1.6rem; } 
 } 

/*------detail-skin--------------*/
#page.detail { position: relative; background-color: #fff; } 
#detailHeader { position: sticky; top: 0; left: 0; z-index: 9999; background-color: #fff; } 
#detailHeader .i-home { position: absolute; top: 50%; right:var(--inner-pd); width: 1.3em; height: 1.3em; background-repeat: no-repeat; background-size: contain; transform: translateY(-50%); } 
#detailHeader .i-home { background-image: url(/img/icon_tab_home_off.svg); } 

#detailHeader .btn-back { position: absolute; left: var(--inner-pd); width: 4.8rem; height: 4.8rem; -webkit-tap-highlight-color: rgba(0,0,0,0);     -webkit-tap-highlight-color: transparent; } 
#detailHeader .btn-back img { width: auto; } 


/*상세보기*/
.detail .category-list { top: 58px; border-bottom: 1px solid #F2F4F5; background-color: #fff; } 
.detail .category-list::before { display: none; } 
.detail .category-list li a { color: #595959; } 
.detail .category-list li.on a { color: var(--color-tit); font-weight: 700; } 
.detail .category-list li.on a::after { background-color: var(--color-tit); } 

/*관련상품*/
.detail .pro-regard-wr .inner { padding-top: 2rem; padding-bottom: 2rem; } 
.detail .pro-regard-wr .inner > .tit { margin-bottom: 1rem; } 
.detail .pro-regard-wr .thumb-img { position: relative; width: 8.7rem; height: 8.7rem; border-radius: 1.2rem; padding: 1.4rem; } 
.detail .pro-regard-wr .text-wr .tit, .detail .pro-regard-wr .txt .info { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.detail .pro-regard-wr .txt .info { font-size: 1.4rem; } 
.detail .pro-regard-wr .price { font-size: 1.6rem; } 
.detail .pro-regard-wr::before, .detail .pro-regard-wr::after { display: block; width: 120vw; height: 1rem; margin-left: -10vw; background-color: #f6f6f6; box-shadow: inset 1px 1px 2px 1px rgba(77, 71, 71, .1); content: ''; } 

.detail .modal-sw .swiper { touch-action:pinch-zoom; } 
.detail .modal-sw .swiper-zoom { overflow: hidden; } 
.detail .swiper-horizontal { display: flex; flex-direction: column; justify-content: center; position: relative; height: calc(100% - 8.8rem); } 
.detail .swiper-wrapper { height: auto; min-height: calc(100% - 8.8rem); } 
.detail .swiper-slide { display: flex; align-items: center; justify-content: center; } 
.detail .swiper-slide { max-width: initial; } 
.detail .swiper-btn-wr { position: relative; left: 0; bottom: 0; width: 100%; height: 8.8rem; padding-top: 1rem; background: #ffff; z-index: 999; } 
.detail .swiper-button-next, .detail .swiper-button-prev { top: auto; width: 4.8rem; height: 4.8rem; margin-top: 0; } 
.detail .swiper-pagination { position: relative; bottom: auto !important; } 
.detail .swiper-button-next:after, .detail .swiper-button-prev:after { font-size: 2.4rem; font-weight: 600; } 
.detail .swiper-button-next, .detail .swiper-button-prev { color: var(--color-tit); -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; } 
.detail .swiper-button-next, .detail .swiper-rtl .swiper-button-prev { right: 0; } 
.detail .swiper-button-prev, .detail .swiper-rtl .swiper-button-next { left: 0; } 
.detail .swiper-pagination-bullet-active { background: var(--color-tit); } 
.detail .b_img { overflow: hidden; } 
.detail .b_img .modal-body { padding: 0; } 
.detail .b_img .modal-header { z-index: 2; background: #fff; border-radius: 0; touch-action: none; } 


/*수량선택 모달창*/
.detail #item_su_div .btn-close { background-size: .7em; } 
.detail #item_su_div .modal-header { padding: .5rem; border-bottom: 0; } 
.detail #item_su_div .modal-body { padding: 0; } 
.detail #item_su_div .modal-footer { border-top: 0; } 
.detail #item_su_div .modal-footer .btn-secondary { width: 100%; margin: auto; margin-bottom: 0; padding: 1rem; border-radius: .4rem; } 


/*상세보기 선택 리스트*/
.pro-detail-wr { } 
.pro-detail-wr .deta { align-items: stretch; margin-top: .4em; border-radius: 1.2rem; border: 1px solid #EBEBEB; overflow: hidden; } 
.pro-detail-wr .deta:first-child { margin-top: 0; } 
.pro-detail-wr .deta.on { border: 1px solid var(--color-point); } 
.pro-detail-wr .deta-txt { width: 77%; } 
.pro-detail-wr .deta-txt li { -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } 
.pro-detail-wr .deta-txt li:not(:last-of-type) { border-bottom: 1px solid #EBEBEB; } 
.pro-detail-wr .deta-txt .tit { display: flex; align-items: center; width: 33%; padding: .5rem 1rem; background-color: #F8F8F8; border-right: 1px solid #EBEBEB; color: #5A5A5A; font-size: 1.4rem; word-break: keep-all; } 
.pro-detail-wr .deta-txt .txt { width: 67%; padding: .5rem 1rem; color: #000; font-size: 1.4rem; font-weight: 400; } 
.pro-detail-wr .deta-txt .txt.pri { color: #000; font-weight: 600; } 
.pro-detail-wr .deta-chk { display: grid; justify-items: center; align-content: center; width: 23%; border-left: 1px solid #EBEBEB; } 



#tabBar.purchase .inner { padding-top: 1.4rem; padding-bottom: 1.4rem; } 
#tabBar.purchase .tab-wr .btn-icon { display: flex; justify-content: center; align-items: center; width: 4.8rem; height: 4.8rem; border-radius: 0; padding: 0; background-repeat: no-repeat; background-position: left; } 
#tabBar.purchase .tab-wr .btn-cart { background-image: url(/img/icon_cart_line.svg); } 
#tabBar.purchase .tab-wr .btn-cart.on { background-image: url(/img/icon_cart_line_on.svg); } 
#tabBar.purchase .tab-wr .grid-2 { width: calc(100% - 5.2rem ); margin-left: auto; } 
#tabBar.purchase .tab-wr .grid-2 .btn-st { margin-bottom: 0; padding: 1em .5em; font-size: 1.6rem; } 
#tabBar.purchase .grid-3 .btn-st { margin-bottom: 0; padding: 1em 0; font-size: 1.4rem; letter-spacing: -0.03em; } 



/*------cart-skin--------------*/
/*장바구니*/
.cart .total-wr { margin: 0 var(--inner-cont-pd) 3rem; } 
.cart .deta-chk-all { margin-bottom: 1.6rem; } 
.cart .deta-chk-all .all-chk { margin:0 0 0 .4em; color: #5A5A5A; font-size: 1.8rem; } 
.cart .deta-chk-all .btn-del { margin-left: auto; padding:.2em .3em; background-color: #61636a; border-radius: .6rem; color: #fff; font-size: 1.4rem; } 
.cart .cart-list-wr { width: 100%; margin-bottom: 1rem; background-color: #fff; border-radius: 1rem; } 
.cart .cart-list-wr .inner { padding: 1rem; } 
.cart .cart-list-wr .checkmark { height: 2rem; width: 2rem; } 
.cart .cart-list { align-items: flex-start; } 
.cart .cart-list.on .deta { border: 1px solid var(--color-point); } 
.cart .pro-list-wr { position: relative; align-items: flex-start; margin-bottom: 1rem; } 
.cart .pro-list-wr .deta-chk { position: absolute; top: .5rem; left: .5rem; z-index: 2; } 
.cart .pro-list-wr .deta-chk input { top: 50%; left: 50%; transform: translate(-50%, -50%); } 
/* .cart .pro-list-wr { align-items: flex-start; margin-bottom: 1rem; border-bottom: 1px solid #F2F4F5; } */

.cart .pro-list-wr .list { width: 100%; padding:0; border-top: 0; } 
.cart .pro-list-wr .thumb-img { width: 6.7rem; height: 6.7rem; } 
.cart .pro-list-wr .text-wr { align-self: center; width: calc(100% - 11rem); min-height: auto; } 
.cart .pro-list-wr .text-wr .txt { margin-top: 0.5rem; margin-bottom: 0; line-height: 1; } 
.cart .pro-list-wr .text-wr .tit { color: #000; font-size: 1.6rem; } 
.cart .pro-list-wr .btn-del { position: absolute; top: 0; right: 0; width: 3.6rem; height: 3.6rem; padding: 0.5rem; background: #f8f8f8; border-radius: 100%; border: 1px solid #ebebeb; } 
.cart .pro-detail-wr { width: 100%; padding-top: 0; border-top: 0; } 
.cart .pro-detail-wr .inner { padding-right: 0; } 
.cart .pro-detail-wr .deta-txt .tit { width: 30%; padding: .5rem 1rem; font-size: 1.4rem; } 
.cart .pro-detail-wr .deta-txt .txt { width: 70%; padding: .5rem 1rem; font-size: 1.4rem; } 
.cart .pro-detail-wr .deta-txt { width: 100%; } 

.cart .quantity .quant button { width: 2rem; height: 2rem; padding: 0.2em; border-radius: 100%; border: 1px solid #ebebeb; background-color: #f8f8f8; } 
.cart .quantity .quant .quant-txt { margin:0 0.2em; text-align: center; font-size: 1.6rem; } 
.cart .quantity .quantity-price span { margin-bottom: 0.2em; font-size: 1.4rem; } 
.cart .quantity .quantity-price strong { margin-left: .2em; margin-right: .2em; color: var(--color-tit); font-size: 1.8rem; } 



@media screen and (min-width: 539px) { 
 .cart .quantity-wr { padding: 3rem; } 
 } 
 
/*상품추가*/
.btn-pro-add { justify-content: center; width: 100%; margin-bottom: 2rem; height: 6.2rem; background-color: #fff; border: 1px solid #EBEBEB; border-radius:1rem; font-size: 1.6rem; } 
.btn-pro-add .btn-icon-box { width:1.250em; height: 1.250em; margin-right: .2em; background-color: #F2F4F5; border: 1px solid #8F939E; border-radius: 100%; } 
.btn-pro-add span { color: #5A5A5A; font-weight: 600; } 

/*주문하기 버튼*/
.total-wr { background-color: #fff; border-radius: 1rem; filter: drop-shadow(0 0 1.1rem rgba(0,0,0,.7%)); overflow: hidden; } 
.total-wr .inner { padding: var(--inner-cont-pd); } 
.total-wr .total-txt { font-size: 1.6rem; font-weight: 600; } 
.total-wr .total-txt li { justify-content: space-between; line-height: 2; } 
.total-wr .total-txt span { color: var(--color-tit); } 
.total-wr .total-txt strong { color: var(--color-g-tit); } 
.total-wr .btn-total { justify-content: center; align-items: center; margin-bottom: 0; padding-top: 2.4rem; padding-bottom: 2.4rem; border-radius: 0; font-size: 1.8rem; } 
.total-wr .btn-total .num { display: inline-block; width: 1.7em; height: 1.7em; margin-left: 0.2em; line-height: 1.9em; border-radius: 100%; background: #D72700; color: #fff; font-weight: 600; font-size: 0.7em; text-align: center; } 



@media screen and (min-width: 539px) { 
 .total-wr .total-txt { font-size: 1.8rem; } 
 } 

/*주문하기결제 - 배송지 목록*/
#list_juso_modal #list_juso_modal_body .input-box > .flex > div > span { display: inline-block; background: var(--color-border01); margin-top: 0.5rem; padding: 0.4rem 1rem; border-radius: 0.34rem; margin-left: .4rem; } 


/*모달창*/
@media screen and (min-width: 768px) { 
 .modal { width: 54rem; height: 60rem; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
 } 
@media screen and (max-width: 767px) { 
 .modal { width: 80vw; height: 50vh; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
 } 


.modal .modal-content { position: absolute; top: 50%; left: 50%; width: 90%; height: auto !important; border: 0; transform: translate(-50%, -50%); } 
.modal .modal-header .modal-title { padding: 0.5rem 0.5rem; color: #000; font-family: 'Pretendard'; font-size: 1.8rem; font-weight: 700; } 
.modal .modal-footer .btn-secondary { width: 50%; margin: 1rem auto 2rem; padding: 1em; border-radius: 1rem; border: 0; text-align: center; background: #D5DCE6; color: #526481 !important; font-size: 1.6rem; font-weight: 700; font-family: 'pretendard'; } 
.modal .btn-close { width: 2em; height: 2em; font-size: 2rem; opacity: 1; } 
.alert-box .modal .modal-content { width: 100%; } 

#success_close_id .flex-grow-1 h5,#fail_close_id .flex-grow-1 h5 { display: none; } 
#success_close_id .card-header,#fail_close_id .card-header { background-color: transparent !important; } 
#success_close_id .card-body,#fail_close_id .card-body { padding: 0 1.25rem 2.25rem; } 
#success_close_id .card-body .icon ,#fail_close_id .card-body .icon { width: 63%; margin: 0 auto; } 

/*모달창 썸네일*/
#b_img .modal-footer { display: none; } 
#b_img .modal_bimg { height: 100%; } 
#b_img .gallery_list { height: 100%; } 
#b_img .gallery_list img { width: 100% !important; height: 100%; object-fit: contain; object-position: center; } 
#b_img .fa-solid { width: 5rem; height: 5rem; background: var(--color-tit); border-radius: 100%; line-height: 5rem; color: #fff; font-size: 2.8rem; text-align: center; } 
#b_img .modal-body { height: 50vh; -webkit-transform: translateZ(0); } 


/*이용약관, 개인정보처리방침*/
.terms .tit { margin-top: 2rem; margin-bottom: 1rem; font-size: 1.8rem; font-weight: 800; } 
.terms .terms-info { line-height: 1.5; font-size: 1.4rem; } 
.terms .terms-info .tit-m { padding: 1rem 0; border-bottom: 1px solid var(--color-border01); } 
.terms .terms-info .tit-m span ,.terms .terms-info .tit-m strong { font-size: 1.6rem; font-weight: 800; } 
.terms .terms-info .tit-m strong { margin-left: 1rem; color: var(--color-g-tit); } 
.terms .terms-info ul { padding: 1rem 0; } 
.terms .terms-info ul li { word-break: keep-all; } 
.terms .terms-info ul li:not(:last-of-type) { margin-bottom: 1rem; } 
.terms .terms-info ul li a { position: relative; } 
.terms .terms-info ul li a::before { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 4.8rem; z-index: -1; content: ''; } 


.terms .scroll { overflow-x: auto; } 
.terms br.br-m { display: none; } 
.terms table { width: 100%; margin: 1rem 0; background-color: #fff; border: 1px solid var(--color-border01); font-size: 1.4rem; } 
.terms table tr { border-bottom: 1px solid var(--color-border01); } 
.terms table tr ,.terms table td { padding: 1rem; text-align: center; word-break: keep-all; } 
.terms table tr th, .terms table td { border-left: 1px solid var(--color-border01); } 
@media screen and (max-width: 450px) { 
 .terms br.br-m { display: block; } 
 } 


/*회원탈퇴*/
.secession .success-txt { padding-bottom: 2.4rem; margin-bottom: 2rem; border-bottom: 1px solid var(--color-border01); text-align: center; } 
.secession .success-txt .flex { justify-content: center; } 
.secession .success-txt .box-icon { width: 4rem; height: 4rem; padding: .5em; border-radius: 100%; margin-right: .4em; background: var(--color-point); } 
.secession .success-txt h3 { color: var(--color-point); font-size: 2rem; } 
.secession .success-txt .icon01 { width: 55%; margin-top: 2rem; } 
.secession .tit { text-align: center; word-break: auto-phrase; line-height: 1.5; } 
@media screen and (max-width: 400px) { 
 .secession .tit { font-size: 1.4rem; } 
 } 
























/**/