
.tems_wrap p { font-size: 13px;  }

input[type='button'] { cursor: pointer; }
.login_form li p.point{ display: none;  }


.input_custom .eyes{ width: 35px; height: 35px;
 background: url("/resources/images/pass_view1.png") no-repeat center; background-size:25px;    
 bottom: 7px; right: 10px; }
.active .eyes {  background: url("/resources/images/pass_view2.png") no-repeat center; background-size:25px;  }


.mall_list{ margin-top: 20px;  }


.no-data{ display: inline-block !important; width: 100% !important; text-align: center; padding: 50px 0; 
border: 0 !important;  } 
.no-data img{ width: 60px;  }

.no-data p { margin-top: 10px; font-size: 15px;  }


.storage_list li.no-data { padding: 100px 15px;  }

.address_list li.no-data{ border: 0; padding: 200px 0;  }



/* 
.foot_btn .flex .common_btn2.sub { max-width: calc(50% - 5px); }
 */


.cart_list li .txt h3 { padding-right: 25px;  }
.cart_list li .txt .pr3 { color: #888888; font-size: 12px; font-weight: normal;  }

.cart_list li .txt .detail_price{ margin-top: 5px;  }

.sub_header{ z-index: 500; }

.pop-layer .pop-container { padding: 15px 15px; min-height: 50px; border-radius: 10px; overflow: hidden; }

.pop-layer p.ctxt {
  color: #666;
  line-height: 25px;
}

.pop-layer .btn-r {
  width: 100%;
  margin: 10px 0 20px;
  padding-top: 10px;
  text-align: right;
}

.pop-layer {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 420px;
  height: auto;
  background-color: #fff;
  z-index: 10;
  max-width: 95%;
  transform: translate(-50%, -50%); 
}

.dim-layer {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999999999;
}

.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}

.dim-layer .dimBg2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .5;
  filter: alpha(opacity=50);
}

.dim-layer .pop-layer {
  display: block;
}

.pop_title{ align-items: center;  }


.pop-conts{ padding: 20px 0 0;  }
.pop_memo{ text-align: center; font-size: 15px;   }

.pop_btn2 { display: flex; gap: 10px;  }
.pop_btn a, .pop_btn input[type='button']{ background: var(--main-color);
    color: var(--mainfont-color); border: 0; }

.pop_btn{ margin-top: 20px;  }

