.header {   } 
html { max-width: 500px; margin: 0 auto;  } 
.inner{ padding: 0px 15px;  }
#container{ width: 100%;   }


.main #container { position: relative; height: calc(100% - 100px); overflow: hidden; }


.header .inner{ display: flex; justify-content: space-between; align-items: center; padding: 10px 10px; min-height: 55px;  }
.user_info_w{ display: flex; gap:12px; align-items: center; }
.user_phto { width: 50px; height: 50px; border-radius: 100px; overflow: hidden;   }
.user_phto img{ width: 100%; height: 100%; object-fit: cover; }

.user_info_w .user_name{ display: flex; gap: 7px; align-items: center; }  
.user_info_w .user_name strong{ display: inline-block; width: 100%;   }  
.user_info_w .user_name span { display: inline-block;   
padding: 3px 7px; 
border-radius: 3px;
border: 1px solid var(--Color, #C49A6C);
background: #926E46; color:#fff;  }  



.header_menu{  }
.header_menu ul { display: flex; gap: 0px;   }

.header_menu ul img{ display: inline-block;  }
.header_menu ul a { text-align: center; display: inline-block; }
.header_menu ul span { display: inline-block; width: 100%; font-size: 12px; font-weight: 500; }


.user_bar > div { display: inline-block; width: 100%; height: 7px; background: #DFDEDE;
border-radius: 100px; overflow: hidden;   }
.user_bar i { display: inline-block; float: left; height: 100%; background: #C49A6C; width: 10%; 
border-radius: 100px;  }



.main{ width: 100%; height: 100%;  } 
.main body{ width: 100%; height: 100%; 
background: url("/res/img/temp/main_bg1.png") no-repeat center; background-size: 100% 100%; }



.left_bar{ border-radius: 5px;
border: 1px solid #DDD;
background: rgba(255, 255, 255, 0.80); width: 170px; position: relative; 
margin: 0px 10px; z-index: 20; 
}

.rank_top_img { position: absolute; left: 10px; top:0; width: 25px;  }

.left_bar .title{ padding-left: 45px; padding-top: 10px;  }
.left_bar .title strong{ font-size: 15px;  }
.rank_li_w ul li { display: flex; gap:5px; align-items: center; padding: 8px 0; margin: 0 0px; } 

.rank_li_w ul li i { width: 20px; text-align: center; font-style: normal; font-weight: 600; font-size: 13px;  }
.rank_li_w ul li i img{ width: 20px;  }
.rank_li_w{ padding: 10px 5px;  }

.rank_li_w .user_phto{ width: 31px; height: 31px;  }


.rank_li_w li .memo { padding-left: 5px; width: calc(100% - 70px) }

.rank_li_w li.my { border-radius: 3px;
background: rgba(245, 239, 233, 0.90);
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.20), 0 0 2px 0 #B38454 inset;
margin-top: 5px;  }



.rank_li_w li .memo strong {  overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical; }



.my_rank_r { position: absolute; right: 10px; top: 80px; 
border-radius: 5px;
background: rgba(245, 239, 233, 0.90);

/* effect */
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.50), 0 0 10px 0 #B38454 inset;
padding: 15px 10px; text-align: center; text-align: center;  z-index: 20;  } 

.my_rank_r strong { font-weight: 600; font-size: 13px; }
.my_rank_r h5 { font-size: 55px; color:#C49A6C; font-weight: 700; font-family: "Noto Serif KR";
line-height: 1.3;  }

.my_rank_r .bar_w{ display: inline-block; width: 100%;  }
.my_rank_r .bar_w p { color: #222;
font-size: 11px;
font-style: normal;
font-weight: 500; }


.my_rank_r .bar_w .bar { display: inline-block; width: 100%; height: 7px; background: #DFDEDE;
border-radius: 100px; overflow: hidden;   }
.my_rank_r .bar_w .bar i { display: inline-block; float: left; height: 100%; background: #C49A6C; width: 10%; 
border-radius: 100px;  }


.main_character_w { width: 300px; position: absolute; top:50%;
left:50%;
transform:translate(-50%, -50%); }
.main_character_w img{ width: 100%; }






.main_goods_slide{
    width:100%;
    overflow:hidden;
}

 .swiper-wrapper{
    display:flex;
}

.swiper-slide{
    flex-shrink:0;
    width:100%;
}



.goods_img { width: 100px; height: 100px; padding: 10px; overflow: hidden;   }
.goods_img img{ width: 100%; height: 100%; object-fit: cover;  }


.main_goods_slide { position: absolute; bottom: 20px; padding-right: 50px;  }


.main_goods_slide .swiper-slide { display: flex; align-items: center; border-radius: 5px;
border: 1px solid var(--Color, #C49A6C);
background: rgba(255, 255, 255, 0.90);

/* effect */
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.50), 0 0 10px 0 #B38454 inset; overflow: hidden;
 }

.main_goods_slide .swiper-slide .memo { font-weight: 600; font-size: 15px; line-height: 1.5; 
width: calc(100% - 110px); }

.main_goods_slide .swiper-slide .memo p {     overflow:hidden;
    text-overflow:ellipsis;

    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical; line-height: 1.5; margin-top: 3px;  }
