html{height: 100%; overflow-x: hidden; width:100%; font-size: 2.6666666667vw;}
body{color:#222; margin-left:auto; margin-right:auto; background-color: #fff; font-size:16px; height: 100%; line-height: 1.4;}
img {
  vertical-align: middle;
  /*   vertical-align: top; */
}
/* 공통 */

.bg-g{background-color: #f9f9f9 !important;}
.bg-g02{background-color: #f8f8fb;}
.bg-g03{background-color: #eef0f3;}
.bg-g04{background-color: #f9f9f9 !important;}
.bg-g05{background-color: #999;}
.bg-g06{background-color: #f5f5f5 !important;}
.bg-g07{background-color: #f2f2f2 !important;}

.bg-k{background-color: #111 !important;}

.bg-w{background-color: #fff !important;}

.bg-o{background-color: #FF6C0F !important;}
.bg-y{background-color: #FFCC4A !important;}
.bg-r{background-color: #F32B2B !important;}
.bg-r2{background-color: #E1333310 !important;}

.bg-p{background-color: #FF859E !important;}
.bg-p2{background-color: rgba(255,133,158,0.05) !important;}
.bg-b{background-color: #32C4DE !important;}
.bg-gr{background-color: #92D600 !important;}
.bg-gr2{background-color: #92D60010;}


.border{border: 1px solid #d9d9d9;}
.border-gr{border: 1px solid #92D600 !important;}
.border-g{border: 1px solid #ddd !important;}
.border-g2{border: 1px solid #eee !important;}


.fc-gr{color: #92D600;}
.fc-gr2{color:#90C320;}
.fc-o{color: #FF6C0F !important;}
.fc-y{color: #FFCC4A;}
.fc-r{color: #F32B2B;}
.fc-r2{color: #E55D5D;}

.fc-p{color: #ff4c64 !important;}
.fc-b{color: #29A9F1 !important;}
.fc-y2{color: #FBFF4E;}
.fc-w{color: #fff !important;}
.fc-g{color: #999 !important;}
.fc-g2{color: #666 !important;}
.fc-g3{color: #888 !important;}
.fc-g4{color: #bbb !important;}
.fc-k{color: #111 !important;}

.f-small{font-size: 0.85em !important;}

.pt-120{padding-top: 120px;}
.pb-120{padding-bottom: 120px;}
.pt-100{padding-top: 100px;}
.pb-100{padding-bottom: 100px;}
.pt-80{padding-top: 80px;}
.pb-80{padding-bottom: 80px !important;}
.pt-32{padding-top: 32px !important;}
.pb-32{padding-bottom: 32px !important;}
.pb-16{padding-bottom: 16px;}

.mt-100{margin-top: 100px;}
.mt-170{margin-top: 170px;}
.mt-85{margin-top: 85px;}
.mt-70{margin-top: 70px;}


.mt-base{margin-top:50px;}
.pt-base{padding-top: 16px;}
.pb-base{padding-bottom: 66px;}

.mt04{margin-top: .4rem;}

.cursor{cursor: pointer;}

.bold{font-weight: 600 !important;}
* b{word-break: keep-all;}
* h2{word-break: keep-all;}

.dis-b{display: block !important;}
.dis-f{display: flex;}
.flex-c{flex-direction: column !important;}
.flex-wrap{flex-wrap: wrap;}
.justi-s-b{justify-content: space-between;}
.justi-f-s{justify-content: flex-start !important;}
.justi-f-e{justify-content: flex-end !important;}
.justi-c{justify-content: center !important;}
.align-i-c{align-items: center;}
.align-f-s{align-items: flex-start !important;}
.align-f-e{align-items: flex-end !important;}
.posi-r{position: relative;}
.text-a-l{text-align: left !important;}
.text-a-c{text-align: center !important;}
.flex-d-c{flex-direction: column;}
.gap32{gap: 32px;}
.gap24{gap: 24px;}
.gap16{gap: 16px;}
.gap12{gap: 12px;}
.gap8{gap: 8px;}
.gap4{gap: 4px;}
.flex1{flex: 1;}
.flex05{flex: 0.5;}
.flex2{flex: 2;}

.w100{width: 100% !important;}
.w20{width: 20%;}
.w33{width: 33.333%;}
.w50{width: calc(50% - 0.4em);}
.w50p{width: 50%;}

.border-t-g{border-top: 1px solid #eee !important;}
.border-b-g{border-bottom: 1px solid #eee !important;}

.border-t{border-top: 1px solid #d9d9d9 !important;}
.border-b{border-bottom: 1px solid #d9d9d9 !important;}
.border-l{border-left: 1px solid #d9d9d9 !important;}
.border-r{border-right: 1px solid #d9d9d9 !important;}
.border-gr{border: 1px solid #92D600;}
.border-bl{border: 1px solid #29A9F1;}


.border-none{border: 0 !important;}

.opa07{opacity: 0.7 !important;}
.opa04{opacity: 0.4 !important;}
.btn-type02{border: 1px solid #d9d9d9; background-color: #fff;}

.border-r-05{border-radius: 0.5em;}
.border-r-08{border-radius: 0.8em;}
.border-r-1{border-radius: 1em;}

.pointer{cursor: pointer;}

.dis-none{display: none;}

.pt{padding-top:1.5em;}
.pb{padding-bottom:1.5em;}

.mb-08{margin-bottom: 0.8em !important;}
.mt-04{margin-top: 0.4em !important;}

.pd0{padding: 0 !important;}

.w_icon img{filter: brightness(10000%);}


.br{border-radius: .7rem;}
.bs{box-shadow: 0 0 .9rem rgba(0,0,0,.08);}
.pd{padding: 1rem;}
.pd2{padding: 2rem 0;}
.pb2{padding-bottom: 2rem;}
.mt2{margin-top: 2rem;}

.pd10{padding: 10px;}

.f14{font-size: 14px;}

.pd20{padding-top: 20px !important; padding-bottom: 20px !important;}
.pt20{padding-top: 20px !important;}
.pb20{padding-bottom: 20px !important;}

.mr{margin-right: 16px;}

.tmon{font-family: 'Tmon' !important; font-size: 20px}

input:disabled{background-color: #f9f9f9;}

/* .no_bd{margin-left:-16px !important; margin-right:-16px !important;} */

/* 스와이퍼 */

.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
  }



.min_tit{display: inline-block; font-size: 14px; margin-bottom: 10px; color: #888;}

.big_txt{font-size:24px; font-weight: 400; line-height: 1.3; display: block;}
.big_txt2{font-size: 1.45em; font-weight: 600;}
.big_txt + span{display: block; color: #888; font-weight: 500; font-size: 1.15em; margin-top: 8px !important; font-weight: 400;}
.big_txt + span i{font-weight: 600;}
.sm_txt{display: block; color: #888; font-weight: 500; font-size: 16px; margin-bottom: 8px !important; font-weight: 400;} 

.pr_top{display: flex; align-items: center; gap: 6px; color: #888;}
.pr_top span{width: 8px; height: 8px; border-radius: 50%; background-color: #ddd;}
.pr_top span.on{width: 22px; height: 22px; background-color: #92D600; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 12px;}
.pr_top i{font-size: 1rem;}

p.dot{padding-left: 0.8em; position: relative;}
p.dot::before{content: ""; width: 3px; height: 3px; border-radius: 50%; background-color: #888; position: absolute; left: 0; top: 7px;}
.sec + .sec{margin-top: 1.5em;}
  
.af-border{padding: 30px 0;}
.sec_bd{height: 6px; width: 100%; background-color: #f5f5f5; box-shadow: inset 0 0 .4rem rgba(0,0,0,.05);}


/* header */
.header{position: fixed; width:100%; z-index: 99; top:0; z-index: 100; }
.header .main_nav{position: relative; height: 50px; background-color: #fff; display: flex; align-items: center; justify-content: center;}
.header_flip{background-color:#f4f0ef; position: fixed; top:4em; width: 100%; padding:.5em 0; z-index: 11;}
.header_flip .bd{display: flex; align-items: center; justify-content: space-between;}

.header .prev{text-align: center; cursor: pointer; display: flex; align-items: center; justify-content: center; padding: 20px;}
/* .header .prev img{height:1.5em;} */
.header .sub_nav .CategoryList{height:40px; overflow-x: auto; max-width: 100%; overflow-y: hidden; white-space: nowrap; line-height: 36px;}

.header .sub_nav .CategoryList::-webkit-scrollbar {height:4px;}
.header .sub_nav .CategoryList::-webkit-scrollbar-thumb {background: #ded7c7;  border-radius: 4px;}
.header .sub_nav .CategoryList ul li.list_con{vertical-align: middle; display: inline-block; margin:0 12px; height:40px;}
.header .sub_nav .CategoryList ul li.list_con:last-child{margin-right:20px;}
.header .sub_nav .CategoryList ul li.list_con > a{color:#818181;}
.header .sub_nav .CategoryList ul li.list_con.active > a{font-weight:bold; color:#26ae5f; padding-bottom:4px; border-bottom:2px solid #26ae5f;}

.nav_inner{display:inline-block; position: absolute;}
/* right */
.nav_inner .count{background-color:#92D600; color:#fff; position: absolute; right: -0.8em; top: -0.6em; 
    width: 1.9em; height: 1.9em; display: flex; align-items: center; justify-content: center;
    border-radius: 50%; padding: 0.1em; font-size: 0.7em; 
line-height: 1; font-weight: 500;
}
.mypage_header .nav_inner.right{top: 1.2em;}
.daily_header .nav_inner.right{top: 1.7em;}
.nav_inner.right .count{right: 1px; top:1px; width: 18px; height: 18px; font-size:12px;}
.nav_inner.right{position: absolute; right:14px; z-index: 10; top:50%; transform: translateY(-50%);}
.nav_inner > span{float:left; position: relative; margin-right:0.2em; cursor: pointer; }

.nav_inner.right > span{display: flex; align-items: center; justify-content: center;}
.nav_inner.right > span:last-child{margin-right:0;}
.nav_inner span.img{width: 30px; height: 30px; padding: 4px; box-sizing: content-box;}

.nav_inner.right.in_txtbtn{right: 0;}
.nav_inner.right.in_txtbtn .txt_btn{font-size: .85rem; color: #666; padding: 16px; font-weight: 400;}


.nav_inner.right .kas{border-radius: 50%; display: inline-flex; overflow: hidden; margin-top: 1px;} 

/* center */
.nav_inner.center{left:50%; top:50%; transform: translate(-50%, -50%);}
.nav_inner.center select{font-weight: 600; text-align: center;  font-family: 'SUIT', sans-serif !important; font-size: 1.15em; padding-right: 1.2em; background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/MATHER_PICK/166172294350072.png)no-repeat right center /0.8em;} 
.nav_inner.center select option{display: flex; align-items: center; justify-content: center; padding: 1em;}
.nav_inner.center select:focus{outline: none;}
.nav_inner.center select option{padding: 1.2em; text-align: center;}
.nav_inner h1{font-weight: 600; font-size:16px;}
.nav_inner h1 i{font-weight: bold;}
/* .nav_inner h1.logo{background-image: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/HKSG/168962658872995.png); width: 130px; height: 32px;
    background-repeat: no-repeat; background-position: center; background-size: cover;} */
    
@font-face {
    font-family: 'Tmon';
    src: url('../font/TmonMonsori.woff');
    src: url('../font/TmonMonsori.ttf');
    } 

/* @font-face {
  font-family: 'test';
  src: url('../font/BMKkubulimTTF.ttf');
}  */

/* .nav_inner h1.logo{font-family: 'Tmon';} */
.nav_inner h1.logo > a{text-indent: -9999px; opacity: 0;}

.nav_inner.center h2{font-size:1.125em; font-weight: bold;}

/* left */
.nav_inner.left{z-index: 11; left:0;
    position: absolute; top:50%; transform:translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%);}

/* 메인헤더 */
.mainheader .nav_inner.left{left: 1.1rem;}
.mainheader .nav_inner.left h1{font-family: 'Tmon' !important; font-size: 1.35rem; line-height: 1;}

.interaction_header{background-color: #fff; transition: all .15s;}
.interaction_header.active{background-color: transparent;}
.interaction_header.active .prev img, .interaction_header.active .nav_inner span.img img{filter: brightness(10000%); }


/* 23.05.22  고담*/
.menubar > img:nth-child(1){display: block; width: 22px; height: 15px; position: relative; top: 5px;}

.nav_inner.center .select {position: relative;}
.nav_inner.center .select p{font-weight: 700; font-size: 1.1em;}
.nav_inner.center .select img{width:0.8em;}
.nav_inner.center .select ul{display: none; position: absolute; left: 50%; transform: translateX(-50%); top: 2em; width: 110%; background-color: #fff; padding: 0.7em; box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.nav_inner.center .select ul li + li{margin-top: 0.5em;}

/* 검색창 */
.search_box{ width: 100%; margin: 0 16px; padding-top: 3.2rem; padding-bottom: 1rem;} 
.search_box > div{position: relative;}
.search_box input{width: 100%; height: 2.65rem; border-radius: 30px; padding-left: 2.6rem;}
.search_box .btn{display: inline-block; position: absolute; left: .2rem; top: 50%; transform: translateY(-50%); }
.search_box .btn button{ padding: .7rem; display: flex; justify-content: center; align-items: center;}

.search_box.s_g input{ background-color: #f5f5f5;}

.header.shop_info_header .search_box{padding-top: 0; background-color: #fff;}


/* 마더픽 메인헤더*/
.main_search{background-color: transparent !important;}
.main_search .main_nav{background-color: #92D600; border-radius: 0 0 30px 30px; height: max-content;}
.main_search .nav_inner.right .count{background-color: #fff; color: #92D600;}
.main_search .nav_inner.right, .main_search .nav_inner.left{top: 1.6rem;} 
.main_search .search_box{ width: 100%; margin: 0 16px; padding-top: 3.2rem; padding-bottom: 1rem;} 
.main_search .search_box > div{position: relative;}
.main_search .search_box input{width: 100%; height: 2.65rem; border-radius: 30px; padding-left: 2.6rem;}
.main_search .search_box .btn{display: inline-block; position: absolute; left: .2rem; top: 50%; transform: translateY(-50%); }
.main_search .search_box .btn button{ padding: .7rem; display: flex; justify-content: center; align-items: center;}
.branch_select select{font-size: 1rem; color: #fff; font-weight: 700; background: url(../img/down_w.svg) no-repeat 95% center ; display: inline-block; position: relative; padding-right: 1.2rem;}

.branch_select select option{background-color: fff; color: #333;}

.branch_select.bk select{color: #111; background-image: url(../img/down_k.svg);}

.chk_box {display: block; position: relative;cursor: pointer; font-size: 16px; font-weight: 500; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.chk_box.flex{display: flex; align-items: center; gap: 6px;}

/* 기본 체크박스 숨기기 */
.chk_box input[type="checkbox"] { display: none; }

/* 선택되지 않은 체크박스 스타일 꾸미기 */
.on03 { width: 20px; height: 20px; background: transparent; border-radius: 50%;  }

/* 선택된 체크박스 스타일 꾸미기 */
.chk_box input[type="checkbox"]:checked ~ img{}
.on03:after { content: ""; position: absolute;   }
.chk_box input[type="checkbox"]:checked + .on03:after { display: block; }
.on03:after { width: 7px; height: 10px; border-radius: 1px;  border: solid #333; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 6px; top: 3px; }
.chk_box input[type="checkbox"]:checked + .on03::after{border-color: #92D600; }

.chk_box.bk.type03 input[type="checkbox"]:checked + .on03{background-color: #111;}

.chk_box.type01 .on03:after{ width: 8px; height: 12px;}
.chk_box.type02 .on03:after{border-color:#bbb; width: 8px; height: 12px;}


.chk_box.type03 .on03{background-color: #ddd; border-radius: 2px;  }
.chk_box.type03 .on03::after{border-color: #fff; left: 6px;}
.chk_box.type03 input[type="checkbox"]:checked + .on03{background-color: #92D600;}
.chk_box.type03 input[type="checkbox"]:checked + .on03::after{border-color: #fff;}


/* 라디오 스타일 */
.radio_style{display: flex;}
.radio_style label {width: 50%;    display: block;position: relative;    box-sizing: border-box; border-radius: 4px;}  
.radio_style label + label{margin-left: 10px;}
.radio_style span {vertical-align: middle;position: absolute;left:50%;top:53%;transform: translate(-50%,-50%);display: block;color: #333;width: max-content;font-size: 0.95rem; line-height: 1;}  
.radio_style [type="radio"] {vertical-align: middle;  appearance: none;  border: 1px solid #eee;width: 100%; ;background: #fff;margin:0;border-radius: 0;padding: 22px;border-radius: 4px;;}  
.radio_style [type="radio"]:checked {border: 1px solid #92D600;;background: #90C32010;}    
.radio_style [type="radio"]:checked + span {color:#92D600; font-weight: 600;}  
.radio_style [type="radio"]:disabled {background-color: lightgray;  box-shadow: none;   cursor: not-allowed;}  
.radio_style [type="radio"]:disabled + span {color:#92D600;}  


.radio_style.radio_type02{display: flex; flex-direction: column;}
.radio_style.radio_type02 label {width: 100%;    display: block;position: relative;    box-sizing: border-box; border: 0; border-radius: 0;}
.radio_style.radio_type02 label + label{margin-left: 0; border-top: 1px solid #eee;}
.radio_style.radio_type02 span {position: absolute;left:12px;top:52%;transform: translateY(-50%);display: block;color: #333;width: max-content;font-size: 0.95rem; line-height: 1;}  
.radio_style.radio_type02 [type="radio"] {  appearance: none;  border: none;width: 100%; ;background: #fff;margin:0;border-radius: 0;padding: 22px;border-radius: 0;}  
.radio_style.radio_type02 [type="radio"]:checked {border: none;;background: #fff;}
.radio_style.radio_type02 [type="radio"]:checked + span {color:#92D600; font-weight: 600;}  
.radio_style.radio_type02 [type="radio"]:checked{background: url(../img/min_check.svg) no-repeat right 12px center;}
.radio_style.radio_type02 [type="radio"]:disabled {background-color: #fff;  box-shadow: none;   cursor: not-allowed;}  
.radio_style.radio_type02 [type="radio"]:disabled + span {color:#bbb;}  


.radio_style.radio_type03{display: flex; flex-direction: column;}
.radio_style.radio_type03 label {width: 100%;    display: block;position: relative; box-sizing: border-box; border: 1px solid #eee; border-radius: 4px;}
.radio_style.radio_type03 label i.icon{position: absolute; left: 24px; top: 30%; transform: translate(-50%);} 
.radio_style.radio_type03 label i.check{position: absolute; right: 6px; top: 30%; transform: translate(-50%);} 
.radio_style.radio_type03 label + label{margin-left: 0; margin-top: 8px;}
.radio_style.radio_type03 span {padding-left: 28px; position: absolute;left:12px;top:50%;transform: translateY(-50%);display: block;color: #333;width: max-content;font-size: 1rem; font-weight: 500; line-height: 1;}  
.radio_style.radio_type03 [type="radio"] {  appearance: none;  border: none;width: 100%; ;background: transparent;margin:0;border-radius: 0;padding: 25px;border-radius: 0; border-radius: 4px;}  
.radio_style.radio_type03 [type="radio"]:checked {border: none;;background: #92D600; border-color: #92D600;} 
.radio_style.radio_type03 [type="radio"]:checked ~ i.icon img{filter: brightness(100000%);}
.radio_style.radio_type03 [type="radio"]:checked ~ i.check img{content: url(../img/min_check_w.svg);}
.radio_style.radio_type03 [type="radio"]:checked + span { font-weight: 600; color: #fff;} 
.radio_style.radio_type03 [type="radio"]:disabled {background-color: #f9f9f9;  box-shadow: none;   cursor: not-allowed;}  
.radio_style.radio_type03 [type="radio"]:disabled + span {color:#bbb;}  


/* 공통2 */
div, span, p, b, h2, h1{word-break: keep-all;}


/* 하단 픽스 네비 */
.nav_btm {position: fixed;bottom: 0; width: 100%; left: 0; 
   height: 66px;
    background-color: #ffff;
    padding: 0.6em 0;
    display: flex; align-items: center; justify-content: center;
    border-top: 1px solid #eee;
    border-radius: 30px 30px 0 0;
    box-shadow: 0 0 14px rgba(0,0,0,.08);
    z-index: 99;
}
.nav_btm ul{display: flex; justify-content: center; align-items: center; width: 100%;}
.nav_btm ul li{flex: 1; width: 20%;}
.nav_btm ul li p{font-size: 12px; margin-top: 0; font-weight: 500; color: #bbb; }
.nav_btm ul li .con_wrap{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.nav_btm ul li .con_wrap .icon_wrap{display: flex; align-items: center; justify-content: center;}
.nav_btm ul li img.select{display: none;}
.nav_btm ul li .con_wrap .icon_wrap img{width: 30px;}
.nav_btm ul li.center{flex: 1.2; margin-top: -2.8em; }
.nav_btm ul li.center .con_wrap{width: 5em; height: 5em;margin: 0 auto; background-color: #92D600; color: #fff; border-radius: 50%; padding: 0em;}

.nav_btm ul li.page_on .no_select{display: none;}
.nav_btm ul li.page_on .select{display: block;}
.nav_btm ul li.page_on p{color: #90C320; font-weight: 500;}

/* no_content */
.no_content{ display: flex; justify-content: center; align-items: center;}
.no_content p{font-size: 16px; color: #888; margin: 28px 0;}
.no_content em{width: 71px; height: 69px; margin: 0 auto;}
.no_content em img{width: 100%;}

.fixed_btn_container.join_btn{padding: 12px 16px; background-color: #fff; border-top: 1px solid #eee;}
.fixed_btn_container.join_btn .nextbtn{width: auto; padding: 10px 20px; color: #29A9F1; font-size: 14px !important; position: fixed;left: 50%; transform: translateX(-50%); bottom: 83px;}
.cta_btn{background-color: #f2f2f2; color: #777;}
.cta_btn.comp{background-color: #92D600 !important; color: #fff !important;}
.join_wrap .chk_box{margin-bottom: 8px;}

.fixed_btn_container button{width: 100%; font-size: 16px !important; font-weight: 500;padding: 16px; text-align: center; border-radius: 4px;}
.fixed_btn_container button i{font-weight: 500;}

/*----------------------------- 마더픽 공통 ---------------------- */
/* 섹션 타이틀 */
.title{display: flex; justify-content: space-between; margin-bottom: 1rem;}
.title p{font-size: 1.18rem; font-weight: 700;}
.title p .small{font-size: 14px; margin-top: 6px;}
.title button{padding: 0;}
.title .arrow_btn button{padding-left: 20px;}
.order_btn button{color: #888; font-size: .9rem; display: flex; align-items: center; gap: 4px;}
.order_btn.arrow_btn button{position: relative; padding-right: 12px;}
.order_btn.arrow_btn button::after{content: ''; display: inline-block; position: relative; width: .4em; height: .4em; border-top: 1px solid #999; border-right: 1px solid #999; position: absolute; display: block; right: 0; top: 44%; transform: translateY(-50%) rotate(45deg);}
.order_btn.arrow_btn.blue_btn button:after{border-color: #29A9F1;}
.order_btn.arrow_btn.blue_btn button{color: #29A9F1;}

.title .count{font-size: .9em; color: #777; margin-left: 6px;}

.meatball{position: relative;}
.meatball button{padding: 10px; padding-left: 20px; display: flex; flex-direction: column; gap: 3px;}
.meatball button span{width: 2px; height:2px; background-color: #666; border-radius: 50%;}
.meatball .mb_open{background-color: #fff; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); width: 190px; position: absolute; z-index: 100; right: 0; transition: all .2s; display: none;}
.meatball .mb_open ul li{padding: 14px 0; font-size: 1rem; text-align: center;}
.meatball .mb_open ul li + li{border-top: 1px solid #eee;}



/* 상품타이틀 */
.title2{display: flex; align-items: center; justify-content: space-between; margin-bottom: 1rem;}
.title2 p{font-size: 1rem; font-weight: 600;}
.title2 p i{color: #888; margin-left: .2rem; font-weight: 400;}
.title2 button{padding: 0 ;}

/* 더 큰 타이틀 */
.title_big p{font-size: 1.2rem; font-weight: 700; display: flex; align-items: center;}
.search_count{font-size: 16px; color: #888; margin-left: .2rem;}

/* tab style */
/* tab round */
.tab_round ul{display: flex; gap: .4rem; overflow-x: auto;}
.tab_round ul li{color: #666; border: 1px solid #eee; border-radius: 2rem; padding: .55rem .9rem; line-height: 1; font-size: .9rem; min-width: max-content; position: relative; display: flex; align-items: center; gap: 4px;} 
.tab_round ul li.on{border-color: #92D600; color: #92D600;}
.tab_round ul li.arrow_btm{padding-right: 1.8rem;}
.tab_round ul li.arrow_btm:after{content: ''; position: absolute; display: block; top: 45%; right: 1em; transform: translateY(-50%) rotate(135deg); width: .4rem; height: .4rem; border-top: 1px solid #999; border-right: 1px solid #999;}
.tab_round ul li i{margin-right: .2rem;}

.tab_round ul li.arrow_btm.on:after{border-color: #92D600;}

.tab_round.search_tab ul li{border-color: #ddd;}
.tab_round button.del{padding: 0; font-size: 13px; color: #555; margin-left: 4px;}

.tab_round.tr2 li.on{background-color: #92D600; border-color: #92D600; color: #fff;}
.tab_round.tr2 li.on img{filter: brightness(50000%);}

/* tap_flat */
.tab_flat ul{display: flex; overflow-x: auto;}
.tab_flat ul li{color: #666; border-bottom: 1px solid #eee;padding: .6rem .8rem; line-height: 1; font-size: .95rem; min-width: max-content; } 
.tab_flat ul li.on{color: #92D600; font-weight: 500; border-bottom: 2px solid #92D600;}

.tab_flat2 ul{display: flex; overflow-x: auto;}
.tab_flat2 ul li{color: #333; border-bottom: 1px solid #eee;padding: 1rem 0; line-height: 1; font-size: .95rem; min-width: max-content; width: 20%; font-size: .85rem; text-align: center;}
.tab_flat2 ul li.on{color: #92D600; font-weight: 600; border-bottom: 2px solid #92D600;}

.tab_flat_my ul{}
.tab_flat_my ul li{ padding:16px 0; text-align: center;}



/* 공구 > roundthumb_tab */
.roundthumb_tab ul{display: flex; gap: 1rem; overflow-x: auto;}
.roundthumb_tab ul li{padding: .8rem 0; }
.roundthumb_tab ul li .imgwrap{width: 15.36vw; height: 15.36vw; border-radius: 50%; background-color: #f5f5f5; border: 2px solid transparent; position: relative;}
.roundthumb_tab ul li .imgwrap img{position: absolute; width: 100%; height:100%; left:50%; top:50%;transform: translate(-50%, -50%); object-fit: cover; border-radius: 50%;}
.roundthumb_tab ul li p{color: #666; line-height: 1; font-size: .9rem; padding-top: .5rem; text-align: center; width: max-content; margin: 0 auto;}
.roundthumb_tab ul li.on p{color: #92CC12; font-weight: 500; }
.roundthumb_tab ul li.on .imgwrap{border-color: #92CC12; }

/* 공구 > cate_tab */
.cate_tab ul{position: relative; display: flex; flex-wrap: wrap; background-color: #f9f9f9;}
.cate_tab ul:before{content: ''; display: block; height: 1px; width: 100%; background-color: #ddd; position: absolute; top: 0; z-index: 2;}
.cate_tab ul:after{content: ''; display: block; height: 1px; width: 100%; background-color: #ddd;position: absolute; bottom: 0; z-index: 2;}
.cate_tab ul li{width: 33.3333%; border-right: 1px solid #ddd; padding: .75rem; font-size: .85rem; border-bottom: 1px solid #ddd; position: relative; background-color: #fff;} 
.cate_tab ul li:nth-child(3n){border-right: none;}
.cate_tab ul li::after{content: ''; display: inline-block; position: relative; width: .45em; height: .45em; border-top: 1px solid #999; border-right: 1px solid #999; position: absolute; display: block; right: .8em; top: 50%; transform: translateY(-50%) rotate(45deg);}

.cate_tab ul li.on{font-weight: 600; color: #7DB700;}
.cate_tab ul li.on::after{border-color: #7DB700;}


/* 선택 리스트 */
.tab_choose_view{position: relative; border-top: 1px solid #eee;}
.tab_choose_view ul{display: flex; gap: .5rem;  overflow-x: auto; padding-left: 16px; padding-right: 60px;}
.tab_choose_view ul li{display: flex; color: #888; padding: .8rem 0; min-width: max-content;}
.tab_choose_view ul li button{padding: .3rem; font-weight: 900; font-size: .8rem; color: #666;}
.tab_choose_view .reset_btn{width: max-content; position: absolute; top: 50%; right: 12px; transform: translateY(-50%);}
.tab_choose_view .reset_btn button{width: 35px; height: 35px ; background-color: #fff; border: 1px solid #eee; display: flex; align-items: center; justify-content: center; border-radius: 50%; padding: 0;}
.tab_choose_view .reset_btn button i{width: 15px; height: 15px;}

/* 커뮤니티 */
.commu_list ul li{padding: 12px 0;}
.commu_list ul li + li{border-top: 1px solid #eee;}
.commu_list .cate{font-size: .85rem; font-weight: 500;}
.commu_list .cl_top_con{display: flex; flex-direction: column; gap: .45rem;}
.commu_list .cl_top p:first-child{display: flex; gap: .4rem;}
.commu_list .cl_top p span{color: #888; font-size: .85rem;}
.commu_list .cl_title{display: flex; align-items: center; gap: .3rem;}
.commu_list .cl_title i{display: inline-block; background-color: #f5f5f5; color: #666; font-size: .75rem; padding: .2rem .5rem; border-radius: 1rem;}
.commu_list .cl_title i.comp{background-color: #92D600; color: #fff;}
.commu_list .cl_title p{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.commu_list .cl_con{color: #888; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-size: .9rem;}
.commu_list .cl_bot{display: flex; justify-content: space-between; align-items: center; color: #888; font-size: .8rem; margin-top: .7rem;}
.commu_list .cl_bot .id{color: #111; font-weight: 500;}
.cl_bot_left{display: flex; gap: .6rem;}
.cl_bot_left > div{display: flex; }
.cl_bot_left > div > div{display: flex; align-items: center; line-height: 1;}
.commu_list .cl_bot .cl_bot_right{display: flex;}
.commu_list .cl_bot .cl_bot_right p:nth-child(1)::after, .commu_list .cl_bot .cl_bot_left > div > div:nth-child(1)::after{content: '·'; color: #bbb; display: inline-block; position: relative; margin: 0 .2rem ;}

/* 이미지 첨부된 글 */
.commu_list .commu_img .cl_top{display: flex; align-items: center; gap: 10px;}
.commu_list .commu_img .cl_top .imgwrap{width: 70px; height: 70px;}
.commu_list .commu_img .cl_top .imgwrap div{position: relative; width:100%; padding-bottom: 100%; border: 1px solid #eee; border-radius: 6px;}
.commu_list .commu_img .cl_top .imgwrap div img{position: absolute; width: 100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%); object-fit: cover;}
.commu_list .commu_img .cl_top .cl_top_con{width: calc(100% - 80px);}


/* 상품검색 */
.search_tit{display: flex; justify-content: space-between; align-items: center;}
.search_tit p{font-size: 16px; font-weight: 700;}


/* 상품 */
.pd_slide .swiper-slide{display: block;text-align: left;}
.pro_txt i{display: inline-block;}
.pro_txt{color: #7DB700; font-size: .8rem; background-color: #92D60010; padding: .3rem .6rem; display: flex; align-items: center; width:fit-content; gap: .2rem; border-radius: 4px; font-weight: 500; margin-bottom: .5rem;} 
.pd_slide .swiper-slide > div{display: flex; gap: 1rem; align-items: center;}
.pd_slide .swiper-slide > div .imgwrap{width: 140px; padding-bottom: 140px; border-radius: 6px; position: relative; overflow: hidden;}
.pd_slide .swiper-slide > div .imgwrap img{position: absolute; width: 100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%); object-fit: cover;}
.pd_slide .swiper-slide > div .txtwrap{width: calc(60% - 16px); font-size: 16px;}

/* .pd_slide .pd_name{height: 2.6em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;word-wrap:break-word;} */
.pd_slide .pd_name{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}



.pd_name{color: #333; line-height: 1.3; font-size: 1em; font-weight: 500;}
.pd_pricebox{ margin: .5em 0; position: relative;}
.pd_pricebox p{line-height: 1.2;}
.pd_pricebox #price, .pd_pricebox p[data-attr="price"]{font-weight: 700;}
.pd_pricebox .p_can{font-size: .85em; color: #999; text-decoration: line-through;}
.pd_pricebox .sale{display: inline-block; color: #ce1d1d; margin-right: .2em; font-size: 1.1em; font-weight: 700; }
.pd_pricebox .saleprice, .pd_pricebox p:not(.p_can){font-weight: 600; color: #111; font-size: 1.1em;}
.soldout .pd_pricebox{opacity: .5;}


.pd_pricebox p.sale_total{color: #ce1d1d; font-size: 1.15rem; margin-top: .2rem;}
.pd_pricebox p.sale_total i{color: #ce1d1d; font-size: 1.15rem; font-weight: 600;}

.swiper-slide .pd_pricebox p.sale_total, .swiper-slide .pd_pricebox p.sale_total i{font-size: .9rem; margin-top: .1rem;}
.swiper-slide .pd_pricebox{margin: .3em 0;}


.normal_price{display: flex; align-items: center; gap: .4rem;}
.p_percent{color: #ce1d1d; font-weight: 700; display: inline-block; line-height: 1.2;}




.share_btn{position: absolute; right: 0; top: 50%; transform: translateY(-50%); padding: 7px; color: #555; font-size: .9rem; display: flex; border-radius: 4px; border: 1px solid #eee; background-color: #fff; gap: 4px; align-items: center;}
.share_btn span{display: inline-block; width: 15px;}


.pd_rv{display: flex; align-items: center; font-size: .9em; line-height: 1; gap: .12rem;}
.pd_rv i,.pd_rv em{display: inline-block;}
.pd_rv b{font-weight: 600; color: #333;}
.pd_rv i.rv_total{color: #888;}


.pd_tag{display: flex; flex-wrap: wrap; gap: 4px;}
.pd_tag span{font-size: .8rem; padding: 4px; border-radius: 2px; display: inline-block;} 
.pd_tag .pop{color: #EB7100; background-color: #EB710008;}
.pd_tag .dd{color: #CF09AF; background-color: #CF09AF08;}
.pd_tag .free{color: #29A9F1; background-color: #29A9F108;}
.pd_tag .best{color: #DB3400; background-color: #DB340008;}

.pd_slide .swiper-pagination.swiper-pagination-fraction{display: inline-block;font-size: .7em; padding: .2rem .6rem; border-radius: 1rem; background-color: #fff; border: 1px solid #eee; position: relative;} 
.pd_slide .swiper-pagination.swiper-pagination-fraction span{display: inline;}

.pd_slide_btn{display: flex; align-items: center; gap: 4px;}
.pd_slide_btn .swiper-button-next, .pd_slide_btn .swiper-button-prev{width: 35px; height: 35px; background-color: #fff;border: 1px solid #eee; border-radius: 3rem; position: relative;}
.pd_slide_btn .swiper-button-next:after{content: ''; display: inline-block; position: relative; width: .4em; height: .4em; border-top: 1px solid #666; border-right: 1px solid #666; position: absolute; display: block; left: 45%; top: 50%; transform: translate(-50%, -50%) rotate(45deg);}
.pd_slide_btn .swiper-button-prev:after{content: ''; display: inline-block; position: relative; width: .4em; height: .4em; border-top: 1px solid #666; border-right: 1px solid #666; position: absolute; display: block; left: 55%; top: 50%; transform: translate(-50%, -50%) rotate(-135deg);}
.pd_pagination{display: flex; align-items: center; gap: 8px; height: fit-content;}
.pd_pagination .pagination-bullets{display: flex; gap: 4px;}
.pd_pagination .swiper-pagination-bullet{background-color: #ddd; height: 6px; width: 6px; border-radius: 10px; }
.pd_pagination .swiper-pagination-bullet-active{background-color: #92D600;}

.pd_list_full li + li{margin-top: 2rem;}
.pd_list_full .imgwrap{position: relative; width:100%; padding-bottom: 60%; border-radius: 6px; overflow: hidden;}
.pd_list_full .imgwrap > img{position: absolute; width: 100%; height:100%; left:50%; top:50%;transform: translate(-50%, -50%); object-fit: cover;}
.pd_list_full .txtwrap{font-size: 18px; margin-top: 1em;}

.soldout .imgwrap:after{content:'매진'; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; color: #fff; background-color: rgba(0,0,0,.6); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-weight: 600; font-size: 2rem; }
.finish .imgwrap:after{content:'아쉽지만 종료 :( 다시찾아올게요♥'; display: flex; justify-content: center; text-align: center; align-items: center; width: 100%; height: 100%; color: #fff; background-color: rgba(0,0,0,.6); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-weight: 600; font-size: 2rem; }
.wait .imgwrap:after{content:'coming soon♥'; display: flex; justify-content: center; text-align: center; align-items: center; width: 100%; height: 100%; color: #fff; background-color: rgba(0,0,0,.6); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-weight: 600; font-size: 2rem; }
.best_finish .imgwrap:after{content:'공구종료'; display: flex; justify-content: center; text-align: center; align-items: center; width: 100%; height: 100%; color: #fff; background-color: rgba(0,0,0,.6); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-weight: 600; font-size: 2rem; }
.best_wait .imgwrap:after{content:'준비중'; display: flex; justify-content: center; text-align: center; align-items: center; width: 100%; height: 100%; color: #fff; background-color: rgba(0,0,0,.6); position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-weight: 600; font-size: 2rem; }
 
.imgwrap > video{position: absolute; width: 100%; height:100%; left:50%; top:50%;transform: translate(-50%, -50%); object-fit: cover;}


.remain_time{position: absolute; background-color: rgba(0,0,0, 0.6); color: #fff; font-size: .9em; padding: .25rem .4rem ; border-radius: 2px; top: 1rem; left: 1rem; z-index:5; display: flex; align-items: center; gap: .2rem;}
.remain_time i {display: inline-block;}

.favorite_btn{position: absolute; width: 32px !important; height: 32px !important; border-radius: 50%; background-color: rgba(255,255,255,.7); z-index: 5; display: flex; align-items: center; justify-content: center; bottom: .6rem; right: .8rem; }
.favorite_btn i{width: 17px; height: 17px;}
.favorite_btn i img{width: 17px !important; max-width: 17px !important;}

.favorite_btn.on{background-color: rgba(41,169,241,.85);}
.favorite_btn.on i img{filter: brightness(10000%);}

.star.on img{content:url(../img/star_big02.svg);}


/* 상품리스트 2개씩 */
.pd2_list{display: flex; gap: 20px 8px; flex-wrap: wrap;} 
.pd2_list li{width: calc(50% - 4px);}
.pd2_list .imgwrap{position: relative; width:100%; padding-bottom: 100%; border-radius: 10px; overflow: hidden; margin-bottom: 10px;}
.pd2_list .imgwrap > img{position: absolute; width: 100%; height:100%; left:50%; top:50%;transform: translate(-50%, -50%); object-fit: cover;}

.swiper .pd2_list{flex-wrap: nowrap; gap: 0;}
.swiper .pd2_list .txtwrap{font-size: 14px; text-align: left;}

.pd2_list .no_content{width: 100%;;}

.swiper-slide.no_content{width: 100% !important; display: flex; justify-content: center; align-items: center; height: 100%;}

/* 상품상세보기 */
.view_slide {overflow: hidden; position: relative;}
.view_slide .swiper-slide{overflow: hidden; position: relative; width:100%; padding-bottom: 56%;}
.view_slide .swiper-slide img{position: absolute; width: 100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%); object-fit: cover;}
.view_slide .swiper-button-prev:after, .view_slide .swiper-button-next:after{color:#fff; font-size: 1.2em; font-weight: 900;}
.view_slide .swiper-pagination.swiper-pagination-fraction{display: inline-block; font-size: .7rem; padding: .2rem .6rem; border-radius: 1rem; background-color: #ffffff80; position: absolute; z-index: 9999; right: 1rem;  bottom: 1rem;}
.view_slide .swiper-pagination.swiper-pagination-fraction span{display: inline;}
.view_slide .remain_time{top: auto; bottom: 1rem;}
.view_slide .remain_time i{font-size: 0;}

.current_p div{background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/MOTHERPICK/169386495848706.png) no-repeat #f9f9f9; background-size: cover; }
.current_p div p{border: 1px solid #666; padding: 22px; padding-left: 86px; border-radius: 6px; background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/MOTHERPICK/169386499339599.png) no-repeat left 14px bottom 0; background-size: 54px;}

.view_txt .txtwrap{font-size: 19px;}

.info_li ul{display: flex; flex-direction: column; gap: 8px;}
.info_li ul li{display: flex; font-size: .95rem;}
.info_li ul li p.left{width: 50px; color: #999; font-weight: 500;}
.info_li ul li p.right i{display: block;}
.info_li ul li p.right span{display: inline-block;}

ul.rv_thumb{display: flex; flex-wrap: wrap; gap: 4px;}
ul.rv_thumb li{width: calc((100% - 12px) / 4); border-radius: 6px; overflow: hidden; position: relative; padding-bottom: 24.2%;}
ul.rv_thumb li img{position: absolute; width: 100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%); object-fit: cover;}
ul.rv_thumb li:nth-child(8):after{content:'더보기'; color:#fff; font-weight: 700; font-size: 16px; display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3;} 
ul.rv_thumb li:nth-child(8):before{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; content: ''; width: 100%; height: 100%; background-color: rgba(0,0,0,.5);}

.detail_box .btn button{position: relative;}
.detail_box .btn button:after{content: ''; position: relative; display: inline-block; bottom: 0; margin-left: 8px; transform: rotate(-45deg); width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff;}
.detail_box.fold .btn button:after{transform: rotate(135deg) !important;  bottom: 4px; }

.detail_imgwrap{margin: 16px 0;}
.detail_box.fold .detail_imgwrap{height: 380px; overflow: hidden;}

.detail_box .btn{position: relative;}
.detail_box .btn button{ z-index: 3; position: relative;}
.detail_box.fold .btn:before{z-index: 2; content: ''; display: block; position: absolute; width: 100%; height: 350px; bottom: 0; left: 0; background: linear-gradient(transparent 40%, white);}


.edit_btnwrap{display: flex; gap: 6px;}
.edit_btnwrap button{padding: 0; width: 28px; height: 28px; border-radius: 4px; display: flex; align-items: center; justify-content: center;}
.edit_btnwrap button.del{background-color: #f5f5f5;}
.edit_btnwrap button.edit{background-color: #DB340010;}


/* 상품상세 리뷰 별점란 */
.rv_star{display: flex; align-items: center; width: 100%;}
.rv_star .left_star{width: 33.5%; position: relative;}
.rv_star .left_star:after{content: ''; display: block; width: 1px; height: 66px ; background-color: #eee; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } 
.rv_star .right_score{width: 66.5%;}
.rv_star .left_star p{font-size: 18px; font-weight: 700; text-align: center; margin-bottom: 5px;} 

.stararea{display: block; width: 120px; height: 30px; margin: 0 auto;position: relative; background: url(../img/star_bar.svg) no-repeat; background-size:100%;}
.stararea > .starpoint{width: 120px; height: 30px; background: url(../img/star_bar2.svg) no-repeat; background-size:120px; position: absolute; top: 50%; left: 0; transform: translateY(-53%);}

.right_score{display: flex; justify-content: center; align-items: center; flex-direction: column; gap: .2rem;}
.right_score dl {display: flex; gap: .2rem; align-items: center;}
.right_score dl dt{font-size: .8rem; color: #aaa; }
.right_score dl dd {position: relative; width: 23vw; height: 3px; border-radius: 10px; background-color: #eee;}
.right_score dl dd div{position: absolute; left: 0; top: 0;height: 3px; border-radius: 10px; background-color: #888; width: 1;}
.right_score dl.on dt{color: #92D600; font-weight: 600;}
.right_score dl.on dd div{background-color: #92D600;}

 /* 리뷰 작성시 별점 선택란 */ 
.rv_write_star {padding: 20px; border: 1px solid #eee; border-radius: 4px;}
.rv_write_star p{font-size: 1rem; text-align: center; color: #555; font-weight: 600;}
.rv_write_star .star5 ul{margin-bottom: .8rem; display: flex; align-items: center; justify-content: center; height: 30px; width: 100%;gap: 4px;}
.rv_write_star .star5 li{position: relative; width: 30px; height: 30px;}
.rv_write_star .star5 li div{display: block; width: 30px; height: 30px;position: relative;} 
.rv_write_star .star5 .no_star{background: url(../img/star2.svg) no-repeat center center; background-size: 30px; background-size:cover;position:absolute; top:0; left:0;}
.rv_write_star .star5 .yes_star{background: url(../img/star1.svg) no-repeat center center; background-size: 30px; z-index: 9;background-size:cover ; position:absolute; top:0;}


.star4 ul li:nth-child(5) .yes_star{display: none;}

.star3 ul li:nth-child(4) .yes_star{display: none;}
.star3 ul li:nth-child(5) .yes_star{display: none;}

.star2 ul li:nth-child(3) .yes_star{display: none;}
.star2 ul li:nth-child(4) .yes_star{display: none;}
.star2 ul li:nth-child(5) .yes_star{display: none;}

.star1 ul li:nth-child(2) .yes_star{display: none;}
.star1 ul li:nth-child(3) .yes_star{display: none;}
.star1 ul li:nth-child(4) .yes_star{display: none;}
.star1 ul li:nth-child(5) .yes_star{display: none;}

.star0 ul li .yes_star{display: none;}


/* 상품 상세 리뷰 본문 */
.rv_open_btn{margin-top: 12px;}
.rv_open_btn button{position: relative; padding: .2rem 0; font-size: .85rem; color: #888;}
.rv_open_btn button:after{content: ''; position: relative; display: inline-block; margin-left: 8px; width: 6px; height: 6px; border-top: 1px solid #999; border-right: 1px solid #999; transform: rotate(-45deg);  bottom: 0;}
.rv_open_btn button.fold:after{bottom: 4px; transform: rotate(135deg)!important; }

.rv_viewlist_list.my_rv > li{padding: 16px;}
.rv_viewlist_list > li{padding: 14px 0; border-bottom: 1px solid #eee;}
.rv_top{display: flex; gap: 10px; align-items: center; position: relative;}
.rv_top .imgwrap{width: 40px; height: 40px; position: relative; border-radius: 50%;}
.rv_top .imgwrap img{border-radius: 50%;position: absolute; width: 100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%); object-fit: cover; }

.rv_top .txtwrap .txt_btm{display: flex; position: relative; align-items: center; color: #555; font-size: .85rem;}
.rv_top .txtwrap .txt_btm div:after{content:'·'; color: #ddd; position: relative; display: inline-block; margin: 0 .4rem;}
.rv_top .txtwrap .txt_btm div:last-child:after{display: none;}
.rv_top .txtwrap .txt_btm div:first-child{font-weight: 600; display: flex; gap: 2px;}
.rv_top .txtwrap .txt_btm button{color: #555; font-size: .85rem;}
.rv_btm{display: flex; flex-direction: column; gap: 10px; padding-top: 10px;}
.rv_btm .option span, .rv_btm .option i{display: inline-block; color: #888; font-size: .85rem;}
.rv_btm .option span{padding: .2rem; background-color: #f5f5f5; margin-right: 6px;}
.rv_txt p{font-size: .95rem; line-height: 1.4em; }
.rv_txt p.fold{
  overflow: hidden; text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 라인수 */
  -webkit-box-orient: vertical;
  word-wrap:break-word;
  line-height: 1.4em;
  height: 2.8em;
  }

.rv_top .edit_btnwrap{position: absolute; top: 0; right: 0;}


.btminfo_box{display: flex; flex-direction: column; gap: 30px;}
.dl_con dl{display: flex; width: 100%; font-size: .85rem;}
.dl_con dl dt{width: 120px ; color: #999; flex-shrink: 0;}
.dl_con dl dd{width: calc(100% -120px); }
.dl_con dl + dl{margin-top: 8px;}

.txtinfo_con{display: flex; flex-direction: column; gap: 10px;}
.txtinfo_con p{font-size: 14px;}
.txtinfo_con p.bold{font-weight: 700 !important;}


/* 상품 상세 하단고정버튼 */
.shop_btm_btn {display: flex; gap: 10px; z-index: 99; border-top: 1px solid #eee; padding: 14px 16px !important;}
.shop_btm_btn > button{width: calc((100% - 65px) / 2) !important; border: 1px solid transparent; background-color: #f5f5f5; height: 45px; padding: 0;}
.shop_btm_btn .fav_btn{width: 45px !important; height: 45px; padding: 0; flex-shrink: 0;}
.shop_btm_btn .fav_btn.on{background-color: #92D60010; border: 1px solid #92D600;}
.shop_btm_btn .fav_btn.on img{content: url(../img/favorite_on.svg);}
.open_option .btm_op_list{display: flex; flex-direction: column; gap: 10px;}
.open_option{/*margin-bottom: 74px;*/ z-index: 100; box-shadow: 0 -6px 14px rgba(0,0,0,.08) !important; display: none;}
.open_option .order_del button{background-color: transparent; height: fit-content;}
.shop_btm_btn .fixed_btn_container{z-index: 99;}
.shop_btm_btn.inner_btn{padding: 14px 0 0!important;}

.cart_comp_top{margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #eee;}
.cart_comp_top .imgwrap{position: relative; width: 40px; height: 40px; border-radius: 6px; overflow: hidden; flex-shrink: 0; padding-bottom: 10px;}
.cart_comp_top .imgwrap img{position: absolute; width: 100%; height:100%; left:50%; top:50%; transform: translate(-50%, -50%); object-fit: cover;}
.cart_comp_top p{font-size: 14px;}
.cart_comp_top button{border: 1px solid  #29A9F1; color: #29A9F1; padding: 9px 12px;  border-radius: 4px; font-size: 14px !important; font-weight: 400;}



/* 주문하기 하단 총금액 */
.cart_btm_open{display: none;}
.cart_btm_open ul{display: flex; flex-direction: column; gap: 6px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; width: 100%;}
.cart_btm_open ul li{display: flex; align-items: center; justify-content: space-between;}
.cart_btm_open ul li p{font-size: .85rem;}
.ordercon_bd .cart_btm_open{display: block;}
.cart_btm_open .tit{font-size: 16px; font-weight: 600;}
.ordercon_bd .cart_btm_open .tit{font-size: 22px;} 

.point_earn{background-color: #29A9F110; font-size: 14px;padding: 10px; border-radius: 4px;} 
.point_earn .bold i{font-weight: inherit;}



/* 페이지네이션 */
.paging ul{display: flex; gap: 3px; justify-content: center; margin-top: 16px;}
.paging ul li{font-size: .85rem; color: #666; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 4px; position: relative;}
.paging ul li.p_prev, .paging ul li.p_next{border: 1px solid #ddd;}
.paging ul li.p_next:after{content: ''; width: .45em; height: .45em; border-top: 1px solid #888; border-right: 1px solid #888; position: absolute; display: block; left: 47%; top: 50%; transform: translate(-50%,-50%) rotate(45deg);}
.paging ul li.p_prev:after{content: ''; width: .45em; height: .45em; border-top: 1px solid #888; border-left: 1px solid #888; position: absolute; display: block; left: 54%; top: 50%; transform: translate(-50%,-50%) rotate(-45deg);}
.paging ul li.on{background-color: #90C320; color: #fff; font-weight: 600;}



.mo_li_num{display: flex; align-items: center; justify-content: space-between;}
.mo_li_num p i:nth-child(2){color: #888;}
.mo_li_num p i:nth-child(2):before{content: ''; height: 10px; width: 1px; background-color: #ddd; position: relative; display: inline-block; margin: 0 4px;}
.mo_li_num button{padding:0;}


.chk_list{display: flex; flex-direction: column; gap: 6px;}
.chk_list li{padding: 4px 0;}
.chk_list label{display: flex; align-items: center; gap: 8px;font-weight: 400; line-height: 1.2; width: max-content;}


.round_min{font-size: 12px; padding: 4px 10px; border-radius: 20px; border: 1px solid #92D600; color: #92D600; font-weight: 500; line-height: 1.2; width: max-content; display: inline-block;}
.round_min.comp{color: #fff; background-color: #92D600; }

.pic_list{display: flex; gap: 8px; margin-top: 10px;}
.pic_list li{width: calc((100% - 24px) / 4); position: relative; flex-shrink: 0;}
.pic_list li i{position: relative; width:100%; padding-bottom: 100%; overflow: hidden; border-radius: 6px; display: block;}
.pic_list li i img{position: absolute; width: 100% !important; height:100%; left:50%; top:50%;transform: translate(-50%, -50%); object-fit: cover !important;}
.pic_del{font-weight: 700; font-size: 12px; padding: 0; position: absolute; z-index: 5; right: 5px; top: 5px; color: #666; border: 1px solid #ddd; background-color: #fff; border-radius: 50%; width: 24px; height: 24px; }

.pic_list.commu_piclist{overflow-x: auto; margin-top: 0;}
.pic_list.commu_piclist li{flex-shrink: 0; width: calc((100% - 24px) / 4.5); }


.write_btn{position: fixed; right:1rem; padding-bottom:0 ; z-index: 2; box-shadow: 0px 0px 5px rgba(0, 0, 0, .4); border-radius: 50%; font-size: 1.31rem; bottom: 4.8rem;width: 3rem; height: 3rem; background-color: #92D600; color: #fff; display: flex; align-items: center; justify-content: center;}
.write_btn button{color: #fff; display: flex; align-items: center; justify-content: center; line-height: 0; font-size: 1.2rem;}


/* 이벤트배너(마더픽) */
.banner_bg{display: block; background-color: rgba(0,0,0,.5); position: fixed; width: 100%; height: 100%; z-index: 900000; top: 0; left: 0; }

.loca_btm.event_banner{padding: 0 !important; z-index: 999999;}
.banner_wrap{position: relative; width:100%; padding-bottom: 55%; overflow: hidden; border-radius: 1rem 1rem 0 0 ;}
.banner_wrap img{position: absolute; width: 100%; height:100%; left:50%; top:50%;transform: translate(-50%, -50%); object-fit: cover;}

.eb_btnwrap{display: flex; align-items: center; gap: 8px; padding-top: 16px;  padding-bottom: 16px;}
.eb_btnwrap button{font-size: 15px; font-weight: 500;}
.eb_btnwrap button:nth-child(1){flex: .7; background-color: #f5f5f5; color: #555;}
.eb_btnwrap button:nth-child(2){flex: .3; color: #fff;}


/* qr 메인 */
.qr_main_top{text-align: center; padding: .8rem 0; position: relative;}
.qr_main_top .logout_btn{color: #666; padding: .3rem .6rem; border-radius: .2rem; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: .9rem; background-color: #f0f0f0; font-weight: 500;}
.qr_main_top p{font-weight: 500; color: #999;  text-align: left; border-radius: .4rem; padding: .4rem 0;}
.qr_main_top p i{font-weight: 500; color: #2e2a2a;}
.qr_main_top p i:before{content: ''; display: inline-block; margin: 0 8px; height: 12px; width: 1px; background: #ddd; position: relative;} 
.qr_btn button{display: flex; flex-direction: column; padding: 1rem; border-radius: .4rem; align-items: center; justify-content: space-between; aspect-ratio: 1/.8; max-width: 500px; margin: 0 auto;  background-color: #92D60020; box-shadow: 0 0 16px rgba(0,0,0,.08); border-radius: .4rem; gap: 1rem;}
.qr_btn button div{height: 75%; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; border-radius: 50%; position: relative; top: 10px;}
.qr_btn button div img{width: 45%;} 
.qr_btn button p{font-size: 1.05rem; font-weight: 600; color: #fff; border-radius: 30px; background-color: #92D600; padding: .8rem;width: 100%;}

.list_go_btn{margin-top: .8rem; padding: .8rem; border-radius: .4rem; color: #555; font-weight: 600; position: relative;}
.list_go_btn::after{content: ''; display: inline-block; position: relative; width: .5em; height: .5em; border-top: 1px solid #999; border-right: 1px solid #999; position: absolute; display: block; right: .8em; top: 50%; transform: translateY(-50%) rotate(45deg);} 


.qr_comp{background-color: #fff; position: fixed; width: 100%; height: 100%; z-index: 1111; left: 0; top: 0;}
.qr_infolist{width: 100%; padding: 16px;}
.qr_infolist > div{padding: 16px; background-color: #fafafa;}
.qr_infolist dl{display: flex; font-size: .9rem; font-weight: 500; text-align: left; width: 100%;}
.qr_infolist dl + dl{margin-top: .5rem; padding-top: .5rem; border-top: 1px solid #eee;}
.qr_infolist dl dt{width: 130px; opacity: .6; flex-shrink: 0;}
.qr_infolist dl dd{display: block; width: calc(100% - 120px); text-align: right; font-weight: 500;}
.qr_infolist dl dd i{font-weight: 500;}
.qr_infolist dl dd i + i:before{content: ''; display: inline-block; margin: 0 8px; height: 12px; width: 1px; background: #ddd; position: relative;}

.loca_li .loca_info.qr_info > p{display: block;}
.loca_li .loca_info.qr_info > p:last-child{margin-bottom: 0;}
.loca_li .loca_info.qr_info > p i + i:before{content: ''; display: inline-block; margin: 0 8px; height: 12px; width: 1px; background: #ddd; position: relative;}

.qr_info .fav_loca_li li{padding: 12px 16px;}

.searchbox{padding-top:10px !important; padding-bottom:16px !important; position: relative; top: 50px; background-color: #fff;}
.period_date{gap: 6px;}
.searchdate{height: 40px; border: 1px solid #ddd; position: relative; border-radius: .2rem; width: 100%; background-color: #fff;}
input[type=date]::-webkit-calendar-picker-indicator{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent; color: transparent; }
input[type=date]::-webkit-calendar-picker-indicator{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent; color: transparent; }
input[type=date]{position: relative; background: url(https://s3.ap-northeast-2.amazonaws.com/lbplatform/images/MOTHERPICK/16993097449605.png) no-repeat right 12px top 45% ; background-size: 19px; color: #222; height: 100%; width: 100%; padding: 7px 12px; font-size: 15px;}
input[type=date]::before{content: attr(data-placeholder) !important; position: absolute; display: inline-block; transform: translateY(-50%); top: 50%; color: #81818B;}
input[type=date]:focus::before, header input[type=date]:valid::before { display: none;}




/* ------------------------------------------------------------------------ */
/* 1105 상품리스트 ui 수정 */
.pd_list_full li {margin-left: -16px; margin-right: -16px;}
.pd_list_full .imgwrap{border-radius: 0;}
.pd_list_full .pro_txt, .pd_list_full .txtwrap{padding-right: 16px; padding-left: 16px;}
.pd_list_full .pro_txt{margin-left: 16px;}

.pd_list_full li + li{margin-bottom: 1.4rem; padding-bottom: 1.4rem; border-bottom: 5px solid #f5f5f5; margin-top: 0;}
.pd_list_full li:last-child{border-bottom: 0; margin-bottom: 0; padding-bottom: 0;}

/* 1106 메인 ui 크게크게 수정 */
/* footer추가 */
footer{padding: 20px 16px; background: #fff; border-top: 5px solid #f5f5f5 ; margin-top: 20px; }
footer h4{font-size: 1.2rem; font-weight: 700; color: #444; margin-bottom: 14px;}
footer dl{display: flex; font-size: .9rem; font-weight: 500;}
footer dl + dl{margin-top: .5rem;}
footer dl dt{width: 130px; opacity: .6; flex-shrink: 0;}
footer dl dd{width: calc(100% - 120px);}
/* main */
.main_top{padding-bottom: 6px;}
.main_search .main_nav{border-radius: 0;}
.main_con{padding: 0 !important;}
.main_con + .main_con{margin-top: 6px !important;}
.main_con > .br{border-radius: 0 !important;}
.main_con.sec01 > div{box-shadow: none;}
.main_con.sec02.btnwrap ul{gap: 0 ;}
.main_con.sec02.btnwrap ul li+ li{margin-left: 6px;}
.main_con.sec02.btnwrap ul li{width: 50%; border-radius: 0; box-shadow: none; position: relative;}
.bn_slide .swiper-slide{border-radius: 0 !important;}
.gp_list{padding: 20px 16px; padding-bottom: 0;}
.main .gp_list{padding:0;}

.main_con .branch_select.bk{padding: 0 16px; margin-bottom: 14px;}

.main section + section{border-bottom: 6px solid #f5f5f5;}
.main section:last-child{border-bottom: none;}

.mainpd_sec > div.pb2{border-bottom: 6px solid #f5f5f5; margin-bottom: 2rem;}
.mainpd_sec > div:last-child{border-bottom: none;}

/* 배너 사이즈 조정 */
.bn_slide .swiper-slide{padding-bottom: 55% !important;}
.main_bn{padding-bottom: 50% !important;}

/* 산지장터 꾸밈텍스트 20240109 */
/* .main_con.sec02.btnwrap ul li .tmon{ position: relative; font-size:clamp(20px, 3vw, 26px);} */
/* .main_con.sec02.btnwrap ul li .tmon .floattxt{position: absolute;  font-size: 12px; left: 120px; top: 50%; transform: translate(-50%, -50%); line-height: 1.2; padding: 4px 8px; border-radius: 4px; font-weight: 700; color: #FFC812; background-color: #fff; box-shadow: 0 0 8px rgba(0,0,0,.08);} */
.main_con.sec02.btnwrap ul li .floattxt{position: absolute;  font-size: 12px; right: 10px; top: 10px; line-height: 1.2; width: 75px; transform: rotate(12deg);  animation: up-down 1s infinite ease-in-out alternate;}
.main_con.sec02.btnwrap ul li .floattxt i{ font-weight: 700;}
/* .main_con.sec02.btnwrap ul li .tmon .floattxt:after{    border-top: 16px solid #fff;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 0px solid transparent;
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);} */

  @keyframes up-down{
    from{
      transform: translatey(0px) rotate(12deg);
      filter: drop-shadow( 0 2px 2px rgba(0,0,0,.1));
    }
    to{
      transform: translatey(-4px) rotate(12deg);
      filter: drop-shadow( 0 4px 4px rgba(0,0,0,.2));
    }
  }



/* +++++250411 */

.pd_tdpick .main_con {margin-top: 6em;}
.pd_best .main_con {margin-top: 6em;}
.pd_main .bn_slide .swiper-slide,
.pd_tdpick .bn_slide .swiper-slide,
.pd_best .bn_slide .swiper-slide{padding-bottom: 48% !important;}



/* ********************************************* *
 * 500px max
 * ********************************************* */
 @media (max-width:500px){

  .stararea, .stararea .starpoint{width: 70px; height: 14px;}
  .stararea .starpoint{ background-size:70px;}
  .soldout .imgwrap:after{font-size: 1.6rem;}

}

/* ********************************************* *
 * 430px max
 * ********************************************* */
 @media (max-width:430px){
  .main_con.sec02.btnwrap ul li .floattxt{margin-top: -10px; right: 6px;}
 }


/* ********************************************* *
 * 380px max
 * ********************************************* */
 @media (max-width:380px){

  .main_con.sec02.btnwrap ul li .floattxt{ margin-top: -8px; width: 18vw; }

}
















































