img { max-width: 100%; }


.tems_wrap p { font-size: 13px;  }

input[type='button'] { cursor: pointer; }
.login_form li p.point{ display: none;  }

#receiver_message_custom{ margin-top: 5px; }


.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;  }

.main_content{ width: 100%; overflow: hidden; }
.no-data{ display: inline-block !important; width: 100% !important; text-align: center; padding: 50px 0; 
border: 0 !important;  } 

.friend_list li.no-data2 { display: inline-block; width: 100% !important; text-align: center; padding: 50px 0;   } 


.no-data img, .no-data2 img{ width: 60px;  }

.no-data2{ font-size: 13px;  }

.no-data p, .no-data2 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 .pr3 span {  color: #888888; font-size: 12px; font-weight: normal;   }


.cart_list li .txt .detail_price{ margin-top: 10px;  }

.sub_header{ z-index: 500; }

.sub_header3 .page_title{ width: 100%; }

.sub_header .page_title{ display: flex; align-items: center; gap: 11px;  }

.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 !important;
  filter: alpha(opacity=50);
  display: inline-block !important; 
}

.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; color: #fff; }

.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;  }


.box_open_new_thum{border: 1px solid #efefef; border-radius: 5px; overflow: hidden;;}
.box_open_new_thum img{display: block; width: 100%;}





#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 .product_info { padding-right: 20px; }
	
#pr_goods_list.rank_list li .txt .product_info{ padding-right: 0; }
#pr_goods_list.goods_mygoods_li li .txt .product_info{ padding-right: 20px; }

	
	
.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; width: 100%; padding-top: 10px;  }

#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; }
 */

#gift_box_pop{ max-height: 90%; overflow: auto;  }


.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: 100%; ; 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; } 
 .pop_in .cart_list{ max-height: none; }


.list_top .right { width: 78%;   }

.rank_list li .lock_btn { z-index: 99; cursor: auto; }



.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.user_name strong { font-weight: bold; }


.rank_list li .txt p, .new_slide .txt p.price  {  margin-top: 1px; color: #1A7069; }

.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; }

.friend_list .list_top_btn { padding: 10px 11px; min-width: 70px; text-align: center;
justify-content: center; }










#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;  }


.delivery_top .l { display: flex; align-items: center; }
.delivery_top .l i {  }


.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; }