.main_goods_slide .swiper-slide .memo span{ color: #690901; }






.main_goods_slide{
    overflow:hidden;
    padding:0 10px;
}

.main_goods_slide .swiper-slide{
    transition:0.3s;
    opacity:0.9;
    transform:scale(0.9);
}

.main_goods_slide .swiper-slide-active{
    opacity:1;
    transform:scale(1);
}





.bottom_menu_w {
    display: flex; position: fixed; left: 50%; bottom: 0; width: 100%;
    max-width: 500px; transform: translateX(-50%);
    display: flex;;
    height: 86px;
    width: 100%; 
    z-index: 9996;
    background: #FCFAF9; 
}
.bottom_menu_w a { flex:1; text-align: center; padding: 12px 0; } 


.bottom_menu_w i { display: inline-block; width: 100%; height: 35px; display: inline-block; background-size: 39px !important; 
background-position: center !important;  }
.bottom_menu_w .bottom_menu1 i { background: url("/res/img/common/bottom_menu1.png") no-repeat center; }
.bottom_menu_w .bottom_menu2 i { background: url("/res/img/common/bottom_menu2.png") no-repeat center; }
.bottom_menu_w .bottom_menu3 i { background: url("/res/img/common/bottom_menu3.png") no-repeat center; }
.bottom_menu_w .bottom_menu4 i { background: url("/res/img/common/bottom_menu4.png") no-repeat center; }
.bottom_menu_w .bottom_menu5 i { background: url("/res/img/common/bottom_menu5.png") no-repeat center; }


.bottom_menu_w .bottom_menu1.on i { background: url("/res/img/common/bottom_menu1_on.png") no-repeat center; }
.bottom_menu_w .bottom_menu2.on i { background: url("/res/img/common/bottom_menu2_on.png") no-repeat center; }
.bottom_menu_w .bottom_menu3.on i { background: url("/res/img/common/bottom_menu3_on.png") no-repeat center; }
.bottom_menu_w .bottom_menu4.on i { background: url("/res/img/common/bottom_menu4_on.png") no-repeat center; }
.bottom_menu_w .bottom_menu5.on i { background: url("/res/img/common/bottom_menu5_on.png") no-repeat center; }
 
.bottom_menu_w .on span { color: #C49A6C;  } 

.bottom_menu_w span { display: inline-block; width: 100%; margin-top: 5px; font-size: 13px; color: #5C5B5A; font-weight: 500; }






.ranking_banner p { display: flex; align-items: center; margin-top: 5px; gap:3px; color:#444444; font-weight: 600;  }

.ranking_top{ margin-top: 40px; display: flex; gap: 3px; text-align: center;   }

.ranking_top i { display: inline-block; width: 100%; margin-top: -39px;   }
.ranking_top i img{ width: 39px;  }
.ranking_top .user_phto { display: inline-block; margin: 10px 0 5px;  }

.ranking_top .box{ border-radius: 5px;
 margin-top: 20px; padding: 0 0 20px;  }


.ranking_top .box1 { border: 1px solid #CADFE7;
background: linear-gradient(180deg, #FFF 0%, #F1F3F8 100%); }



.ranking_top .box2 { margin-top: 0;
border: 1px solid #F8B447;
background: linear-gradient(180deg, #FFF 0%, #FDF8E6 100%); }


.ranking_top .box2 .user_phto { width: 70px; height: 70px;  }

.ranking_top .box3 { border: 1px solid #B5613C;
background: linear-gradient(180deg, #FFF 0%, #FBF2EB 100%); }

.ranking_top .box strong, .ranking_top .box span, .ranking_top .box em { display: inline-block; width: 100%;  } 

.ranking_top .box span { display: inline-block; 
padding: 3px 7px; 
border-radius: 3px;
border: 1px solid var(--Color, #C49A6C);
background: #926E46; color:#fff; width: auto; margin-top: 5px;
min-width: 53px; text-align: center;   }

.ranking_top .box em { font-style: normal;color: #744D23;
text-align: center;
font-family: "Noto Serif KR";
font-style: normal; font-weight: 700; } 


.ranking_top .box > em { margin-top: 10px; display: flex; justify-content: center; align-items: center; gap:3px;  } 
.ranking_top .box em em:first-child  { font-size: 16px;   }
.ranking_top .box em em { width: auto; font-size: 12px; font-style: normal; }
.ranking_top .box strong { font-size: 13px;  }


.ranking_li ul li, .ranking_li ul li .l, .ranking_li ul li .r { display: flex; gap:5px; align-items: center; }
.ranking_li { margin: 10px 0; padding: 5px 15px; border-radius: 5px; border: 1px solid #DDD; }
.ranking_li ul li { border-top: 1px solid #DDD; padding: 10px 3px;  }
.ranking_li ul li:first-child { border-top: 0; }

.ranking_li ul li i { font-style: normal; width: 20px; text-align: center; font-weight: 600; font-size: 15px;   }
.ranking_li ul li .user_phto { width: 40px; height: 40px;  }

.ranking_li ul li .l { gap: 5px;  }
.ranking_li ul li strong { font-size: 13px; }

.ranking_li ul li span { display: inline-block; 
padding: 3px 7px; 
border-radius: 3px;
border: 1px solid var(--Color, #C49A6C);
background: #926E46; color:#fff; width: auto;  text-align: center; }



.ranking_li ul li .r { margin-left: auto;  }
.ranking_li ul li .r em{ font-style: normal; font-family: "Noto Serif KR"; color: #744D23; font-weight: 700; }


#container{ padding-bottom: 86px;  }

.ranking_foot{ position: sticky; bottom:86px; border: 0; margin: 0;
border-radius: 10px 10px 0 0;
background: #F5EFE9;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.20), 0 0 2px 0 #B38454 inset; padding-top: 0; padding-bottom: 0;  }



.menu_tap_w { border-top: 1px solid rgba(196, 154, 108, 0.50); padding: 10px;  }
.menu_tap{ display: flex; gap:5px; padding: 3px; border-radius: 5px; border: 1px solid #EFEFEF; }
.menu_tap span, .menu_tap a { text-align: center; line-height: 50px; border-radius: 5px; width: 50%; font-weight: 600; }
.menu_tap .on { background: #F5EFE9; color: #744D23; }


.open_img_box h3 {  text-align: center; padding: 15px 0; font-family: "Noto Serif KR";
font-size: 24px; font-weight: 700; }

.open_img_box h3 span { color: #744D23; font-size: 24px; font-family: "Noto Serif KR"; font-weight: 700; }


.open_plus_box{ text-align: center; display: inline-block; width: 100%; }
.open_plus_box > div { display: flex; border-radius: 5px;
border: 1px solid var(--Color, #C49A6C);  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.20), 0 0 2px 0 #B38454 inset;
align-items: center; width: 250px; margin: auto; overflow: hidden;   }

.open_plus_box input { padding: 15px 0px; height: 50px; text-align: center; border: 0;
width: calc(100% - 100px); font-weight: 500; }

.open_plus_box span{ height: 50px; width: 50px; display: inline-block; line-height: 50px; font-weight: 500; 
background: #fff; cursor: pointer; }


.open_select_box{ margin-top: 15px; display: flex; gap: 10px; justify-content: center;  }
.open_select_box span { color:#744D23; font-weight: 600; padding: 3px 15px; padding: 5px 10px;
border-radius: 5px; background: #F5EFE9; }


.open_img_box{ height: 410px; position: relative;  } 
.open_btn_box{ display: flex; gap: 5px; padding: 0 15px; position: absolute; bottom: 20px; width: 100%;   }
.open_btn_box > div { width: 50%;  }
.btn_type{ padding: 2px; border-radius: 10px; background: #C89651; border: 2px solid #C89651;  }

.btn_type1 input, .btn_type1 a  { 
border: 2px solid rgba(255, 255, 255, 0.50);
background: linear-gradient(180deg, #E1AF63 0%, #905F2B 100%); 
 color:#fff; width: 100%;  display: inline-block; width: 100%; 
 text-align: center;  }

 
.btn_type input, .btn_type a { height: 50px; line-height: 46px; font-family: "Noto Serif KR";
font-size: 15px; border-radius: 8px; font-weight: 900; }

.btn_type2 input, .btn_type2 a { border-radius: 8px;
border: 2px solid rgba(200, 150, 81, 0.50);
background: linear-gradient(180deg, #FFF 0%, #E5E5E5 100%);
color: #C89651; width: 100%; text-align: center; display: inline-block;  }

.btn_type2{ background: linear-gradient(180deg, #FFF 0%, #E5E5E5 100%); }


.open_img_box { background: url("/res/img/slime/order_bg1.png") no-repeat center; background-size: cover; }
.open_img_box.on { background: url("/res/img/slime/order_bg2.png") no-repeat center; background-size: cover; }


.open_select{ display: flex; padding: 10px 15px; align-items: center; border-radius: 5px;
border: 1px solid #EFEFEF; margin-top: 20px;  }

.open_select .l { display: flex; font-size: 15px;  }
.open_select .l span { font-weight: 600; }
.open_select .l strong { color: #744D23;
font-family: Pretendard;
font-size: 14px;
font-style: normal;
font-weight: 600; margin-left: 5px;  }
.open_select select{ margin-left: auto; border: 0; font-weight: 500; font-size: 13px; height: 35px;  }

.open_order_list { padding-bottom: 20px; }
.open_order_list ul{ margin-top: 5px;  }
.open_order_list ul li { padding: 13px 5px;  }
.open_order_list ul li strong { display: inline-block; width: 100%; }
.open_order_list ul li span { color: #666; font-size: 12px; font-weight: 400; }


.get_slide{ position: static; margin: 10px 0 5px;  }


.get_slide .swiper-slide{
    transition:0.3s;
    opacity:0.9;
    transform:scale(0.9);
}

.get_slide .swiper-slide-active{
    opacity:1;
    transform:scale(1);
}


.get_slide .swiper-slide{ display: flex; align-items: center; border-radius: 5px;
 border: 1px solid #DDD; box-shadow:inherit;
background: rgba(255, 255, 255, 0.90); }


.get_slide .swiper-slide-active{ display: flex; align-items: center; border-radius: 5px;
border: 1px solid var(--Color, #C49A6C);
background: rgba(255, 255, 255, 0.90); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.50), 0 0 10px 0 #B38454 inset;  }

.get_slide .swiper-slide .memo p { -webkit-line-clamp: 2; font-size: 15px; color: #222; }


.main_goods_slide .t { display: flex; align-items: center; gap:3px;  color: #222; }

.main_goods_slide .t svg{ height: 20px;  }


.get_list_w{ padding: 10px 15px 50px;  }
.get_list_w ul li { display: flex; width: 100%; padding: 10px; margin-top: 10px; 
border-radius: 10px; border: 1px solid #DDD; gap:10px; align-items: center;  }


.get_list_w ul li .goods_img { width: 110px; height:90px; padding: 0; border-radius: 10px;  }

.get_list_w ul li .t{ display: flex; align-items: center; gap:3px;  color: #222; }
.get_list_w ul li .t svg{ height: 20px;  }

.get_list_w ul li .t span{ font-weight: 600; }


.get_list_w ul li .memo{ width: calc(100% - 120px);  }
.get_list_w ul li .memo strong { color: #744D23; font-size:16px; font-family: "Noto Serif KR";
display: inline-block; width: 100%; margin-top: 5px; 
overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    margin-top: 3px; }

.get_list_w ul li.on { background: rgba(245, 239, 233, 0.90);
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.20), 0 0 2px 0 #B38454 inset; } 


.get_slide .goods_img { height: 100px;  }
.get_slide .swiper-slide .memo { width: calc(100% - 110px);  }


.myinfo_user{ justify-content: center;  }

.myinfo_user_top{ padding: 35px 0 0; background: #F6F5F4; }

.myinfo_topbtn1{ display: flex; justify-content: center; gap: 5px;     }

.myedit_container .myinfo_topbtn1 { margin-top: 20px;}

.myinfo_topbtn1 a{ border-radius: 40px; border: 1px solid var(--Color, #C49A6C); background: #FFF;
display: flex; gap:5px; align-items: center; padding: 5px 15px  }

.myinfo_topbtn1 a span { font-weight: 600; color: #222; }


.myinfo_topbtn2{ display: flex; gap:10px; padding: 25px 15px;  }
.myinfo_topbtn2 a{ background: #fff; border-radius: 5px;  
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.20), 0 0 2px 0 #B38454 inset;
text-align: center; padding: 17px 0; width: calc(33.33% - 6px); }
.myinfo_topbtn2 a img{ height: 30px; }
.myinfo_topbtn2 a strong, .myinfo_topbtn2 a span { display: inline-block; width: 100%; font-size: 15px; font-weight: 600; margin-top: 8px; }
.myinfo_topbtn2 a strong { color:#744D23; font-weight: 800; margin-top: 3px; font-size: 13px;  }


.myinfo_item_w { padding: 20px 0;  }





input[type="checkbox"], input[type="radio"] {
    display: none;
}


input[type="checkbox"] + label{
    background: url(/res/img/common/checkbox_type1.svg);
    background-size: 20px auto;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 28px;
    font-size: 14px; word-break: keep-all;
    color: #111;
    cursor: pointer;
    display: block;
    line-height: 1.5; font-weight: 500;
        min-height: 22px;
}

input[type="checkbox"]:checked + label{
    background-image: url(/res/img/common/checkbox_type1_on.svg);
}


input[type="radio"] + label{
    background: url(/res/img/common/radio_type1.svg);
    background-size: 20px auto;
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 28px;
    font-size: 14px; word-break: keep-all;
    color: #111;
    cursor: pointer;
    display: block;
    line-height: 1.5; font-weight: 500;
        min-height: 22px;
}

input[type="radio"]:checked + label{
    background-image: url(/res/img/common/radio_type1_on.svg);
}




input[type="checkbox"].only + label{
    padding-left: 0px;
    width: 20px; height: 20px;;
}



.myinfo_item_btn { display: flex; padding: 20px 0 5px; align-items: center; }
.myinfo_item_btn .r{ display: flex; gap: 7px; margin-left: auto;   }
.myinfo_item_btn .r span { width: 30px; height: 30px; line-height: 36px; border-radius: 100px;
 border: 1px solid #C49A6C; display: inline-block; text-align: center;   }

.myinfo_item_btn .r  select{ margin-left: auto; height: 36px;
padding: 0px 10px; border-radius: 5px; border: 2px solid var(--Color, #C49A6C); font-size: 12px;  
min-width: 70px; }


.myinfo_item_li_w ul li { border-radius: 5px;
border: 1px solid #DDD; padding: 20px 10px; margin-top: 10px;  }
.myinfo_item_li_w ul li .top { display: flex;  }

.myinfo_item_li_w ul li.noitem { padding: 20px 0 80px; } 


.noitem { width: 100% !important; border: 0 !important; text-align: center;  }
.noitem span { display: inline-block; width: 100%; margin-top: 10px; font-weight: 700; }


.myinfo_item_li_w .goods_img { padding: 0; width: 70px; height: 70px; 
border-radius: 10px;
border: 1px solid var(--Color, #C49A6C);
background: #FFF;
box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.05); }

.myinfo_item_li_w .txt { width: calc(100% - 100px); padding-left: 15px; padding-top: 8px;   }

.myinfo_item_li_w .txt h3{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box;
    -webkit-line-clamp:1; -webkit-box-orient:vertical; display: flex; gap:3px;   }


.myinfo_item_li_w .txt h3 svg { width: 20px;  }
.myinfo_item_li_w .txt h3 span { overflow:hidden; text-overflow:ellipsis; display:-webkit-box;
    -webkit-line-clamp:1; -webkit-box-orient:vertical; width: calc(100% - 20px); font-weight: 600; }



.myinfo_item_li_w .txt h3 { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #EDEDED;  }

.myinfo_item_li_w .txt p{display: flex; justify-content: space-between;
font-size: 13px; font-weight: 400; color: #666;}

.myinfo_item_li_w .item_btn { display: flex; gap:5px; margin-top: 15px;  }
.myinfo_item_li_w .item_btn a{ border-radius: 5px;
border: 1px solid var(--stroke, #EDEDED);
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.20), 0 0 2px 0 #B38454 inset; padding: 10px 0;
display: flex; justify-content: center; width: calc(33.33% - 3px); align-items: center; gap:5px;  }


.myinfo_item_li_w .item_btn span { color:#744D23; font-size: 12px; font-weight: 600;  }




.shop_banner { background: url(/res/img/shop/shop_banner_bg.png) no-repeat; background-size: cover; 
border-radius: 5px; padding: 25px 15px; margin: 10px 0; border: 1px solid #DDD; overflow: hidden; }


.shop_banner .top{ display: flex; gap:5px; align-items: center;  }
.shop_banner .top span { color: #744D23; font-weight: 600;  }
.shop_banner .top strong { display: inline-block; color: #744D23; padding: 6px 10px; border-radius: 100px;  
background: rgba(255, 255, 255, 0.90); }


.shop_banner h3 { color: #744D23; font-family: "Noto Serif KR"; font-size: 30px; font-weight: 700; }
.shop_banner p { color: #444; font-size: 13px; font-weight: 600; margin-top: 7px;  }



.shop_cata{ max-width: 330px; margin: 10px auto;  }
.shop_cata ul { display: flex; flex-wrap: wrap; gap:10px; margin-top: 10px; }
.shop_cata ul:first-child { margin-top: 0; }

.shop_cata ul li { border-radius: 5px; border: 1px solid var(--Color, #C49A6C); 
padding: 10px 0; text-align: center; width: calc(25% - 8px); }


.shop_cata ul li.on { background: #744D23;  }
.shop_cata ul li.on span { color:#fff;  }
.shop_cata ul li i { display: inline-block; width: 100%; text-align: center; height: 33px; line-height: 33px;  }
.shop_cata ul li span { display: inline-block; width: 100%; margin-top: 2px; color: #222; font-size: 11px; font-weight: 500; }


.shop_cata ul li.more { border-radius: 100px; background: #744D23; padding: 26px 0 0; }



.search_box{ display: flex; border-radius: 5px;
border: 2px solid var(--Color, #C49A6C); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.20), 0 0 2px 0 #B38454 inset;
position: relative; overflow: hidden; margin-top: 20px;  }
.search_box input { font-size: 14px; }

.search_box input[type='text'] { border: 0; height: 50px; padding: 0 17px; padding-right: 45px; font-weight: 600; width: 100%; }
.search_box svg { position: absolute; right: 15px; top:13px;  }


select{  appearance: none;  
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url('/res/img/common/select_more.png') no-repeat right 10px center;
  padding-right: 15px;   }

.shop_li_w { padding: 20px 0 50px;  }
.shop_li_w .title { display: flex; align-items: center;  }
.shop_li_w .title .l span { font-weight: 600; }
.shop_li_w .title .l strong { font-weight: 600; color:#744D23;  }
.shop_li_w .title select{ margin-left: auto; height: 36px;
padding: 0px 10px; border-radius: 5px; border: 2px solid var(--Color, #C49A6C); font-size: 12px;  
min-width: 70px; }


.shop_li{ margin-top: 10px;  }
.shop_li ul { display: flex; gap: 10px; flex-wrap: wrap;  }
.shop_li ul li { width: calc(50% - 5px); position: relative;  }

.shop_li ul li .goods_img{ padding: 0; width: 100%;  aspect-ratio: 1 / 1; height: auto; border-radius: 5px;
border: 1px solid #DDD; position: relative; }



.shop_li ul li .memo { padding: 10px 0;  }
.shop_li ul li .memo > strong { font-family: "Noto Serif KR";
font-size: 13px; font-weight: 700; color:#744D23;  }

.shop_li ul li .memo > div{ display: flex; gap: 7px; align-items: center; margin-top: 4px;  }

.shop_li ul li .memo > div span { color: rgba(51, 51, 51, 0.60); text-decoration-line: line-through; }
.shop_li ul li .memo > div strong { color:#744D23; font-weight: 700; display:inline-block; width:100%;
overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  }
.shop_li ul li .memo > div em { font-style: normal; font-weight: 500; display: inline-block; }



.cart_btn{ position: absolute; right: 10px; bottom: 10px; 
 background: rgba(0, 0, 0, 0.50) url('/res/img/common/cart_down.svg') no-repeat center;
 display: inline-block; width: 40px; height: 40px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.20), 0 0 2px 0 #B38454 inset;
 border-radius: 5px;
border: 1px solid var(--text, #744D23);   }



.shop_li ul li .goods_img i, .item_rank { width: 30px; height: 30px;
padding: 2px 4px; display: inline-block; text-align: center; color:#fff; 
border-radius: 3px; background: #7D1193; font-size: 16px; font-weight: 700; 
position: absolute; top: 10px; left: 10px; font-style: normal; line-height: 26px;  }


.shop_detail_wrap .top_img{ padding: 15px;  }

.shop_detail_wrap .top_img img{ border-radius: 10px;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.20), 0 0 2px 0 #B38454 inset; overflow: hidden;
 width: 100%; height: 100%; object-fit: cover; }
 
.shop_detail_wrap .top { text-align: center; padding: 20px 15px; }

.shop_detail_wrap .top h3 { color: var(--text, #744D23);
font-family: "Noto Serif KR";
font-size: 17px;
font-weight: 700;  }

.shop_detail_wrap .top p { color: rgba(51, 51, 51, 0.60);
    text-decoration-line: line-through; margin-top: 10px;  }

.shop_detail_wrap .top p.date{ text-decoration-line: initial; }

.shop_detail_wrap .top .price { display: flex; align-items: center; gap:5px; margin-top: 10px; justify-content: center; }

.shop_detail_wrap .top .price span { color:#FF0004; font-weight: 700;  }
.shop_detail_wrap .top .price strong { font-weight: 700;  }



.delivery_info { display: inline-flex; justify-content: center; align-items: center; border-radius: 5px;
border: 1px solid #EFEFEF;
background: #FFF; padding: 10px 15px; text-align: center; gap: 5px; margin-top: 30px;  }

.delivery_info span { font-weight: 600; }


.shop_detail_cont { padding: 15px; margin-top: 20px;  }



.foot_btn{ position: fixed; bottom: 0px; width: 100%; display: flex; gap: 5px; padding: 10px; background: #fff; 
max-width: 500px; border-top: 1px solid rgba(196, 154, 108, 0.50); z-index: 30;  }
.foot_btn > div { width: 100%;  }



.merge_li { padding: 15px; } 
.merge_li ul li{ display: inline-block; width: 100%; padding: 15px; border-radius: 5px;
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.20), 0 0 2px 0 #B38454 inset; }



.merge_li ul li .img { width: 100%; overflow: hidden; aspect-ratio: 1 / 0.7;}
.merge_li ul li .img img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; }

.merge_li ul li h3 { font-family: "Noto Serif KR"; font-size: 17px; color:#744D23; margin: 17px 0 15px; font-weight: 700; }

.merge_li ul li .delivery_info { width: 100%; margin-top: 0; justify-content: left; }

.merge_li ul li span, .merge_li ul li strong { font-size: 12px;  }



.merge_li ul li .btn { display: flex; gap: 7px; margin-top: 20px;  }
.merge_li ul li .btn a{ width: 50%; border-radius: 5px; height: 45px; line-height: 45px;
text-align: center; font-weight: 700; }

.merge_li ul li .btn .btn1 { 
background: rgba(196, 154, 108, 0.10);
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.20), 0 0 2px 0 #B38454 inset; 
color:#744D23; } 

.merge_li ul li .btn .btn2 { background: var(--grad, linear-gradient(180deg, #E1AF63 0%, #905F2B 100%));
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.20), 0 0 2px 0 #B38454 inset; color:#fff;  }



.merge_li ul li { margin-top: 10px; }
.merge_li ul li:first-child { margin-top: 0px; }




.merge_img { position: relative;  }
.merge_img h3{ position: absolute; top:10%; padding: 0 15px; text-align: center;
color: #FFF;
text-align: center;
-webkit-text-stroke-width: 0.11px;
-webkit-text-stroke-color: rgba(17, 17, 17, 0.70);
font-family: "Noto Serif KR";
font-size: 21px;
font-style: normal;
font-weight: 700;
line-height: normal; width: 100%;  }

.merge_img h3 span { color: #FFE0B7; font-size: 21px;  font-weight: 700; font-family: "Noto Serif KR";}

.merge_img i { display: inline-block; width: 110px; height: 110px;
 border-radius: 100px; 
  position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
background: linear-gradient(
    to top,
    #FFC107 0%,
    #FFE082 35%,
    #FFF8E1 70%,
    #FFFFFF 100%
);  box-shadow: 0 0 2px 0 #B38454 inset;
border: 1px solid #B38454 ; }

.merge_img img{ width:100%; height: 480px; object-fit: cover; }


.merge_item_w{ border-radius: 20px 20px 0 0;
background: rgba(255, 255, 255, 0.90);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.50), 0 0 10px 0 #B38454 inset; margin-top: -110px; z-index: 20; 
position: relative; padding: 20px 15px;  }
.merge_item_w .title{ display: flex; align-items: center;  }

.merge_item_w .title strong { font-family: "Noto Serif KR";
font-size: 16px; font-weight: 700; color:#744D23;  }


.merge_item_w .title select{ margin-left: auto; border: 0; background-color: none; padding-right: 25px; font-weight: 600;  }


.merge_tap{ display: flex; gap:3px; justify-content: center;
align-items: center; margin-top: 10px;  border-radius: 5px;
border: 1px solid #EFEFEF; padding: 5px;  }


.merge_tap span { border-radius: 5px;
border: 1px solid #EFEFEF;
background: #FFF; display: inline-block; width: 17%; text-align: center; height: 35px; line-height: 35px;  }

.merge_tap span.on { background: #F5EFE9; }




.merge_item{ border-radius: 10px; padding: 10px;
background: rgba(245, 239, 233, 0.90);
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.20), 0 0 2px 0 #B38454 inset; margin-top: 15px;  }
.merge_item .goods_img{ padding: 0; width: 100%; height: auto; aspect-ratio: 1 / 1; }

.merge_item ul { display: flex; flex-wrap: wrap; gap: 9px;    }

.merge_item ul li { position: relative; width: calc(33% - 5px);  border-radius: 10px; overflow: hidden; border: 1px solid #744D23;  }

.merge_item ul li .memo { background: #4E2E0A; padding: 7px 5px; display: flex; width: 100%;  }
.merge_item ul li .memo span, .merge_item ul li .memo strong { color:#fff; font-size: 12px;   }

.merge_item ul li .memo strong { margin-left: auto;  }


#container.merge_container { padding-bottom: 77px;  }



.side_menu_w{ z-index: 99999;  transition-duration: 0.5s; position: fixed; 
width: 100%; height: 100%; top:0; left:0; visibility: hidden; opacity: 0; }
.side_menu_w.open{ visibility: visible; opacity: 1; }

.side_menu_w .bg{  position: fixed; 
width: 100%; top: 0; background: rgba(0,0,0,0.5); 
height: 100%;  }


.side_menu_w .side_menu {
z-index: 9997;   transition-duration: 0.5s;
 opacity: 0;
    visibility: hidden;
    pointer-events: none;   
     background: #fff; 
    position: absolute;  top: 0;
    height: 100%; width: 90%; background: #fff; max-width: 420px;
	right: -100%; transition-duration: 0.5s;
}

.side_menu_w.open .side_menu{ right: 0;
 opacity: 1;
    visibility: visible;
    pointer-events: auto;   }



.side_menu{ padding: 20px 20px; height: 100%; overflow: auto;   }
.side_menu ul { margin-top: 10px;  }

.side_menu .title { display: flex;  }
.side_menu .title .side_menu_close_btn { margin-left: auto;  }




.side_menu ul li a{ display: inline-block; width: 100%; border-top: 1px solid #EDEDED; 
display: inline-block; width: 100%; padding: 15px 0px; font-weight: 600;
 background: url("/res/img/common/menu_more_ico.svg") no-repeat 100% center;  }
 
 
 
.side_menu ul li:first-child a{ border-top: 0;  }



.dim-layer { position: relative; z-index: 999999;  }
.pop-layer .pop-container {
  position: absolute;
  padding: 25px 15px;
  border-radius: 12px;
  top: 50%;
  left: 50%;
  max-width: 96%;
  width: 100%;
  background: #fff;
  transform: translate(-50%, -50%);
  display: inline-block;
}

.pop-layer .pop-container.bottom{
    border-radius: 20px 20px 0 0;
    top: auto;
    bottom: 0;
    max-width: 100%;
    transform: translate(-50%, 0%);
}

.pop-layer {
  display: none;
  position: fixed;
  bottom: 0;
  left: 50%;
  width: 100%;
  z-index: 9998;
  max-width: 450px; 
  transform: translateX(-50%);      z-index: 999999;
}


.dimBg {   position: fixed;
  top: 0%;
  left: 50%;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5); 
  transform: translateX(-50%); display: none;   }


 


 


.nomal_pop_content{padding: 30px 10px; max-height: 60vh; overflow-y: auto; border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.12);
background: #744D23;

/* 드롭2 */
box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.05);
color:#fff; text-align: center; margin-bottom: 20px; line-height: 1.5;
}

.nomal_pop_content p {  color:#fff; }

.nomal_pop_content.nopaaing{padding: 0;}

.nomal_pop_top{display: flex; padding:4px 0px 24px 0px; justify-content: space-between; }
.nomal_pop_top h3{font-size: 18px; font-weight: 600; color: #111;;}
.nomal_pop_top img{display: block;}

.nomal_pop_content.nopaaing{padding: 0;}

.nomal_pop_content .center_txt{text-align: center;}
.nomal_pop_content .center_txt{font-size: 16px; color: #A9A9A9;}


.logout .center_txt p { text-align: center; font-size: 17px;  }



 
.event_list_style{ padding: 15px;  }
.event_list_style li + li{margin-top: 24px;;}
.event_list_style li .thum{display: block; border-radius: 12px; position: relative ; 
    overflow: hidden; background: #000;;}
    
.event_list_style li .thum .tag{position: absolute; right: 15px; top: 15px; padding: 0 10px; 
height: 24px; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 12px;
; background: #404040;  border-radius: 60px; z-index: 2; z-index: 2;}



.event_list_style li .thum img{width: 100%; display: block; ;}

.event_list_style li.close .thum img{opacity: 0.5;}

.event_list_style li .info{margin-top: 12px; display: block;}
.event_list_style li .info h3{font-size: 16px; color: #111; font-weight: 600; }
.event_list_style li .info p.date{margin-top: 5px; font-size: 12px; color: #666;}

.event_img_top{}
.event_img_top img{display: block; width: 100%;}
 
.event_list_style li i { display: inline-block; padding: 3px 3px; border-radius: 10px; 
background: #C49A6C; color:#fff; font-style: normal; font-size: 11px; font-weight: normal; 
min-width: 41px; text-align: center; font-weight: 600; }


.event_list_style li h3 { display: flex; gap:3px; align-items: center; }
.event_list_style li h3 span { font-size: 13px;  }



.event_list_style li.close i { background: #666666; }


.party_list{ display: inline-block; width: 100%; padding: 20px 0;  }
.party_list ul li { display: flex; align-items: center; width: 100%; padding: 20px; border-radius: 10px;
border: 1px solid #DDD; margin-top: 10px; }
.party_list ul li:first-child { margin-top: 0;  }


 
.party_list ul li > div{ display: flex; align-items: center;  }

.party_list ul li .btn { margin-left: auto;  }

.party_list ul li .user_name { padding-left: 10px; gap: 5px;  }

.party_list ul li .user_name strong{ display: inline-block; width: 100%;   }  
.party_list ul li .user_name span { display: inline-block;   
padding: 3px 7px; 
border-radius: 3px;
border: 1px solid var(--Color, #C49A6C);
background: #926E46; color:#fff;  }  


.party_list ul li .btn { gap: 5px; }

.party_list ul li .btn a { width: 33px; height: 33px; line-height: 35px; border-radius: 100px;
 border: 1px solid #C49A6C; display: inline-block; text-align: center;  }



.user_info2{ padding: 50px 0;  text-align: center;  }
.user_info2 .user_phto { display: inline-block; width: 80px; height: 80px; }


.user_info2 .user_name{ display: flex; gap: 7px; align-items: center; justify-content: center; margin-top: 5px;  }  
.user_info2 .user_name span { display: inline-block;   
padding: 3px 7px; 
border-radius: 3px;
border: 1px solid var(--Color, #C49A6C);
background: #926E46; color:#fff; ma }  


.party_gift_li .ck_box { position: absolute; right: 10px; top:10px; z-index: 20; 
width: 30px; height: 30px;  }

.party_gift_li input[type="checkbox"] + label { width: 30px; height: 30px; background-size: 30px;  }
.slime_select_wrap input[type="radio"] + label { width: 30px; height: 30px; background-size: 30px;  }


.slime_select_wrap .radio_box { position: absolute; right: 10px; top:10px; z-index: 20; 
width: 30px; height: 30px;  }



.slime_select_wrap { display: flex; gap:10px;   }

.slime_select_wrap .slime_select{ position: relative; }
.slime_select_wrap .slime_select img{ border-radius: 5px; aspect-ratio: 1/1; }
.slime_select_wrap .slime_select span { color: var(--text, #744D23);
font-family: "Noto Serif KR";
font-size: 12px;
font-style: normal;
font-weight: 700; }


.slime_wrap .open_plus_box { margin-top: 30px;  }

.party_gift_container .btn_type_w {  margin-top: 30px; position: sticky; 
 background: #fff; border-top:1px solid #eee; padding: 15px; bottom:0; z-index: 99; }

#container.party_gift_container{ padding-bottom: 0;   }


.tab_wrap { display:none; }
.tab_wrap.on { display:block; }


.login body, html.login { height: 100%;  }
.login_container{ width: 100%; height: 100%;
 background: url("/res/img/common/login_bg.png") no-repeat center; background-size: cover;  }


.login_wrap{ position: absolute; bottom:0; left: 0; width: 100% ; text-align: center; padding: 20px 15px; 
 position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, -10%);
    max-width:500px;  }
    
    
    
.login_wrap h3{ color: #FFE0B7;
text-align: center; 

/* title */
text-shadow: 4px 4px 0 #000;
/* -webkit-text-stroke-width: 4px;
-webkit-text-stroke-color: #111; */
font-family: Pretendard;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal; }



.login_wrap h3 span {  font-size: 20px; color: #fff;  }

.login_box { border-radius: 10px;
background: rgba(245, 239, 233, 0.90);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.50), 0 0 10px 0 #B38454 inset;
padding: 35px 20px; margin-top: 20px;  }



.login_input_box input{ width: 100%; height: 50px; padding: 0 20px;}

.login_input_box input[type='password'], .login_input_box input[type='text'] { border-radius: 10px;
border: 2px solid #C49A6C; background: rgba(255, 255, 255, 0.60); height: 55px;  }


.login_input_box{ margin-bottom: 10px;  }
.login_input_box input[type='text']{margin-bottom: 10px;   }

.login_input_box input[type='password']::placeholder, .login_input_box input[type='text']::placeholder { color: rgba(0, 0, 0, 0.90);
 margin-top: 10px;  }

.login_input_box .btn_type { margin-top: 10px;  }


.line_bar { display: inline-block; width: 100%; margin: 20px 0; position: relative;  }

.line_bar i.l { width: calc(50% - 20px); height: 1px; background: #A6743A; display: inline-block; left: 0;  position: absolute;  }
.line_bar i.r { width: calc(50% - 20px); height: 1px; background: #A6743A; display: inline-block; right: 0; position: absolute;   }

.line_bar span { position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
color: #A6743A;
font-family: "Noto Serif KR"; font-weight: 600; }


.joinpw_box{ display: flex; align-items: center; justify-content: center; gap:20px;  }

.joinpw_box a { display: flex; align-items: center; justify-content: center; gap:5px; }


.sns_login_box{ display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 20px;  }






.pass_wrap{ position: relative; width: 100%; }

.pass_wrap i { display: inline-block; width: 30px; height: 30px; background: red; position: absolute; right: 10px; top:13px;  }
.pass_wrap i.view2 {  background: url("/res/img/login/pass_view2.svg") no-repeat center; background-size: 20px;  }


.login_input_box input[type='password'] { padding-right: 50px; }

.join_wrap .error { display: none }

.join_wrap { padding: 20px 15px;  }
.join_wrap input[type='password'], .join_wrap input[type='text'], 
.join_wrap input[type='number'] { border-radius: 10px;
border: 2px solid #C49A6C; background: rgba(255, 255, 255, 0.60); height: 55px; width: 100%;   }

.join_wrap textarea { border-radius: 10px; padding: 20px;
border: 2px solid #C49A6C; background: rgba(255, 255, 255, 0.60); height: 250px; width: 100%; }



.join_wrap input{ width: 100%; height: 50px; padding: 0 20px;}

.join_wrap .box { margin-top: 10px; }

.join_wrap input[type='password']::placeholder, .join_wrap input[type='text']::placeholder { color: rgba(0, 0, 0, 0.90);
 margin-top: 10px;  }

.join_wrap .tel_box { border-radius: 10px; border: 2px solid #C49A6C; display: flex; overflow: hidden;  }


.join_wrap .tel_box input[type='number'], .join_wrap .tel_box input[type='text'] { width: calc(100% - 80px); border: 0; }
.join_wrap .tel_box input[type='button'] { width: 80px; border: 0; height: 38px; 
border-radius: 10px; color:#fff;
background: var(--grad, linear-gradient(180deg, #E1AF63 0%, #905F2B 100%)); padding: 0;  }
.join_wrap .tel_box .btn { padding: 6px 10px;  }


.ch_box_wrap{ padding: 20px 0;  }

.ch_box_wrap .line_bar{ display: inline-block; width: 100%; margin: 5px 0; }
.ch_box_wrap .line_bar i { display: inline-block; width: 100%; height: 1px; background: #eee;   }

.ch_box_wrap .ck_box { display: flex; gap:10px; margin-top: 10px;  }
.ch_box_wrap .ck_box a{ margin-left: auto; color: #999; font-size: 12px; text-decoration-line: underline; }


.join_wrap .ck_box label { font-size: 13px; color: #111; }


.join_wrap .btn_type { margin-top: 10px;   }


.join_ok_container { height: 100%; 
 background: url("/res/img/login/join_ok_bg.png") no-repeat center; background-size: cover; 
 padding: 15px; }

.join_ok_container .btn_type { position: absolute; bottom: 30px;  width: calc(100% - 30px);  max-width: 470px; }



.join_ok_container h3{ margin-top: 120px; text-align: center;  }

.join_ok_container h3 img { max-width: 310px; width: 80%; }


.faq_wrap{ padding: 0 15px;  }
.faq_li{ padding: 15px 0;  }

.faq_li li:first-child { border-top: 1px solid #DDD; }
.faq_li li{ border-bottom: 1px solid #DDD; padding: 15px 0;  }

.faq_li .title { display: flex; gap:10px; padding: 15px; padding-top:0; 
background: rgba(255, 255, 255, 0.90); align-items: center;   }
.faq_li .title i { margin-left: auto; font-style: normal; font-weight: bold; font-size: 20px; color:#C49A6C;  }
.faq_li .title strong {  background: #C49A6C; color:#fff; display: inline-block; padding: 3px 5px;
font-size: 12px;  font-weight: 600; border-radius: 5px; }
.faq_li .title span { color: #222; font-weight: 600; margin-bottom: 3px;  }

.faq_li .memo { display: inline-block; width: 100%; padding: 20px; color:#666; 
border-radius: 5px; background: #FFFAF5; font-size: 13px;  } 



.qna_wrap{ padding: 15px;  }
.qna_li{ padding: 20px 0;  }

.qna_li ul li a div { display: flex; align-items: center; gap:5px;   }

.qna_li ul li.on a div strong{ background: #C49A6C; }
.qna_li ul li a div strong { background: #666; color:#fff; display: inline-block; padding: 3px 5px;
font-size: 12px;  font-weight: 600; border-radius: 5px; }

.qna_li ul li a div span { font-weight: 600; line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical; }



.qna_li ul li:first-child a { border-top: 1px solid #DDD; } 
.qna_li ul li a { display: inline-block; width: 100%; padding: 15px 10px; border-bottom: 1px solid #DDD; }
.qna_li ul li a > p { color: #666; margin-top: 5px; font-size: 12px;  }


.qna_memo{ display: inline-block; width: 100%; margin-top: 10px;   }
.qna_memo .box{ margin-top: 10px; }

.qna_memo .box h4 { font-weight: 600;  }
.qna_memo .box div { font-size: 13px; display: inline-block; width: 100%; margin-top: 5px; }





.file_btn{ text-align: center; margin-top: 20px;  }
.file_btn > div { display: inline-flex; align-items: center; justify-content: center;
 border-radius: 10px; border: 2px solid #C89651; background: linear-gradient(180deg, #FFF 0%, #E5E5E5 100%); 
 padding: 10px 15px; gap:5px; margin-top: 20px;    }


.file_btn > div span { color: #744D23;
text-align: center;
font-family: "Noto Serif KR";
font-size: 14px;
font-style: normal;
font-weight: 900;  display: inline-block;    }



.file_list{ background: #f4f4f4; border-top: 1px solid #DDD; margin-top: 30px;  }
.file_list ul li { display: flex; gap: 10px; padding: 15px; align-items: center; position: relative;
border-bottom: 1px solid #DDD;  }
.file_list ul li span {     overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; width: calc(100% - 90px);  }

.file_list ul li .img {  width: 50px; height: 50px; }
.file_list ul li .img img{ width: 100%; height: 100%; object-fit: cover; }

.file_list ul li i { position: absolute; right: 10px; top:10px;
border-radius: 100px; background: #fff; padding: 5px; line-height: 1; width: 25px; text-align: center;   }
.file_list ul li i img { width: 8px;  }



.qna_bottom{ position: fixed; bottom: 10px; width: calc(100% - 30px); max-width: 470px;  }





.addr_list{ padding: 20px;  }
.addr_list ul li { display: flex; padding: 20px 15px; border-radius: 5px; border: 1px solid #DDD; align-items: center; 
margin-top: 10px;  }
.addr_list ul li:first-child { margin-top: 0; }

.addr_list .t{ display: flex; gap:5px; align-items: center;  }
.addr_list .t strong { border-radius: 3px; border: 1px solid #C49A6C; background: #926E46; font-size: 10px; 
color:#fff; display: inline-block; padding: 2px 3px;  }

.addr_list .t span { font-weight: 600; }
.addr_list p { margin-top: 8px; color: #A9A9A9; }

.addr_list .btn { margin-left: auto; gap: 5px; display: flex;  }
.addr_list .btn a { width: 33px; height: 33px; line-height: 35px; border-radius: 100px;
 border: 1px solid #C49A6C; display: inline-block; text-align: center;  }


.addr_add_wrap .ck_box { margin-top: 20px;  }
.addr_add_wrap .btn_type { margin-top: 30px; }


.addr_add_wrap{ border-top: 1px solid rgba(196, 154, 108, 0.50); }


.point_top{ padding: 30px 15px; background: #F6F5F4; }
.point_top .top { display: flex; gap:20px;  }
.point_top .top .l { display: flex; gap: 5px; width: 65%; align-items: center;  }
.point_top .top .l img{ width: 30px; }


.point_top .top .l strong { font-size: 20px; color:#222;  }
.point_top .top .r { display: flex; gap:5px; margin-left: auto; width: 35%; justify-content: flex-end;  } 
.point_top .top .r select { border-radius: 5px; border: 2px solid var(--Color, #C49A6C); padding: 10px 10px; padding-right: 30px;
font-weight: 700; background-color:#fff;  }


.point_top .memo { border-radius: 5px; background: #FFF; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.20), 0 0 2px 0 #B38454 inset;
display: flex; gap:20px; padding: 17px; align-items: center; margin-top: 10px; }

.point_top .memo div { display: flex; gap:10px; align-items: center;  }
.point_top .memo strong, .point_top .memo span { color: #666; font-weight: 400; font-size: 13px; }




.point_list{ padding: 20px 15px;  }
.point_list ul li { display: inline-block; width: 100%; border-bottom: 1px solid #EFEFEF;; padding: 20px 0;   }
.point_list ul li > strong { font-weight: 500; color: #A9A9A9; }

.point_list ul li .box { display: flex;  margin: 5px 0;   }
.point_list ul li .box span { margin-left: auto; color:#744D23;  }

.point_list ul li .box1 strong { font-weight: 500; color: #A9A9A9; }

.point_list ul li .box_w { padding: 10px 0 0; margin: 10px 0 0; border-top:1px solid #DDD;   }

.point_list ul li .box2 strong, .point_list ul li .box2 span { font-size: 16px; font-weight: 700;  }
.point_list ul li .box3 span { color: #A9A9A9; font-size: 12px;  }




.coupon_list{ padding: 10px 15px; }
.coupon_list ul li{ margin-top: 10px; }
.coupon_list ul li:first-child { margin-top: 0; }
.coupon_list ul li .ahref { border-radius: 5px; border: 1px solid #DDD; padding: 15px 10px; display: inline-block; width: 100%;   }

.coupon_list ul li .ahref div strong { background: #C49A6C; color:#fff; display: inline-block; padding: 3px 5px;
font-size: 12px;  font-weight: 600; border-radius: 5px; }

.coupon_list ul li .ahref > p { color: #666; margin-top: 5px; font-size: 12px;  }



.coupon_list ul li { opacity: 0.5; }
.coupon_list ul li.on { opacity: 1; }


.merge_item li {
    position: relative;
    transition: .3s ease;
}

.merge_item li .checkbox {
    display: none;
}

.merge_item li::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(116, 77, 35, 0.90);

    opacity: 0;
    transform: scale(0.95);

    transition: all .25s ease;
    z-index: 2;
}

.merge_item li::after {
    content: "";
    position: absolute;
    inset: 0;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4.51124 13.542C3.83024 12.69 3.83024 11.31 4.51124 10.458L10.7672 2.63799C11.4472 1.78799 12.5522 1.78799 13.2342 2.63799L19.4892 10.458C20.1702 11.31 20.1702 12.69 19.4892 13.542L13.2332 21.362C12.5532 22.212 11.4482 22.212 10.7672 21.362L4.51124 13.542Z' stroke='white' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px;

    opacity: 0;
    transform: scale(0.5);

    transition: all .25s ease;
    z-index: 3;
}

.merge_item li.checked::before {
    opacity: 1;
    transform: scale(1);
}

.merge_item li.checked::after {
    opacity: 1;
    transform: scale(1);
}






 .box_subject{
    display: flex; align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;;
}

 .box_subject .txt{display: flex; flex-direction: column; gap:6px;}

 .box_subject .txt h3{color: #111; font-size: 16px; font-weight: 600; }
.box_subject .txt p{font-size: 13px; color: #666;;}

.count_btn_flex input{
    display: inline-flex;
height: 24px;
padding: 0px 10px;
align-items: center;
gap: 10px; background: #F5EFE9;
color: #E4283E;
font-size: 12px;
font-weight: 600;
border-radius: 5px;
line-height: 24px; border: 0; color:#744D23; 
}

.pay_wrap{ padding: 15px }

.open_plus_box { margin-top: 10px; padding: 0 15px; }
.open_plus_box > div { width: 100%;  }

.pay_box{ margin-top: 20px; }
.pay_box:first-child { margin-top: 0; }

.pay_coupon_point{ padding: 20px 15px; border-radius: 5px;
border: 1px solid #EFEFEF;
background: rgba(245, 239, 233, 0.30); margin-top: 12px;   }


.pay_coupon_point1{ display: flex; align-items: center;  }
.pay_coupon_point p { color: #666; font-weight: 400; margin-top: 3px;  }

.pay_coupon_point strong, .pay_coupon_point strong span { font-size: 15px;  }
.pay_coupon_point strong span { color:#744D23; margin-left: 5px;  }


.pay_coupon_point .input{ margin-top: 10px;  }
.pay_coupon_point .input input[type='text'] { color: #C4C4C4; font-weight: 500; padding: 0 16px; border-radius: 5px;
border: 1px solid #DDD; width: calc(100% - 100px);  height: 50px;  }


.pay_coupon_point .input input[type='button'], .pay_coupon_point1 a { border-radius: 5px;
background: var(--grad, linear-gradient(180deg, #E1AF63 0%, #905F2B 100%)); border: 0; color:#fff; height: 50px; 
width: 90px;  }


.pay_coupon_point1 a{ margin-left: auto; display: inline-block; text-align: center; line-height: 50px; }

.pay_coupon_point .input input[type='text']::placeholder { color: #C4C4C4; }


.pay_wrap .btn_type { margin-top: 20px;   }

.pay_wrap .open_plus_box { padding: 0; }




.total_info{
    padding-top: 20px;  
}

 .total_info li{display: flex; justify-content: space-between;}
 .total_info li + li{margin-top: 15px;}
 .total_info li p{
    font-size: 15px; font-weight: 500; color: #111;
}
 .total_info li p b{font-weight: 600;}

 .total_info li.price_total p{
    color: #E4283E;
}


.pay_pop .center_txt p { font-size: 15px; font-weight: bold; color:#333;  }

.pay_are{ display: flex; padding: 0; background: none; gap:10px; margin-top: 20px;  }
.pay_are input[type="radio"] + label { padding: 0; background: none; padding:10px; padding-top: 50px; 
border-radius: 10px;
border: 1px solid rgba(255, 255, 255, 0.12);
background-color: rgba(116, 77, 35, 0.10);
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.20), 0 0 2px 0 #B38454 inset; width: 50%; text-align: center;  }


.pay_are input[type="radio"]:checked + label { background-color: #744D23; color:#fff;  }


.pay_are input[type="radio"] + label.pay_card { background-image: url("/res/img/common/pay_card.svg"); 
background-repeat: no-repeat; background-position: center 10px; }
.pay_are input[type="radio"]:checked + label.pay_card  { background-image: url("/res/img/common/pay_card_on.svg"); 
background-repeat: no-repeat; background-position: center 10px; }


.pay_are input[type="radio"] + label.pay_easy { background-image: url("/res/img/common/pay_easy.svg"); 
background-repeat: no-repeat; background-position: center 10px; }
.pay_are input[type="radio"]:checked + label.pay_easy  { background-image: url("/res/img/common/pay_easy_on.svg"); 
background-repeat: no-repeat; background-position: center 10px; }


.pay_pop .nomal_pop_top { border: 0;  }
.pay_pop .nomal_pop_content {  padding: 0; padding-bottom: 10px; background: none; border: 0; box-shadow: none; }

.pay_pop .ck_box { display: flex; margin-top: 10px; gap:10px ; align-items: center;  }
.pay_pop .ck_box a{ text-decoration: underline; color:#ababab; }

.pay_pop .btn_type { margin-top: 20px;   }


.select_box { display: flex; gap:10px; align-items: center;  }
.select_box select { border-radius: 5px; border: 2px solid var(--Color, #C49A6C); padding: 10px 10px; padding-right: 30px;
font-weight: 700; background-color:#fff;  }



.delivery_top { display: flex; gap:10px; text-align: center; padding: 39px 15px; background: #F6F5F4; }

.delivery_top .box{ border-radius: 5px; background: #FFF; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.20), 0 0 2px 0 #B38454 inset; 
padding: 25px 5px; width: 50%; }
.delivery_top p { color: #222; text-align: center;
font-family: Pretendard; font-size: 12px; font-weight: 600; }

.delivery_top strong { display: inline-block; width: 100%; color:#744D23; font-size: 17px; font-weight: 800; margin-top: 5px; }


.delivery_wrap .select_box{ margin-top: 10px;  }

.delivery_list_w ul li .memo span { background: #C49A6C; color:#fff; display: inline-block; padding: 3px 5px;
font-size: 11px;  font-weight: 500; border-radius: 5px; color:#fff; font-family: 'Pretendard', 'Pretendard'; }
.delivery_list_w ul li .memo strong { font-size: 15px;  }
.delivery_list_w ul li .memo p { font-size: 11px; margin-top: 5px; color: #666; font-weight: 600; }


.delivery_list_w ul li a { display: flex; width: 100%;  gap:10px; align-items: center;  }



.delivery_memo .box{ display: inline-block; width: 100%; margin-top: 30px;  }
.delivery_memo .box:first-child { margin-top: 0;  }

.delivery_memo .box h3{ font-size: 17px; font-weight: 800; }
.delivery_memo .memo { border-radius: 5px;
border: 1px solid #EFEFEF;
background: rgba(245, 239, 233, 0.30);  padding: 20px 16px; margin-top: 10px;  }



.delivery_memo{ padding: 15px;  }
.delivery_memo .memo > div{ display: flex; gap:10px; margin: 10px 0;  }
.delivery_memo .memo > div strong { width: 100px;  }
.delivery_memo .memo > div span { width: calc(100% - 100px); font-weight: 500; word-break: break-word;
    overflow-wrap: break-word; line-height: 1.5;  }


.delivery_detail_wrap .get_list_w { padding-bottom: 10px;   }

.delivery_memo .memo > div span, .delivery_memo .memo > div strong { font-size: 15px; }



  
 .total_del_gauge { text-align: center; padding: 20px 0; } 
 .total_del_gauge p { font-size: 15px; } 
  .delivery_input .box { display: flex; margin-top: 10px;  }

.delivery_memo .box.delivery_input{ padding: 0;}










.order_msg_wrap .order_msg_list li{
    border:1px solid #ececec;
    border-radius:12px;
    padding:16px;
    background:#fff;
    margin-top: 10px;  
}

.order_msg_wrap .order_msg_list li.answer_item{
    background:#fcfcfc;
}

.order_msg_wrap .order_msg_list .msg_head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:10px;
}

.order_msg_wrap .order_msg_list .msg_head strong{
    font-size:14px;
    color:#111;
    font-weight:700;
}

.order_msg_wrap .order_msg_list .msg_state{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:70px;
    height:28px;
    padding:0 10px;
    border-radius:999px;
    font-size:12px;
    font-weight:600;
    box-sizing:border-box;
}

.order_msg_wrap .order_msg_list .msg_state.wait{
    background:#f3f3f3;
    color:#666;
}

.order_msg_wrap .order_msg_list .msg_state.done{
    background:#111;
    color:#fff;
}

.order_msg_wrap .order_msg_list .msg_body{
    font-size:14px;
    line-height:1.6;
    color:#333;
    word-break:break-word;
    white-space:pre-wrap;
}

.order_msg_wrap .order_msg_list .msg_date{
    display:block;
    margin-top:12px;
    font-size:12px;
    color:#999;
}

.order_msg_wrap .order_msg_list li.empty_msg{
    padding:32px 20px;
    text-align:center;
    background:#fafafa;
}

.order_msg_wrap .order_msg_list li.empty_msg p{
    margin:0 0 6px;
    font-size:15px;
    font-weight:600;
    color:#222;
}

.order_msg_wrap .order_msg_list li.empty_msg span{
    font-size:13px;
    color:#888;
}
 
 


.order_msg_wrap .order_msg_list .msg_body { font-size: 13px; font-weight: 500;  }


.drawer_check_detail_top h2{font-size: 16px; font-weight: 600; line-height: 140%;}
.drawer_check_detail_top{ padding: 0 15px; margin-top: 30px;  }



.r_btn a { border-radius: 40px;
border: 1px solid var(--Color, #C49A6C);
background: var(--text, #744D23); display: inline-block; color:#fff; 
padding: 6px 12px;  }


.myinfo_item_w { padding-bottom: 100px; }


.foot_btn2 { bottom: 80px; }


.btn_type3 input, .btn_type3 a { height: 50px; line-height: 46px; font-family: "Noto Serif KR";
font-size: 15px; border-radius: 8px; font-weight: 900; }

.btn_type3 input.on { border: 2px solid rgba(255, 255, 255, 0.50);
background: linear-gradient(180deg, #E1AF63 0%, #905F2B 100%); 
 color:#fff; width: 100%;  display: inline-block; width: 100%; 
 text-align: center; }


.btn_type3 input, .btn_type3 a {     border-radius: 8px;
    border: 2px solid rgba(200, 150, 81, 0.50);
    background: linear-gradient(180deg, #FFF 0%, #E5E5E5 100%);
    color: #C89651;
    width: 100%;
    text-align: center;
    display: inline-block; }



.myedit_container .myinfo_user_top { background: none; }




.inven_item ul li .memo { display: inline-block; width: 100%;  }
.inven_item ul li .memo strong { color:#EEFF00;  }

.inven_item li::after { background: none;  }
.inven_item li::before{ background: rgb(255 255 255 / 70%); }




.inven_character_w { width: 250px; top: 45%; }
.inven_character_w img{ height: 390px;  }


#container{ padding-top: 56px; }
.html_main #container{ padding-top: 76px; }

.header{ position: fixed; top:0; width: 100%; max-width: 500px;  background: #fff; z-index: 99999; }
.main .header { background: none;  }


.header_l{ display: flex; align-items: center; gap: 10px;   }
.header_l strong { font-size: 15px; font-weight: 500; margin-top: -1px; }
.header_l img{ width: 11px; float: left;  }







.tab {
    display: none;
}

.tab.on {
    display: block;
}







.secession_btn{ position: absolute; bottom: 20px; text-align: center; width: 100%; left: 0; }
.secession_btn a { display: inline-block; border-radius: 5px;
border: 1px solid #EDEDED; padding: 8px 20px; font-weight: 500;
background: rgba(196, 154, 108, 0.20); }



.nomal_pop_content_w { text-align: center;  }
.nomal_pop_content_w h4{ font-size: 16px; font-weight: bold; margin-bottom: 20px; }



.pop_cont_w{ max-height: 480px; overflow: auto; }

.pop_goods_li h4{ color: var(--text, #744D23);
font-family: "Noto Serif KR"; font-weight: 700; font-size: 16px;  }





.popup-layer {
  position: fixed;
  top: 0; left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.5);
  display: flex;
  justify-content: center;
  align-items: flex-end;
  z-index: 99999;
}

.popup-content {
  text-align: center;
  max-width: 480px;
  position: relative;
  overflow: hidden;
  width: 100%;
}

.popup-content .pop_slide{border-radius: 10px 10px 0 0; overflow: hidden}
.popup-content .pop_slide img{display: block; max-width: 100%; width: 100%;}

.popup-content .closePopup{position: absolute; right: 15px; top: 15px; z-index: 2;
border: 0; padding: 0 10px; height:35px; width:35px; border-radius: 100px; background: rgba(0, 0, 0, 0.70);
text-align: center; line-height: 42px; }


.popup-content .closePopup svg{ width: 10px;  }

.popup-content .pop_contro{ display: flex; gap:10px;
justify-content: center;
align-items: center; position: absolute; left: 15px; top: 15px; z-index: 8;;}
.popup-content .pop_contro > div{
	border-radius: 24px;
border: 0.5px solid rgba(0, 0, 0, 0.20);
background: rgba(0, 0, 0, 0.70);
display: inline-flex;
padding: 9px 16px;
justify-content: center;
align-items: center;
gap: 3px;
bottom: 0; right: 0;
position: relative;
font-size: 12px; 
} 

.swiper-counter{ font-size: 12px; color: #fff;  }
#pop_counter{font-size: 12px; color: #fff; font-style: normal; }

.noday input[type="checkbox"] + label::before {
    width: 12px;
    height: 12px;
    border: 1px solid #fff;
    display: block;
    content: '';
}

.noday input[type="checkbox"]:checked + label::before {
    width: 12px;
    height: 12px;
    border: 1px solid #fff;
    display: block;
    background: var(--main-color);
}

.noday input[type="checkbox"] + label{color: #fff; cursor: pointer; font-size: 12px}

.swiper-counter span { color:#fff;  }
.noday span{ color:#fff;  }

#main_popup {
    display: none;
}


.join_stap_wrap{ padding: 50px 15px; }
.join_stap_tel_box { border-bottom: 2px solid #C49A6C; display: flex; overflow: hidden; margin-top: 30px;  }

.join_stap_wrap h4 { font-size: 25px; font-weight: 700; color: #111; }

.join_stap_tel_box input[type='number'], .join_wrap .tel_box input[type='text'] { width: calc(100% - 80px); border: 0; }
.join_stap_tel_box input[type='button'], .join_stap_tel_box a { width: 80px; border: 0; height: 38px; 
border-radius: 10px; color:#fff; display: inline-block; 
background: var(--grad, linear-gradient(180deg, #E1AF63 0%, #905F2B 100%)); padding: 0;
text-align: center; line-height: 38px;  }
.join_stap_tel_box .btn { padding: 6px 10px;   }


.join_stap_wrap .btn_type { position: absolute; bottom:10px; width: calc(100% - 30px); max-width: 470px; }


.join_header{ border-bottom: 1px solid rgba(196, 154, 108, 0.50);  }



.join_stap_wrap input[type='number'], .join_stap_wrap input[type='text'], .join_stap_wrap input[type='password'] { font-size: 17px;  }
.join_stap_wrap input::placeholder { color:#a7a7a7;  }




.join_stap_wrap input[type='text'], .join_stap_wrap input[type='password'] { border:0; border-bottom: 2px solid #C49A6C; display: flex; overflow: hidden; margin-top: 30px;
height: 50px; width: 100%; }

.join_stap_wrap .error { display: inline-block; width: 100%; margin-top: 10px; color:red;  }


.join_stap6 h5 { font-size: 17px; font-weight: 700; }
.join_info{ padding: 5px 15px; border-radius: 5px;
border: 1px solid #EFEFEF; background: rgba(245, 239, 233, 0.30); margin-top: 20px;  }
.join_info .box { display: flex; gap: 20px; margin:10px 0;  }

.join_info .box strong, .join_info .box span { font-size: 15px; font-weight: 500; }


.join_stap_wrap .ch_box_wrap {  margin-top: 20px  }




.join_stap{
    display:none;
    opacity:0;
    transform:translateX(30px);
    transition:.25s ease;
}

.join_stap.active{
    display:block;
    opacity:1;
    transform:translateX(0);
}



.join_stap input{
    opacity:0;
    transform:translateY(10px);
    transition:.3s;
}

.join_stap.active input {
    opacity:1;
    transform:translateY(0);
}

.slime_open #container { padding-bottom: 20px;  }


.slime_open_select .select_item { position: relative;  }


.slime_open_select .radio_box { width: 100%; height: calc(100% - 22px); 
left: 0; right: 0; top:0;  padding: 0;   }

.slime_open_select input[type="radio"] + label { background: none; width: 100%; height: 100%; 
left: 0; right: 0; top:0; position: absolute; padding: 0; border-radius: 5px;
 border: 1px solid var(--Color, #eee);  }

.slime_open_select input[type="radio"]:checked + label {  border: 5px solid var(--Color, #C49A6C);  }

.slime_open_select .select_item {  max-width: 230px; }