@CHARSET "UTF-8";

body, html { min-height: 100%;  }
.container_inner{ padding-bottom: 0px; }


header.header_back { background: none; position: fixed;     position: fixed;
    top: 0; border: 0; width: 100%; max-width: 650px;  }


.join_phon_w{ padding: 15px ; text-align: center; margin: 85px 0 65px;  }
.join_phon_w img { width: 95%; max-width: 360px;   }
/* 
header .header_top_menu ul.menu_top li.counselor a {  color: #EB655F; }
 */
.coin_paybox{ margin-top: 20px;  }
header h1{ float: left; padding: 1px 0 0; margin-left: 20px;  }
header h1 img{ width: 60px;   }

.bank_section_box { display: none; width: 100%; }

.pop-layer {  display: none; position: absolute;
  top: 50%;
  left: 50%; 
  height: auto;
  background-color: #fff;
  z-index: 10;
}

.dim-layer {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999999999999999;
}

/* .dim-layer .cont img { width: 750px;  } */


.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .8;
  filter: alpha(opacity=80);
}

.dim-layer .pop-layer {
  display: block;
}

a.btn-layerClose { display: inline-block; font-size: 25px; color: #909090; font-weight: 100; margin-right: 10px; }

.pop-layer{ padding: 10px;  border-radius: 20px;  }
.pop-layer { width: 95%; max-width: 410px;   }

.pop-container .close { position: absolute; right: 25px; top: 6px; }
.pop-container .close img{ width: 40px;  }


.dim-layer.privacy h5, .dim-layer.terms h5 { display: inline-block; width: 100%; font-size: 20px; margin-bottom: 10px; }
.dim-layer.privacy .cont, .dim-layer.terms .cont { height: 300px; overflow: auto; padding: 10px; }
.dim-layer.privacy pre, .dim-layer.terms pre { font-size: 13px; display: inline-block; width: 100%;
white-space: pre-wrap;  }



/* 
footer.foot_menu > ul > li.on a.foot_home{    
	background: url(/resources/images/ico_navi_myhome_on.png) center 5px no-repeat;
	background-size: 45px; }
	
	
footer.foot_menu > ul > li.on a.foot_search{    
	background: url(/resources/images/ico_navi_search_on.png) center 5px no-repeat;
	background-size: 45px; }
	
footer.foot_menu > ul > li.on a.foot_favorite{    
	background: url(/resources/images/ico_navi_favorite_on.png) center 5px no-repeat;
	background-size: 45px; }	

footer.foot_menu > ul > li.on a.foot_mymenu{    
	background: url(/resources/images/ico_navi_mymenu_on.png) center 5px no-repeat;
	background-size: 45px; }	

footer.foot_menu > ul > li.on a.foot_mycoin{    
	background: url(/resources/images/ico_navi_mycoin_on.png) center 5px no-repeat;
	background-size: 45px; }	
 */

.reivew_box ul.reivew_list > li .info_box > .cont ul.info li.review dl dt > span{ font-size: 11px; color: #707070; }


.detail_terms pre{ display: inline-block; width: 100%; word-break: keep-all; white-space: pre-line;
line-height: 1.5;  }


ul.list_item > li .item_box .cont > a{ display: inline-block; width: 100%;  }


ul.list_item > li .item_box .cont ul.info.web_view { display: none !important; } 

ul.list_item > li .item_box .cont ul.info.mo_view { display: flex !important; width: 100%; gap:10px; }


.detail_terms{ padding: 20px; font-size: 13px;  }
     
  .footer_info { display: inline-block; width: 100%; background: #F4F4F4; padding: 0px 10px 170px }   
     
  .footer_info i { font-style: normal; color: #d2d2d2; font-weight: 100;  }  
  
  .footer_info p{ font-size: 13px; line-height: 1.7; color:#8B8B8B;   }   
  .footer_info h3{ font-size: 13px; font-weight: 500; line-height: 1.5; margin-bottom: 5px;  }   
  
  .footer_info .btn{ display: inline-block; width: 100%; margin-top: 10px; margin-bottom: 5px; padding: 0 15px;   }   
  .footer_info .btn a { margin-left: 11px; float: left; font-weight: 500; color: #818181; font-size: 15px; }   
  .footer_info .btn a:first-child { margin-left: 0;  }
     
     
     
ul.notice_list{ background: none;  }
ul.notice_list li {background: #fff;  }
 
footer.foot_btn_mt{ bottom:0; }
table.tb_list tbody tr td.txt{ padding-left: 10px;  }
img{ max-width: 100%;  } 

button{ cursor: pointer; }
footer.foot_menu, footer.foot_btn_mt, footer.foot_btn { max-width: 650px; }
body{ max-width: 650px; margin: auto; }
.join_error { font-size: 13px; display: inline-block; width: 100%; margin-top: 7px; padding: 0 3px; }



header .header_top{ height: 80px; float: right; display: flex; align-items: center; } 

#login_btn{ cursor: pointer; border-color: #89CDA4;  }
.login_popup{ display: none; left: 0; width: 100%; height: 100%; }


.filter_popup{ display: none; left: 0; width: 100%; height: 100%; }


.tel_btn_pop{ display: none; left: 0; width: 100%; height: 100%; }

.login_error{ text-align: left; margin-bottom: 15px; line-height: 1.5; }

.no_listbox{ width: 100% !important; }
.no_listbox > div #login_btn_pop { margin-bottom: 10px; }


#form_qna{ height: 100%; width: 100%; display: flex; flex-direction: column;  }
#form_qna #comm_memo { height: 83%; resize:none;  }

.no-data{ margin: 80px 0 !important; background: none !important; font-size: 13px;  }



.star_input1 { display: inline-block; width: 100%;  }
.star-input{ box-sizing: border-box; float: left;  }
.star-input>.input,
.star-input>.input>label:hover,
.star-input>.input>input:focus+label,
.star-input>.input>input:checked+label{display: inline-block;vertical-align:middle;background: url(/resources/images/star.png) no-repeat;}
.star-input{display:inline-block; white-space:nowrap;  }
.star-input>.input{display:inline-block;width:150px;background-size:150px;height: 29px;white-space:nowrap;overflow:hidden;position: relative;}
.star-input>.input>input{position:absolute;width:1px;height:1px;opacity:0;}
star-input>.input.focus{outline:1px dotted #ddd;}
.star-input>.input>label{width:45px;height:0;padding:29px 0 0 0;overflow: hidden;float:left;cursor: pointer;position: absolute;top: 0;left: 0;}
.star-input>.input>label:hover,
.star-input>.input>input:focus+label,
.star-input>.input>input:checked+label{background-size: 150px;background-position: 0 bottom;}
.star-input>.input>label:hover~label{background-image: none;}
.star-input>.input>label.p1 {width:30px;z-index:5;}
.star-input>.input>label.p2 {width:60px;z-index:4;}
.star-input>.input>label.p3 {width:90px;z-index:3;}
.star-input>.input>label.p4 {width:120px;z-index:2;}
.star-input>.input>label.p5 {width:150px;z-index:1;}
.star-input>output{display:inline-block;width:60px; font-size:18px;text-align:right; vertical-align:middle;}
.star_input1 p.txt { float:left; font-size:16px; font-weight:600; color:#89CDA4; padding:0 0 0 10px;
margin-top: 5px; }

.phto_imglist label { display: inline-block; padding: 6px 15px; border-radius: 5px; font-size: 13px; }
.phto_imglist input[type='file'] { display: none;  }


.phto_imglist li:first-child label {  }


.upphto_item{ position: relative; width: 86px; height: 86px; border: solid 1px #d9d9d9; box-sizing: border-box; border-radius: 8px;
overflow: hidden;    }
.upphto_item img{ max-width: 100%; position: absolute;  left: 50%; top: 50%;  transform: translate(-50%, -50%); }

.phto_imglist ul{  display: inline-block; width: 100%; box-sizing: border-box; }
.phto_imglist ul li{ float: left; margin: 4px 4px; position: relative;  }

.phto_imglist ul li i { display: inline-block; width: 15px; height: 15px; background: #c4c4c4 url("/resources/images/close_iconw.png") no-repeat center; border-radius: 100%;
position: absolute; right: -5px; top:-3px;  background-size: 7px; cursor: pointer;  }
textarea.write_text{ line-height: 1.5; resize:none;   }

.top_title{ background: #fff; text-align: left; }
.top_title > p{ line-height: 1.5; font-size: 13px; font-weight: normal; margin-top: 2px;  }
p.txt_info{ line-height: 1.35; }


.notice_detail_wrap { background: #fff; }
.notice_detail .con { padding: 16px;  }








.upphto_item{ position: relative; width: 86px; height: 86px; border: solid 1px #d9d9d9; box-sizing: border-box; border-radius: 8px;
overflow: hidden;    }
.upphto_item img{ max-width: 100%; position: absolute;  left: 50%; top: 50%;  transform: translate(-50%, -50%); }

.phto_imglist ul{  display: inline-block; width: 100%; box-sizing: border-box; }
.phto_imglist ul li{ float: left; margin: 4px 4px; position: relative;  }
.phto_imglist ul li:first-child { margin-left: 0;  }


button.btn_long{ margin-left: 2%; }


.detail_img_ul li { display: inline-block; max-width: 100%; margin: 5px 0; }

.btn_reple_w{ display: inline-block; width: 100%; }
.reivew_complete_item .write_form{ display: none;  }
.container_counselmenu ul.reivew_list > li .con_box .btn_box button.btn_write{ display: none;  }

.main_banner, .main_banner > .mySwiper_main { height: 350px;  }
.main_banner > .mySwiper_main {  position: relative; }



ul.list_item > li .item_box .cont p.name{ color:#000; }
ul.list_item > li .item_box .cont p.name em{ font-style: normal; font-size: 23px; padding-right: 12px;   }
ul.list_item > li .item_box .cont p.name i { font-style: normal;  font-size: 11px;   }
ul.list_item > li .item_box .cont p.name span { font-style: normal;  font-weight: bold; 
 border-left: 1px solid #DADADA; padding-left: 10px; line-height: 0.7; display: inline-block; font-size: 23px; 
 color: #89CDA4;  }

.popup .popup_box .popup_con .top .info .name em { font-style: normal; font-size: 16px; font-weight: bold; }
.popup .popup_box .popup_con .top .info .name span { font-style: normal; font-size: 15px; font-weight: bold; margin-left: 3px;   }
.popup .popup_box .popup_con .top .info .name i { font-style: normal; font-size: 11px; font-weight: normal; }


.qna_complete_item .write_form, .qna_complete_item .btn_write { display: none; }

.container_counselmenu.write.fbm .img_box img { width: 100%;  }
/*  
 */
 
 .profile_con{ padding-left: 20px; padding-right: 20px;  }
 .profile_con .profile_con_box > .txtbox{ padding-bottom: 0;  }
 .profile_con .profile_con_box > .txtbox .img { display: inline-block; width: 100%;  }
 
.profile_con .profile_con_box > .txtbox img { margin-bottom: 10px }

.reivew_box ul.reivew_list > li .info_box > p.img img{ height: 60px; object-fit: cover; }

.reivew_box ul.reivew_list > li .con_box .info{ margin-bottom: 15px;  }
.reivew_box ul.reivew_list > li .con_box .text{ display: inline-block; width: 100%;  }
.container_counselmenu ul.reivew_list > li .con_box .text strong,
 .reivew_box ul.reivew_list > li .con_box .text strong { width: 100%; display: inline-block; margin-bottom: 5px;  }
 .reivew_box ul.reivew_list > li .con_box .text > div, .container_counselmenu ul.reivew_list > li .con_box .text  > div{ margin-top: 10px;  }
 .reivew_box ul.reivew_list > li .con_box .text > div:FIRST-CHILD,
 .container_counselmenu ul.reivew_list > li .con_box .text > div:FIRST-CHILD { margin-top: 0px;  }


.reivew_box ul.reivew_list > li .con_box .text .l { width: 100%; margin-top: 10px;   }
.reivew_box ul.reivew_list > li .con_box .text .l div:FIRST-CHILD { margin-bottom: 10px;  }

.reivew_box ul.reivew_list > li .con_box .text img { width: 100%; /* height: 100px; */  object-fit: cover;  }



.container_counselmenu ul.reivew_list > li .con_box .text{ word-break:break-all;} 

.lately_tag > ul{ display: inline-block; width: 100%;  }
/* 
.logout_btn{ margin-bottom: 50px; }
 */
a.btn_full, input.btn_full{ border-radius: 5px;  }

/* 
.page_mymenu .footer_info { padding-bottom: 110px;  }
 */
.popup .popup_box .popup_con button.btn { padding: 8px 5px;  }
.popup .popup_box .popup_con .con div.coin dl dt { font-size: 12px;  }

/* 20221204 추가// */


.main_rating{ height: 20px;  display: inline-block; width: 100%; float: left; }

.main_rating2{  position: absolute; right: 12px; bottom:8px; display: flex; gap:5px; z-index: 20; }
.main_rating2 span {
display:inline-block; content:'';  color:#fff; padding: 5px 8px;
font-size:11px; line-height:1em; font-weight:500; border-radius:5px; font-style: normal;
z-index: 20;  background: rgba(0,0,0,0.5); }



/* ul.list_item > li .item_box .cont p.badge { display:inline-block; padding:4px 10px 5px 22px; color:#fff; font-size:11px; line-height:1em; border-radius:20px;  }
ul.list_item > li .item_box .cont p.partner { background:url('../images/ico_partner2.svg') left 8px center no-repeat; background-size:10px; background-color:#89CDA4; }
ul.list_item > li .item_box .cont p.new { background:url('../images/ico_partner1.svg') left 8px center no-repeat;
background-size:10px; background-color: #B41E7A; }
 */

/* //20221204 추가 */

/* 20221204 추가// */
ul.list_item > li .item_box .cont ul.info li.stit { font-size:12px; color:#999999; } 
/* //20221204 추가 */

.profile_info{  padding-top: 3px;   }

/* 20221204 추가 수정// */
.detail_profile .profile_top .profile_id { position: static; width:100%; padding: 25px 0 3px;  background: #fff;  }
.detail_profile .profile_top .profile_id > div { position:relative;  justify-content:space-between; align-items:center; padding:0 20px; }
.detail_profile .profile_top .profile_id > div .tit { font-size: 25px; font-weight:bold; color:#151515; float: left;
 width: calc(100% - 150px); display: flex; align-items: center;   }
.detail_profile .profile_top .profile_id > div .tit > span { display:inline-block;  
 color:#fff; padding: 5px 7px; border-radius: 5px; margin-right: 15px; font-size: 15px; font-weight: 300; 
 height: 30px; line-height: 1.5;    }

.detail_profile .profile_top .profile_id > div .tit em{ font-size: 25px; padding-left: 13px;
 margin-left: 12px; border-left: 1px solid #DADADA; line-height: 0.8; font-weight: bold; 
 color:#89CDA4 !important; }

.detail_profile .profile_top .profile_id > div p.badge  {display:inline-block; padding:5px 12px 6px 12px; border: 1px solid #89CDA4; color:#89CDA4; border-radius: 100px; float: right;    }
.detail_profile .profile_top .profile_id > div{ display: inline-block; width: 100%;  }

.detail_profile .profile_top .profile_id > div p.new { margin-right: 5px; }

.detail_profile .profile_top .profile_id .txt{ color:#000; padding: 0 20px; font-size: 20px; margin-top: 11px; line-height: 1.5; }
.detail_profile .profile_top .counsel_btn button.btn_ico_alarm{ display: none;  }
/* 
.detail_profile .profile_top .profile_id > div p.badge { display:inline-block; padding:5px 12px 6px 24px; color:#fff; font-size:14px; line-height:1em; border-radius:20px; }
.detail_profile .profile_top .profile_id > div p.partner {  float: right;  margin-left:10px; background:url('../images/ico_partner2.svg') left 10px center no-repeat; background-size:9px; background-color:#89CDA4; }
.detail_profile .profile_top .profile_id > div p.new {  float: right; ;  background-size:9px; background-color:#B41E7A; }
.detail_profile .profile_top .profile_id .txt { display:inline-block; width:100%;  ;
	font-size:13px; font-weight:400; color:#151515; margin-top:5px; padding:0 15px; }
 */

.reivew_box ul.reivew_list > li{ border-bottom: 1px solid #F7F7F7;  }
.reivew_box ul.reivew_list > li .con_box .good button.btn_good > span{ margin-top: 1px;  }
/* //20221204 추가 */

.pay_txt h5 { display: inline-block; width: 100%; margin-bottom: 10px;   color:#000; font-weight: bold; font-size: 17px;  }
.pay_txt p{ line-height: 1.45; font-size: 13px; word-break: break-all; }
.pay_txt p span{ color:red;  }
.coin_paybox ul.coin_pay li dl dt, .coin_paybox ul.coin_pay li dl dd{ font-size: 15px;  }


ul.list_item > li .goods_box .item_box{ padding: 0px; }
ul.list_item > li .goods_box  { padding: 5px 10px; display: inline-block; width: 100%; border-radius: 10px; border: solid 1px #89CDA4; }
ul.list_item > li .goods_box .item_box { border: 0;  }


ul.list_item > li .goods_box .cont span { display: inline-block; width: 100%;  }
ul.list_item > li .goods_box .cont .goods_name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
ul.list_item > li .goods_box .cont .goods_price{ margin-top: 3px;  }
ul.list_item > li .goods_box .cont .goods_name {  font-weight: bold; }
ul.list_item > li .goods_box .cont .goods_cata { display: inline-block; width: 100%; margin-bottom: 10px; font-size: 14px;  }



ul.list_item > li{ margin: 0;  }
.goods_title { display: inline-block; width: 100%;  padding: 15px 0 13px; border-bottom: 2px solid #f5f5f5;  }
.goods_title h5 { display: inline-block; width: 100%; font-size: 17px;  }
.goods_title span  { display: inline-block; width: 100%; margin-top: 7px; font-weight: bold; }

.main_banner.mall_banner { margin-top: 0;  }














.order_list > ul > li { display: inline-block; width: 100%; border-bottom: 1px solid #eee; padding: 3px 10px; background: #fff;  }
.order_list_w ul li a{ display: inline-block; width: 100%;  }
.order_list_w ul li a .phto { height: 70px; width: 70px; overflow: hidden; position: relative; background: #f5f5f5;  float: left;  border-radius: 10px; }
.order_list_w ul li a .phto img {  width: 100%; height:100%; ;object-fit: cover;   }
.order_list_w ul li a .cont { float: left; width: calc(100% - 70px); padding-left: 10px; }  
.order_list_w ul li a .cont p span { display: inline-block; width: 100%;  }
.order_list_w ul li a .cont .mall_memo { padding: 0 0 3px 0; display:inline-block; width:100%; ;
    font-weight: bold; color: #333; font-size: 13px; }

.order_list_w ul li a .option_memo span { font-size: 12px; color: #9d9d9d; font-weight: 300; display: inline-block; width: 100%;  }

.order_list_w ul li a .price {  font-weight: bold; color: #89CDA4; }

.order_title { border-top:1px solid #cccccc; background:#f2f3f3;   }
.order_title h3{ color:#333333; font-size:14px; line-height:36px;   }

.order_list { display: inline-block; width: 100%;  }



.table_order1 table {border-top:1px solid #e8e8e8; width: 100%; }
.table_order1 caption {display:none;}
.table_order1 th {width:82px; padding:10px 10px 7px 24px; border-bottom:1px solid #e8e8e8; background:#fff; font-weight:normal; color:#5e5e5e; font-size:13px; text-align:left;}
.table_order1 th.order_ch {background:#fff url('/resources/images/icon_squre.png') no-repeat 15px center;}
.table_order1 tr td {padding:10px 10px 7px 14px; border:0;
border-bottom:1px solid #e8e8e8; color:#5e5e5e; font-size:12px; text-align:left; word-break:keep-all;
background: #fff; }

.table_order1 input {width:100%; height: 35px; padding:0 10px 0 10px; font-size:14px; color:#333333; background:#ffffff; border:1px solid #c3c3c3; box-sizing:border-box;}
 
.table_order1 .content{ padding: 0;  }
/* 우편번호 */ .zipcode_btn1 {display:inline-block; width: 80px; padding:5px 0 5px 0; float: right; height: 35px; ;
text-align:center; background:#fff; border:1px solid #000; color:#000; font-weight: normal; box-sizing:border-box;}
.zipcode_num input{ float: left; width: calc(100% - 90px); }

.zipcode_box > div{ margin-bottom: 0px; display: inline-block; width: 100%;  }
.zipcode_box > input { margin: 3px 0; }

.all_money_box{ display: inline-block; width: 100%;  }
.money_left { width: calc( 100% - 105px); float: left;  }
.money_right { width: 100px; float: right; padding-top: 5px;  }
.money_right .inp_chk label { margin-top: 3px; }


.inp_chk input {display:inline-block; width:20px; height:20px; margin:-3px 3px 0 0; vertical-align:middle;
 background:url("/resources/images/icon_chk.gif") no-repeat center; background-size:100%; border:none;
 -webkit-appearance: none; -webkit-border-radius: 0; float: left; margin-top: 1px;  }
.inp_chk input:checked {background:url("/resources/images/icon_chk_on.gif") no-repeat center; background-size:100%;}
.inp_chk label { font-size: 13px; float: left; margin-left: 3px;   }
 
.point_view span { color: #89CDA4; font-weight: bold; }
.addr_add_pop { z-index: 1100 }
.addr_add_list_pop { z-index: 1000 }




.orderview_total {text-align:right; display: inline-block; width: 100%; padding: 10px 0; background: #fff;  }
.orderview_total dl {display:inline-block; margin:0 15px 0 0;}
.orderview_total dl dt {display:inline-block; font-size:15px; font-weight:500;}
.orderview_total dl dd {display:inline-block; margin:0 0 0 10px; font-size:15px; font-weight:bold;}

.total_order_w  { color: #89CDA4; }

.order_pay_list{  border-bottom: 1px solid #cccccc; }
.pay_list{ display: inline-block; width: 100%; }
.pay_list ul li { display: inline-block; width: 100%; padding: 0px 0; border-top: 1px solid #efefef;  }
.pay_list ul li:first-child { border-top:0;  }

.pay_list ul li label{display:inline; font-size:13px; color:#494949; line-height:17px; vertical-align:top; padding: 10px 0;  }
.pay_list ul li .inp_rdo input { margin: 10px 5px 10px 0; }


.pay_list .inp_rdo { width: 100%;  }
.pay_list ul li label { margin-right: 0; width: calc(100% - 30px); display: inline-block; }


.inp_rdo {display:inline-block; padding:5px 0 5px 0;}
.inp_rdo input {display:inline-block; width:20px; height:20px; margin:-3px 5px 0 0; vertical-align:middle; 
background:url('/resources/images/icon_rad_chk.png') no-repeat center; background-size:100%; border:none;
-webkit-appearance: none; -webkit-border-radius: 0; }

.inp_rdo input:checked {background:url('/resources/images/icon_rad_chk_on.png') no-repeat center; background-size:100%;}
.inp_rdo label {margin:0 15px 0 0;}

.pay_btn_w { padding: 10px 0px; border-top: 15px solid #f2f3f3; }
.pay_btn_w .content{ padding: 0;  }

.pay_btn button {display:inline-block; width:100%; padding:11px 0 11px 0; font-size:15px; text-align:center; background:#89CDA4;
 border:1px solid #89CDA4; color:#ffffff; font-weight:bold; box-sizing:border-box; margin-top: 15px;  }


#addr_layer {  padding-top: 65px; background: none !important; position:fixed; z-index:9999999;-webkit-overflow-scrolling:touch;
 position: absolute;  left: 50% !important; top: 50% !important;  transform: translate(-50%, -50%); 
 width: 350px !important; height: 300px !important; max-width: 100%; background: #eee !important;   }    
 
 
#addr_layer iframe { width: 100%;  }

#addr_layer div { padding: 20px !important;  width: 100% !important;
background: #eee !important; }
#addr_layer div iframe { width: 100% !important;  left: 10px !important; width: calc(100% - 20px) !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: 17px 15px; display: inline-block; font-size: 18px; color:#fff; }   
     
     

.recruit_wrpa .inner-body {
  padding-top: 0;
}
.recruit_wrpa .recruit-top {
  background: #f5f5f5;
  padding: 24px 16px 19px;
  text-align: center;
  line-height: 1.4;
}
.recruit_wrpa .recruit-top .tit {
  font-size: 1.125rem;
  font-weight: bold;
  padding: 52px 0 4px;
  background: url("/resources/images/logo.png") top center/130px  no-repeat;
}
.recruit_wrpa .recruit-top .info-txt {
  color: #666;
  font-size: 0.875rem;
}
.recruit_wrpa .recruit-top .contact-info {
  display: flex;
  margin-top: 16px;
  padding-top: 16px;
  border-top: #e5e4e9 1px solid;
  font-size: 0.9375rem;
  justify-content: space-between;
}






.recruit_btn { text-align: center; margin-top: 20px; }
.recruit_btn button{ display: inline-block; width: 100%; height: 56px;   line-height: 50px; color: white;
    font-size: 1rem; font-weight: bold; text-align: center; border-radius: 10px;
    border: 0; cursor: pointer; background-color: #89CDA4; }
    
    
.recruit_btn p { color: #000; line-height: 1.5; font-size: 15px; margin-top: 15px;  }
.recruit_btn p a { color: #000; border-bottom: 1px solid; }




.container_myreview ul.reivew_complete_list > li .con_box .text strong{ display: inline-block; width: 100%;  }
.container_myreview ul.reivew_complete_list > li .con_box .text .l { width: calc(100% - 110px); float: left;  }
.container_myreview ul.reivew_complete_list > li .con_box .text .l div:FIRST-CHILD { margin-bottom: 10px; }
.container_myreview ul.reivew_complete_list > li  .text img { float: right; width: 100px;  object-fit: cover;  }


.m_modify_tel div p{ display: inline-block; width: 100%; font-size: 13px; margin-top: 5px;line-height: 1.5;  }

.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;  }





.detail_profile .profile_top .profile_id > div .tit em i { font-style: normal;  font-size: 15px;   }
.detail_profile .profile_top .profile_id > div .tit em  { font-style: normal;  display: inline-block; font-weight: bold;    }

.delete_box textarea.input_text{ resize:none; background: #fff;  }


.footer_info h3 span{ position: relative; padding-right: 15px; cursor: pointer; font-size: 15px; color:#818181; }
.footer_info h3 span:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: rotateX(0);
    transition: all .6s;
    margin-top: -3px;
    width: 10px;
    height: 6px;
    background: url('../images/footer_arrow.svg') no-repeat 50% 50%;
}

.footer_info h3 span.on:after {
	transform: rotateX(180deg);
}

.footer_info .content > p { display: none; padding: 0 15px 20px;  }


.deleteuser_bottom .content { max-width: 620px; margin: auto; width: 100%;  }




 
.banner_popup input[type=checkbox]{display:none;}
.banner_popup input[type=checkbox] + label{display:inline-block;position:relative;padding-left:30px;font-weight:400;font-size:13px;line-height:20px;vertical-align:top;cursor:pointer;}
/*.checkbox_r input[type=checkbox] + label em{color:#de4f41;}*/
.banner_popup input[type=checkbox] + label span{font-weight:300;color:#999;}
.banner_popup input[type=checkbox] + label:before{content:""; float:left;
display:inline-block;position:absolute;left:0;top:0;width:20px;height:20px;border:1px solid #dddddd;
border-radius:10px;background:url('/resources/images/check_off.svg') no-repeat center center;background-size:32px auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.banner_popup input[type=checkbox]:checked + label{color:#151515;font-weight:400;}
.banner_popup input[type=checkbox]:checked + label:before{border:1px solid #f3b90d;
background:url('/resources/images/check_on4.svg') no-repeat center center;background-size:32px auto;}
.banner_popup input[type=checkbox]:disabled + label{cursor:default;}
/* .checkbox_r + .checkbox_r{margin-left:25px;} */

.banner_popup .popup_boxn{ padding: 0; background: none; max-width: 450px;  } 

.banner_popup .title { position: absolute; left: 0px; top:-50px; width: 100%;  }

.banner_popup .cont img{  border-radius: 30px; overflow: hidden; }


.banner_popup .close{ position: absolute; right: -0px; top: 6px;  }
.banner_popup .close img{ width: 30px; cursor: pointer;  }

.banner_popup .title .chkday_w { position: absolute; left: 0; top: 10px ; }
.banner_popup .title .chkday_w label { color:#fff; float: left; margin-left: 30px; cursor: pointer;  }
.banner_popup .title .chkday_w input[type=checkbox] + label { margin-left: 0;  }

#banner_popup{ display: none;  }


.container_counselmenu .section_box {padding-left: 0; padding-right: 0; }

.container_counselmenu01 .section_box{ padding: 0;  }



.popup_banner > .mySwiper_main { overflow:hidden; /* height: 380px; */ position: relative; }
.popup_banner .swiper-pagination{ bottom:10px; right: 10px;   }
.popup_banner .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.popup_banner .swiper-pagination {
    text-align: right;
    padding: 0 10px;
}

.popup_banner .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #fff;
    border-radius: 6px;
    opacity: 1;
    margin: 0 2px !important;
    padding: 0;
}

.popup_banner .swiper-pagination-bullet-active {
    width: 24px;
    background-color: #89CDA4;
    border-radius: 6px;
    margin: 0 2px !important;
    padding: 0;
}

body.flex .profile_tap_box{ padding-top: 63px;  }

header.on  { background: #fff; z-index: 999999999999999; }

header .header_title{ min-height: 65px; }
header .header_title > .btn_home { float: right;  }
header .header_title p { position: absolute; left: 0; top:0; width: 100%; text-align: center; 
font-size: 20px; padding: 20px 0; font-weight: bold;  }

header .header_title > .btn_home {
    float: right;
    display: inline-block;
    width: 55px;
    height: 55px;
    background: url('/resources/images/ico_home2.svg') center center;
    background-size: 55px;
    background-repeat: no-repeat;
}


.detail_home_btn{ display: inline-block; width: 100%; margin: 10px 0; text-align: center;  }
.detail_home_btn img { width: 25px; float: left;  }
.detail_home_btn a { display: inline-block; padding: 5px 15px; border: 1px solid #eee; 
border-radius: 10px; margin: auto; }
.detail_home_btn a span { float: left; margin-left: 5px; margin-top: 3px;  }

.detail_home_btn a:hover{     border-color: #89CDA4; }

.detail_home_btn a i { background: url('/resources/images/ico_home2.svg') center center;
display: inline-block; float: left;  width: 25px; height: 25px; }


.detail_home_btn a:hover i { background: url('/resources/images/ico_home2_2.svg') center center no-repeat;  background-size: 22px; }
.detail_home_btn a:hover span {  color: #89CDA4;  }




.container_myreview ul.reivew_complete_list > li .con_box .text .l { width: 100%; margin-top: 10px;  }
.container_myreview ul.reivew_complete_list > li .con_box .text .l div:FIRST-CHILD { margin-bottom: 10px;  }

.container_myreview ul.reivew_complete_list > li .con_box .text img { width: 100%; /* height: 100px; */  object-fit: cover;  }



.tel_btn_w{ text-align: left; }
.tel_btn_w .btn { display: inline-block; width: 100%; text-align: center; margin: 10px 0; 
border-radius: 10px; background: #89CDA4;  padding: 20px 0;  color:#fff; }

.tel_btn_w .btn span {font-weight: bold;  }

.tel_btn_w > p { font-size: 13px;  }
.popup_con .btn_060{ display: inline-block; width: 100%;   }


 .btn_060 .btn{ background: #625d5d; }














/** 룰렛 이벤트 **/
        #round_banner .roulette_btn {position: absolute; left: 0; top: 0; line-height: 1.3; border-radius: 71.7px; height: 100%; font-size: 14px; display: flex; justify-content: center; align-items: center; overflow: hidden;}
        #round_banner .roulette_btn:nth-child(1) {width: 71.7px; background: #A8C8F9; z-index: 1; text-align: center; color: #fff; box-shadow: 4px 4px 4px #eee; text-shadow: 1px 1px 3px #777; cursor: pointer;}
        #round_banner .roulette_btn:nth-child(2) {width: 300px;   border: 3px solid #eee; transform-origin: 0 50%; transform: scale(0); transition: .3s; z-index: 0; text-indent: 71.7px; text-align: left;}
        #round_banner .roulette_btn:nth-child(1):hover +.roulette_btn:nth-child(2) {transform: scale(1);}
        
        #round_banner #show_roulette {  width: 100%; height: 100%;    position: relative;  }
       
       
        #round_banner #title {color: #fff; font-size: 16px; line-height: 33px; width: 100%; text-align: center; padding-top: 50px;}
        #round_banner #title:first-line {font-weight: bold; font-size: 40px;}
        #round_banner #count::before {content: '나의 응모기회 :'; margin-right: 7px;}
        #round_banner #count {width: 100%; height: 50px; background: #e89f32; color: #000; display: flex; justify-content: center; align-items: center; font-size: 18px;}
        
        .roulette_bg{ position: relative;  }
        #round_banner #roulette {text-align: center; position: absolute; top: 34.2%; left: 0%; width:100%;;  }
        #round_banner #roulette img { width: 100%;  }
        
        #round_banner #roulette {text-align: center; position: absolute; top: 44.2%; left: 0%; width:100%;;  }
        #round_banner #roulette img { width: 67.8%;  }
        .roulette_bg_img{ position: absolute; top:0; left: 0; width: 100%; z-index: 90  }
        
        
        #round_banner #roulette .roulette_point {  position: absolute; top: -11%; left: 50%; transform: translateX(-50%);
         width: 20%;  }
         
        #round_banner #start {   width: 20%; position: absolute; top: 50%; left: 50%;
         transform: translateX(-50%) translateY(-50%); cursor: pointer; z-index: 100;}
        #round_banner #start img{ width: 100%; }
        
        
        #round_banner #description {margin-left: 50%; transform: translateX(-50%); width: 600px;}
        #round_banner #description li {color: #fff; font-size: 16px; line-height: 21px;}
        #round_banner #description li::first-letter {color: #d6000f;}
        #round_banner #description >div {height: 50px; width: 100%; background: gold; color: #000; border: 1px solid #fff; font-size: 20px; display: flex; justify-content: center; align-items: center; margin: 20px 0;}
		
		
		.roulette_wrap{  display: inline-block; width: 100%;  }
		.roulette_btn2{ display: inline-block; width: 100%; text-align: center;  }
		.roulette_btn2 a { display: inline-block; width: 80%;  }
		
		.roulette_coupon{ display: inline-block; width: 100%; text-align: center; }
		.roulette_coupon > div{ display: inline-block; margin: 20px 0;  }
		.roulette_coupon span { float: left; color:#fff; font-size: 17px; margin: 5px 0;  }
		.roulette_coupon strong { float: left; color:#fff; font-size: 32px; margin: 0 3px 0 5px; display: inline-block;  }
		
		.roulette_win_box{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
		.roulette_win_box > div { display: inline-block; position: absolute; top:50%; right: 0; width: 83%; 
		text-align: center;  transform: translate(-0%, -50%); }
		
		.roulette_win_box > img{ max-width: 350px; ;  }
		
		
		.roulette_win_box > div > div{ display: inline-block;  }
		.roulette_win_box strong { float: left; font-size: 55px; color:#f43f73; font-weight: bold;  }
		.roulette_win_box span { float: left; font-size: 25px; margin-top: 10px; margin-left: 2px; font-weight: bold;  }
		.roulette_win_box p { display: inline-block; width: 100%; margin-top: 17px; font-size: 20px; font-weight: bold;  }
		.roulette_win_box .popup_close { position: absolute; right: 0; top: -35px; width: 30px; cursor: pointer; }
		
		.roulette_win_popup{ display: none;  }
		
/** 룰렛 이벤트 끝 **/



ul.list_item > li .goods_box .item_img img { height: 180px; max-height: 180px; }
ul.list_item > li .goods_box .item_img { height: 180px; max-height: 180px; }

ul.list_item > li .goods_box .item_box .cont { text-align: center; padding: 15px 0; margin-top: 10px;  } 


.main_mall_list{  display: flex; flex-direction: row; flex-wrap: wrap; }
.main_mall_list .box { display: inline-block; width: 50%; text-align: center; margin: 5px 0; }
.main_mall_list .box a{ display: inline-block; width: calc(100% - 10px); padding: 50px 0; border: 1px solid #eee; font-weight: 500;    }
.main_mall_list .box a:hover { background: #89CDA4; color:#fff; font-weight: bold;  }


header .header_top_menu ul.menu_top li ul { position: absolute; left: 0; top: 95px; background: #fff; width: 100%;   }

.mall_container{ padding-top: 50px;  }

.header_top .top_search{ padding: 15px; display: inline-block;  }
.top_search img{ width: 25px;  }

.attendance_wrap { position: relative;  }
.attendance_item_w{ position: absolute; top: 41%;  left:0; width: 100%; padding: 5px;  }


.attendance_item_w ul { display: flex; flex-wrap: wrap; width: 100%;  }
.attendance_item_w ul li { width: 20%; position: relative; }

.attendance_wrap .btn { position: absolute; top: 59%; text-align: center; }
.attendance_wrap .btn img { width: 50%; cursor: pointer; }

.attendance_item_w .num { position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); 
 font-size: 20px; font-weight: 500; width: 100%; text-align: center;  }

.attendance_item_w .check { position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width: 100%;   }
.attendance_item_w .check img { width: 100%;  }


.attendance_popup{ display: none;  }

.attendance_box{ position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%);
width: 80%; max-width: 300px; background: #fff; padding: 30px 20px; border-radius: 20px; z-index: 99999; text-align: center;  }
.attendance_box img{ max-width: 100px;  }


.attendance_box .popup_close { position: absolute; right: 0; top: -45px; width: 30px; cursor: pointer; }
.attendance_box .popup_close img { width: 30px;  }	

.attendance_box p { display: inline-block; width: 100%; margin-top: 10px; font-weight: bold;  }

.attendance_box .attendance_class { display: inline-block; padding: 10px 30px; background: #000; border-radius: 10px; color:#fff;
font-size: 13px; margin-top: 20px; cursor: pointer;   }




ul.list_tab {  padding: 0 20px; border: 0;  }


.sub_top_menu{ background: #fff; margin-bottom: 1px;   }
.sub_top_menu ul { display: flex; padding: 0 30px;  }
.sub_top_catamenu ul{ padding: 0 20px;  }

.sub_top_menu ul li { text-align: center; width: 33.33%;  }

.sub_top_menu ul li img{ height: 65px;  }
.sub_top_menu ul li span { display: inline-block; width: 100%; font-size: 17px; margin-top: 13px; font-weight: 500; color:#1a1a1a;  }
.sub_top_menu ul li a{ padding: 30px 0 10px; display: inline-block; width: 100%;  }
.sub_top_menu ul li a.active{    }

.sub_top_menu ul li a.active span { color:#89CDA4; font-weight: bold; }

 
   
   .main_banner{ padding-top: 0px; border-top: solid 1px #EFEFEF; overflow: hidden; padding-bottom: 0px; }

body{ max-width: 650px; }
ul.list_item > li{ margin: 10px 0; width: 100%;     }

/* 
ul.list_item > li:first-child { margin-top: 20px;  }
 */
.item_box_w{ padding: 10px 10px 8px; border:1px solid #F5F5F5;; border-radius: 5px; position: relative; }


ul.list_item > li .item_box{ display: flex;  }
ul.list_item > li .item_box .item_img{ width: 200px; height: 135px;  }

 
ul.list_item > li .item_box .cont{ padding: 1px 20px; width: calc(100% - 160px); 
padding-right: 0; padding-top: 16px; padding-right: 170px;  }



ul.list_item > li .item_box .cont .cont_rt > a{ min-height: 66px; display: inline-block; width: 100%;  }

.name_top{ display: flex; margin-bottom: 5px;  }
.main_rating { width: auto; display: flex; }
.main_rating p { width: auto;  }

ul.list_item > li .item_box{ padding-bottom: 5px;  }
 


ul.list_item li a.btn_list, ul.list_item li button.btn_list{ width: 100%;  
top :0; right: 0;     border-radius: 0; color:#89CDA4; 
font-size: 15px; padding: 13px 15px;    display: inline-block;
border: 0;  position: static; border-radius: 10px; margin-top: 0px; 
  background: #89CDA4; cursor: pointer; }



 
ul.list_item > li .item_box .cont .style{ margin: 5px 0  }

.tel_btn_wrap{ display: inline-block;  position: relative;  }

ul.list_item li button.btn_list_ing2 { background: #D9D9D9; 
border-color: #ECECEC; color:#818181;   }

button, a{  transition: background-color 0.5s ease;  }


ul.list_item li button.btn_list_ing2 span { background: url(/resources/images/call2_ico.png)  0% center  no-repeat;  
 color:#fff; background-size: 25px; padding-left: 35px;  }
 

.search_container ul.list_item li button.btn_list_ing2 span { padding-left: 27px; background-position: 0 center;  }
.search_container ul.list_item li button.btn_list_ing span { background-position: 0; padding-left: 30px; padding-right: 0;  }
.search_container ul.list_item li button.btn_list { padding-left: 9px; padding-right: 9px; }
.search_container ul.list_item li button.btn_call_ok { padding-left: 11px; padding-right: 11px; }
.search_container ul.list_item li button.btn_call_none_A { padding-left: 15px; padding-right: 15px; }


 

.page_favorite .container_inner  { padding: 0 11px;  }


/* 
    ul.list_item li a.btn_list:hover , ul.list_item li button.btn_list:hover{ background: #fffcf9; }
    
     */
    
    
 ul.list_item li button.btn_list_ing:hover { background: #89CDA4;  }


ul.list_item > li .item_box .cont p.badge, ul.list_item > li .item_box .cont p.partner,  
ul.list_item > li .item_box .cont p.new { border-radius: 5px; color: #89CDA4; border:1px solid #89CDA4;
font-size: 11px; padding: 3px 5px 7px 5px; margin-left: 5px; display: inline-block;   } 
 

.w_round_box{ background: #fff;  }
.w_round_box .search_input_container{ border: 1px solid #E9E9E9; border-radius: 10px; overflow: hidden;  }


.footer_top{ display: inline-block; width: 100%;  padding: 25px 15px 0;   }

.footer_top img{ height: 25px; float: left; margin-top: 0px;  }
.footer_top .r { float: right;  }

ul.list_item > li .item_box { border-color: #E9E9E9 !important;  }



.page_title{ display: inline-block; width: 100%; margin-bottom: 10px;  }
.page_title h3{ font-weight: 500; }


.search_container .w_round_box { padding-top: 20px; }

.h_full.search_container .w_round_box { padding-top: 30px; }


.w_round_box{ padding: 10px 0;  }



.mypage_login{ display: inline-block; width: 100%; margin: 30px 0 10px;     }
.mypage_login > div{ float: right; display: flex; width: 80px; gap: 5px;   }
.mypage_login p.txt_b { float: left; color: #121212; font-size: 15px; margin-top: 2px;  }


.page_favorite .container { min-height: 500px;  }

.popup .popup_box .popup_con .con div.coin{ margin-bottom: 0;  }
.popup .popup_box .popup_con .con{ padding: 15px 20px; background: #F7F7F8; border-radius: 10px;  }

.popup .popup_box .popup_con .con div.coin > p a.btn_coiny{ background: #fff; border-color:#000; color:#000;  }



.page_favorite .container{ padding-top: 25px;  }


.container_inner_section{ ;padding-top: 10px;  }

ul.join_choice li a.btn_email:before{ background: none;  }

ul.join_choice li a > span { width: 160px; text-align: left;   }


footer.foot_menu > ul > li{ text-align: center; padding: 0; }
footer.foot_menu > ul > li svg{ width: 35px; height: 25px;  }
footer.foot_menu > ul > li.on svg path { fill: #fff; }

footer.foot_menu > ul > li.on:nth-child(2) svg path { stroke: #fff; fill: none; }


footer.foot_menu > ul > li svg path { fill: #b2b2b2; }
footer.foot_menu > ul > li:nth-child(2) svg path { stroke: #b2b2b2; fill: none; }


/* 
footer.foot_menu > ul > li a { display: inline-block; width: 100%; padding: 13px 15px }

 */
footer.foot_menu > ul > li.good_li{ text-align: center;  position: relative; }

footer.foot_menu > ul > li.good_li > div{ position: absolute; bottom: 15px;  }

footer.foot_menu > ul > li.good_li span{ padding-top: 5px; }
 
 /* 
footer.foot_menu > ul > li.good_li svg {  position: absolute;  left: 50%; top: 50%;  transform: translate(-50%, -50%); width: 30px; height: 30px; }
footer.foot_menu > ul > li a span { width: 100%; height: auto; text-align: center; display: inline-block; padding-top: 5px; 
font-size: 17px; color: #8c8c8c;; font-weight: 300;    }
footer.foot_menu > ul > li.on a span { display: none;  }
footer.foot_menu > ul > li.on a { display: inline-block; border-radius: 100px; background: #BF3A3A; 
width: 50px; height: 50px; padding: 13px 8px; margin-top: 10px;   }

 */







footer.foot_menu > ul > li.good_li{ text-align: center;  position: relative; margin-top: -36px;  }

footer.foot_menu > ul > li.good_li > div{ position: absolute; bottom: 15px;  }

footer.foot_menu > ul > li.good_li span{ padding-top: 5px; }

footer.foot_menu > ul > li.good_li i { background: #89CDA4 url("/resources/images/footer_menu.svg") no-repeat center 15px;; width: 80px; height: 80px; 
 display: inline-block; border-radius: 100px; position: relative; 
 background-size: 45px; }
 
 
footer.foot_menu > ul > li.good_li svg {  position: absolute;  left: 50%; top: 50%;  transform: translate(-50%, -50%); width: 30px; height: 30px; }


footer.foot_menu > ul > li a span { width: 100%; height: auto; text-align: center; display: inline-block; padding-top: 52px; 
font-size: 17px; color: #C5C5C5;; font-weight: 300;    }
footer.foot_menu > ul > li.on a span { color:#89CDA4; font-weight: bold; }











.popup_con button{ border: 0; background: none; width: 100%;  }

.popup .popup_box .popup_con button.btn{ background: #625d5d;  }


.top_banner{ display: inline-block; width: 100%; position: relative; }
.top_close_btn{ position: absolute; right: 15px; top: 50%; cursor: pointer; transform: translate(-0%, -50%);}
.top_close_btn img{ width: 20px;  }




.tag_list{ float: left; display: flex; justify-content: space-between; align-items: center; gap: 10px;  }
.item_button{ display: flex; width: 100%; padding: 5px 5px;   }
.tag_list a{ font-weight: 300; font-size: 15px;  }

.item_button .r{ margin-left: auto; display: flex; align-items: center;  } 

.item_button .r img { width: 17px; margin: 0 5px; }
.item_button .r span{ font-size: 17px; color:#333333; font-weight: 500; margin-top: 3px;   }
.item_button .r span:first-child {  margin-right: 1px;  }



.sub_top_catamenu.sub_top_menu ul li { width: 33.33%;  }
.sub_top_catamenu.sub_top_menu ul li a.active { border-bottom: 3px solid #89CDA4;  }
.sub_top_catamenu.sub_top_menu ul li a{ padding: 20px 0; }



.list_controller .filter_area a.range_filter:after, .list_controller .filter_area span.range_filter:after{ background-size: 11px; 
background-position: center; }

.fliter_li_wrap{ position: relative; display: flex; align-items: center;  }
.fliter_li_w{ padding: 11px 15px; background: #fff; position: absolute; top: 45px; z-index: 30; right: 1px;  border: 1px solid #DADADA; 
display: none; }
.fliter_li_w ul li span { display: inline-block; width: 100%; padding: 10px; color:#333; font-weight: 500; cursor: pointer;  }
.fliter_li_w ul li span:before { content:"·"; display: inline-block; margin-right: 10px;   }

.fliter_li_w ul li .active{ color:#89CDA4; font-weight: bold; }
.filter_area {margin-left: auto;  }
.list_controller{ border: 0; background: none;  }

.profile_id .won { display: inline-block; width: 100%; margin-top: 10px;  }

.list_controller .filter_area a.range_filter, .list_controller .filter_area span.range_filter{ border-radius: 5px;
border-color: #ECECEC;  }

/* 
.profile_id .won dl dt:before {
    display: inline-block;
    content: '';
    width: 23px;
    height: 25px;
    background: url('../images/ico_won.svg') left 70%;
    background-size: 23px;
    background-repeat: no-repeat;
    vertical-align: bottom;
   margin-right: 8px; 
}
 */
 
 
.profile_id .won dl dt { font-size: 23px;  }
.profile_id .won dl dt em { font-size: 25px; font-weight: bold;   }

.profile_id .won dl dt i{ font-style: normal; background: #919894; color:#fff; padding: 2px 7px 0; 
border-radius: 3px; font-size: 15px; display: inline-block; line-height: 1.5; margin-right: 5px;  }

/* .profile_id .chat dl dt i { background: #54bb93; } */

.profile_id .won dl dt { display: flex; align-items: center;  }

.profile_id .won dl dt span{ font-size: 19px; color:#aaa; margin-left: 8px;  }



.profile_info{ display: flex; margin-top: 0px; padding: 0 20px; padding-top: 2px; padding-bottom:21px;  border-bottom: 1px solid #F7F7F7; align-items: center;  }

.profile_info .info { margin-left: auto;  }


.profile_con  { padding-top: 20px; max-height: 600px; overflow: hidden;  }
.profile_con .profile_con_box > h3.title{ padding:10px; padding-left: 35px; 
  background: url('../images/ico_notice.svg') left center no-repeat; font-size: 20px; background-size: 30px;
  color:#333;  }


.detail_more_w{ padding: 0 20px; margin-top: 30px;  }
.detail_more_w > div{ cursor: pointer; display: inline-block; width: 100%; text-align: center; color:#333; 
 border-radius: 10px; border: 1px solid #000; padding: 17px 0;  }

.detail_more_w > div span{ font-size: 18px; font-weight: 600; padding:15px 0; padding-right: 30px; 
 background: url('../images/arrow down.svg') right center no-repeat; background-size: 25px;   }


.container_bottom_btn {  padding-bottom: 10px; }

.detail_tag{ padding: 10px 20px; border-bottom: 1px solid #F7F7F7; border-top: 1px solid #F7F7F7; }

.detail_tag_box{ display: flex; margin: 10px 0; align-items: center; }

.detail_tag_box strong { width: 80px; display: inline-block; font-weight: 400;  }

.detail_tag_box .r{ display: flex; gap:10px; align-items: center;  }
.detail_tag_box .r a{ display: inline-block; padding: 6px 10px; border-radius: 3px;
background: #F6F5F5; color:#616161; font-weight: 400;  }



.record_wrap{ padding: 30px 20px 10px; }
.record_wrap h3.title {      padding: 3px 0; padding-left: 31px; 
  background: url('../images/qna_ico.png') 1px 2px no-repeat; font-size: 20px; background-size: 19px;
  color:#333; font-weight: 600; }


.record_wrap .txtbox { margin-top: 1px; 
 color:#333; line-height: 1.6;  
padding: 13px 0px; font-size: 17px; font-weight: 400;   }


.detail_profile{ padding-bottom: 90px;  }

.profile_Swiper .swiper-pagination { position: absolute; bottom: 10px; width: 100%; z-index: 20;  }
.profile_Swiper .swiper-pagination-bullet-active { background-color: #89CDA4; }

.detail_profile .profile_top .img img { height: 370px;;  }

.profile_Swiper .swiper-pagination-bullet { margin: 0 4px; }

.best_rivew_wrap{ padding: 30px 20px; }
.best_rivew_wrap h3.title {  padding-left: 38px; 
  background: url('../images/ico_best_review.svg') left center no-repeat; font-size: 20px; background-size: 30px;
  color:#333; font-weight: 600; }



.best_rivew_wrap{ position: relative; }
.best_rivew_wrap .best_btn{ position: absolute; right: 20px; top: 30px; display: inline-block; width: 35px; height: 35px; 
 background: url('../images/right_arrow.svg') center no-repeat; background-size: 30px; cursor: pointer; }

.best_rivew_wrap .title_wrap p { color:#A2A2A2; font-weight: 200; font-size: 15px; margin-top: 10px;  }


.best_review_cont { margin-top: 15px; background: #fff9fb; border:1px solid #ffe2e2; color:#616161; line-height: 2; border-radius: 10px; 
padding: 13px 20px; font-size: 17px; font-weight: 300;   }

.best_review_cont p{ font-size: 17px; font-weight: 400; color:#333; line-height: 1.6;  }

.best_review_cont .top_id { display: inline-block; width: 100%; margin-bottom: 10px;  }
.best_review_cont .top_id dl { display: flex; gap: 20px;   }
.best_review_cont .top_id dl dd{ font-size: 13px; color:#A2A2A2; position: relative;  }
.best_review_cont .top_id dl dd:before { content:"·";  position: absolute; left: -11px;  }
.best_review_cont .top_id dl dd:first-child:before {  content:""; }



.profile_top_box{ padding: 30px 0;  }

.profile_tap_menu ul { display: flex; gap:10px; padding: 0 15px; }

.profile_tap_menu ul li{ width: 33.33%; text-align: center;  }




 
.profile_tap_menu ul li.on span { background:#89CDA4; color:#fff; font-weight: bold;    } 




.profile_top_box{ padding: 30px 0;  }

.profile_tap_menu ul { display: flex; gap: 8px; padding: 0 15px; }

.profile_tap_menu ul li{ width: 33.33%; text-align: center;  }

.profile_tap_menu ul li > span { display: inline-block; width: 100%; padding: 20px 0;
 cursor: pointer; font-size: 16px; border-radius: 5px; background: #F5F5F5; height: 100%;
 display: flex; align-content: center; justify-content: center;  }
 
.profile_tap_menu ul li.on > span { background:#89CDA4; color:#fff; font-weight: bold;   } 

.profile_tap_menu ul li > span span { font-size: 13px; font-weight: normal;  }





.profile_tap_menu.flex {
    display: flex; /* 특정 위치에서 Flexbox 활성화 */
    position: fixed; /* 고정 위치 */
    top: 69px; /* 화면 상단에 고정 */
    left: 0;
    width: 100%; /* 화면 가로 전체 */
    justify-content: center;
    align-items: center;
    gap: 10px;
    z-index: 9999999999999;
}
.profile_tap_menu.flex ul {max-width: 650px; width: 100%; background: #fff;  }


.profile_tap_box .profile_tap{ display: none; width: 100%; }
.profile_tap_box .profile_tap.on { display: inline-block; padding-bottom: 20px;   }

.profile_tap_box .profile_tap > .padding_box { padding: 15px 20px;   }
.profile_tap_box .profile_tap > .padding_box.pt_10 { padding-top: 10px;  }


.profile_tap_box .profile_tap1 p { line-height: 1.6; color:#333333; font-size: 17px; font-weight: 400;  }
.profile_tap_box .profile_tap   { line-height: 1.6; color:#333333; font-size: 17px; font-weight: 400; }

.profile_tap_box .profile_tap1 { padding-top: 15px;  }

.review_coin_info{ display: flex; gap:20px; margin-top: 20px;  }

.review_coin_info dl{ display: flex; align-items: center; }
.review_coin_info dl img{ float: left; margin: 0 3px; width: 20px;  }

.review_top_box h4{ font-weight: 500; color:#000; font-size: 15px;  }
.review_top_box p {  margin-top: 5px; color:#A2A2A2;   font-weight: 400; font-size: 15px; }

.review_top_box{ padding: 30px 20px; border-bottom: 10px solid #F7F7F7;  }

.review_top_box a { display: inline-block; padding: 18px 0; border-radius: 10px;  color:#333; text-align: center;
width: 100%; background: #fff; margin-top: 20px;   }




.review_top_box a { display: inline-block; width: 100%; margin-top: 15px; border: 1px solid #333; text-align: center; 
border-radius: 10px; padding: 17px 0; }

.review_top_box a span{ color:#333; font-size: 18px; padding:10px 0;  font-weight: 500; }

.review_top_box a span {  font-size: 18px; padding:10px 0; padding-left: 35px;  
background: url('/resources/images/ico_pencil.svg') no-repeat left center;  background-size: 23px; font-weight: 500; }






.review_li_box{ padding: 30px 20px;  }


.review_li_box .title  {   padding: 3px;  padding-left: 31px; 
  background: url('../images/qna_ico.png') 0 2px no-repeat; font-size: 20px; background-size: 25px;
  color:#333; font-weight: 600; padding-bottom: 20px; border-bottom: 1px solid #F7F7F7; margin-bottom: 20px;  }


.qna_box_top{ padding: 30px 20px 10px;  }
.qna_box_top p { line-height: 1.6; font-size: 15px; font-weight: 500; }
.qna_box_top a.btn { display: inline-block; width: 100%; margin-top: 15px; border: 1px solid #333; text-align: center; 
border-radius: 10px; padding: 17px 0; }

.qna_box_top a.btn span{  font-size: 18px; padding:10px 0; padding-left: 35px;  
background: url('/resources/images/ico_pencil.svg') no-repeat left center;  background-size: 23px; font-weight: 500; }


.use_nick_li{ display: flex; gap: 0px; margin-top: 10px; width: 100%;   }



.use_nick_li span {
    display: inline-block;
    color: #999999;
    position: relative;
    padding-left: 10px;
    margin-left:10px; 
    font-size: 15px;
}
.use_nick_li span:first-child { padding-left: 0; margin-left: 0; }

.use_nick_li span:before {
    content: "·";
    position: absolute;
    left: -2px;
}

.use_nick_li span:first-child:before { content:""; }

.use_nick_li .situation{ color:#89CDA4;  }




.container_story_w{ padding: 20px;  }
.container_story_w .title h3{  font-size: 20px; color:#333; font-weight: 600;  }


.foot_btn > div.foot_btn_w { display: flex; gap: 11px;  }
.foot_btn_w .like { width: 80px; height: 63px;   display: inline-block; }

.foot_btn > div > .btn { width: calc(100% - 83px); height: 63px;  }

.foot_btn_w .like button { background: url('/resources/images/ico_favorite_off.svg') no-repeat center 6px;
display: inline-block; width: 100%; height: 100%; border: 0; background-size: 29px; padding-top: 27px;  
border-radius: 10px; border: 1px solid #DDD; color: #999; height: 61px; }

.foot_btn_w .like button.on { background: url('/resources/images/ico_favorite_on.svg') no-repeat center 6px;  background-size: 29px; 
/* color: #89CDA4;  font-weight: bold; border-color: #89CDA4; */ }

.foot_btn > div > .btn button{ border: 0; font-weight: 600; height: 61px; }

.foot_btn > div > .btn button { background: #D9D9D9; color: #818181; }

/* 
.foot_btn > div > .btn button span { padding:10px; padding-left: 35px; 
 background: url('/resources/images/call2_ico.png') no-repeat center left; background-size: 27px;
 color:#fff;  }
  */
 
 
 
 .foot_btn > div > .btn button.btn_primary{ background: #fff; color:#fff; border: 1px solid #89CDA4; border-radius: 10px;   }
 
 
 
.foot_btn > div > .btn button.btn_primary span { padding:10px;  background-size: 27px; color:#89CDA4  }
/*  /resources/images/collme_ico.gif */
 
 
 .login_logo{ text-align: center; padding: 80px 0 30px;  }
 .login_logo img{ max-width: 230px;  }

 
 
 
 .login_box{  }
 .login_box ul.form_table_login li { margin-top: 15px;  }
 .login_box input.input_text_gray { height: 60px; margin-top: 8px; background: #F6F7FF;  
 border: 0; padding: 15px 20px; font-size: 17px; border-radius: 10px;  }
  .login_box input.input_text_gray::placeholder { color:#B2B2B2;  }
 input.input_text::placeholder { color:#B2B2B2;  }
 
 #login_btn{ height: 60px; background: #89CDA4; font-size: 20px; border: 0; padding: 0; line-height: 60px; border-radius: 10px;  }
 
 
 
 
 
 .join_idpw_btn{ display: inline-block; width: 100%; text-align: center; margin-top: 20px;  }
 .join_idpw_btn > div{ text-align: left; display: flex; gap:20px; justify-content: center;   }
 .join_idpw_btn a { font-size: 17px;  padding:10px 0; padding-left: 33px; }
 
 .join_idpw_btn .join_btn {  background: url('/resources/images/join_btn.svg') no-repeat center left; background-size: 27px;  }
 .join_idpw_btn .dpw_btn {  background: url('/resources/images/dpw_btn.svg') no-repeat center left; background-size: 27px;  }
 
 
 .sns_btn_w{ display: inline-block; width: 100%; text-align: center; margin-top: 60px;  }
 .sns_btn_w > div{ display: flex; justify-content: center; gap: 20px;  }
 .sns_btn_w img{ width: 80px;  }
 
 
 
 
 
 
 .join_info2 button.btn_line{ border: 1px solid #333; color:#333; background: #fff;  }
  .join_info2 button.btn_primary  { background: #89CDA4; border-color: #89CDA4; color:#fff;  }
 
 button.btn_full, button.btn_red { background: #89CDA4; border-color: #89CDA4; }
 
 
 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;   }
 
 
 

.coin_infobox .coinbox .coin{ padding: 0;     }
.coin_infobox .coinbox .coin span{  margin-top: 0px; font-size: 25px; font-weight: bold; }
.coin_infobox .coinbox .coin span span { font-weight: 300; font-size: 20px;  }

.coin_infobox .coinbox .coin:before{ position: static;  }

.section_box1 { padding-top: 15px; border-top: 10px solid #F7F7F7;  }
.section_box { padding-left: 23px; padding-right: 23px;  }


.sc_title_w{ display: flex; padding-bottom: 10px; }
h4.sc_title{ font-size: 20px; padding-bottom: 20px;   }

.sc_title_w h4.sc_title { padding-bottom: 0;  }

.sc_title_w > a { margin-left: auto; color: #89CDA4; display: flex; gap: 5px; align-items: center; font-size: 14px;  font-weight: bold; }

.sc_title_w svg { margin-top: -2px; } 
.sc_title_w svg:first-child { margin-top: 0;  }

.sc_title_w > a .last { margin-left: 5px; margin-bottom: 1px; }


table.tb_list_line tbody tr td{ border: 0;  }
table.tb_list_line{ border: 0;  }

.section_box1 table.tb_list_line tbody tr td { text-align: left;  }



.section_box1 input[type="radio"] { display: none;  }
 .radio_img1{ display: inline-block; width: 30px; height: 30px;
  background: url(/resources/images/ico_radio3.svg) no-repeat center 70%; background-size: 25px;  }

.section_box1 input[type="radio"]:checked + .radio_img1 { 
 background: url(/resources/images/ico_radio3_on.svg) no-repeat center 70%; background-size: 25px;}
table.tb_list_line tbody tr td{ padding: 10px 5px ;  }
table.tb_list_line tbody tr td:first-child { padding-left: 0;  }


table.tb_list_line tbody tr td.won_txt strong{ font-size: 17px; }
table.tb_list_line tbody tr td.won_txt strong span{ font-weight: 500; margin-right: 10px; font-size: 20px;   }
table.tb_list_line tbody tr td.won_txt .bonus_text{ font-size: 15px; font-weight: 500; color:#89CDA4; margin-left: 10px;  } 
table.tb_list_line tbody tr td.coin_txt{ text-align: right; }



table.tb_list_line tbody tr td.coin_txt strong{ color:#A2A2A2; font-weight: 300; font-size: 13px;  }

.mypage_login{ padding-left: 20px; padding-right: 20px;  }
ul.mn_list_radio{ display: flex; flex-wrap: wrap; gap: 10px ;  }
ul.mn_list_radio li { width: calc(50% - 5px); border: 0;  }

ul.mn_list_radio li.kpay { width: 100%;  }

ul.mn_list_radio input[type="radio"] { display: none;  }
ul.mn_list_radio{ border: 0;  }

.mn_list_radio li label{ display: inline-block; width: 100%;
 padding: 17px 15px; font-size: 17px; font-weight: 400; color:#333333; 
 border-radius: 10px; border: 1px solid #DADADA; text-align: center; cursor: pointer; }


.mn_list_radio li label > span{ padding:0; padding-left: 0; }

.mn_list_radio li.card label > span {  background: url(/resources/images/order_card.svg) no-repeat 0 center; background-size: 32px;  }
.mn_list_radio li.npay label > span {  background: url(/resources/images/order_npay.svg) no-repeat 0 center; background-size: 52px;  }
/* 
.mn_list_radio li.kpay label > span {  background: url(/resources/images/order_kakao.svg) no-repeat 0 center;  background-size: 52px;  }
 */

.mn_list_radio li.virtual label > span {  background: url(/resources/images/order_virtual.svg) no-repeat 0 center; background-size: 32px;   }
.mn_list_radio li.virtual label > span span{ font-size: 13px;  }


.mn_list_radio li input[type="radio"]:checked + label { background: #89CDA4; border-color:#89CDA4; } 
.mn_list_radio li input[type="radio"]:checked + label span{ color:#fff;  }


.mn_list_radio li.card input[type="radio"]:checked + label > span, .mn_list_radio li.card label > span { padding: 0; background-image: none;   }

/* 
.mn_list_radio li.npay input[type="radio"]:checked + label > span{ background: url(/resources/images/order_npay_on.svg) no-repeat 0 center; background-size: 32px;   }
.mn_list_radio li.kpay input[type="radio"]:checked + label > span{ background: url(/resources/images/order_kakao_on.svg) no-repeat 0 center; background-size: 32px;   }
 */

.mn_list_radio li.virtual input[type="radio"]:checked + label > span, .mn_list_radio li.virtual label > span {  padding-left: 0; background-image: none;   }

select.form_select { height: 56px; border: 1px solid #DADADA; border-radius: 10px;  }


.page_mymenu .bottom_btn { bottom: 100px;  position: static;}
.bottom_btn{ position: fixed; bottom: 10px; left: 0; width: 100%; text-align: center; padding: 0 23px; z-index: 20;     font-size: 17px; }
.bottom_btn input { max-width: 600px; font-size: 17px; height: 55px; border-radius: 10px;  }
 
 
 .bottom_btn button, .bottom_btn a { font-size: 17px; padding: 17px 0; cursor: pointer; max-width: 620px;     border-radius: 10px; }
 
 .w_round_box{ padding-left: 20px; padding-right: 20px;  }
 
 
 .coin_paybox ul.coin_pay li:first-child {  padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #F7F7F7; }
 
 
 .coin_paybox ul.coin_pay{ margin-top: 10px;  }
 .coin_paybox ul.coin_pay li dl dt{ font-size: 17px;  }
 .coin_paybox ul.coin_pay li dl dt span{ font-size: 13px;  }
 
 .pay_txt{ padding: 30px 35px; background: #F7F7F8;   }
 .coin_paybox ul.coin_pay li dl dd.won, 
 .coin_paybox ul.coin_pay li dl dd.coin,
 .coin_paybox ul.coin_pay li dl dd.point { color:#333; font-size: 17px;  }
 
 .w_round_box{ margin-top: 30px;  }
 
 .mymenu_list_w { border-top: 4px solid #F7F7F7; margin-top: 0; padding-top: 35px;   }
 .container_mymenu .container_inner { padding-top: 5px;  }
 
 ul.mymenu_list { margin: 20px 0;  }
 
 
 
 
 .mymenu_list_w .sc_title{ padding: 0 20px;  }
 
 .mymenu_list_ww{ padding: 0 0px;  }
.mymenu_list_ww .mymenu_list_w .sc_title{ padding: 0 20px;  }
 
 
  .mymenu_list_ww  .mymenu_list_w{ padding-top: 30px;  } 

 
 
 .mymenu_top{ display: inline-block; width: 100%; padding: 25px 20px 0;   }
 
 .mymenu_top .use_nick { display: inline-block; width: 100%; text-align: center; font-size: 25px; color:#333333;  }
 .mymenu_top .use_nick a{ font-size: 30px; 
 background: url('../images/right_arrow.svg') right center no-repeat; padding-right: 35px; display: inline-block; 
 background-size: 30px;  }
 
 /* 
 .mymenu_top .mycoin .l{  background: url('/resources/images/ico_coin_l.svg') 62px 0px no-repeat;   background-size: 19px;  }
  */
 .mymenu_top .mycoin { display: flex; width: 100%; margin-top: 35px; padding: 20px 30px; border-radius: 10px;
 background: #F7F7F8; align-items: center;  }
 
 .mymenu_top .mycoin .l strong span{ font-size: 15px; font-weight: 300; }
 
 
 
 .mymenu_top .mycoin .l { float: left;   }
 .mymenu_top .mycoin .l > span{ display: inline-block; width: 100%; font-size: 13px; color: #121212; font-weight: 300;   }
 .mymenu_top .mycoin .l strong { font-size: 25px; margin-top: 10px; display: inline-block; width: 100%;   }
  
  .mymenu_top .mycoin > a { float: right; padding: 17px 25px; background: #BF3A3A; color:#fff; border-radius: 10px; margin-left: auto;  }
 .mymenu_top .mycoin > a:hover { background: #89CDA4;  }
 
 
 
 .container_mymenu  a.btn_full, input.btn_full { font-size: 17px; padding: 17px 0; cursor: pointer;  }
 
 
 
 
 .popup .popup_box{ padding-top: 80px; padding-left: 0; padding-right: 0;  }
.popup .popup_box .popup_top { position: absolute; top:0; left: 0; width: 100%;  }
.popup .popup_box .popup_top .popup_top_title{ display: inline-block; width: 100%; text-align: center; padding: 15px 0;  }  
 .popup .popup_box .popup_top .popup_top_title h3{ font-weight: bold; font-size: 17px;  }
.popup .popup_box .popup_top button.btn_close { position: absolute; right: 5px; top:10px; width: 30px; height: 30px; background-size: 27px;  }
 
 
 
 .popup .popup_box .popup_con .top .info .name{ font-size: 19px;  }
 .popup .popup_box .popup_con .top .info .name strong { color:#89CDA4; font-weight: 500;  }
 .popup .popup_box .popup_con .top .info .name em{ margin-left: 10px; font-size: 19px; font-weight: bold;  }
 
 
 .popup .popup_box .popup_con .top .info .name span{ color:#89CDA4; font-size: 19px; font-weight: bold;  }
 
 
  .popup .popup_box .popup_con .con div.coin {  /* background: url('/resources/images/ico_coin_l.svg') 70px 1px no-repeat; */    }
 
 .popup .popup_box .popup_con .con div.coin dl dt{ float: none; text-align: left; 
 display: inline-block; width: 100%; font-size: 13px; color: #A2A2A2; font-weight: 300;  }
 
 .popup .popup_box .popup_con .con div.coin dl dd { font-size: 20px; margin-top: 3px; display: inline-block; width: 100%; text-align: left;   }
 
 
 .popup .popup_box .popup_con .con div.coin dl dd span { font-size: 15px; font-weight: 300; }
 
 .popup .popup_box .popup_con .top { border: 0; padding-bottom: 15px;  }
 
.popup .popup_box .popup_con .con div.coin > p a.btn_coiny{ background: #BF3A3A; color:#fff; border: 0; padding: 15px 16px; border-radius: 10px; }
 
 
 
 
 
 .popup_con{ padding: 0 30px;  }
 .popup_con1 { padding-bottom: 20px; border-bottom: 10px solid #EFEFEF; margin-bottom: 30px;  }
 
 
 .tel_btn_w > p { font-size: 17px; color:#333; font-weight: 500;  }
 .tel_btn_w .btn{ font-weight: 500; background: #89CDA4; padding: 15px 0;  }
 .tel_btn_w .btn span{ font-weight: 300;  }
 .popup_con2 .bt_txt{ background: #F7F7F8; padding: 15px 20px; display: flex; align-items: center;
 border-radius: 10px;   }
 
 
 .tel_btn_w .btn span.num070, .tel_btn_w .btn span.num060 { font-weight: 500; }
 
 .popup_con2 .bt_txt > p.coin2 {  padding:10px; padding-left: 39px;
    background: url(/resources/images/ico_won.png) left 55% no-repeat;
    background-size: 30px; font-weight: bold; font-size: 17px; display: flex; align-items: center;  }
 
 
  .popup_con2 .bt_txt > p.coin2 span{ font-weight: 500;  display: flex; align-items: center;  }
   .popup_con2 .bt_txt > p.coin2 em { font-style: normal; font-size: 15px; color:#818181; margin-left: 5px;   }
  .popup_con2 .bt_txt > p.time {  margin-left: auto; font-size: 17px;  }
  
    .popup_con2 .bt_txt > p.time span{ font-weight: bold; }
  
  
  .btn_060 .tel_btn_w .btn { background: #fff; border: 1px solid #ECECEC; color:#818181; font-weight: 600;  }
  .btn_chat .tel_btn_w .btn { background: #F2FCF4; border: 1px solid #ECECEC; color:#333;; font-weight: bold;  }
  .btn_chat .tel_btn_w .btn span { font-weight: 500; }
  
  /* 
  .btn_060 .tel_btn_w .btn em{ padding-right: 30px;
    background: url(/resources/images/ico_pencil2.svg) right 55% no-repeat; background-size: 25px;  }
   */
  
  
  
 .popup_con2 .bt_txt > p.coin3 {  padding:10px; padding-left: 39px;
    background: url(/resources/images/ico_coin_l3.svg) left 55% no-repeat;
    background-size: 35px; font-weight: bold; font-size: 17px; display: flex; align-items: center;  }
  
  
  
  
  .logout_pop .popup_box .popup_con .con div.coin { background: none; padding-left: 0;  }
  
  .logout_pop #login_btn { height: 39px; line-height: 39px; color:#333; border: 1px solid #333; 
  background: #fff; font-size: 15px; width: 70px; float: right;  }
  
  .popup .popup_box .popup_con .con div.coin dl dt { color:#333; font-weight: 500; font-size: 15px;   }
  
  
  
  .logout_pop #login_btn:hover { background: #ededed;  }
  
  
  
  ul.list_item li button.btn_list_ing2:hover{ background: #89CDA4;  }
  
  
  
  
  .header_search form{ calc }
  .header_search input.search_input { font-size: 17px;  padding-right: 50px;   }
  
  
  .search_reset{ position: absolute; width: 26px; height: 26px; 
  background: url(/resources/images/search_reset.svg) no-repeat center; right: 85px;
  display: none;  background-size: 26px;   }
  
  
  
  .header_search input.search_input::placeholder { color:#999999;  }
  
  
  .header_search .header_title { padding: 0; display: flex; align-items: center;   }
  
  .header_search .header_title > .btn_back { width: 60px; height: 60px; margin-top: 0; }
  
  
  .header_search input.search_input{ width: calc(100% - 120px); height: 70px; border: 0; 
  background: #F9F9F9 url(/resources/images/ico_search_22.svg) no-repeat 17px center ; padding-left: 50px;   }
  
  
  
  
  .header_search button.btn_primary { height: 70px; width: 70px; background: url(/images/ico_login.png) no-repeat center; 
  border: 0; background-size: 25px;  }
  
  
  .header_search input::placeholder { color:#616161; font-size: 15px;   }
  
  
  .lately_tag{ border: 0; padding-top: 0; margin-top: 0;  }
  
  .lately_tag > h5{ font-size: 17px;  }
  
  .w_round_box{ margin-top: 20px;  }
  
  .lately_tag .no-data { margin: 0 !important; margin-top: 15px !important; text-align: left; width: 100%;
color:#616161; font-size: 13px;  }
  
  .w_round_box{ padding-left: 0; padding-right: 0;  }
  
  
  .lately_tag > ul{ margin-top: 10px;  }
  .lately_tag > ul > li > a.btn{ font-size: 17px; color:#333; font-weight: 500;   }
  
  .w_round_box{ margin-top: 0;  }
  .lately_tag > .btn_text { cursor: pointer; font-size: 13px; }
  
  
  .search_title > h5{ font-size: 17px;  }
  
  .search_container ul.list_item > li:first-child { padding-top: 0;  }
  
  
  .mypage_login > div a { width: 100%; max-width: 100%  }
  
  
  
   .page_member .input_line{ padding-right: 20%;  }
  .page_member .input_line > a.btn { top: 8px; height: 60px; padding:0; line-height: 60px;  border-radius: 10px; 
  background: #fff; color:#333; border: 1px solid #333; font-size: 17px;  }
  .input_line > a.btn { width: 19%;  }
  .input_line > a.btn:hover { background: #ededed;  } 
  
  
  
  .page_member .mn_list_w { position: fixed; bottom: 10px; width: 100%; max-width: 620px; border: 0;      }
  
  
  ul.mn_list_w li > a{ text-align: center; border: 1px solid #ECECEC; border-radius: 100px; padding: 16px 0;   } 
  ul.mn_list_w li > a span{ position: relative; padding-right: 38px; display: inline-block; font-size: 15px;   }
  
  ul.mn_list_w li { border: 0; margin: 10px 0;  }
  
    ul.mn_list_w li > a:hover { background: #ededed; }
  .delete_box_t{ padding: 20px; background: #F7F7F8;   }
  .delete_box_t p.txt_info { padding-bottom: 0; margin-bottom:0 !important; }
  
  .delete_box h4.tit{ font-size: 17px;  }
  
  .delete_box textarea.input_text{ border: 0; line-height: 2; color: #333; font-weight: 300; height: 155px;   }
  
  
  .container_pay .mymenu_top { padding-bottom: 20px; border-bottom: 10px solid #F7F7F7; margin-bottom: 10px;   }
  
  
  
  
  .container_pay ul.pay_list li.pay_item > a:after{ background: url('../images/right_arrow.svg') center no-repeat;  }
  
  .container_pay ul.pay_list li.pay_item > a .text .date{ margin-bottom: 0; margin-top: 5px;  }
  
  .container_pay ul.pay_list li.pay_item > a .text .tit{ font-size: 15px;  }
  
  
  ul.detail_tab li a > strong { color:#707070;  }
  ul.detail_tab li a.active strong { color: #89CDA4;  }
  
  
  .container_qna ul.question_list li.question_item .img > p > img { object-fit: cover; }
  
  
  
  
  .counselor_menu{ margin-right: 10px;  padding: 13px 13px; border-radius: 10px; 
  font-size: 16px; border: 1px solid #333; text-align: center;   }
  
  
  ul.list_num li em { display: inline-block; padding: 5px 8px; background: #89CDA4; 
  border-radius: 6px; font-style: normal; color:#fff;   }
  
  .mymenu_guide .section_box .con p.btxt{ background: #F7F7F8;  color:#818181; padding: 20px;   }
  
  
  
  ul.list_num li, .detail_terms pre { font-family: 'Noto Sans KR'; font-weight: normal ; }
  
  
  ul.list_num li{ padding-left: 0;  }
  ul.list_num li > span{ position: static; padding-left: 0; margin-right: 3px; min-width: 12px; 
    display: inline-block; }
  ul.list_num li, ul.list_num li > span {  font-size: 13px; font-weight: normal; }
  
  
  .top_radio_li{ display: inline-block; width: 100%; margin-bottom: 10px;  }
  .top_radio_li ul { display: flex; }
  .top_radio_li li { width: 25%; }
  
  .top_radio_li li input { display: none }
  
  .top_radio_li li label { display: inline-block; width: 100%; padding: 10px 0; text-align: center; 
  border: 1px solid #D9D9D9; border-left: 0; font-size: 15px; color:#818181; background: none;  cursor: pointer; font-weight: 500;  }
   .top_radio_li li:first-child label {  border: 1px solid #D9D9D9; } 
  
  .top_radio_li li input[type="radio"]:checked { display: none;  }
  
  .top_radio_li li input[type="radio"]:checked + label { color: #89CDA4; border: 1px solid #89CDA4;   }
  
  
  
  .page_qna ul.form_table_board2 > li{ padding-bottom: 10px;  }
  .page_qna ul.form_table_board2 > li label.form_txt p.form_tit { padding-bottom: 0;  }
  ul.form_table_board2 > li label.form_txt p.form_tit{ font-size: 17px; font-weight: bold;  }
  
  
  
   
   .container_myreview ul.review_list li.review_item > a > span{ font-size: 15px; font-weight: 500; color:#333;   }
   .container_myreview .cont{ display: flex; margin-top: 10px; align-items: center;   }
   .container_myreview .img { width: 80px; height: 80px;   }
   
   .container_myreview ul.review_list li.review_item > a .text .tit{ font-size: 20px; font-weight: bold; display: flex; align-items: center; }
     .container_myreview ul.review_list li.review_item > a .text .tit span { font-weight: normal;  padding-left: 11px; margin-left: 10px;
      font-size: 17px; border-left: 1px solid #B4B4B4; line-height: 0.8; display: inline-block; color:#B4B4B4; }
   
   
   
   .container_myreview ul.review_list li.review_item > a .text .con > span{ margin-top: 10px; color:#000; font-size: 15px; font-weight: 500;  }
   
   .container_myreview ul.review_list li.review_item > a .buttom{ margin-top: 15px; padding-top: 10px; 
   border-top:solid 1px #EFEFEF; display: flex; align-items: center; padding-bottom: 10px;  }
   
   
   .container_myreview ul.review_list li.review_item > a .buttom .r { margin-left: auto;  font-size: 20px; font-weight: bold; }
   .container_myreview ul.review_list li.review_item > a .buttom .r span{ font-size: 17px; font-weight: 500; }
   
   .container_myreview ul.review_list li.review_item > a .buttom .l { padding-left: 25px; 
   background: url(/resources/images/ico_won.png) left center no-repeat; padding-top: 10px; padding-bottom: 10px; 
   font-weight: 500; background-size: 20px; }
   
   
   
   
     .container_myreview ul.review_list li.review_item > a .btn span {     font-size: 17px;
    padding: 17px 0; cursor: pointer;     background-color: #89CDA4; border-radius: 10px;
    color: #ffffff; display: inline-block; width: 100%; text-align: center; margin: 10px 0;  }
   
   
.myreview_write .top{ display: flex;     align-items: center; padding: 0 15px 20px;  }   
   
  .myreview_write .top .text .tit{ font-size: 20px; font-weight: bold; display: flex; align-items: center; }
   .myreview_write .top .tit span { font-weight: normal;  padding-left: 11px; margin-left: 10px;
      font-size: 17px; border-left: 1px solid #B4B4B4; line-height: 0.8; display: inline-block; color:#B4B4B4; }
   
   .myreview_write .top .text .con > span{ margin-top: 10px; color:#000; font-size: 15px; font-weight: 500; 
       display: block; line-height: 1.3em; }
   
.myreview_write .top .text {
    display: table-cell;
    padding-left: 10px;
    padding-right: 30px;
    vertical-align: middle;
}
   
   
   textarea.write_text::placeholder { color:#B4B4B4; }
   
   
   .round_box{ background: none; padding: 5px 15px;  }
   
   
   
    .detailt_qna_write .top { padding: 0 15px 15px;  }
   .detailt_qna_write .top .img{ width: 60px; height: 60px; overflow: hidden; border-radius: 30px;  }
   .detailt_qna_write .top .img img{ width: 100%; height: 100%; object-fit: cover; }
   
   
   
   .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;  }
   
   .page_favorite .fliter_li_w{ top: 35px; left: 10px;  }
   
   
   
   .tel_btn_wrap { position: absolute; right: 0; top: 0px; width: 63px; height: 100%;  } 
   
   
   
   
   .tel_btn_w .item-info { font-size: 15px; font-weight: 400; color: #888; display: inline-block; width: 100%; margin-bottom: 0px; 
   text-align: center;  line-height: 1.6 }
   
   
   .foot_btn > div > .btn button.btn_red { background: #89CDA4;  }
   .foot_btn > div > .btn button.btn_red span { color:#fff; background: url(/resources/images/collme_ico.gif)  0% center  no-repeat; 
   background-size: 27px; padding-left: 35px; padding-top: 3px; padding-bottom: 3px;   }
   
   
   
   .foot_btn > div > .btn button.btn_primary:hover { background: #F5F5F5; }
   
   
   
   
   body { border-left: solid 1px #eee; border-right: solid 1px #eee; height: auto; }
   
   
   .page_favorite .no_listbox { margin: 150px 0 200px;  }
   .page_favorite .container{ padding: 0;  }
   
   .page_main .container { padding-left: 0px; padding-right: 0;  }
   ul.list_item > li{ padding-left: 15px; padding-right: 15px;  }
   
   
   
   .container{ padding: 0;  }
   ul.list_item > li{ margin: 5px 0;  }
   
   .page_list{ height: 100%;  }
   
   
   
   /* 
   .reivew_box ul.reivew_list > li{ padding-left: 20px; padding-right: 20px;  }
    */
   
.search_container{ padding-left: 15px; padding-right: 15px; }

.search_container .lately_tag  { padding-left: 10px; padding-right: 10px;  }
.search_container ul.list_item > li {padding: 0;  }


.page_member { height: 100%;  }
.page_member .container{ height: 100%; padding-left: 15px; padding-right: 15px;  }
.recruit_btn {  padding: 0 15px; }


.main_banner .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main_banner .swiper-pagination {
    text-align: right;
    padding: 0 10px;
    width: 100%;
    text-align: center;
}

.main_banner .swiper-pagination-bullet {
 
    height: 8px;
     width: 8px;
    background-color: rgba(0,0,0, 0.1);
    border-radius: 6px;
    opacity: 1;
    margin: 0 2px !important;
    padding: 0;
}

.main_banner .swiper-pagination-bullet-active {
    background-color: #89CDA4;
    border-radius: 6px;   width: 18px;
    margin: 0 2px !important;
    padding: 0;
}
 
   
  .main_banner {   overflow: hidden;  }
  
  .main_banner .swiper-pagination{  left: 0; right: 0; bottom: 20px; }
  
  

.top_banner { display: inline-block; width: 100%;  text-align: center; padding: 5px 0; background: #89CDA4; }
.top_banner a{ display: inline-block; width: 100%; padding: 5px 0;  } 
.top_banner .top_banner_img { max-width: 70%;  }

.footer_info .content > .more_finfo{  display: none;   padding: 15px;  }
.footer_info .btn { padding-left: 0;  }



/* 후기보기 */

	ul.list_item>li .style .review_more, ul.list_item>li .style .review { display: inline-block;  
	 padding-right: 15px;  cursor: pointer; font-size: 14px;
	/*  padding-left: 25px; background: url(/resources/images/ico_li_review_bg.svg) 0 center no-repeat;
	 background-size: 20px;  */ }	 
	 
	 
	 
	ul.list_item>li .style .review_more:after, ul.list_item>li .style .review:after { content:""; 
	background: url(/resources/images/review_item_more.svg) center no-repeat; display: inline-block;
	width: 15px; height: 15px; position: absolute; right: 33px; /* transform: rotate( 180deg ); */
	background-size: 12px;  }


.search_container ul.list_item > li .style .review_more:after { right: 18px; }


/* 기본 상태 */
ul.list_item > li .style .review_more:after, 
ul.list_item > li .style .review:after {
    transform: rotate(0deg); /* 기본 상태 */
}

/* 회전 상태 */
ul.list_item > li .style .review_more.rotated:after, 
ul.list_item > li .style .review.rotated:after {
    transform: rotate(180deg); /* 클릭 후 회전 상태 */
}




	.review_item_w { display: none; width: 100%; margin-top: 15px; border-top:1px solid #f2f2f2; }
	.review_item_w ul li{ border-bottom:1px solid #f2f2f2;  } 
	.review_item_w ul li a{ padding: 13px 10px; display: flex; width: 100%;  }
	.review_item_w ul li a span { 
		font-size: 14px; display: inline-block; width: calc(100% - 110px); overflow: hidden; 
		text-overflow: ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
	}
	.review_item_w ul li a strong { font-size: 14px; margin-left: auto; font-weight: normal;  }
	.review_item_w .more{ display: inline-block; width: 100%; margin-top: 1px;   }
	.review_item_w .more a{ display: inline-block; width: 100%; text-align: center; padding: 10px 0 5px;   }
	.review_item_w .more a span{ font-size: 15px; display: inline-block; padding: 10px 23px 10px 0; 
	background: url(/resources/images/review_item_more.svg) right center no-repeat;  }
	
	
	
	
	
	
	
	
	
	
	
	
	
	.popup .popup_box .popup_con .top .img{ border-radius: 100px; overflow: hidden; }
   
	.taro_bg { background: url(/resources/images/taro_bg.png) center no-repeat; background-size: cover;  }
	.saju_bg { background: url(/resources/images/saju_bg.png) center no-repeat; background-size: cover;  }
	 .sinjeom_bg { background: url(/resources/images/sinjeom_bg.png) center no-repeat; background-size: cover;  }
	
	
	
	
	ul.list_item > li .item_box a { display: inline-block; width: 100%; height: 100%;  }
	
	
	
	
	
.top_banner { display: inline-block; width: 100%; background: #89CDA4; text-align: center; padding: 5px 0;   }
.top_banner a{ display: inline-block; width: 100%;  } 
.top_banner img { max-width: 45%;  }
	
	



.mymenu_banner{ padding: 0 20px 20px;  }	
	

	
	.detail_profile .profile_top .profile_bg { width: 100%; height: 370px; background-size: cover !important; background-position: center !important; }
	.detail_profile .profile_top .profile_bg img{ width: auto;  height: 370px; 
position: absolute;  left: 50%; bottom: 0%;  transform: translate(-50%, -0%);  }
	
	 
	
	
	.detail_qna_title{ margin-bottom: 10px; font-size: 20px; font-weight: 600; 
	background: url(../images/qna_ico.png) 1px 2px no-repeat; padding:3px; padding-left: 31px; 
	background-size: 25px; }
	
	
	.detail_qna_title2 { margin-bottom: 10px; font-size: 20px; font-weight: 600; 
	background: url(../images/qna_ico2.png) 0px 1px no-repeat; padding:3px; padding-left: 31px; 
	background-size: 27px; }
	
	
	
	.ico_detail_profile{  background: url(../images/ico_detail_profile.png) 0 0px no-repeat; background-size: 27px;  }
	
	.detail_qna_info{ display: inline-block; width: 100%; margin: 10px 0;  }
	.detail_qna_info a{ display: inline-block; padding: 1px 1px 1px 0;  padding-right: 25px; 
	    background: url(../images/detail_qna_info.png) right 0 no-repeat; background-size: 19px;  }
	
	
	.profile_tap_box .profile_tap > .padding_box.padding_box_border { padding-top: 20px; margin-top: 10px; border-top:5px solid #F7F7F7  }
	
	
	
	.pop_title2{ padding: 10px 0;  }
	.pop_title2 .pop_close { position: absolute; right: 10px; top: 16px;    }
	.pop_title2 .pop_close img{ width: 30px;  }
	
	.pop_title2 h4 { display: inline-block; width: 100%; text-align: center; 
	 font-size: 18px; font-weight: bold;  color: #121212; }
	
	
	.policy_memo{ padding: 10px 15px;  }
	
	.policy_memo p { font-size: 14px; margin-top: 5px; line-height: 1.5; font-weight: 300; color: #121212; }
	
	.policy_memo .box { margin-top: 15px;  }
	
	.policy_memo h4 { font-size: 18px; font-weight: bold;  }
	
	
	
	
	
	
	
	
	
 .recent_wrap{ display: inline-block; width: 100%; padding: 30px 30px; background: #fff; 
 border-bottom: solid 1px #EEEEEE;  }
 .recent_wrap .box_li { display: flex; gap:20px;  }
 .recent_wrap .box_li .box { width: calc(50% - 10px); display: flex; gap:20px; background: rgba(255, 76, 115, 0.10);
;  padding: 20px 30px ; border-radius: 10px;  align-items: center;     }
 
 .recent_wrap .box_li .box > span { font-size: 20px; line-height: 1.35;  }
 .recent_wrap .box_li .box > span span{ font-size: 20px; font-weight: bold; }
 
 .recent_wrap .box_li .box > div{ margin-left: auto; font-size: 30px; color:#89CDA4;  } 
 
 .recent_wrap .box_li .box > div span { font-size: 23px;  }
 
	
	
	
	
 #coin_add_action .container_inner { padding-bottom: 30px; }
	

.point_info_memo select { width: 100%; height: 50px; border: 1px solid #DADADA; border-radius: 8px;
margin-top: 10px;  padding: 12px;  font-size: 14px; font-weight: 400;
padding-right: 70px;  background: url('../images/arrow down.svg') 96% center no-repeat;  }


.point_info_memo .box2 h5 { font-size: 16px; font-weight: 300; }


.point_info_memo .box2 table { width: 100%; margin-top: 7px;   }
.point_info_memo .box2 table th, 
.point_info_memo .box2 table td { text-align: center; padding: 15px; font-size: 15px; }



.point_info_memo .box2 table thead th { background: #F5F5F5; padding: 15px;  }


.point_info_memo .box2 p { font-size: 13px; text-align: center;  }



.sub_title{ position: relative; padding: 10px 0 20px; }
.sub_title h3 { display: inline-block; width: 100%; text-align: center; font-size: 20px;
font-weight: 500;   }

.sub_title .btn_back{ width: 30px; height: 30px; display: inline-block;
background: url(/resources/images/ico_navi_pre.svg) center center; position: absolute; left: 10px; top: 8px; 
    background-size: 30px; cursor: pointer; }

input.form_select { height: 52px; border-radius: 8px;
border: 1px solid #DADADA; }



.phto_imglist ul li:first-child { width: 100%;  }
.phto_imglist li:first-child label{ width: 100%;  }




.phto_imglist input[type='file'] { display: none;  }


.phto_imglist li:first-child label {
	 background: #fff; 
border: solid 1px #d9d9d9;  display: inline-block;
  border-radius: 10px; text-align: center; 
float: left; color:#333; box-sizing: border-box;  font-size: 15px; 
cursor: pointer; }


.pop-container .close { cursor: pointer; }

.phto_imglist li:first-child label span { display: inline-block;  padding: 15px 0 15px 31px; 
 background: #fff url("/resources/images/phto_bg2.svg") no-repeat 0 center; font-size: 16px; }


.page_join .container { padding-top: 20px;  }

ul.join_choice li a.btn_join { border-radius: 8px; border: 1px solid #DADADA;
padding: 6px 0 ; display: flex; align-items: center; justify-content: center;  }
	
	
	
	
ul.join_choice li a.btn_email:before {display:inline-block; content:''; width:40px; 
height:40px; background: #F8F8F8 url('/resources/images/ico_login_email.png') center center; background-size:16px; background-repeat:no-repeat;}
	
	
ul.join_choice li a.btn_google:before {display:inline-block; content:''; width:40px; 
height:40px; background: #F8F8F8 url('/resources/images/ico_login_google.svg') center center; background-size:16px; background-repeat:no-repeat;}

ul.join_choice li a.btn_apple:before {display:inline-block; content:''; width:40px; 
height:40px; background:url('/resources/images/ico_login_apple.svg') center center; background-size:17px; background-repeat:no-repeat;}
/* 
ul.join_choice li a.btn_email:before {display:inline-block; content:''; width:46px;
 height:46px;  background-size:17px; background-repeat:no-repeat;}
 */
 
 
 ul.join_choice li a.btn_email:before {display:inline-block; content:'';
 height:46px;  background-size:25px; background-repeat:no-repeat;}
 
 
ul.join_choice li a.btn_kakao:before {display:inline-block; content:''; width:40px; height:40px; 
 background:#FFEB3B url('/resources/images/ico_login_kako2.png') center center; background-size:19px; background-repeat:no-repeat;}


ul.join_choice li a.btn_naver:before {display:inline-block; content:''; width:40px; height:40px; 
background:#03c75a url('/resources/images/ico_login_naver.png') center center; background-size:  30px; background-repeat:no-repeat;}




ul.join_choice li a.btn_apple:before {display:inline-block; content:''; width:40px; height:40px; 
background:url('/resources/images/ico_login_apple.png') center center; background-size:19px; background-repeat:no-repeat;}
	
	

ul.join_choice li a:before { border-radius: 100px; margin-right: 10px;  }
	
	
	
	
	
	
.sub_top_catamenu.sub_top_menu ul li span { margin-top: 0; }	
	
	
.fliter_cata_wrap ul { display: flex; gap:10px; padding: 10px 0; }

.fliter_cata_wrap ul li span { padding: 10px 15px; background: #fff; border: 1px solid #ECECEC; 
border-radius: 5px; cursor: pointer;  }



.fliter_cata_wrap ul li .active{ background: #89CDA4; color:#fff;  }



.top_close_btn{ display: none;  }




.fliter_cata_title { padding: 20px 20px 0; display: flex; align-items: center;  }
.fliter_cata_title .checkbox_r { width: auto; margin-left: auto;  }

.fliter_cata_title h3{ font-size: 20px;  }
.fliter_cata_title h3 span{ color:#89CDA4; font-weight: 600;  }
.fliter_cata_title .checkbox_r input[type=checkbox] + label { padding-left: 25px; color: #999; }

	 
	



.review_top_wrap{ display: inline-block; width: 100%; padding: 25px; 
background: url(/resources/images/review_li_bg.png) center no-repeat; 
background-size: cover; }


.review_top_wrap h3{ font-size: 20px; font-weight: 600;  }
.review_top_wrap p { font-size: 13px; line-height: 1.5; margin-top: 10px;   }


.review_top_btn{ padding: 20px;  }


.top_round_box{ padding: 10px 0 20px;  }
.top_round_box p.txt { font-size: 13px; color:#A2A2A2; font-weight: 300;  }


.review_point_info{ text-align: center;  } 
.review_point_info > div{ display: inline-block; font-size: 13px;  display: flex; 
gap: 20px; align-items: center; justify-content: center; margin-top: 10px;  }


.review_point_info > div div { display: flex; gap: 3px; color:#121212;  align-items: center;  }
.review_point_info > div strong { font-weight: 300; color:#121212;   }

.review_point_info > div i { width: 20px; height: 20px; display: inline-block; 
    background: url(../images/ico_won.png) no-repeat center;
    background-size: 20px; cursor: auto;   }

.page_list_reveiw .reivew_box ul.reivew_list > li { padding: 10px 15px;   }

#wrap{ position: relative; }


.r_kakao_btn { position: fixed; left: 0px; bottom:  90px; width: 100%; text-align: center; z-index: 999999999; }


.r_kakao_btn > div{ max-width: 650px; margin: auto; display: inline-block; width: 100%; position: relative;  }


.r_kakao_btn > div a{ position: absolute; right: 10px; bottom:  0px;  }

.active_user_count.on{ bottom: 39px; }
.active_user_count { position: absolute; bottom: 19px; z-index: 999999; text-align: center;  width: 100%;  }
.active_user_count > div{ display: inline-block; padding: 11px 25px; background: rgba(0,0,0,0.5); border-radius: 100px; 
 font-size: 16px; color:#fff;  } 

.active_user_count > div span{ color:#89CDA4; font-size: 16px; font-weight: bold;  }


	
.detail_simple{ padding-bottom: 20px;  }






.no_listbox > div a.btn.btn_w190{ padding: 13px 20px;  }



.review_top_box p.review_info_memo, .review_info_memo { font-size: 15px; display: inline-block; 
width: 100%; text-align: center; margin-top: 15px; }




.recent_wrap .box_li .box > div{ display: flex; gap: 3px; align-items: baseline; }


.counselor_infobox .infobox_r { display: flex; width: 100%;  }

.counselor_infobox .infobox_r > div{ width: 50%; text-align: center; position: relative; padding: 0 10px;  }

.counselor_infobox .infobox_r .info_step > .con_step { font-weight: 600;  }

.counselor_infobox .infobox_r .info_step > .tit, 
.counselor_infobox .infobox_r .info_tel > .tit { font-size: 15px; color:#333; margin-bottom: 10px;    }


.counselor_infobox .infobox_l{ padding-right: 0; }
.counselor_infobox .infobox_r{ padding-left: 0px;  }


.counselor_infobox .infobox_r > div:first-child:before { content:""; width: 1px; height: 70px; background: #eee;
display: inline-block; position: absolute; right: 0; top:10px;  }



.toggle { background: #e3e3e3; height: 55px; cursor: pointer; }
.checkbox:checked + .toggle {  background: #30DE6A }
.toggle:after{ width: 38px; height: 38px; left:10px; top:7px; }

.checkbox:checked + .toggle:after{width: 38px;  height: 38px;  }

.checkbox:checked + .toggle:after, toggle:after, .toggle:after { background: #fff; border-color:#fff;  }

.tel_toggle{ width: 100px; display: inline-block; }

.checkbox:checked + .toggle:after{ top:7px;  }

/* 
footer.foot_menu > ul > li a span{ color:#333;  }	
footer.foot_menu > ul > li a.foot_home {  background:url('/resources/images/ico_navi_myhome2.png') center 5px; background-size: 45px; background-repeat:no-repeat; }
footer.foot_menu > ul > li a.foot_search {  background:url('/resources/images/ico_navi_search2.png') center 5px; background-size:45px; background-repeat:no-repeat; }
footer.foot_menu > ul > li a.foot_favorite { background:url('/resources/images/ico_navi_favorite2.png') center 5px; background-size:45px; background-repeat:no-repeat; }
footer.foot_menu > ul > li a.foot_mymenu { background:url('/resources/images/ico_navi_mymenu2.png') center 5px; background-size:45px; background-repeat:no-repeat; }
footer.foot_menu > ul > li a.foot_mycoin { background:url('/resources/images/ico_navi_mycoin2.png') center 5px; background-size:45px; background-repeat:no-repeat; }
	 */
	
.container_mymenu .container_inner{ padding-bottom: 20px;  }






ul.list_item > li .item_box .item_img img,
.popup .popup_box .popup_con .top .img img,
.reivew_box ul.reivew_list > li .info_box > p.img img,
.counselor_infobox .infobox_l .user_img img,
.detail_profile .profile_top .profile_bg img { width: 100% !important; height: 100% !important;
 max-width: 100% !important; max-height: 100% !important; object-fit: cover; 
 margin: 0 !important; padding: 0 !important; }




	.counselor_infobox .infobox_l .user_img{ height: auto;     aspect-ratio: 1 / 0.6;  }

.container_myreview{ margin-top: 10px;  }

.reivew_box ul.reivew_list > li.no-data{ padding: 0;  }

	
	
  .all_check.agreebox { border-bottom: 1px solid #eee;  }
	
	
.profile_con .profile_con_box > .txtbox, .profile_con_box p, .profile_con_box span { font-size: 17px !important;  }
	
	
	
  .main_banner .swiper-slide-active { width: 100% !important; }
  .main_banner {  overflow: hidden;  }
  .main_banner > .mySwiper_main{ overflow: visible;    }
  
   
  
	
	.main_banner .swiper-pagination{ width: auto; left: 0; right: 0%; bottom: 1%; 
	padding: 13px 25px; border-radius: 50px;  color:#fff; 
	font-size: 15px; font-weight: 300;   }  
  
  .main_banner .swiper-slide { border-radius: 0px; overflow: hidden; }
  
  
  
   
  
  
  ul.list_item > li.main_li{ padding: 0 20px;  }
  
  ul.list_item > li.main_li .item_box_w { padding: 0; border: 0;   }
  ul.list_item > li.main_li .item_box{ padding: 0; border: 0;  }
  
  .item_box_w{ padding: 0; border: 0; }
  ul.list_item > li .item_box{ padding: 0;  }	
	
ul.list_item > li .item_box .item_img { border-radius: 10px !important; overflow: hidden; }	

	
ul.list_item > li.main_li .item_box { flex-wrap: wrap;  }


ul.list_item > li.main_li .tel_btn_wrap { position: static; }



ul.list_item > li.main_li .tel_btn_wrap2 { display: none;  }
ul.list_item > li.main_li .tel_btn_wrap1 { display: inline-block; width: 100%; margin-top: 10px;   }
ul.list_item > li .tel_btn_wrap1 { display: none;  }

ul.list_item > li.main_li .item_box .item_img { width: 100%; height: 330px;  }


ul.list_item li.main_li a.btn_list, ul.list_item li.main_li button.btn_list span { padding: 3px 0; 
padding-left: 30px; background-position: 0;   }

ul.list_item > li.main_li .item_box .cont { padding: 20px 0; }



ul.list_item > li.main_li .item_box .cont .style p.style_tag { display: none;  }

ul.list_item > li.main_li .name_top { align-items: center; }

ul.list_item > li .style_tag { display: none;  }
ul.list_item > li.main_li .style_tag { margin-left: 10px; 
color:#818181; font-weight: normal; display: inline-block;
padding-left: 10px; border-left: 1px solid #eee; line-height: 1.1;
height: 16px;   }




ul.list_item > li.main_li .won { display: flex; align-items: center; gap:5px; margin-top: 3px;    }
ul.list_item > li.main_li .won i { font-style: normal; background: #BF3A3A; color:#fff; padding: 2px 10px 0; border-radius: 3px; 
font-size: 15px;    }

ul.list_item > li.main_li .review{ margin-left: auto; }

ul.list_item > li.main_li .item_box .cont { width: 100%;  }


ul.list_item > li.main_li .review span { color:#818181;  }
ul.list_item > li.main_li .review dt {display: flex; align-items: center; }


ul.list_item > li.main_li .item_img a i{ font-size: 15px; font-weight: 300; line-height: 1.3;  }
ul.list_item > li.main_li .main_rating2 span { font-size: 15px; font-weight: 300;  }


.join_sns_btn tr td img{ width: 70px;  }



	
	.txtbox{     line-height: 1.6;
    color: #333333;
    font-size: 17px;
    font-weight: 400; }
	
	
	.mymenu_list_review_complate .reivew_box { padding: 20px;  }
	
	
	
	
	
	
	
	.container_mymenu .mymenu_top .mycoin{ margin: 20px 0; }
	
	
	
	
	.tag_box { padding: 20px; padding-bottom: 0;  }
	.tag_box ul { display: flex; gap:7px; flex-wrap: wrap; margin-top: 10px;   }
	.tag_box ul li { width: calc(20% - 10px); }
	.tag_box h3{ font-size: 15px; font-weight: bold; }
	.tag_box .box { margin-top: 20px; }
	.tag_box .box:first-child { margin-top: 0;  }
	
	
	  .checkbox-custom {
      display: inline-block;
      border: 1px solid #ddd;
      border-radius: 5px;
      vertical-align: middle;
      position: relative;
      cursor: pointer;
      font-size: 12px; padding: 11px 12px 10px; 
      width: 100%; text-align: center;  float: left;  font-size: 15px;
    }
    /* 체크된 상태 스타일 */
    .checkbox-container input[type="checkbox"]:checked + .checkbox-custom {
      background-color: #BF3A3A;
      border-color: #BF3A3A;
      color:#fff;
    }
    
	
    .write { padding-left: 15px; padding-right: 15px;  }
	
	
	
.profile_situation2, .profile_situation2_2 { font-size: 15px; margin-top: 10px; display: inline-block;  }
.profile_situation2.on, .profile_situation2_2.on { color:#006120; }


/* 
.sub_top_menu ul li.review_icon img { height: 65px; margin: 10px 0;  }
 */





#coin_add_action ul.list_tab { padding: 0; margin-top: 0; }

#coin_add_action ul.list_tab li { width: 50%;  }



#coin_add_action .list_tab1_wrap { margin-bottom: 10px;  }
	
#coin_add_action .list_tab1_wrap ul.list_tab { padding: 0;  }
	
	
.outo_order_info{  margin-bottom: 25px; border-bottom: 3px solid #F7F7F7; padding-bottom: 25px; width: 100%; }
.outo_order_info h3{ font-size: 20px; font-weight: 600;  }	
.outo_order_info2 { padding-bottom: 0; border-bottom: 0;  }

.outo_order_info .table {  margin-top: 10px; border: 1px solid #eee; border-radius: 10px; width: 100%; overflow: hidden; margin-bottom: 10px;   }
.outo_order_info table { width: 100%;  }
.outo_order_info table td, .outo_order_info table th { padding: 20px;   font-size: 20px; font-weight: bold;  }	
.outo_order_info table th { border-right: 1px solid #eee; }

	
.outo_order_info p { font-size: 17px;  }	
.outo_order_info p.memo { font-size: 15px; color:#8c8c8c; margin-top: 5px; font-weight: 300; }
	
	
	
.outo_order_info a{ display: inline-block; background-color: #89CDA4; color: #ffffff; height: 55px;
    border-radius: 10px; font-size: 17px; padding: 17px 0; cursor: pointer; width: 100%; text-align: center; }	
	
	
	
	
.coin_paybox_w1, .coin_paybox_w2 { width: 100%;  }	
.coin_paybox_w2{ display: none;  }
.coin_paybox_w2 input{ width: 100%; }


.card_wrap{ margin-top: 0px; padding: 20px; padding-top: 0; text-align: center;  }
.card_wrap img{ max-width: 390px; text-align: center; width: 100%; }    
    
    
    
.card_set_btn { cursor: pointer; }    
    
    
    
 .card_pass_set { display: flex; width: 100%; gap:10px; align-items: center; }   
 .card_pass_set input { height: 52px;     border-radius: 8px;
    border: 1px solid #DADADA; padding: 12px 15px; width: 52px; text-align: center; }   
 .card_pass_set span{ font-size: 12px; margin: 0 5px; }   
    
    
  .select_box select { height: 52px; border-radius: 8px; border: 1px solid #DADADA; padding: 12px 15px; 
  background: url(/resources/images/review_item_more.svg) 93% center no-repeat; }  
  
  .select_box2{ display: flex; gap:10px;  }
  .select_box2 select  { width: 50%;  }  
    
    
    
    
   .card_set_body #wrap{ padding-bottom: 70px; background: #fff;  } 
    
    
    
    
    
    .pass_set{ position: absolute; bottom:0; left: 0; width: 100%; z-index: 99999999999; background: #fff; display: none;  }
    .pass_set h3{ text-align: center; margin-bottom: 10px; font-size: 20px; width: 100%;   }
    .pass_set_input div{  display: flex; width: 100%; gap:10px; align-items: center; justify-content: center; padding: 0 20px;   }
    .pass_set div input {  height: 52px;     border-radius: 8px;
    border: 1px solid #DADADA; padding: 12px 15px; width: 52px; text-align: center; }
    
    .pass_set .cont{ position: fixed; bottom: -100%; z-index: 20; background: #fff; width: 100%; padding-top: 50px; max-width: 500px; 
     border-radius: 30px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-left: 75px; }
     
    .pass_set .btn{ padding: 20px;  }
    .pass_set .bg{ position: fixed; top:0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5) }
    .pass_set input[type='button'] { width: 100%;  }
    
    
    .pass_set div input[type='button'] { background-color: #89CDA4; color: #ffffff; border: solid 1px #89CDA4; }
    
    .pass_set div input[type='button']:disabled { background: #eee; color:#000; border: 1px solid #eee;  }
    
    
    
    
    
    .card_btn_li{ display: flex; gap: 25px; justify-content: center; align-items: center; font-size: 15px; margin-bottom: 30px;   }
    
    .card_btn_li a { display: inline-block; padding: 13px 20px; background: #fff; border: 1px solid #eee;  }
    .card_btn_li a:hover { background: #89CDA4; border-color:#89CDA4;  color:#fff;  }
    
    
    .card_add_wrap input[type='password'] { -webkit-text-security:disc; }
    

    
    .card_wrap > div, .card_wrap > a { position: relative; display: inline-block;  }
    .card_wrap div > span, .card_wrap a > span { position: absolute; bottom: 55px; left: 60px; font-size: 17px;  }
    .card_wrap p { display: inline-block; width: 100%; margin-top: 15px; font-weight: bold; }
    
    .card_wrap div > span{ bottom:20px; left: 20px; }
    .card_wrap p span { padding:10px; padding-right: 23px; 
    background: url(/resources/images/right_arrow.svg) right center no-repeat; background-size: 20px;  }
    
    .auto_info_td span { line-height: 1.5;  }
    
    
    
    
   .order_li_pay table.tb_list_line tbody tr:first-child td { vertical-align: top; }
    
    
    table.tb_list_line tbody tr td.won_txt strong {   }
    
    
    
   .order_li_pay table.tb_list_line tbody tr:first-child td strong { margin-top: 8px; display: inline-block; width: 100%; }
    


.inp_chk input {display:inline-block; width:20px; height:20px; margin:-3px 3px 0 0; vertical-align:middle;
 background:url("/resources/images/icon_chk.gif") no-repeat center; background-size:100%; border:none;
 -webkit-appearance: none; -webkit-border-radius: 0; float: left; margin-top: 1px;  }
.inp_chk input:checked {background:url("/resources/images/icon_chk_on.gif") no-repeat center; background-size:100%;}
.inp_chk label { font-size: 13px; float: left; margin-left: 3px;   }
 .inp_chk label span { font-size: 13px; text-decoration: underline; }
.point_view span { color: #89CDA4; font-weight: bold; }
.addr_add_pop { z-index: 1100 }
.addr_add_list_pop { z-index: 1000 }


a.btn-layerClose { display: inline-block; font-size: 25px; color: #909090; font-weight: 100; margin-right: 10px; }

.pop-layer{ padding: 10px;  border-radius: 20px;  }
.pop-layer { width: 95%; max-width: 410px;   }

.pop-container .close { position: absolute; right: 5px; top: 9px; }
.pop-container .close img{ width: 40px;  }


.dim-layer.privacy h5, .dim-layer.terms h5, .card_del h5  { display: inline-block; width: 100%; font-size: 20px; margin-bottom: 10px; }
.dim-layer.privacy .cont, .dim-layer.terms .cont, .card_del .cont { height: 300px; overflow: auto; padding: 10px; }
.dim-layer.privacy pre, .dim-layer.terms pre { font-size: 13px; display: inline-block; width: 100%;
white-space: pre-wrap;  }

.card_del .cont{  height: 170px; }
.card_del .cont p { line-height: 1.5; font-size: 15px;  }
.card_del .btn { display: flex; gap:10px; width: 100%; margin-top: 20px;  }
.card_del .btn span, .card_del .btn input { font-size: 13px; width: 100%; border: 0; padding: 0 20px; background: red; 
 border-radius: 10px; background-color: #89CDA4;
 color: #ffffff;  border: solid 1px #89CDA4; display: inline-block; height: 50px; line-height: 48px; text-align: center;  }

.card_del .btn span{ background: #616161; border-color: #616161; cursor: pointer; }

.card_del2 .cont{  height: 150px; }



.footer_top .r{ display: flex; gap:10px; align-items: center; }
.fsns{ display: flex; gap:20px; align-items: center;     justify-content: center; }


.fsns img{ height: 20px;   }










/* 인풋타입 파일 */
.filebox label, .btn_type1 { display: inline-block; padding: .5em .75em; color: #999; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #fdfdfd; cursor: pointer; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; }
.filebox input[type="file"] { /* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
/* 인풋타입 파일 끝 */


.photo {width: 150px; height: 150px; border:3px solid #ececed; background: #ececed url("/admin/resources/images/common/phto_bg.png") no-repeat center; overflow: hidden; position: relative; }
.photo img{width: 100%; position: absolute; left: 50%; top: 50%;  transform: translate(-50%, -50%);  max-width: 100%; transform: translate(-50%, -50%);  }
 

.phto_imglist input[type='file'] { display: none;  }
.phto_imglist li:first-child label { background: #f5f5f5 url("/admin/resources/images/common/phto_bg.png") no-repeat center; border: solid 1px #d9d9d9;  display: inline-block;
width: 86px; padding: 45px 0 23px;  border-radius: 3px; text-align: center; float: left; color:#c4c4c4; height: 86px; box-sizing: border-box;  font-size: 13px;  }



.pop_wrap{ display: inline-block; width: 100%; padding: 20px 35px;  }

.pop_wrap .left{ float: left; width: 150px; text-align: center;  }
.pop_wrap .left h3  { text-align: left; padding: 10px 0; display: inline-block; width: 100%; font-weight: normal; font-size: 15px; }


.pop_wrap .join_page_input .left h3 { display: inline-block;  width: 100%;  margin-bottom: 3px; color: #6a6a6a; font-size: 16px; font-weight: 500; padding-bottom: 3px; }



.pop_wrap .left .left_wrap { margin-top: 20px; }
.pop_wrap .left .left_wrap:first-child { margin-top: 0px; }


.pop_wrap .filebox { width: 150px; text-align: center; margin-top: 10px;  }
.pop_wrap .filebox label:hover { background: #585858; color:#fff;  }

.pop_wrap > .right { float: right;  width: calc(100% - 170px);  }

.useradd_table{ max-width: 560px; margin: auto; }
.useradd_table table { width: 100%;  }
.useradd_table tr{ }
.useradd_table th { width: 350px; font-size: 15px; padding: 11px 10px; font-weight: normal; font-size: 13px;  }
.useradd_table td { width: 100px; padding: 11px 10px; }
.useradd_table td input { padding: 5px 7px; border: 1px solid #dedede; font-size: 13px;   }
.useradd_table .select2-container, .useradd_table .select2-drop, .useradd_table .select2-search, .useradd_table .select2-search input{width: 100%; }

.useradd_table td span { font-size: 13px;  }
.useradd_table td span em { font-style: normal;  }

.useradd_table th, .useradd_table td { border: 1px solid #eee; }

.useradd_table th{ background: #f2f2f2;  }


.useradd_table td textarea{  width: 100%; padding: 5px 7px; border: 1px solid #dedede; font-size: 13px;  resize: none; height: 90px; }

.useradd_table .addr td input[type="text"]{width: calc(100% - 100px); float: left;  }
.useradd_table .addr td input[type="button"]{width: 100px; float: left; }


.useradd_table .tel input { float: left; width: calc(33.33% - 11.1px)  }
.useradd_table .tel span{float: left; display: inline-block; margin: 5px; }
.useradd_table tr .checks label span{ font-size: 13px;  }

 .option_table_list2 th input[type='button'] { background: #fff; border: 1px solid #eee; padding: 5px 7px;  }
 



.useradd_table .table_price input { width: calc(100% - 15px) !important; } 


.goods_set_wrap{ background: #fff;  }
.goods_set_wrap .checks label { font-size: 13px;  }

.goods_set_wrap .checks { margin: 5px 0 ; }


.goods_set_wrap .pop_wrap{ padding: 15px;  }



.boods_bottom_btn{ display: inline-block; width: 100%; margin-top: 10px;  }
.boods_bottom_btn .box{ display: flex;  }
.boods_bottom_btn input, .boods_bottom_btn a { height: 50px; border: 0; width: 100%; font-size: 13px;
 text-align: center; line-height: 50px; background: #454545; color:#fff;  }

.useradd_table input[type='text'], .useradd_table input[type='number'] { width: 100%;  }

.goods_list { padding: 15px;  }


.useradd_table td input[type="radio"] { margin-right: 2px;  }





.goods_list_wrap { padding-bottom: 80px; background: #fff;   }

    .page_mn_counsel_list #wrap, .page_mn_counsel #wrap { background: #fff; }
    
    
.sum_prc1 span, .sum_prc1 strong, .sum_prc2 span, .sum_prc2 strong { font-weight: 300;  }
    
    
    
.orderview_total { padding: 10px 10px;  }    
.section_box2 { border-bottom: 5px solid #F7F7F7; padding-bottom: 10px;  }    
.orderview_total dl.sum_prc3{ margin-top: 5px;   }    
    
    
 .goods_item .img i{ display:inline-block; content:''; position:absolute; color:#fff; padding: 6px 7px;
font-size:11px; line-height:1em; font-weight: 400; top: 12px; left: 12px; border-radius:5px; font-style: normal;
z-index: 20; background: rgba(0,0,0,0.3) }   
    
    


.goods_order_wrap{ padding: 20px;  }
.goods_order_list{ display: inline-block; width: 100%; border-top: 2px solid #000;  }
.goods_order_list .box_wrap { display: flex; gap:10px; width: 100%;   }
.goods_order_list .box_wrap .box { width: 45%; font-size: 13px;  }
.goods_order_list .box_wrap .box:first-child { width: 10%;  }
.goods_order_list ul li{ display: inline-block; width: 100%; padding: 10px;     border-bottom: 1px solid #000; }
.goods_order_list .box_wrap .box a.btn { padding: 7px 13px; border: 1px solid #000; font-size: 11px; 
display: inline-block; margin-top: 10px;  }
.goods_order_list .box_wrap .box .li { display: inline-block; width: 100%; margin: 1px 0; line-height: 1.5;   }
.goods_order_list .box_wrap .box .btn { margin-top: 10px; display: flex; gap:5px; flex-wrap: wrap; }



.order_li_btn { display: flex; gap:10px; margin-top: 10px;  }
.order_li_btn span { display: inline-block; width: calc(50% - 10px); font-size: 13px;
 padding: 10px 0; border-radius: 10px; border: 1px solid #eee; text-align: center; cursor: pointer;   }    
    
 .order_li_btn span:hover { background: #d8e9ff; border-color: #d8e9ff; font-weight: 500;  }   
.order_li_btn span.on { background: #89CDA4; border-color: #89CDA4; color:#fff; }    
    
   
    
   .goods_order_wrap select{ width: 100%; height: 50px; border-radius: 10px; margin-bottom: 20px; padding: 0 15px;
   border: 1px solid #DADADA; 
padding-right: 70px;  background: url('../images/arrow down.svg') 96% center no-repeat;   } 
    
    
    .goods_order_list ul li.no-data { padding-bottom: 100px;  }
    
    
    
    .container_pay  .mymenu_top .mycoin { margin-top: 0;  }
    
    .write { padding-left: 15px; padding-right: 15px;  }
    .page_list, .page_cs_guide, .page_qna, .page_cs_detail, .page_member, .page_view #wrap, .page_write #wrap    { background: #fff;  }
    
    
    .phto_imglist li:first-child label span { display: none;  }
    
    
    
    
    
.login_box{  }



.search_container { border-top-left-radius: 20px; border-top-right-radius: 20px; }



.mall_list{ padding: 0 20px; ;  }
	

	
.mall_detail .mySwiper_mall{ width: 100%; overflow: hidden; }	
.mall_detail #wrap{ background: #fff;  }	
.mall_banner.main_banner > .mySwiper_main { padding: 0;  }	
.mall_list{ padding: 0 20px; ;  }
	
.mall_detail .main_banner .swiper-slide { border-radius: 0;  width: 100% !important;  }
	
	
.main_banner.mall_banner { padding-bottom: 0px;  }
	
	
.mall_detail .profile_con .profile_con_box > h3 { font-size: 17px;  }
.mall_detail .profile_con .profile_con_box > .txtbox, .mall_detail .profile_con_box p, .profile_con_box span { font-size: 15px !important;
  }
	
.mall_detail .profile_con .profile_con_box > .txtbox{ padding-top: 10px;  }
	
	
.container_story ul.mall_list li.story_item > a .right.img { height: 200px; }

.container_story ul.mall_list li.story_item:first-child { padding-top: 5px;  } 



.container_story ul.mall_list li .won { margin-top: 7px;  }


.container_story ul.mall_list li .won strong { padding-left: 27px; 
background: url('/resources/images/ico_coin_l3.svg') no-repeat -3px -3px;  background-size: 25px; 
 padding-top: 0px; padding-bottom: 4px;  }



.option_wrap { position: fixed; bottom: -100%; max-height: 93%;  width: 100%; left: 0; display: none; z-index: 9999999;   }
 
	
.option_wrap .bg{ display: none; z-index: 10;  }

.option_wrap .option_box_wrap {   background: #fff; width: 93%;  margin: auto; height: 100%; 
    border-radius: 30px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; position: relative; 
    padding: 30px 0 0; z-index: 20; max-width: 470px;  }	
    
    
.option_wrap .bg{ position:fixed; width:100%; height:100%; top:0; left:0; ;
background-color:rgba(0,0,0,0.6); }



.option_wrap input::placeholder , .option_wrap textarea::placeholder  { color:#B2B2B2;  }



.option_wrap input, .option_wrap textarea , .option_wrap select { width: 100%; height: 50px;     padding: 12px 15px;
    font-size: 14px; color: #555555; border-radius: 5px; border: solid 1px #DDDDDD; }

.option_wrap textarea  { resize: none; height: 100px; width: 100%;  }

.option_wrap select { background: url(/resources/images/review_item_more.svg) 96% center no-repeat; padding-right: 50px  }


.option_box_wrap { }
 .option_box_wrap .box{ margin-top: 10px; display: inline-block; width: 100%;  } 
 .option_box_wrap .box1 { margin-top: 5px;  } 
.option_box_wrap .box:first-child, .option_box_wrap .memo .box1:first-child { margin-top: 0;  }


.option_box_wrap .box .title { display: inline-block; width: 100%; margin-bottom: 5px;  }
.option_box_wrap .box .title strong { margin-bottom: 10px; font-size: 15px;  }

.option_wrap .option_box_wrap .cont{  overflow: auto; width: 100%; height: calc(100% - 135px); padding: 0 30px 20px ;   }


.option_wrap .pay_btn_w { padding: 0 30px; border-top-width: 2px; margin-top: 10px; padding-top: 10px; padding-bottom: 20px;   }
.option_wrap .inp_chk input {display:inline-block; width:20px; height:20px; margin:-3px 3px 0 0; vertical-align:middle;
 background:url("/resources/images/icon_chk.gif") no-repeat center; background-size: 20px; border:none; padding:0; cursor: pointer; 
 -webkit-appearance: none; -webkit-border-radius: 0; float: left; margin-top: 1px;  }
.option_wrap .inp_chk input:checked {background:url("/resources/images/icon_chk_on.gif") no-repeat center; background-size: 20px;}
.option_wrap .inp_chk label { font-size: 13px; float: left; margin-left: 3px;  cursor: pointer;   }
 

.option_wrap .pay_btn button { height: 50px; border-radius: 100px; margin-top: 0px;  }
.option_wrap .orderview_total { padding-top: 0 ; }


.option_wrap .zipcode_num input{ float: left; width: 80px; }
.zipcode_box input { margin: 5px 0;  }
.zipcode_btn_box { margin: 5px 0; }
.zipcode_btn1 { height: 50px;  border-radius: 5px; }

.option_wrap .zipcode_top { display: flex; gap:10px;  } 

.option_wrap .apple_addr2_w { width: 100%;   }


 .inp_chk{ display: flex; align-items: center; height: 22px; }
 .inp_chk a{ font-size: 13px; text-decoration: underline; margin-left: 5px;  }

.option_wrap button.btn_close { position: absolute; right: 20px; top: 15px; width: 27px; height: 27px;  ;  }
.option_wrap button.btn_close { display:inline-block;   border:0; 
background:url('/resources/images/ico_close.svg') left center; background-size:27px; background-repeat:no-repeat; }



.mall_detail{ width: 100%; height: 100%;  }

#terms3 h3 { display: inline-block; width: 100%; margin-bottom: 5px; font-size: 15px;  }
.dim-layer.terms #terms3 .cont { height: 520px; }


.chat_memo span {
  white-space: pre-line;
}





.pay_txt h5 { display: inline-block; width: 100%; margin-bottom: 10px;   color:#000; font-weight: bold; font-size: 17px;  }
.pay_txt p{ line-height: 1.45; font-size: 13px; word-break: break-all; }
.pay_txt p span{ color:red;  }
.coin_paybox ul.coin_pay li dl dt, .coin_paybox ul.coin_pay li dl dd{ font-size: 15px;  }


ul.list_item > li .goods_box .item_box{ padding: 0px; }
ul.list_item > li .goods_box  { padding: 5px 10px; display: inline-block; width: 100%; border-radius: 10px; border: solid 1px #4894F5; }
ul.list_item > li .goods_box .item_box { border: 0;  }


ul.list_item > li .goods_box .cont span { display: inline-block; width: 100%;  }
ul.list_item > li .goods_box .cont .goods_name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
ul.list_item > li .goods_box .cont .goods_price{ margin-top: 3px;  }
ul.list_item > li .goods_box .cont .goods_name {  font-weight: bold; }
ul.list_item > li .goods_box .cont .goods_cata { display: inline-block; width: 100%; margin-bottom: 10px; font-size: 14px;  }



ul.list_item > li{ margin: 0;  }
.goods_title { display: inline-block; width: 100%;  padding: 15px 20px 13px; border-bottom: 2px solid #f5f5f5;  }
.goods_title h5 { display: inline-block; width: 100%; font-size: 20px;  }
.goods_title span  { display: inline-block; width: 100%; margin-top: 7px; font-weight: bold; }

.main_banner.mall_banner { margin-top: 0;  }




.main_list_style1{  }

ul.main_list_style1 > li.main_li { padding: 0;  }
ul.main_list_style1 > li.main_li .item_box { flex-wrap: nowrap; gap:20px;
 align-items: center;
     padding: 0 20px 15px;  margin-bottom: 15px;   
 border-bottom: 9px solid #F5F5F5 !important; border-radius: 0;  }

ul.main_list_style1 > li.main_li .item_box .item_img { height: 130px; width: 180px; overflow: visible;  }
ul.main_list_style1 li button.btn_list { width: 135px; padding: 9px 13px; border-radius: 5px;   }
ul.main_list_style1 > li.main_li .item_box .cont { border: 0; width: calc(100% - 180px); display: flex; gap: 0 10px; flex-wrap: wrap;   }
ul.main_list_style1 > li.main_li .item_box .cont .cont_rt { width: calc(100% - 145px); }

ul.main_list_style1 li.main_li a.btn_list, ul.main_list_style1 li.main_li button.btn_list span { font-size: 16px; padding-left: 27px; }
ul.main_list_style1 > li.main_li .tel_btn_wrap1 { width: auto; margin-left: auto; }


ul.main_list_style1 .cont .won { align-self: flex-end; width: 100%; margin-top: 0;  }


ul.main_list_style1 > li .item_box .cont .style p:first-child { color:#121212; margin-bottom: 1px; font-weight: normal;  }
ul.main_list_style1 > li .item_box .cont .style p { color:#818181; font-weight: 300; }


ul.main_list_style1 > li.main_li .won i { background: url("/resources/images/ico_won.png") no-repeat center; 
background-size: 21px; width: 21px; height: 21px; padding: 0;  }


ul.main_list_style1 > li.main_li .tel_btn_wrap1 {}

ul.main_list_style1 > li.main_li .tel_btn_wrap1 { margin-top: 30px; margin-bottom: 5px;  }


ul.main_list_style1 > li.main_li .item_img a i { font-size: 11px; left: -8px; padding: 3px 17px; 
font-weight: 300; background-size: 60px !important; height: 25px; background-repeat: no-repeat !important; 
width: 60px; text-align: center; }









ul.main_list_style1 > li.main_li .main_rating2 span { font-size: 11px; padding: 3px 5px;  }

.reivew_list button.btn_full, .reivew_list button.btn_red { margin: 0px 15px !important; width: calc(100% - 30px); }


ul.main_list_style1 > li.main_li .item_box .item_img em {  display: inline-block;  
 position: absolute; left: -4px; top: 27px; 
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  /* 오른쪽에만 컬러 삼각형 */
  border-right: 6px solid #333; 
  transform: rotate(238deg);  } 



 .search_container ul.list_item > li { margin-top: 15px;  }



.page_favorite .container.search_container{ padding-bottom: 50px;  }







ul.main_list_style1 li a.btn_call_ok, ul.main_list_style1 li button.btn_call_none { color: #89CDA4; border: 1px solid #89CDA4; background: #fff;  }
ul.main_list_style1 li a.btn_call_ok, ul.main_list_style1 li button.btn_call_none span { 
	background: url(/resources/images/call_ico2.png) center 0% no-repeat; color: #89CDA4; 
    background-size: 20px; }















footer.foot_menu > ul > li a.foot_home { display:block; width:100%; height:86px; background:url('/resources/images/ico_navi_myhome.png') center 5px; background-size: 45px; background-repeat:no-repeat; }

footer.foot_menu > ul > li a.foot_search { display:block; width:100%; height:86px; background:url('/resources/images/ico_navi_search.png') center 5px; background-size:45px; background-repeat:no-repeat; }
footer.foot_menu > ul > li a.foot_favorite { display:block; width:100%; height:86px; background:url('/resources/images/ico_navi_favorite.png') center 5px; background-size:45px; background-repeat:no-repeat; }
footer.foot_menu > ul > li a.foot_mymenu { display:block; width:100%; height:86px; background:url('/resources/images/ico_navi_mymenu.png') center 5px; background-size:45px; background-repeat:no-repeat; }
footer.foot_menu > ul > li a.foot_mycoin { display:block; width:100%; height:86px; background:url('/resources/images/ico_navi_mycoin.png') center 5px; background-size:45px; background-repeat:no-repeat; }




footer.foot_menu > ul > li a{ display: block; }
footer.foot_menu > ul > li a span{ color:#C5C5C5;  }	
footer.foot_menu > ul > li a.foot_home {  background:url('/resources/images/ico_navi_myhome2.png') center 5px; background-size: 45px; background-repeat:no-repeat; }
footer.foot_menu > ul > li a.foot_search {  background:url('/resources/images/ico_navi_search2.png') center 5px; background-size:45px; background-repeat:no-repeat; }
footer.foot_menu > ul > li a.foot_favorite { background:url('/resources/images/ico_navi_favorite2.png') center 5px; background-size:45px; background-repeat:no-repeat; }
footer.foot_menu > ul > li a.foot_mymenu { background:url('/resources/images/ico_navi_mymenu2.png') center 5px; background-size:45px; background-repeat:no-repeat; }
footer.foot_menu > ul > li a.foot_mycoin { background:url('/resources/images/ico_navi_mycoin2.png') center 5px; background-size:45px; background-repeat:no-repeat; }
	
	





footer.foot_menu > ul > li.on a.foot_home{    
	background: url(/resources/images/ico_navi_myhome_on.png) center 5px no-repeat;
	background-size: 45px; }
	
	
footer.foot_menu > ul > li.on a.foot_search{    
	background: url(/resources/images/ico_navi_search_on.png) center 5px no-repeat;
	background-size: 45px; }
	
footer.foot_menu > ul > li.on a.foot_favorite{    
	background: url(/resources/images/ico_navi_favorite_on.png) center 5px no-repeat;
	background-size: 45px; }	

footer.foot_menu > ul > li.on a.foot_mymenu{    
	background: url(/resources/images/ico_navi_mymenu_on.png) center 5px no-repeat;
	background-size: 45px; }	

footer.foot_menu > ul > li.on a.foot_mycoin{    
	background: url(/resources/images/ico_navi_mycoin_on.png) center 5px no-repeat;
	background-size: 45px; }	




 .recent_wrap{ display: inline-block; width: 100%; padding: 30px 30px; background: #fff; 
 border-bottom: solid 1px #EEEEEE;  }
 .recent_wrap .box_li { display: flex; gap:20px;  }
 .recent_wrap .box_li .box { width: calc(50% - 10px); display: flex; gap:20px; background: #F2FCF4;
;  padding: 25px 30px ; border-radius: 10px;  align-items: center;     }
 
 .recent_wrap .box_li .box > span { font-size: 20px; line-height: 1.35;  }
 .recent_wrap .box_li .box > span span{ font-size: 20px; font-weight: bold; }
 
 .recent_wrap .box_li .box > div{ margin-left: auto; font-size: 30px; color:#89CDA4;  } 
 
 .recent_wrap .box_li .box > div span { font-size: 23px;  }
 
 
 
 
 
 
 
 
 
 ul.list_item > li{ margin: 10px 0; width: 100%;     }

/* 
ul.list_item > li:first-child { margin-top: 20px;  }
 */
.item_box_w{ padding: 10px 10px 8px; border:1px solid #F5F5F5;; border-radius: 5px; }


ul.list_item > li .item_box{ display: flex;  }
ul.list_item > li .item_box .item_img{ width: 200px; height: 120px;  }

 
ul.list_item > li .item_box .cont{ padding: 1px 20px; width: calc(100% - 160px); 
padding-right: 0; padding-top: 13px; padding-right: 170px;  }



ul.list_item > li .item_box .cont .cont_rt > a{ min-height: 66px; display: inline-block; width: 100%;  }

.name_top{ display: flex; margin-bottom: 5px;  }
.main_rating { width: auto; display: flex; }
.main_rating p { width: auto;  }

ul.list_item > li .item_box{ padding-bottom: 5px;  }

ul.list_item > li .item_box .cont{ position: relative; }
ul.list_item li a.btn_list, ul.list_item li button.btn_list{ width: 100%;  
top :0; right: 0;     border-radius: 0; color:#89CDA4; 
font-size: 17px; padding: 15px 10px;    display: inline-block;
border: 1px solid #89CDA4;  position: static; border-radius: 10px; margin-top: 10px; 
  background: none; }

ul.list_item li a.btn_list, ul.list_item li button.btn_list span{ padding-left: 35px; padding-top:5px; padding-bottom:5px;
background: url(/resources/images/call_ico.png) 0% 55% no-repeat; background-size: 23px;  }

ul.list_item > li .item_box .cont .style{ margin: 5px 0  }

.tel_btn_wrap{ display: inline-block; width: 100%; position: relative;  }

ul.list_item li button.btn_list_ing2 { background: #D9D9D9; 
border-color: #ECECEC; color:#818181;   }

button, a{  transition: background-color 0.5s ease;  }


ul.list_item li button.btn_list_ing2 span { background: url(/resources/images/call2_ico.png)  0% center  no-repeat;  
 color:#fff; background-size: 25px; padding-left: 35px;  }
 



    ul.list_item li a.btn_list:hover , ul.list_item li button.btn_list:hover{ background: #f8fffb; }
    
    
ul.list_item li a.btn_list_ing, ul.list_item li button.btn_list_ing { background: #89CDA4;  }
ul.list_item li a.btn_list_ing, ul.list_item li button.btn_list_ing span { 
	background: url(/resources/images/collme_ico.gif)  0% center  no-repeat; background-size: 25px; color:#fff;  }

 ul.list_item li button.btn_list_ing:hover { background: #89CDA4;  }


ul.list_item > li .item_box .cont p.badge, ul.list_item > li .item_box .cont p.partner,  
ul.list_item > li .item_box .cont p.new { border-radius: 5px; color: #89CDA4; border:1px solid #89CDA4;
font-size: 11px; padding: 3px 5px 7px 5px; margin-left: 5px; display: inline-block;   } 
 

.w_round_box{ background: #fff;  }
.w_round_box .search_input_container{ border: 1px solid #E9E9E9; border-radius: 10px; overflow: hidden;  }


.footer_top{ display: inline-block; width: 100%;  padding: 25px 15px 0;   }

.footer_top img{ height: 25px; float: left; margin-top: 0px;  }
.footer_top .r { float: right;  }

ul.list_item > li .item_box { border-color: #E9E9E9 !important;  }



.page_title{ display: inline-block; width: 100%; margin-bottom: 10px;  }
.page_title h3{ font-weight: 500; }


.search_container .w_round_box { padding-top: 20px; }

.h_full.search_container .w_round_box { padding-top: 30px; }
 
 
 
 
   .tel_btn_wrap { position: absolute; right: 0; top:20px; width: 150px;  }
   ul.list_item li a.btn_list:hover, ul.list_item li button.btn_list:hover{  }
   
   
   
   
   .tel_btn_w .item-info { font-size: 15px; font-weight: 400; color: #888; display: inline-block; width: 100%; margin-bottom: 0px; 
   text-align: center;  line-height: 1.6 }
   
 
 
 
 
   
   .tel_btn_wrap { position: absolute; right: 0; top:20px; width: 150px; height: auto;  }
   ul.list_item li a.btn_list:hover, ul.list_item li button.btn_list:hover{  }
   
   
 
ul.list_item li a.btn_list, ul.list_item li button.btn_list span{ padding-left: 35px; padding-top:5px; padding-bottom:5px;
background: url(/resources/images/call_ico.png) 0% 55% no-repeat; background-size: 23px;     color: #89CDA4;  }
 
 
	
	 
	ul.list_item>li .style .review_more:after, ul.list_item>li .style .review:after { content:""; 
	background: url(/resources/images/review_item_more.svg) center no-repeat; display: inline-block;
	width: 15px; height: 15px; position: absolute; right: 15px; /* transform: rotate( 180deg ); */
	background-size: 12px;  }
	
	
	
ul.list_item > li .item_box .cont{ position: relative; }
ul.list_item li a.btn_list, ul.list_item li button.btn_list{ width: 100%;  
top :0; right: 0;     border-radius: 0; color:#89CDA4; 
font-size: 17px; padding: 15px 10px;    display: inline-block;
border: 1px solid #89CDA4;  position: static; border-radius: 10px; margin-top: 10px; 
  background: none; }
	
	
	
	
#coin_add_action .section_box { padding: 25px 23px 0 !important; }	
	
	
	
	
	
.fliter_li_wrap .l { display: flex; gap:7px;  }	
	
.fliter_li_wrap .l span { cursor: pointer; display: inline-block; border: 1px solid #ECECEC; 
padding: 10px 15px; border-radius: 3px; font-size: 15px;  }
	
	
.fliter_li_wrap .l span.active{ background: #89CDA4; color:#fff;  }
	
	
ul.chat_list li button.btn_list span,
ul.list_item li button.chat_list span {background: url(/resources/images/chat_icon.png) 0% 55% no-repeat; background-size: 23px;  }
	
	
	
.popup .popup_box .popup_con2 a{ display: inline-block; width: 100%;  }	
	
	
ul.list_item li button.btn_list_ing2 { background: #D9D9D9; 
border-color: #ECECEC; color:#818181;   }

button, a{  transition: background-color 0.5s ease;  }


ul.list_item li button.btn_list_ing2 span { background: url(/resources/images/call2_ico.png)  0% center  no-repeat;  
 color:#fff; background-size: 20px; padding-left: 25px;  }
 
 
ul.list_item li button.btn_list_ing2:hover { background-color: #89CDA4;  }
 
 
 
ul.list_item li button.coll_chat{ background: #89CDA4;  }
ul.list_item li button.coll_chat span,
.foot_btn > div > .btn button.coll_chat span  { color:#fff; background: url(/resources/images/chat_icon_on.png) 0% 55% no-repeat;
    background-size: 23px;   }
ul.list_item li button.coll_ok span {  }
  
  
  
ul.list_item li a.btn_list_ing, ul.list_item li button.coll_ok { background: #89CDA4;  }
ul.list_item li a.btn_list_ing, ul.list_item li button.coll_ok span { 
	background: url(/resources/images/collme_ico.gif)  0% center  no-repeat; background-size: 25px; color:#fff;  }
	
	
	
.call_memo_btn{ align-items: center; }	
.call_memo_btn a{ display: inline-block; padding: 10px 15px; border-radius: 10px; border: 1px solid #eee;  }	
	
	
.counselor_infobox .infobox_l { width: 35%; }	
.counselor_infobox .infobox_r { width: 65%;  }



.counselor_infobox { flex-wrap: wrap; }
	
	
	
	
#loading { display:none; position:fixed; top:0; left:0; width:100%; height:100%;
     background:rgba(0,0,0,0.5); z-index:99999999999999999999; text-align:center; }
	
#loading img{ max-width: 500px; width: 100%;  }	
	
	
ul.list_item > li .item_box .cont ul.info { margin-top: 20px;  }
	
textarea.write_text {
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
}
	
	
	
	
	
	
	
	
  