.delivery_top .l i.de_tag{padding: 3px 6px; border-radius: 3px; color: #fff; font-size: 10px; font-style: normal; margin-right: 5px;
font-weight: 500; background: #757575; }
.delivery_top .l i.de_tag.st1 {background:#183BC8 }
.delivery_top .l i.de_tag.st2 {background:#222222 }
.delivery_top .l i.de_tag.st3 {background:#006D2A }
.delivery_top .l i.de_tag.st4 {background:#18c89d }
.delivery_top .l i.de_tag.st5 {background:#18c89d }


.foot_nav{ z-index: 99;  }





.new_slide .txt p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;  }

.new_slide .txt p strong, .rank_list li .txt p.user_name strong { font-size: 15px;  }

.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: 15px; margin-bottom: 5px;  }
.secession_info ul li{ font-size: 13px; 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: 15px; padding: 15px 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: 80px; padding:15px; }
.secession_wrap { padding-bottom: 80px;  }

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; width: 130px;   }
.manual_file_li ul li .thumb { 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;  }

.manual_file_li ul li p { font-size: 13px; margin-top: 3px;   }

.box_form li + li{ position: relative; }
#test_cnt{position: absolute; right: 11px; bottom: 11px}


#qna_memo{ padding-bottom: 40px; height: 150px;  }

.qna_img_grid, .qna_file_grid { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:10px; }
.qna_img_grid li, .qna_file_grid li { width:120px; }
.qna_img_grid img, .qna_file_grid img { width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:8px; border:1px solid #eee; display:block; }
.qna_file_grid .cap { display:block; font-size:12px; margin-top:6px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.qna-type { margin-left:8px; font-weight:600; color:#666; }





.foot_btn{ position: fixed; bottom: 111px; text-align: center; justify-content: center;
    display: inline-flex; padding: 15px 15px 50px;
; }
.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{ padding-bottom: 50px; }
.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 0;  }
.agree_ch_wrap > p { font-size: 14px; font-weight: 600; }
.order_tap{ margin-top: 10px;   }


.order_tap > span { padding: 15px 13px; border: 1px solid #f4f4f4; border-radius: 10px; width: 100%; text-align: center; 
  font-size: 13px; display: flex; gap: 8px; align-items: center; cursor: pointer; background: #f4f4f4;  ;
  margin-top: 10px;  }

.order_tap > span:first-child { margin-top: 0; }

.order_tap span i { background: url("/resources/images/mypage/drop.svg") no-repeat center; 
display: inline-block; width: 8px; height: 8px; transition-duration: .5s;
margin-left: auto; }


.order_tap span.on {
    font-weight: bold;
    color: #1a7cff;
    border: 1px solid var(--main-color);;
    background: var(--main-color);;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}


.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: 0px; 
}





/* 팝업 */
.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: 13px; 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; cursor: pointer; }
.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; justify-content: right; }

.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; 
border-radius: 5px; border: 1px solid #E0E0E0; }
.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: 0px solid #E0E0E0; padding: 0 10px; }
.box_form .input_flex input.gift_box_max{flex:1}
.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 { padding: 0 20px;  }


.market_detail, #friend_list, .alarm_list, .coupon_list  { padding-bottom: 110px !important; }

.mall_list .product_name2 { padding-right: 20px;   }


.detail_title{ text-align: center; font-size: 15px; display: inline-block; width: 100%; margin-bottom: 20px;  }
.goods_memo { font-size: 13px;  }





.list_top .cart_page_btn {width: 35px; height: 35px; border-radius: 5px; display: flex; justify-content: center;
    align-items: center; border: 1px solid var(--border-color); aspect-ratio: 1;
    background: url("/resources/images/common/cart_page_btn.svg") no-repeat center;
    transition: background-color .25s ease, color .25s ease, border-color .25s ease; }


.list_top .cart_page_btn:hover{ background-color: var(--main-color);  }




.ticket_info_wrap{ margin-bottom: 20px;  }
.ticket_info_wrap .input_note { font-weight: normal;  }


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









.t_send_pop h5 { display: inline-block; width: 100%; margin-bottom: 5px;  }





.ticket_info_wrap .pretty-check{ margin-top: 5px; }

 /* CSS */
.pretty-check{
  display:inline-flex;
  align-items:center;
  gap: 7px;
  cursor:pointer;
  user-select:none;
  font-size:15px;
  line-height:1.4;
  -webkit-tap-highlight-color: transparent;
}
.pretty-check input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.pretty-check .box{
  width:17px; height:17px;
  border:2px solid #cfcfd4;
  border-radius:6px;
  background:#fff;
  display:inline-block;
  position:relative;
  transition:background .2s ease, border-color .2s ease, box-shadow .2s ease;
  flex:0 0 17px;
}
.pretty-check .text{ color:#111; font-size: 13px;  }

/* hover / focus */
.pretty-check:hover .box{ border-color:#9ca3af; }
.pretty-check input:focus-visible + .box{
  outline:2px solid #60a5fa; /* 접근성 포커스 */
  outline-offset:2px;
}

/* checked 상태 */
.pretty-check input:checked + .box{
  background:#111827;     /* 체크 배경 */
  border-color:#111827;
  box-shadow:0 1px 0 rgba(0,0,0,.06) inset;
}
.pretty-check .box::after{
  content:"";
  position:absolute;
  top: -5px; left: 0px;
  width:6px; height:12px;
  border:2px solid #fff;
  border-top:0; border-left:0;
  transform:rotate(45deg) scale(0);
  transform-origin:bottom left;
  transition:transform .18s ease;
}
.pretty-check input:checked + .box::after{
  transform:rotate(45deg) scale(1);
}

/* 비활성화 */
.pretty-check input:disabled + .box{
  background:#f3f4f6;
  border-color:#e5e7eb;
}
.pretty-check input:disabled ~ .text{
  color:#9ca3af;
}

/* 다크 모드 보정 (선택) */
@media (prefers-color-scheme: dark){
  .pretty-check .text{ color:#e5e7eb; }
  .pretty-check .box{ background:#0b0b0c; border-color:#3f3f46; }
  .pretty-check:hover .box{ border-color:#6b7280; }
}
 


.t_send_pop .pretty-check { margin-top: 5px;  }





.ticket_info_wrap .box_input_title { margin-bottom: 0;  }
.ticket_info_wrap .input_note { margin-bottom: 10px; margin-top: 1px;  }

#nick_change_action .join_error, #pass_change_pop .join_error { font-size: 12px; margin-top: 5px; }



#nick_change_pop .info { margin-bottom: 10px;   }





.agree_are p.msg { display: inline-block; padding-left: 38px; margin-top: 10px; font-size: 12px;  }




.gift_list li.no-data p{ justify-content: center; }
.gift_list li p { display: flex; align-items: center; }
.gift_list li p span { margin-left: auto;  }


#gift_ok_pop .certifi_wrap h3 { font-size: 16px;  }
#gift_ok_pop .certifi_wrap { padding-bottom: 10px;  }


.foot_btn .foot_price { margin-bottom: 12px;  }
.botton_btn_wrap.foot_btn { position: sticky; bottom: 80px; }
/* 
.botton_btn_wrap2.foot_btn { bottom: 0px; }
 */


.sub_header + .box_content{ padding-bottom: 0;  }
.box_content .foot_btn { padding: 12px 15px 15px;; background: #fff; }










.order_situation_wrap{  }





.order_msg_wrap { padding: 15px; }
.order_msg_input{ display: flex; gap: 5px; }
.order_msg_input input[type='text'] { height: 50px; width: calc(100% - 55px); }
.order_msg_input input[type='button'] { width: 50px; height: 50px;
 background: url('/resources/images/mypage/msg_send_btn.svg') no-repeat center;
 background-size: 17px;  }


.order_msg_list ul li { display: inline-block; width: 100%; margin-top: 5px; }

.order_msg_list ul li .top { display: inline-block; width: 100%; font-size: 12px;  }
.order_msg_list ul li p { display: inline-block; width: 100%; font-size: 13px; }


.order_msg_list ul li.my{  }

.order_msg_list{ margin-top: 10px; }

.order_msg_list ul li div.memo{ display: inline-block; padding: 10px 15px; border-radius: 10px; border-top-left-radius: 0;
background: #eee; max-width: 75%; margin-top: 2px; }

.order_msg_list ul li.my div.memo {  border-radius: 10px;  border-top-right-radius: 0;   }

.order_msg_list ul li.my { text-align: right; }


.order_msg_list ul li div.memo_w { display: flex; gap:5px; }
.order_msg_list ul li div.memo_w span { font-size: 12px; }


.order_msg_list ul li.my .memo_w { justify-content: flex-end; }
.order_msg_list ul li.my .memo_w > .memo { order: 2; }   /* 오른쪽으로 */
.order_msg_list ul li.my .memo_w > span  { order: 1; } 

.order_msg_list ul li.my div.memo p {  white-space: normal; overflow-wrap: anywhere; word-break: break-word;    }


.pop-layer { max-height: 100%;  }
.pop-layer .pop-container{ height: 100%; overflow: auto; }


#addr_add_pop { height: 95%; }




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



.addr_pass_wrap > p { display: inline-block; width: 100%; margin-top: 5px; font-size: 12px;  }



.sub_header + .content.addr_list_content{ padding-bottom: 100px; }





.manual_file_li ul { display:flex; flex-wrap:wrap; gap:8px; }
.manual_file_li .thumb { width: 130px; height: 130px; overflow:hidden; border-radius:6px; flex:0 0 48px; 
display: inline-block; }
.manual_file_li .thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.manual_file_li .name { max-width:220px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top: 1px; 
display: inline-block; width: 100%; font-size: 12px;  }
 
 
.manual_file_li li i.btn-del::before { transform:translate(-50%,-50%) rotate(45deg); }
.manual_file_li li i.btn-del::after  { transform:translate(-50%,-50%) rotate(-45deg); }


.detail_memo_wrap img { max-width: 100%;  }



.manual_file_li ul li p {
  display: block;            /* block이나 inline-block 이어야 적용됨 */
  width: 100%;              /* 말줄임 처리할 영역 폭 지정 (필수) */
  white-space: nowrap;       /* 줄바꿈 방지 */
  overflow: hidden;          /* 넘친 텍스트 숨기기 */
  text-overflow: ellipsis;   /* 넘친 부분 … 으로 표시 */
}




#write_action .content { padding-bottom: 100px; min-height: calc(100vh - 173px); }




.botton_btn_wrap .agree_are { margin-top: 0;  }
.botton_btn_wrap .foot_price li { margin-top: 10px ;  }
.botton_btn_wrap .foot_price li:first-child { margin-top: 0; }






.addr_pass_wrap input[type='text']{ margin-top: 5px; padding: 0 5px; font-size: 13px; }
.addr_pass_wrap .box { padding-top: 5px; margin-top: 5px; border-top: 1px solid #eee; }
.addr_pass_wrap .box2 { padding-top: 10px; }

.addr_pass_wrap .box > label { display: flex; gap:5px;  }

input[type="radio"].custom_radio + label:nth-child(2) { width: 130px; }

.addr_pass_wrap .box label:nth-child(3) {  width: calc(100% - 130px);  }



.addr_pass_wrap .box2 input[type="radio"].custom_radio + label:nth-child(2) { width: 100%; }




.myadit_agre .input_flex{ align-items: center; }
.myadit_agre .box_input_title { flex-wrap: wrap;  }
.myadit_agre .box_input_title span { display: inline-block; width: 100%; font-size: 12px;  }



.myadit_agre .agre1 { margin-top: 25px; padding-top: 20px; border-top:1px solid #eee;  }
.myadit_agre .agre1 .input_flex { margin-top: 20px;  }

.myadit_agre .agre1 .input_flex1 { margin-top: 15px; }

.myadit_agre .agre2 .input_flex { margin-top: 10px; }

.myadit_agre .agre2 { margin-top: 20px; padding-top: 20px; border-top:1px solid #eee; }



.my_rank_end{ justify-content: flex-end; background: #D36357; color:#fff; }
.my_rank_end p { color:#fff; }






.error_page_wrap{  padding: 120px 25px 130px;   display: inline-block; width: 100%; }

.weekrank_detail_memo p { display: inline-block; width: 100%; 
  white-space: normal;   /* 줄바꿈 허용 */
  word-wrap: break-word; /* 단어 길면 강제 줄바꿈 */
  word-break: break-all;; } 

.main_title{ margin-bottom: 20px;  }


.weekrank_detail_memo{ padding: 20px; font-size: 13px; background: #f7f7f7; border-radius: 10px;  }
.weekrank_detail_memo h5 { font-size: 15px;  }
.weekrank_detail_memo p { margin-top: 7px; font-size: 15px; }


.main_title_wrap{ margin: 25px 0 20px; }



.goods_memo2{ padding: 20px; font-size: 13px; background: #f7f7f7; border-radius: 10px;  }
.goods_memo2 h5 { font-size: 15px;  }
.goods_memo2 p { margin-top: 7px;  font-size: 15px; }



.inquiry_top { position: relative; padding-right: 60px; }
.inquiry_top .r { position: absolute; right: 10px; display: flex; gap:10px; top:3px; }





.detail_memo_wrap {
  white-space: normal;   /* 자동 줄바꿈 허용 */
  word-wrap: break-word; /* 긴 단어도 영역 끝에서 줄바꿈 */
  word-break: break-all; /* (옵션) 영어/숫자 긴 문자열도 강제로 줄바꿈 */
}


.foot_btn2{ bottom: 100px; }



.ready_event{position: absolute; left: 15px; top: 15px;  background: rgba(255,255,255,0.9);
display: flex; text-align: center;
justify-content: center; align-items: center; font-weight: bold;
padding: 0 10px;  }
    






.event-box {
  position: relative;
  display: inline-block;
}

.event-box img {
  display: block;
  width: 100%;
  border-radius: 10px;
}

.event-box .overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.35);
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  text-align: center;
  animation: fadeIn 0.8s ease;
}

.event-box .label {
  background: linear-gradient(90deg, #ff7eb3, #ff758c);
  padding: 6px 14px;
  border-radius: 20px;
  font-weight: 400;
  font-size: 15px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.2);
  color:#fff; 
}

.event-box .date {
  margin-top: 10px;
  font-size: 13px;
  opacity: 0.9; color:#fff;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}



.detail_img{  }

.event-notice {
  background: linear-gradient(90deg, #ff9a9e, #fad0c4);
  color: #fff;
  padding: 12px 18px;
  border-radius: 12px;
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  animation: fadeIn 0.8s ease;
}
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-10px); }
  to   { opacity: 1; transform: translateY(0); }
}



.my_point:read-only {
  pointer-events: none;  /* 클릭 자체를 막음 */
  background-color: #f5f5f5;
  color: #555;
}

.my_point:read-only {
  caret-color: transparent; /* 깜빡이는 커서 제거 */
  user-select: none;         /* 드래그 선택 불가 (필요하면 제거) */
  background-color: #f5f5f5;
  color: #555;
}





.mainpage_warp{ padding-top: 0px; }



.mall_wrap .tab_slide { padding-right: 120px;  }



.withdraw-label {
  color: #d00;
  font-weight: 600;
  margin-left: 6px;
}


.withdraw-label {
  color: #d00;
  font-weight: 600;
  margin-left: 6px;
}

.list_top_btn.is-disabled {
  pointer-events: none;   /* 클릭 차단 */
  opacity: 0.5;           /* 흐리게 */
  cursor: not-allowed;    /* 금지 커서 */
  filter: grayscale(0.2);
}





.foot_nav a { text-align: center; }
/* 
.foot_nav a.ico_mall img { height: 39px; margin-bottom: 5px;  }
 */
.my_top a span { font-size: 10px; display: inline-block; width: 100%; float: left; text-align: center;
margin-top: 1px; }


.my_top{ gap:3px;  }
.my_top a { text-align: center; }
.my_top a img{ display: inline-block; margin-top: 8px; }
.my_top a.ico_mall img { height: 43px; margin-top: 2px;  }

.my_top a span { font-size: 10px; display: inline-block; width: 100%; float: left; text-align: center;
margin-top: 1px; width: 100%; line-height: 1;  }

.my_top i { display: inline-block;   }

.my_top a.h_mall_ico img { margin-top: 3px; }
.my_top a.h_mall_ico span { margin-top: 0px; }

.my_top a { width: 33px;  }


.sub_header .right{ margin-top: -6px; }






.new_slide_are .nick { color: #888888; font-size: 11px; margin-bottom: 3px; }






#guide_pop .top_banner { max-height: 500px; overflow: auto; }







.input_btn.black.disabled { background: #dddddd;  }



.text-red-400{ color:red; font-weight: 400; }
.rank_list li .txt p.text-red-400 span { color:red; font-weight: 400; }



.mix_detail_top .mix_info .box_pop { min-width: 110px;  }
.goods_mix_li li { position: relative;  }
.mg_quantity{ position: absolute; right: -10px; top: -10px; 
font-size: 13px; padding: 5px 5px; border-radius: 10px; 
background: linear-gradient(90deg, #FF6E6E 0%, #FF0A01 100%);
    color: #fff; }


.goods_mix_li{ max-height: 530px; overflow-y: auto;  }



.mix_detail_top .mix_info .txt p.mix_text_point{ font-size: 15px; }


.giftbox_top { margin-bottom: 10px;  }
 .list_top .right .point2{ background: linear-gradient(90deg, #FF6E6E 0%, #FF0A01 100%);
    color: #fff; margin-left: 5px;  }


#friend_add_pop h5 { text-align: left; font-size: 13px; margin-bottom: 10px; font-weight: 300; }
#friend_add_pop .pop-conts { padding-top: 1px;  }


#gift_box_pop .bottom_btn { position: absolute; bottom:0; width: 100%; padding: 15px 20px; background: #fff; z-index: 999999;  }
#gift_box_pop {  position: relative; overflow: hidden; height: 90%; max-height: 500px;   }
#gift_box_pop .pop-container { padding-bottom: 70px; overflow: auto; padding-right: 5px; }

#gift_box_pop .bottom_btn input { height: 60px; border-radius: 10px; }



.flex_wrap{ display: flex; gap:5px;  }

#gift_box_pop .cart_list { border-top:0; }
#gift_box_pop .no-data { padding: 50px 0;  }



.gift_list_page.rank_list li .txt .product_info { padding-right: 0; }
.gift_list_page.rank_list li .txt h4 { padding-right: 20px; }

.gift_list_page .situation_point { padding: 5px 10px; border-radius: 10px; border-radius: 50px;
border: 1px solid rgba(0, 0, 0, 0.20); }

.gift_list_page .situation_point.on { background: #cbcbcb; border-color:#cbcbcb; color:#fff;  }


#gift_box_pop { padding-top: 30px;  }
#gift_box_pop .pop_title { position: absolute; top:0; left: 0; width: 100%; padding: 1rem;
 z-index: 999; background: #fff; }




#gift_box_pop .box_input_title{ display: inline-block;  }

#gift_box_pop .box_input_title p { display: inline-block; width: 100%;  }
#gift_box_pop .box_input_title p.p1 { font-size: 15px;  }
#gift_box_pop .box_input_title p.p2 { font-size: 13px; font-weight: normal;  }



.access_wrap { text-align: center; min-height: 100vh;   }
.access_btn  { display: flex; gap:10px; padding: 0 20px; }
 
.main_fast{
    display:flex; 
    padding: 0 30px;
    margin: 30px 0;
    gap:10px;
}



.main_fast a{
    border-radius: 8px;
background: #FFF;

/* drop2 */
box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.05);
text-align: center;
flex:1;
aspect-ratio: 1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.main_fast a p{
    color: #1B1B1B;
    font-size: 14px;
    margin-top: 8px;
    font-weight: bold;
}

.main_fast a p b{color: #27ABA6;}

.main_fast.myfast{padding: 0;}
.main_fast.myfast a{flex:1; aspect-ratio: auto; padding: 20px ;}


.event_slide_are{position: relative; padding: 0 30px; margin-bottom: 30px;}
.event_slide a{overflow: hidden; border-radius: 10px;display: block;}
.event_slide img{width: 100%; display: block;}

.progress_are{margin-top: 20px; display: flex;gap:20px;
align-items: center;}

.progress-wrap {
  position: relative;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 3px;
  background: #d9d9d9;
 
}

.progress-bar {
  width: 0%;
  height: 100%;
  background: #7FD7D0;
  transition: width 3s linear; /* autoplay 속도와 동일하게 */
}

.slide-num {
  position: relative;

  font-size: 12px;
  color: #999;
  font-weight: 500;
  display: flex; gap:4px;
  align-items: center;
}

.slide-num span{color:#999}
.slide-num span.current{color:#111}


.new_main_product{padding: 0 30px; display: flex; gap:10px; flex-wrap: wrap;}
.new_main_product li{
 width: calc(50% - 5px);
}

.new_main_product a{
    border-radius: 5px;
border: 1px solid #EFEFEF;
background:#fff; aspect-ratio: 1; display: block; position: relative;

}

.new_main_product a img{width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1; padding-bottom: 50px; }

.new_main_product a p{position: absolute; left: 0; bottom: 15px;
    padding: 0 15px; font-size: 13px; word-break: keep-all; z-index: 2;
        display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    }



.box_choice{
    background: #F9F9F9; 
    padding: 50px 30px;
    display: flex;;
    scroll-behavior: smooth; 
   justify-content: center; /* 가운데 정렬 */
   gap:10px
}





.box_item input { display: none; }
.box_choice input + label{cursor: pointer; text-align: center;
border-radius: 8px;
background: #FFF;
box-shadow: 1.564px 1.564px 11.731px 0 rgba(0, 0, 0, 0.05); 
overflow: hidden;
display: block;
transition-duration: .5s;
padding-bottom:20px
}
  
.box_choice input + label p{font-size:14px; margin: 20px 0 0; font-weight:bold} 

.box_choice input:checked + label{
    border-radius: 8px;
border: 3px solid var(--mint, #27ABA6);
background: #FFF;

/* drop2 */
box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.05);
transform: scale(1.2);
z-index: 2;
}

.box_choice input + label img{width: 100%;}


.lankmy{color: #1A7069;}


.storage_new{display: flex; gap:25px; align-items: center;}
.storage_new .txt h3{font-size: 16px;;}
.storage_new .txt h3 b{color: #1A7069;}
.storage_new .storage_new_btn{display: flex; margin-top: 10px; gap: 10px;}


.storage_list li .storage_new .thum{width: 115px; height: 115px;}