.pop_btn span{ background: #f8f8f8;  }
.pop_btn span, .pop_btn a { display: inline-block; width: 100%; height: 50px; 
line-height: 50px; border-radius: 10px; text-align: center; cursor: pointer; font-size: 13px;  }




.cart_list li.no-data{ display: inline-block;  }









#addr_layer {  background: #eee !important; position: absolute;      padding: 15px 15px;
z-index:9999999;-webkit-overflow-scrolling:touch; width: 100%; height: 100%; left: 0px; top:  0px; width: 100%;
background: #fff; overflow: auto;  }    
#addr_layer iframe { width: 100%; height: 100%;  }

#addr_layer #addr_wrap div { width: 100% !important; padding: 0px !important; height: 100% !important; background: #eee !important; }
#addr_layer div iframe { width: 100% !important;  height: 100% !important;  }
     
#addr_layer > div.btnCloseLayer{ position: absolute; top:0; left: 0; background: #393b3f !important; width: 100%; height: 50px !important; padding: 0 !important;  }    
#addr_layer > div.btnCloseLayer img { float: right; padding: 16px; display: inline-block;  }
     
#addr_layer > div.btnCloseLayer span { padding: 10px 15px; display: inline-block; font-size: 18px; color:#fff; }   
#member_addr_pop2 .popup_content { overflow: hidden; }


#addr_layer .title { display: inline-block; width: 100%; padding: 20px 30px; } 


#addr_layer .close_pop { right: 25px;  }

#addr_wrap{ height: calc(100% - 50px); margin-top: 10px;  }
#addr_wrap iframe { width: 100%;  } 




.addr_title h2 { width: 100%;  }
.addr_title a{ margin-left:auto; display: inline-block; 
 border: 1px solid #ccc; padding: 5px 11px; border-radius: 100px; font-size: 12px; margin-top: 2px; font-weight: normal;  } 

.addr_order_wrap { margin-top: 10px;  }

.addr_order_wrap dt, .addr_order_wrap dd { padding: 5px 0;  }

.addr_order_wrap dd a{  float: right;  display: inline-block; 
 border: 1px solid #ccc; padding: 5px 11px; border-radius: 100px; font-size: 12px; margin-top: 2px;   } 

.addr_order_wrap dl { display: flex; align-items: center; }
.addr_order_wrap dd { width: 75%; font-size: 13px; }
.addr_order_wrap dt { width: 25%; color: #161616; font-size: 13px;  }
.addr_order_wrap dd input[type='number'] { display: inline-block; width: 100%; border: 1px solid #d8d8d8; height: 50px; 
         border-radius: 8px; padding-left: 10px; padding-right: 35px;  }
 .addr_order_wrap dd.num span { position: absolute; right: 15px; top:15px; font-size: 15px;  }
     	
	
	
.no-addr{ text-align: center; padding-top: 20px; padding-bottom: 20px;  }	
.no-addr p { font-size: 13px; }	
.no-addr a{ display: inline-block; padding: 10px 15px; border-radius: 10px; background: #eee; font-size: 13px; margin-top: 10px;  }	
	
	
	
	
	
.addr_mli { margin-left: -3px; width: calc(100% + 6px);  }	
.addr_mli > span { display: inline-block; font-size: 11px; padding: 0px 10px; border-radius: 5px; border: 1px solid #d8d8d8; cursor: pointer; 
margin: 3px; line-height: 33px; }
.addr_mli span.on{ background: var(--point-color); color:#fff; border-color:var(--point-color);  }

	
	
	
	
.cart_box_form li + li {  margin-top: 20px; }
	
	
	

.join_ok_img{ text-align: center;  }
.join_ok_img img { width: 80%; max-width: 230px;  }
  
  .join_ok_container { padding: 0px 15px 120px; text-align: center;  }
  .join_ok_w p { display: inline-block; width: 100%; margin-top: 30px; font-size: 20px;  }
  .join_ok_w p span { font-weight: bold; color: var(--point-color); font-size: 20px;  }
  
  .join_ok_w .add_btn { margin-top: 10px;  }
  .join_ok_w .add_btn a{ width: 390px; max-width: 90%; display: inline-block; padding: 12px 0; height: 50px;   }
  
	
	
.order_ok_w table{ width: 100%; margin: 50px auto;  border-top: 1px solid rgb(221, 221, 221);
    border-bottom: 1px solid rgb(221, 221, 221);}

.order_ok_w table th, .order_ok_w table td { padding: 10px; font-size: 13px; text-align: left;  }

.order_ok_w table th { color:rgb(170, 170, 170);  font-weight: 300;  }

.input_flex .point_all{ width: 90px; flex:none;  }
	
	
	
.order_ok_li li { display: flex; align-items: center; flex-wrap: wrap; padding: 5px 0; border-top:1px solid #eee;  }	
.order_ok_li li:first-child { border-top:0; }	
	
.order_ok_li li span { max-width: 60%;  }
.order_ok_li li strong { margin-left: auto;  }	
	
	
	
	
.input_flex input.gift_box_max{ width: 90px; flex: none; }
	
	
.gift_box_plus, .gift_box_minus  { width: 35px; }
	
	
	
.list_top{ margin-bottom: 10px;  }
	
	
.rank_list li .txt h4{ width: 95%;  }	
	
.rank_list li .txt h4 {
  display: -webkit-box;             /* Flexbox 계열 박스 모델 */
  -webkit-box-orient: vertical;     /* 세로 방향으로 박스 분할 */
  -webkit-line-clamp: 2;            /* 최대 2줄까지만 표시 */
  overflow: hidden;                 /* 넘치는 텍스트 숨김 */
}
	
	
.fixed_foot_btn{  }
	
.btn_close{ cursor: pointer; }	

.search_wrap{ display: flex; gap:10px; border: 1px solid #E0E0E0; }
.search_wrap input[type='text'] { height: 50px; border: 0; }


.search_wrap input[type='button'] { width: 50px; height: 50px; background: url("/resources/images/common/search_icon.svg") no-repeat center;
background-size: 20px; border: 0;  }


#friend_add_pop .list_top_btn { padding: 0 15px; height: auto; line-height: 37px;  }

#friend_add_pop .friend_list{ max-height: 330px; overflow-y: auto; }

#friend_add_pop .pop-container { padding: 0;  }

#friend_add_pop .pop_title { padding: 15px; }
#friend_add_pop  .pop_memo{ padding: 0 15px;  }
#friend_add_pop  .friend_list{ padding: 0 15px;  }

#gift_box_pop .friend_list { display: none; }



.lock_btn{ cursor: pointer; }




.mygoods_li .refund_btn { position: static;  }

.mygoods_li.rank_list li .txt h4 { margin-bottom: 10px;  }

.mygoods_li .btn{ display: flex; gap:5px; width: 100%; margin-top: 10px; justify-content: flex-end; }
.mygoods_li .btn a, .mygoods_li .btn span {   width: 33.33%; ; text-align: center; display: inline-block; padding: 10px 10px; cursor: pointer;  }
.mygoods_li .btn a:first-child {   }

#gift_box_pop .tab { margin-top: 10px;  }
#gift_box_pop .tab__content-wrapper { margin-top: 10px;  }

.product_info h5{ font-weight: normal; }
.product_info a em { font-style: normal; font-size: 12px;  }

.product_info h4{     font-size: 14px; display: -webkit-box; 
    -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }


.product_info p { font-size: 12px; margin-top: 0px;  }

 .pop_in .rank_list, .pop_in .cart_list { max-height: 350px; overflow-x: auto; } 
 


.list_top .right { width: 78%;   }

.rank_list li .lock_btn { z-index: 99;  }



.list_top .all_ck_top { margin-right: 10px;  }

#gift_box_pop .btn { display: none;  }
.rank_list li .txt p.user_name{ font-weight: 500; }


.rank_list li .txt p, .new_slide .txt p.price  {  margin-top: 1px; color: #888888; }

.rank_list li .txt p span { color: #888888;  }
.rank_list li .txt p .off { color: #e70000;  }

.storage_list li .txt .flex_btn { justify-content: flex-end;  }




.rank_list li .txt p.user_name span { float: right; font-weight: normal;  }



.list_top_btn { cursor: pointer; }




#delivery_list .li { margin-top: 20px; }
#delivery_list .li:first-child { margin-top: 20px; }


.delivery_top .r { margin-left: auto; display: flex; gap:10px; align-items: center; }
.delivery_top span { font-size: 12px;  }



.search_pop .search_pop_close{ position: relative; max-width: 480px;
    margin: 0 auto 0; display: flex; flex-direction: row;
    width: 100%; justify-content: flex-end; }




.foot_nav{ z-index: 99;  }





.new_slide .txt p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }


.new_slide_are .swiper-slide { max-width: 205px;  }




#nick_change_action .info { font-size: 13px;  }

.box_form { text-align: left;  }



#order_list.alarm_list p.info { margin-top: 0; margin-bottom: 5px;  }
#order_list.alarm_list li > strong { margin-top: 15px; font-size: 13px;  }



.secession_info { padding: 20px; background: #F7F7F8; }
.secession_info h3{ font-size: 17px; margin-bottom: 5px;  }
.secession_info ul li{ font-size: 15px; margin-top: 3px; line-height: 1.6;     color: #333;
    font-weight: 300;  padding-left: 20px; position: relative; }
.secession_info ul li span { position: absolute; left: 0;  }


.secession_input { margin-top: 20px;  }
.secession_input .form_table { margin-top: 20px;  }



.deleteuser_bottom .content { max-width: 450px; margin: auto; width: 100%; height: auto; min-height: auto; }
 
 .bottom_btn button, .bottom_btn a { font-size: 17px; padding: 17px 0; cursor: pointer; max-width: 450px;   
   border-radius: 10px;  width: 100%; background: var(--main-color);
    color: var(--mainfont-color); } 
 

input[type="checkbox"] + label{ cursor: pointer; }

.checkbox_b {display:block;vertical-align:middle; padding:0; }
.checkbox_b input[type=checkbox]{display:none;}
.checkbox_b input[type=checkbox] + label{display:inline-block;position:relative;padding-left:25px;font-weight:400;font-size:13px;line-height:20px;vertical-align:top;cursor:pointer;letter-spacing:-0.035em; }
.checkbox_b input[type=checkbox] + label span{font-weight:300;color:#999;}
.checkbox_b input[type=checkbox] + label:before{content:"";display:inline-block;position:absolute;left:0;top:0;width:20px;height:20px;border:1px solid #dddddd;border-radius:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.checkbox_b input[type=checkbox]:checked + label{color:#151515;font-weight:400;}
.checkbox_b input[type=checkbox]:checked + label:before{ border:1px solid #151515;border-radius:5px; background:url('/resources/images/check_box_on.svg') no-repeat center center; background-size:24px auto;}
.checkbox_b input[type=checkbox]:disabled + label{cursor:default;}
.checkbox_b.only input[type=checkbox] + label{overflow:hidden;width:20px;height:20px;padding:0;text-indent:-999em;}



    .secession_input .form_table input, .secession_input .form_table textarea { margin-top: 5px;  }

.deleteuser_bottom { position:fixed; width:100%; left:0; bottom:0; padding:15px; }
.secession_wrap { padding-bottom: 130px;  }

ul.faq_list li.faq_itembox .faq_answer { padding:20px 15px; background-color:#F5F5F5; display: none; padding-left: 17px;  }

.faq_a { font-size: 13px; color: #333; }




 
  
  
  .file_are .file-label { display: inline-block; width: 100%; cursor: pointer;  padding: 10px 25px;border-radius: 8px;
    border: 1px solid #dfdfdf; width: 100%; }
 .file_are .file-label div{ width: 100%;  }  
.file_are{border-radius: 8px; height: 55px; display: inline-block; align-items: center; margin-top: 0px; width: 100%; }
.file_are input{display: none} 
.file_are .file-label em{height: 38px; background: #191919; line-height: 38px; border-radius: 5px; color: #fff;
 font-size: 13px; text-align: center; padding: 0 25px; display: inline-block; font-style: normal;  }
.file_are  .file-label span{font-size: 13px; color: #666; margin-left: 20px;}
  
.phto_imglist input[type='file'] { display: none;  }
.phto_imglist li:first-child label { background: #fff url("/resources/images/sub/cam.png") no-repeat center 50px;;
 border: solid 1px #d9d9d9;  display: inline-block;
width: 230px; height: 180px; padding: 105px 0 23px; 
 border-radius: 3px; text-align: center; float: left; 
 box-sizing: border-box;  font-size: 13px; color: #666; font-size: 16px; cursor: pointer;  }

 
 .manual_file_li ul li { margin: 5px 3px; position: relative;  }
.manual_file_li ul li { display: inline-block; padding: 5px 10px; border: 1px solid #eee; border-radius: 10px;  }
.manual_file_li ul li:first-child { margin-left: 0;  } 
 
  .manual_file_li ul li i { display: inline-block; width: 15px; height: 15px; background: #c4c4c4 url("/resources/images/common/close_iconw.png") no-repeat center; border-radius: 100%;
position: absolute; right: -5px; top:-3px;  background-size: 7px; cursor: pointer;  }

.box_form li + li{ position: relative; }
#test_cnt{position: absolute; right: 11px; bottom: 11px}


#qna_memo{ padding-bottom: 40px; height: 150px;  }







.foot_btn{ position: fixed; bottom: 0px; text-align: center; justify-content: center;
    display: inline-flex
; }
.foot_btn a, .foot_btn input, .foot_btn button  { max-width: 450px; display: inline-block;  }
.alarm_list p { 
  display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
  overflow: hidden; font-size: 12px; font-weight: normal;
}

.alarm_list h3{ font-size: 14px;  }

.foot_btn .flex{ width: 100%; max-width: 450px; }


.terms_pop .pop-container { padding: 0;  }
.terms_pop .pop_title { padding: 15px 15px 10px;  }


.agree_txt{ max-height: 350px; margin-top: 10px; font-size: 13px; overflow: auto; padding: 1px 15px 15px;  }


#order_action .common_btn { max-width: 450px; }



.foot_btn.not_sticky { display: inline-block; }



.live_slide .swiper-slide .box .txt { width: calc(100% - 60px);  }
.live_slide .swiper-slide .box .txt .ptice_txt p.product_name { width: calc(100% - 110px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}



 
.pop-layer_bgno{ background: none;  }





.date_search_li ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.date_search_li li {
    margin-bottom: 12px;
}

.custom-radio {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    font-size: 17px;
    gap: 8px;
}

/* 기본 라디오 감추기 */
.custom-radio input[type="radio"] {
    display: none;
}

/* 커스텀 동그라미 */
.radio-mark {
    width: 22px;
    height: 22px;
    border: 2px solid #999;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    margin-right: 8px;
    position: relative;
    transition: border 0.2s;
}

/* 선택됐을 때 효과 */
.custom-radio input[type="radio"]:checked + .radio-mark {
    border: 2.5px solid var(--main-color);
}

.custom-radio input[type="radio"]:checked + .radio-mark::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 10px;
    height: 10px;
    background: var(--main-color);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: background 0.2s;
}

.radio-text {
    vertical-align: middle;
    color: #222;
}


.date_search_pop .pop-layer { width: auto;  }
.date_search_pop .radio-text { color:#fff;  }
.date_search_pop .custom-radio { justify-content: center; }

.coupon_content{ padding-bottom: 110px;  }




.pg_msg{ text-align: left; font-size: 13px; margin-top: 10px;  }



.mypage .adit { cursor: pointer; }
.mypage .input_flex input { flex: auto; }
.mypage .input_btn.black { width: 110px;  }


#profileImgResetBtn{ position:absolute; right: 0px; bottom: 0px; z-index:10; background:#fff;
 border:1px solid #ccc; border-radius:50%; width:22px; height:22px; }

.my_p_info .user_p .adit{ right: 0px; bottom: 0px;  width:22px; height:22px;  }


.agree_ch_wrap .tap { display: none; }


.agree_ch_wrap{ padding: 20px 0;  }
.agree_ch_wrap > p { font-size: 14px; font-weight: 600; }
.order_tap{ margin-top: 10px; display: flex; gap: 10px;  }


.order_tap > span { padding: 7px 10px; border: 1px solid #eee; border-radius: 10px; width: 33%; text-align: center; 
  font-size: 13px; display: flex; gap: 8px; align-items: center; justify-content: center; cursor: pointer;  }

.order_tap span i { background: url("/resources/images/mypage/drop.svg") no-repeat center; 
display: inline-block; width: 8px; height: 8px; transition-duration: .5s; }


.order_tap span.on {
    font-weight: bold;
    color: #1a7cff;
    border: 1px solid var(--main-color);;
    background: var(--main-color);;
}


.order_tap span.on i { transform: rotate(180deg); }

.agree_ch_wrap .tap {
    display: none;
    padding: 20px 0 0 0;
    padding: 20px 15px;
    background-color: #F5F5F5;
    font-size: 12px; margin-top: 10px; 
}





/* 팝업 */
.popup { display:flex; align-items:center; width:100%; height:100%; position: fixed;
z-index:999999999999; padding:0; left:0; top:0; }
.popup .popup_bg_w{ position:fixed; width:100%; height:100%; top:0; left:0; ;
background-color:rgba(0,0,0,0.6); }


.popup .popup_box { position: fixed; top:50%; left:50%; transform:translate(-50%, -50%);
width:80%; min-width:300px; max-width:520px; background-color:#fff; text-align:center; padding:20px;
border-radius:10px; z-index: 9999999;  }
.popup .popup_box .popup_top { text-align:right; }
.popup .popup_box .popup_top a.btn_close,
.popup .popup_box .popup_top button.btn_close { display:inline-block; width:20px; height:20px; border:0; 
background:url('/resources/images/ico_close.svg') left center; background-size:20px; background-repeat:no-repeat; }
.popup .popup_box .popup_con {}
.popup .popup_box .popup_con .top { padding-bottom:15px; border-bottom:solid 1px #EEEEEE; }
.popup .popup_box .popup_con .top .img { display:table-cell; vertical-align:middle; width: 100px; height: 100px; overflow:hidden; }
.popup .popup_box .popup_con .top .img img { width:100%; height:100%; object-fit: cover; border-radius: 250px;  }
.popup .popup_box .popup_con .top .info { display:table-cell; vertical-align:middle; text-align:left; padding-left:15px; }
.popup .popup_box .popup_con .top .info .name { font-size:15px; font-weight:700; line-height:1.2em; margin-bottom:4px; }
.popup .popup_box .popup_con .top .info .name > span { display:inline-block; padding-right:5px;}
.popup .popup_box .popup_con .top .style {}
.popup .popup_box .popup_con .top .style:after {content:''; display:block; clear:both; }
.popup .popup_box .popup_con .top .style a.cstyle { float:left; display:block; font-size:12px; font-weight:400; line-height:1.4em; margin-right:5px;}
.popup .popup_box .popup_con .con { display:block; width:100%; padding-top:15px; }
.popup .popup_box .popup_con .con:after {content:''; display:block; clear:both; }
.popup .popup_box .popup_con .con div.coin { display:table; width:100%; margin-bottom:10px; }
.popup .popup_box .popup_con .con div.coin:after {content:''; display:block; clear:both; }
.popup .popup_box .popup_con .con div.coin dl { display:table-cell; vertical-align:middle; }
.popup .popup_box .popup_con .con div.coin dl dt { float:left; margin-top:3px;
padding-right:5px; font-size:13px; color:#151515; font-weight:400; }
.popup .popup_box .popup_con .con div.coin dl dd { float:left;  font-size:13px; color:#151515; font-weight:600; }

/* 
.popup .popup_box .popup_con .con div.coin dl dd:before { display:inline-block; content:''; width:15px; height:19px; background:url('/resources/images/ico_coin.svg') left center; background-size:15px; background-repeat:no-repeat; vertical-align:sub; padding-right:4px;}
 */

.popup .popup_box .popup_con .con div.coin > p { display:table-cell; text-align:right; vertical-align:middle; }
.popup .popup_box .popup_con .con div.coin > p a.btn_coiny { padding:6px 14px; }
.popup .popup_box .popup_con .con button.btn_coin .bt_txt,
.popup .popup_box .popup_con .con .btn_coin .bt_txt{ width:100%; display:inline-block;
background-color:#f5f5f5; padding:15px 20px; border:solid 1px #f5f5f5; color:#222; border-radius:5px; }





/* 아이디비번찾기 */
.id_find { padding:30px 0 0; }
.id_find h3.member_title { font-size:20px; font-weight:600; letter-spacing:-0.05em; color:#151515; text-align:left; padding:0 0 20px; }
.id_find h3.member_title > span { display:block; font-size:14px; font-weight:400; }
.id_find .txtb { text-align:center; font-size:12px; color:#555555; padding-top:10px; }
.id_find .txtb > a { text-decoration:underline; color:#555555; }

.pw_find { padding:50px 0 0; }
.pw_find h3.member_title { font-size:20px; font-weight:600; letter-spacing:-0.05em; color:#151515; text-align:left; padding:0 0 20px; }
.pw_find .txtb { text-align:left; font-size:12px; color:#555555; padding-top:10px; }

ul.form_table_find {}
ul.form_table_find li { padding-bottom:5px; }
ul.form_table_find li p.form_tit { font-size:13px; font-weight:600; color:#151515; padding-bottom:5px; }
ul.form_table_find li:last-child { padding-bottom:20px; }
ul.form_table_find.pw li { padding-bottom:10px; }
ul.form_table_find.pw li:last-child { padding-bottom:20px; }


.input_line { position:relative; padding-right:30%; }
.input_line > button, .input_line > a { position:absolute; top:0; right:0; width:29%; padding:12px 5px;
font-size:14px; line-height:1.2em; text-align: center; }
.input_line > a.btn { position:absolute; top:0; right:0; width:29%; padding:12px 5px; font-size:14px; line-height:1.2em; }


.input_line_time { position:relative; }
.input_line_time span.time { position:absolute; right:0; font-size:13px; line-height:1.4em; color:#B8433E; padding:12px 15px;
display: none; } 


/* 휴대폰 변경 */
ul.form_table_modify {}
ul.form_table_modify li { padding-bottom:5px; }
ul.form_table_modify li p.form_tit { font-size:13px; font-weight:600; color:#151515; padding-bottom:5px; }
ul.form_table_modify li:last-child { padding-bottom:0px; }


   
   .best_review_cont .memo { line-height: 1.6;    font-size: 17px;  }
   
   
   .form_table_find  input.input_text { margin-top: 0;  }
   .form_table_find .input_line > button { height: 60px; background: #fff; border: 1px solid #333; color:#333;  }
   
   .pw_find { padding-bottom: 80px;  }
   
   .find_bottom_btn{ width: 100%;  }
   .find_bottom_btn button { font-size: 15px; padding: 15px 0;  height: 50px; width: 100%;  }
   
.find_bottom_btn{ display: none;  }   
   .input_line_time span.time{ padding: 22px 10px;  }
   
   .agree_box{ margin: 20px 0 70px;  }
   .page_join .container{ padding-left: 20px; padding-right: 20px; padding-bottom: 100px;  }
   
   .mymenu_deleteuser{ padding-bottom: 100px;   }
   
   .myreview_write .container_inner { padding-bottom: 30px;   }
   
   .list_controller{ position: relative; padding-bottom: 5px; background: #fff; }
   
   .page_favorite .fliter_li_w{ top: 35px; left: 10px;  }
   


 .join_info2 button.btn_line{ border: 1px solid #333; color:#333; background: #fff;  }
  .join_info2 button.btn_primary  { background: #C40118; border-color: #C40118; color:#fff;  }
 
 button.btn_full, button.btn_red { background: #787878; border-color: #787878; color:#fff;  }
 
 
 input.input_text {  height: 60px; margin-top: 8px; background: #F6F7FF;  
 border: 0; padding: 15px 20px; font-size: 17px; border-radius: 10px; }
 
 ul.form_table li p.form_tit, .login_box ul.form_table_login li p { padding-bottom: 0;
 font-size: 15px; font-weight: 500;  color:#343841;  }
 
 
.join_info3 .form_table { margin-top: 30px;  }
 
 .coin_infobox{ margin: 39px 0 10px;  }
 
 .coin_infobox .coinbox{ display: flex; align-items: center;   gap:10px; padding: 20px; border-radius: 10px; background: #F7F7F8;  }
 .coin_infobox .coinbox .tit{ font-weight: 300; color: #212121; font-size: 15px; margin: 0;   }
 
 

input.input_text::placeholder  { color:#B2B2B2;  }




.form_table_find input.input_text{ font-size: 15px;  }
button.btn{border-radius: 10px;}


.id_find #id_tel2 { display: none; width: calc(100% - 60px); }
.pw_find #pass_tel2 { display: none; width: calc(100% - 60px); }

header button.btn_long {  width: 100px; padding: 8px; font-size: 13px; position: absolute; top:9px; right: 10px; }

.container_myreview ul.reivew_complete_list > li .info_box > p.img img{ height: 60px; object-fit: cover;;  }
.qna_box ul.qna_list > li .counselor_box{ background: #F7F7F7; }

header.detail .header_title{ padding: 20px;  }


.find_id_popup { display: none; }



.id_find #id_tel2 { display: none; width: calc(100% - 60px); }
.pw_find #pass_tel2 { display: none; width: calc(100% - 60px); }

header button.btn_long {  width: 100px; padding: 8px; font-size: 13px; position: absolute; top:9px; right: 10px; }

.container_myreview ul.reivew_complete_list > li .info_box > p.img img{ height: 60px; object-fit: cover;;  }
.qna_box ul.qna_list > li .counselor_box{ background: #F7F7F7; }

header.detail .header_title{ padding: 20px;  }



.popup .popup_box { position: fixed; top:50%; left:50%; transform:translate(-50%, -50%);
width:80%; min-width:300px; max-width:520px; background-color:#fff; text-align:center; padding:20px;
border-radius:10px; z-index: 9999999;  }
.popup .popup_box .popup_top { text-align:right; }
.popup .popup_box .popup_top a.btn_close,
.popup .popup_box .popup_top button.btn_close { display:inline-block; width:20px; height:20px; border:0; 
background:url('/resources/images/ico_close.svg') left center; background-size:20px; background-repeat:no-repeat; }
.popup .popup_box .popup_con {}
.popup .popup_box .popup_con .top { padding-bottom:15px; border-bottom:solid 1px #EEEEEE; }
.popup .popup_box .popup_con .top .img { display:table-cell; vertical-align:middle; width: 100px; height: 100px; overflow:hidden; }
.popup .popup_box .popup_con .top .img img { width:100%; height:100%; object-fit: cover; border-radius: 250px;  }
.popup .popup_box .popup_con .top .info { display:table-cell; vertical-align:middle; text-align:left; padding-left:15px; }
.popup .popup_box .popup_con .top .info .name { font-size:15px; font-weight:700; line-height:1.2em; margin-bottom:4px; }
.popup .popup_box .popup_con .top .info .name > span { display:inline-block; padding-right:5px;}
.popup .popup_box .popup_con .top .style {}
.popup .popup_box .popup_con .top .style:after {content:''; display:block; clear:both; }
.popup .popup_box .popup_con .top .style a.cstyle { float:left; display:block; font-size:12px; font-weight:400; line-height:1.4em; margin-right:5px;}
.popup .popup_box .popup_con .con { display:block; width:100%; padding-top:15px; }
.popup .popup_box .popup_con .con:after {content:''; display:block; clear:both; }
.popup .popup_box .popup_con .con div.coin { display:table; width:100%; margin-bottom:10px; }
.popup .popup_box .popup_con .con div.coin:after {content:''; display:block; clear:both; }
.popup .popup_box .popup_con .con div.coin dl { display:table-cell; vertical-align:middle; }
.popup .popup_box .popup_con .con div.coin dl dt { float:left; margin-top:3px;
padding-right:5px; font-size:13px; color:#151515; font-weight:400; }
.popup .popup_box .popup_con .con div.coin dl dd { float:left;  font-size:13px; color:#151515; font-weight:600; }

/* 
.popup .popup_box .popup_con .con div.coin dl dd:before { display:inline-block; content:''; width:15px; height:19px; background:url('/resources/images/ico_coin.svg') left center; background-size:15px; background-repeat:no-repeat; vertical-align:sub; padding-right:4px;}
 */

.popup .popup_box .popup_con .con div.coin > p { display:table-cell; text-align:right; vertical-align:middle; }
.popup .popup_box .popup_con .con div.coin > p a.btn_coiny { padding:6px 14px; }
.popup .popup_box .popup_con .con button.btn_coin .bt_txt,
.popup .popup_box .popup_con .con .btn_coin .bt_txt{ width:100%; display:inline-block;
background-color:#f5f5f5; padding:15px 20px; border:solid 1px #f5f5f5; color:#222; border-radius:5px; }


.popup .popup_box .popup_con .con button.btn_coin > p,
.popup .popup_box .popup_con .con .btn_coin > p { font-size:20px; font-weight:700; padding-bottom:12px; letter-spacing:-0.05em; }
.popup .popup_box .popup_con .con button.btn_coin .bt_txt,
.popup .popup_box .popup_con .con .btn_coin .bt_txt { display:table; width:100%; }
.popup .popup_box .popup_con .con button.btn_coin .bt_txt > p.coin,
.popup .popup_box .popup_con .con .btn_coin .bt_txt > p.coin { display:table-cell; text-align:left; vertical-align:middle; font-size:14px; font-weight:700; }
.popup .popup_box .popup_con .con button.btn_coin .bt_txt > p.coin:before ,
.popup .popup_box .popup_con .con .btn_coin .bt_txt > p.coin:before { display:inline-block; content:''; width:15px; height:16px; background:url('/resources/images/ico_coin.svg') left center; background-size:15px; background-repeat:no-repeat; vertical-align:bottom; padding-right:4px;}
.popup .popup_box .popup_con .con button.btn_coin .bt_txt > p.coin > span,
.popup .popup_box .popup_con .con .btn_coin .bt_txt > p.coin > span { font-weight:400; }
.popup .popup_box .popup_con .con button.btn_coin .bt_txt > p.time ,
.popup .popup_box .popup_con .con .btn_coin .bt_txt > p.time { display:table-cell; text-align:right; vertical-align:middle; font-size:14px; font-weight:400; letter-spacing:-0.05em; }
.popup .popup_box .popup_con .con button.btn_060 .bt_txt,
.popup .popup_box .popup_con .con .btn_060 .bt_txt{ display:inline-block; width:100%; background-color:#f5f5f5; padding:15px 20px; border:solid 1px #f5f5f5; color:#222; border-radius:5px; }
.popup .popup_box .popup_con .con button.btn_060 > p ,
.popup .popup_box .popup_con .con .btn_060 > p { font-size:20px; font-weight:700; padding-bottom:12px; letter-spacing:-0.05em; }
.popup .popup_box .popup_con .con button.btn_060 .bt_txt ,
.popup .popup_box .popup_con .con .btn_060 .bt_txt { display:table; width:100%; }
.popup .popup_box .popup_con .con button.btn_060 .bt_txt > p.won,
.popup .popup_box .popup_con .con .btn_060 .bt_txt > p.won { display:table-cell; text-align:left; vertical-align:middle; font-size:14px; font-weight:700; }
.popup .popup_box .popup_con .con button.btn_060 .bt_txt > p.won:before,
.popup .popup_box .popup_con .con .btn_060 .bt_txt > p.won:before { display:inline-block; content:''; width:15px; height:16px; background:url('/resources/images/ico_won.svg') left center; background-size:15px; background-repeat:no-repeat; vertical-align:bottom; padding-right:4px;}
.popup .popup_box .popup_con .con button.btn_060 .bt_txt > p.won > span,
.popup .popup_box .popup_con .con .btn_060 .bt_txt > p.won > span { font-weight:400; }
.popup .popup_box .popup_con .con button.btn_060 .bt_txt > p.time,
.popup .popup_box .popup_con .con .btn_060 .bt_txt > p.time { display:table-cell; text-align:right; vertical-align:middle; font-size:14px; font-weight:400; letter-spacing:-0.05em; }

.popup .popup_boxn { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);
width:90%; min-width:300px; max-width:360px; background-color:#fff; text-align:center; padding:30px;
border-radius:10px; z-index: 999999 }



.popup .popup_boxn h4.tit { font-size:20px; font-weight:600; color:#151515; margin-bottom:12px; }
.popup .popup_boxn .btn_bar { width:100%; text-align:right; margin-bottom:10px; }
.popup .popup_boxn .btn_bar .btn_res {}
.popup .popup_boxn .btn_bar .btn_res > span:before { display:inline-block; content:''; width:18px; height:20px; background:url('/resources/images/ico_re.svg') left center; background-size:18px; background-repeat:no-repeat; vertical-align:bottom; padding-right:4px;}
.popup .popup_boxn .range_list { text-align:left; }
.popup .popup_boxn .range_list > h5 { display:block; font-size:16px; font-weight:400; margin-bottom:2px; }
.popup .popup_boxn .range_list > ul { margin-bottom:30px; }
.popup .popup_boxn .range_list > ul:after {content:''; display:block; clear:both; }
.popup .popup_boxn .range_list > ul > li { float:left; margin:8px  8px 0 0; }
.popup .popup_boxn .range_list > ul > li.full { width:100%; }
.popup .popup_boxn .range_list > ul > li > a.btn,
.popup .popup_boxn .range_list > ul > li > .btn { padding:6px 20px; font-size:14px; letter-spacing:-0.025em; }
.popup .popup_boxn .range_list > ul > li > a.active ,
.popup .popup_boxn .range_list > ul > li > .active { background-color:#6d6d6d; color:#ffffff; border:solid 1px #6d6d6d; }
.popup .popup_boxn .alarm { position:relative; }
.popup .popup_boxn .alarm h4.tit { font-size:20px; font-weight:600; color:#151515; margin-bottom:12px; }
.popup .popup_boxn .alarm p.txt { font-size:14px; line-height:1.5em; color:#555555; }
.popup .popup_boxn .alarm p.txt strong { color:#151515; }
.popup .popup_boxn .alarm .btn_txt { float:right; margin-top:20px; }
.popup .popup_boxn h4.tit.left_tit { text-align:left; }
.popup .popup_boxn p.txt { font-size:12px; font-weight:400; color:#151515; margin-bottom:30px; }
.popup .popup_boxn p.txt.left_txt { text-align:left; }

.popup .popup_box_foot { position:absolute; bottom:0; left:0; width:100%; background-color:#fff; text-align:center; padding:30px; border-radius:10px 10px 0 0; }
.popup .popup_box_foot .popup_top { text-align:left; margin-bottom:12px; }
.popup .popup_box_foot .popup_top:after {content:''; display:block; clear:both; }
.popup .popup_box_foot .popup_top h3.popup_tit { float:left; font-size:18px; font-weight:600; }
.popup .popup_box_foot .popup_top a.btn_close { float:right; display:inline-block; width:20px; height:20px; background:url('/resources/images/ico_close.svg') left center; background-size:20px; background-repeat:no-repeat; }
.popup .popup_box_foot .popup_con {}
.popup .popup_box_foot .popup_con .top { padding-bottom:15px; border-bottom:solid 1px #EEEEEE; }
.popup .popup_box_foot .popup_con .top .img { display:table-cell; vertical-align:middle; width:50px; height:50px; border-radius:25px; overflow:hidden; }
.popup .popup_box_foot .popup_con .top .img img { width:100%; }
.popup .popup_box_foot .popup_con .top .info { display:table-cell; vertical-align:middle; text-align:left; padding-left:15px; }
.popup .popup_box_foot .popup_con .top .info .name { font-size:15px; font-weight:700; line-height:1.2em; margin-bottom:4px; }
.popup .popup_box_foot .popup_con .top .info .name > span { display:inline-block; padding-right:5px;}
.popup .popup_box_foot .popup_con .con { padding-top:20px; }
.popup .popup_box_foot .popup_con .con .btn_box {}
.popup .popup_box_foot .popup_con .con .btn_box dl.coin_hold { float:left; display:block; }
.popup .popup_box_foot .popup_con .con .btn_box dl.coin_hold dt { float:left; padding-right:5px; font-size:13px; line-height:19px; color:#151515; font-weight:400; }
.popup .popup_box_foot .popup_con .con .btn_box dl.coin_hold dd { float:left;  font-size:13px; color:#151515; font-weight:600; }
.popup .popup_box_foot .popup_con .con .btn_box dl.coin_hold dd:before { display:inline-block; content:''; width:15px; height:19px; background:url('/resources/images/ico_coin.svg') left center; background-size:15px; background-repeat:no-repeat; vertical-align:sub; padding-right:4px;}
.popup .popup_box_foot .popup_con .con .btn_box p.second {  float:right; display:block; text-align:left; vertical-align:middle; font-size:14px; font-weight:700; }
.popup .popup_box_foot .popup_con .con .btn_box p.second:before { display:inline-block; content:''; width:15px; height:17px; background:url('/resources/images/ico_coin.svg') left center; background-size:15px; background-repeat:no-repeat; vertical-align:bottom; padding-right:4px;}
.popup .popup_box_foot .popup_con .con .btn_box p.second > span { font-weight:400; }
.popup .popup_box_foot .popup_con .con .btn_box p.second > p.time { display:table-cell; text-align:right; vertical-align:middle; font-size:14px; font-weight:400; letter-spacing:-0.05em; }
.popup .popup_box_foot .popup_con .con button.btn_coin { width:100%; background-color:#EB655F; padding:18px 20px; border:solid 1px #EB655F; font-size:17px; font-weight:500; color:#fff; border-radius:5px;}
.popup .popup_box_foot .popup_con .con button.btn_060 { width:100%; background-color:#6d6d6d; padding:18px 20px; border:solid 1px #6d6d6d; font-size:17px; font-weight:500; color:#fff; border-radius:5px; }

#profile_notice_phto{ display: none;  }

@media only screen and (max-width:374px){
	.customer_box { display:block; }
	.customer_box .ctm_boxl { display:block; text-align:center; vertical-align:middle; padding-bottom:10px; }
	.customer_box .ctm_boxr { display:block; text-align:center; vertical-align:middle; border-left:none; padding-top:10px; border-top:solid 1px #ffffff; }
	.customer_box .ctm_boxr ul { display:block; }
	.customer_box .ctm_boxr ul li dl { margin:0 auto; }
}




.page_member { height: 100%;  }
.page_member .container{ height: 100%; padding-left: 15px; padding-right: 15px;  }
.recruit_btn {  padding: 0 15px; }


ul.form_table li { padding-bottom:20px; }
ul.form_table li p.form_tit { font-size:13px; font-weight:600; color:#151515; padding-bottom:8px; }
ul.form_table li:last-child { padding-bottom:0; }


.page_member .bottom_btn { margin: 20px 0 110px; color:#fff;  }
.page_member .bottom_btn button.btn { color:#fff; font-size: 13px;  }


.video_pop .video_are .vido_box{ border-radius: 0; height: 100%;  }
.video_pop .video_are{ width: 100%; max-width: 480px; height: 100%; }
#goods_list_pop{ width: 480px; max-width: 100%; height: 100%; border-radius: 0;  }

.video_pop .video_are .skip_btn{ position: absolute; top: 0px; left: 15px; background: #fff; color:#333;  }
.video_pop .video_are .close_top{ top:25px; right: 20px;  }


#goods_list_pop .pop_in { height: 100%; }
#goods_list_pop .pop-container { height: 100%; }
#goods_list_pop .pop_in .rank_list{ height: calc(100% - 155px); max-height: none; }


#goods_list_pop .pop-container { overflow: hidden; }

.rank_list li + li{margin-top: 10px;}

.btnbox{ display: flex; gap:5px;  }

.list_top2{ flex-wrap: wrap; }
.list_top2 .right { width: 100%; margin-top: 10px;  }

.list_top3 .l { display: flex; gap:10px; align-items: center;  }

.list_top select { padding: 0 10px;  }


input[type="checkbox"].custom_checkbox + label{ gap:9px;  }
.list_top2 .right { gap:6px;  }


.box_input_title .ck_custom { width: calc(100% - 70px); gap:5px;  }



.box_form .counter-box { border: 0; gap: 5px;  }
.box_form .counter-box button {  
	text-align: center; color: #1b1b1b;
    align-items: center;
    border-radius: 5px;
border: 1px solid rgba(34, 34, 34, 0.10);
background: #F5F5F5;  cursor: pointer; flex: 1;  }

.box_form .counter-box input { max-width: none; width: 30%; 
border-radius: 5px; border: 1px solid #E0E0E0; padding: 0 10px; }

.sub_header{ padding: 0 15px;  }
.certifi_wrap{ text-align: center; padding: 20px 20px 30px;  } 
.certifi_wrap img{ width: 130px;  }
.certifi_wrap h3{ margin: 5px 0; font-weight: bold; font-size: 20px;   }
.certifi_wrap a{ margin-top: 50px;  }


.join{ padding-bottom: 90px;  }

.product_list2 li em, .product_name2 { font-size: 12px; font-style: normal;
display:block; 
	display: -webkit-box;
  -webkit-line-clamp: 1;     /* 줄 수 지정 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  font-size: 12px }



.foot_btn input.sub.common_btn2  { max-width: none; }
.foot_btn .flex .common_btn {  }


.market_detail, #friend_list, .alarm_list, .coupon_list  { padding-bottom: 80px !important; }

.mall_list .product_name2 { padding-right: 20px;   }


.product_list2 li .txt .price{ gap:1px;  }

 
.mix_pop_mid + .list_top + .product_list2 li .txt .price2 { font-weight: normal; font-size: 12px;  }



.total_score{ font-style: normal; }

/* 게이지 막대 애니메이션 */
.mix_bar .gage{
  transition: width .6s ease;   /* 기본 전환 */
  will-change: width;
}

/* 100% 초과 시 넘치는 것도 보이게 하려면 */
.mix_bar{ overflow: visible; }   /* 기본이 hidden이면 필요 */

.mix_detail_top .mix_info .txt .mix_bar p{ position: relative; z-index: 20;  }


