@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;
    z-index: 30;
}


.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: 5px 0 0;
    margin-left: 15px;
}

header h1 img {
    width: 200px; 
    margin-bottom: 0px;
}

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

body {
    max-width: 720px;
    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;
}

#login_btn {
    cursor: pointer;
    border-color: #FF736D;
}

.login_popup {
    display: none;
    left: 0;
    width: 100%;
    height: 100%;
}


.filter_popup {
    display: none;
    left: 0;
    width: 100%;
    height: 100%;
}



.preview_popup{
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
}

.preview_popup .popup_bg_w{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.45);
}

.preview_popup .popup_box{
  position: absolute;
  left: 0;
  right: 0;
  bottom: -100%;   /* 처음엔 아래로 숨김 */
  background: #fff;
  border-radius: 20px 20px 0 0;
}



.preview_popup.on {}

.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: #FF736D;
    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: 360px;
}

.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;
    display: inline-block;
    font-size: 23px;
    background: var(--bg, linear-gradient(270deg, #FF736D 0%, #FF9D7C 96.77%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.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:#FF736D; }
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 5px;
    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: #FF736D !important;
}

.detail_profile .profile_top .profile_id>div p.badge {
    display: inline-block;
    padding: 5px 12px 6px 12px;
    border: 1px solid #FF736D;
    color: #FF736D;
    border-radius: 100px;
    float: right;
}

.detail_profile .profile_top .profile_id>div {
    width: 100%;
}

.detail_profile .profile_top .profile_id>div p.new {
    margin-right: 5px;
}

.detail_profile .profile_top .profile_id .txt {
    color: #333;
    padding: 0 20px;
    font-size: 20px;
    margin-top: 15px;
    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:#FF736D; }
.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 #FF736D;
}

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

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

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

.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: #FF736D;
    border: 1px solid #FF736D;
    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: #FF736D;
}


.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: #FF736D;
    border-radius: 6px;
    margin: 0 2px !important;
    padding: 0;
}

body.flex .profile_tap_box {
    padding-top: 63px;
}

header.on {
    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: #FF736D;
}

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




.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: #FF736D;
    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: 41%;
    left: 0%;
    width: 100%;
    ;
}

#round_banner #roulette img {
    width: 82.3%;
}

.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: 13%;
}

#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: 45%;
    right: 0;
    width: 100%;
    text-align: center;
    transform: translate(-0%, -50%);
}

.roulette_win_box>img {
    max-width: 350px;
    ;
}

.roulette_win_box2>img {
    max-width: 300px;
    ;
}


.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: #FF736D;
    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: 16px 10px;
    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;
    border: 0;
    border-radius: 20px 20px 0 0;
    /* overflow: hidden; */
}


.sub_top_menu {
    padding: 10px 0px 0px 0px;
}

.sub_top_menu ul {
    display: flex;
    padding: 0 20px;
    gap: 10px
}

.sub_top_catamenu ul {
    padding: 0 20px;
}

.sub_top_menu ul li {
    text-align: center;
    flex: 1;
}





.sub_top_menu ul li img {}

.sub_top_menu ul li span {
    display: inline-block;
    width: 100%;
    font-size: 20px;
    margin-top: 13px;
    font-weight: 800;
    color: #666;
}

.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: #181818;
    font-weight: bold;
}



.main_banner {
    padding-top: 0px;
    overflow: hidden;
    padding-bottom: 0px;
}

body {
    max-width: 720px;
}

ul.list_item>li {
    margin: 10px 0;
    width: 100%;
}

/* 
ul.list_item > li:first-child { margin-top: 20px;  }
 */
.item_box_w {
    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;
    padding-right: 0;
    padding-top: 16px;
    gap:5px; 
}



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: #FF736D;
    font-size: 15px;
    padding: 13px 15px;
    display: inline-block;
    border: 0;
    position: static;
    border-radius: 10px;
    margin-top: 0px;
    background: #FF736D;
    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: var(--bg, linear-gradient(270deg, #FF736D  0%, #FF9D7C  96.77%));
    border-color: #FF9D7C ;
    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: 30px;
}


.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: center 0;
    padding-left: 0;
    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: 13px;
    padding-right: 13px;
}



.search_container ul.list_item>li .item_box .cont {
    padding-right: 70px;
}

.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 .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: #FF736D;
    border: 1px solid #FF736D;
    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: left;
}

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 span {
    width: 100%;
    height: auto;
    text-align: center;
    display: inline-block;
    font-size: 17px;
    color: #444444;
    ;
    font-weight: 500;
}

footer.foot_menu>ul>li.on a span {
    color: #FF756E;
    font-weight: bold;
}









.popup_con button {
    border: 0;
    background: none;
    width: 100%;
}

.popup_con button.popup-button {
    display: flex;
    height: 50px;
    padding: 0 16px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex: 1 0 0;
    border-radius: 10px;
    background: linear-gradient(270deg, #D3994F 0%, #945A10 96.77%);
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    /* 19.2px */
    letter-spacing: -1px;
    margin-top: 20px;
}

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

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

.profile_id .won dl dt em {
    font-size: 25px;
    font-weight: bold;
    color: #333;
}

.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: #c5c5c5;
    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_conw {
    padding-top: 20px;
    max-height: 600px;
    overflow: hidden;
}

.profile_con .profile_con_box>h3.title {
    padding: 10px;
    padding-left: 30px;
    background: url('../images/ico_notice.svg') left center no-repeat;
    font-size: 20px;
    background-size: 30px;
    color: #121212;
}


.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: 15px;
    border: 1px solid #efefef;
}

.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: 5px;
    background: #F5F5F5;
    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;
    top: 20px;
    width: 100%;
    z-index: 20;
}

.profile_Swiper .swiper-pagination-bullet-active {
    background-color: #FF736D;
}

.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 {
    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: #FF736D; */
    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: #FF736D;
    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: 40px;
}

.review_coin_info {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}

.review_coin_info dd {
    font-weight: 700;
}

.review_coin_info dl {
    display: flex;
    align-items: center;
}

.review_coin_info dl img {
    float: left;
    margin: 0 3px;
    width: 20px;
}

.spon-box {
    padding: 40px 20px 0;
}

.spon_top_box {}

.best-spon-box {
    border-radius: 5px;
    border: 1px solid #EFEFEF;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 30px 40px;
    margin-top: 20px;
}

.best-spon {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.best-spon p {
    text-align: center;
    margin-top: 5px;
    overflow: hidden;
    color: #121212;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}

.spon-text {
    margin-top: 7px;
    color: #444;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    margin-left: 24px;
}

.spon-text span {
    color: #9B6117;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    padding-right: 4px;
}

.spon-check-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 20px;
}

.spon-amount {
    border-radius: 10px;
    border: 1px solid #DDD;
    background: #FFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 18px 0;
}

.spon-amount .ticket-img {
    width: 16px;
    height: 13px;
    background-image: url(../images/spon.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.spon-amount p {
    color: #444;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 10px;
}

.spon-amount.on {
    background: var(--bg, linear-gradient(270deg, #D3994F 0%, #945A10 96.77%));
    border: 0;
}

.spon-amount.on .ticket-img {
    background-image: url(../images/spon_on.svg);
}

.spon-amount.on p {
    color: #fff;
}

.spon-input {
    margin-top: 20px;
}

.spon-input input {
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--Gray-100, #ECECEC);
    background: #FFF;
    height: 40px;
    padding: 0 16px;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -1px;
}

.spon-input input::placeholder {
    color: #818181;
}

.spon-btn {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #9B6117;
    display: flex;
    height: 56px;
    padding: 0 16px;
    color: #9B6117;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 700;
    background-color: #fff;
    margin-top: 40px;
}

.ico_detail_bt_rv.ico_detail_bt_spon1 {
    background-image: url(../images/spon_icon1.svg);
}

.ico_detail_bt_rv.ico_detail_bt_spon2 {
    background-image: url(../images/spon_icon2.svg);
}

.ico_detail_bt_rv.ico_detail_bt_spon3 {
    background-image: url(../images/spon_icon3.svg);
}

.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: 40px 20px;
    border-bottom: 5px 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: 40px 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: #FF736D;
}




.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: #FF736D;  font-weight: bold; border-color: #FF736D; */
}

.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: var(--bg, linear-gradient(270deg, #D3994F 0%, #945A10 96.77%));
    color: #fff;
    border: 0;
    border-radius: 10px;
}



.foot_btn>div>.btn button.btn_primary span {
    padding: 10px;
    background-size: 27px;
    color: #FF736D
}

/*  /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: 50px;
    margin-top: 8px;
    background: #ffffff;
    border: 0;
    padding: 12px 16px;
    font-size: 16px;
    border-radius: 10px;
    border: 1px solid #ECECEC;
}

.login_box input.input_text_gray::placeholder {
    color: #B2B2B2;
}

input.input_text::placeholder {
    color: #B2B2B2;
}

#login_btn {
    height: 60px;
    background: #FF736D;
    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;
    color: #696E77;
}

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

button.btn_full,
button.btn_red {
    background: #FF736D;
    border-color: #FF736D;
}


input.input_text {
    height: 60px;
    margin-top: 8px;
    /* background: #F6F7FF; */
    background: #ffffff;
    border: 0;
    padding: 15px 20px;
    font-size: 17px;
    border-radius: 10px;
}

input.input_text.custom-input {
    border-radius: 8px;
    border: 1px solid #ECECEC;
    background: #FFF;
}

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: #666;
    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: #F00;
    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: 500;
    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: #FF736D;
    border-color: #FF736D;
}

.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: 20px;
    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: 20px 0;
    cursor: pointer;
    max-width: 680px;
    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: 15px 15px;
    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;
    margin-top: 60px;
    border-top: 4px solid #f5f5f5;
}



.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: 8px 16px;
    color: #fff;
    margin-left: auto;
    border-radius: 6px;
    background: var(--text-point, #9B6117);
}

.mymenu_top .mycoin>a:hover {
    background: #FF736D;
}



.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: #FF736D;
    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: #FF736D;
    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: var(--bg, linear-gradient(270deg, #D3994F 0%, #945A10 96.77%));
    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: #FF736D;
    padding: 15px 0;
}

.tel_btn_w .btn span {
    font-weight: 500;
}

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

.connect-btn em {
    display: flex;
    align-items: center;
    justify-content: center;
}

.connect-btn em img {
    margin-left: 4px;
}

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



.tel_login_box{ display: flex; align-items: center; }



.logout_pop .popup_box .popup_con .con div.coin {
    background: none;
    padding-left: 0;
}

.logout_pop #login_btn {
    height: 35px;
    line-height: 35px;
    color: #333 !important;
    border: 1px solid #333;
    background: #fff;
    font-size: 13px;
    width: 70px; 
    margin-left: auto; 
}

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





.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 19px 25px;
    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;
}

.no-search {
    font-size: 12px;
    color: #616161;
    display: inline-block;
    padding: 3px 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
}

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


.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: #FF736D;
    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: #FF736D;
    border: 1px solid #FF736D;
}



.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: #FF736D;
    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: 12px;
    padding-top: 25px;
    background: #fff;

}

.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, .foot_btn>div>.btn button.btn_red3 {
    background: #FF736D; color:#fff;
}

.foot_btn>div>.btn button.btn_red3 { border-radius: 100px;  }

.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 {
    position: relative;
}


.main_banner .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.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: #FF736D;
    border-radius: 6px;
    width: 18px;
    margin: 0 2px !important;
    padding: 0;
}


.main_banner {
    overflow: hidden;
}



.custom-pagination {
    position: absolute;
    bottom: 20px;
    right: 30px;
    padding: 8px 15px;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    font-weight: bold;
    border-radius: 16px;
    font-size: 14px;
    z-index: 10;
}






.top_banner {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 5px 0;
    background: #FF736D;
}

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




/* 기본 상태 */
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;
}



.popup .popup_box .custom_popup_con .top .img {}

.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: #FF736D;
    text-align: center;
    padding: 0;
}

.top_banner a {
    display: inline-block;
    width: 100%;
}

.top_banner img {
    max-width: 80%;
}





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

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












#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: rgba(255, 117, 110, 0.10);
    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: #FF736D;
    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: #FF736D;
    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: #FF736D;
    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;
}


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





.main_banner .swiper-slide-active {
    width: 100% !important;
}

.main_banner {
    overflow: hidden;
    margin-top: 0;
}

.main_banner>.mySwiper_main {
    overflow: visible;
}




.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: #FF736D;
    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: 30px;
    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: #FF736D;
    color: #ffffff;
    border: solid 1px #FF736D;
}

.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: #FF736D;
    border-color: #FF736D;
    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: #FF736D;
    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: #FF736D;
    color: #ffffff;
    border: solid 1px #FF736D;
    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 td input{     -webkit-appearance: auto; }

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

.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: #fff2f7;
    border-color: #fff2f7;
    font-weight: 500;
}

.order_li_btn span.on {
    background: #FF736D;
    border-color: #FF736D;
    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;
}


.mymenu_qna ul.qna_list li.qna_item>a .ing {
    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;
    max-height: 650px;
}


.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: #666;
    font-weight: bold;
    font-size: 17px;
}

.pay_txt p {
    font-size: 13px;
    word-break: break-all;
    color: #818181;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    /* 160% */
    letter-spacing: -0.2px;
}

.pay_txt p span {
    color: #CA3232;
}

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

.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: #FF736D;
    border: 1px solid #FF736D;
    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: #FF736D;
    background-size: 20px;
}










footer.foot_menu>ul>li {
    padding: 8px 0;
}



/* 
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:#666; font-weight: bold;  }	
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 a.foot_review { background:url('/resources/images/ico_navi_review.png') center 5px; background-size:45px; background-repeat:no-repeat; }
		
	
footer.foot_menu > ul > li.on a.foot_home {  background-image:url('/resources/images/ico_navi_myhome2on.png')  }
footer.foot_menu > ul > li.on a.foot_search {  background-image:url('/resources/images/ico_navi_search2on.png')  }
footer.foot_menu > ul > li.on a.foot_favorite { background-image:url('/resources/images/ico_navi_favorite2on.png')  }
footer.foot_menu > ul > li.on a.foot_mymenu { background-image:url('/resources/images/ico_navi_mymenu2on.png') }
footer.foot_menu > ul > li.on a.foot_mycoin { background-image:url('/resources/images/ico_navi_mycoin2on.png')  }
footer.foot_menu > ul > li.on a.foot_review { background-image:url('/resources/images/ico_navi_reviewon.png')  }
		 */







.recent_wrap {
    display: inline-block;
    width: 100%;
    padding: 0px 20px;
    z-index: 2;
}


.recent_wrap .box_li {
    display: flex;
    gap: 20px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.03);
    backdrop-filter: blur(5px);
    padding: 40px 15px;
    z-index: 2;
}

.recent_wrap .box_li .box {
    width: calc(50% - 10px);
    display: flex;
    gap: 10px;
    ;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.recent_wrap .box_li .box+.box {
    border-left: 1px solid #ddd;
}


.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: 0 auto;
    font-size: 40px;
    color: #FF736D;
}

.recent_wrap .box_li .box>div span {
    font-size: 20px;
    color: #666;
}









ul.list_item>li {
    margin: 10px 0;
    width: 100%;
}

/* 
ul.list_item > li:first-child { margin-top: 20px;  }
 */


ul.list_item>li .item_box {
    display: flex;
}

ul.list_item>li .item_box .item_img {
    width: 45%;
    height: 160px;
}


ul.list_item>li .item_box .cont {
    width: 100%;
    padding-top: 13px;
    flex: 1;
}



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: #FF736D;
    font-size: 17px;
    padding: 15px 10px;
    display: inline-block;
    border: 2px solid #FF736D;
    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: 30px;
}




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: var(--bg, linear-gradient(270deg, #D3994F 0%, #945A10 96.77%));
}

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


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: #FF736D;
    border: 1px solid #FF736D;
    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;
}

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





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: relative;
    width: 100%;
    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: #FF736D;
}




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: 1px;
    /* 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: #FF736D;
    font-size: 17px;
    padding: 15px 10px;
    display: inline-block;
    border: 1px solid #FF736D;
    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: 5px;
}

.fliter_li_wrap .l span {
    cursor: pointer;
    display: inline-block;
    border: 1px solid #ECECEC;
    padding: 10px 13px;
    border-radius: 5px;
    font-size: 15px;
}


.fliter_li_wrap .l span.active {
    background: var(--bg, linear-gradient(270deg, #D3994F 0%, #945A10 96.77%));
    color: #fff;
}


ul.chat_list li button.btn_list span,
ul.list_item li button.chat_list span {
    background: url(/resources/images/chat_ico.png) 0% 55% no-repeat;
    background-size: 23px !important;
}



.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 !important;
    color: #fff;
    background-size: 20px !important;
    padding-left: 25px;
}


ul.list_item li button.btn_list_ing2:hover {
    background-color: #FF736D;
}



ul.list_item li button.coll_chat {
    background: #FF736D;
}

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

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: 130px;
    width: 100%;
}


ul.list_item>li .item_box .cont ul.info {
    margin-top: 10px;
}

textarea.write_text {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
}




.how_list_num {
    text-align: center;
    padding: 10px 0px 0px;
}

.how_list_num h3 {
    font-size: 20px;
    color: #333;
}

.how_list_num h3 b {
    color: #FF736D;
}

.fliter_li_wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    flex-direction: row;
    width: 100%;
    gap: 5px;
    /*  overflow-x: auto; */
}

.fliter_li_wrap .l {
    flex: 0 0 auto;
}



.in_filter {
    display: inline-block;
    border: 1px solid #ECECEC;
    padding: 10px 12px 10px 12px;
    border-radius: 5px;
    font-size: 14px;
    position: relative;
    ;
    width: auto;
    min-width: 80px;
    cursor: pointer;
}

.in_filter .selected {
    display: flex;
    justify-content: space-between;
    gap: 3px
}

.in_filter .selected .selected-value {
    /*   max-width: 90px; */
}

.in_filter .selected .arrow {
    display: inline-block;
    content: '';
    width: 11px;
    height: 20px;
    background: url(/resources/images/ico_range.svg) left center;
    background-size: 11px auto;
    background-repeat: no-repeat;
    vertical-align: bottom;
    padding-left: 3px;
    margin-left: 5px;
}

.in_filter ul li,
.in_filter .selected .selected-value {
    white-space: nowrap;
    /* 줄바꿈 안함 */
    /*  overflow: hidden;
  text-overflow: ellipsis; */
    /* 말줄임 적용 */
}



.filter_pop {
    display: none;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}


.filter_pop .in_box {
    position: absolute;
    background: #fff;
    border-radius: 20px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 30px;
    width: 400px;
}

.filter_pop .in_box h3 {
    margin-bottom: 30px;
    text-align: center;
    font-size: 20px;
}

.filter_pop .in_box .filter_close {
    cursor: pointer;
    position: absolute;
    right: 30px;
    top: 30px;
    ;
}

.filter_pop.atv {
    display: initial;
}

.in_filter ul {
    max-height: 364px;
    overflow: auto;
}

.in_filter ul li {
    padding: 15px 0px;
    font-size: 18px;
    cursor: pointer;
}

.in_filter ul li.atv {
    color: #FF736D;
}

.search_container .best_tag {
    padding-left: 10px;
    padding-right: 10px;
}

.search_container .best_tag h5 {
    font-size: 17px;
    font-weight: 500;
    color: #151515;
}


.search_container .best_tag>ul {
    margin-top: 10px;
}

.search_container .best_tag>ul>li {
    padding: 15px 0;
    border-bottom: 1px solid #EFEFEF;
}

.search_container .best_tag>ul>li>a {
    font-size: 16px;
    color: #222;
    font-weight: 400;
    position: relative;
    padding-left: 30px;
}


.search_container .best_tag>ul>li>a b {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    text-align: center;
    text-decoration: underline;
    font-weight: 500;
}


.header_search input.search_input {
    width: calc(100% - 120px);
    height: 70px;
    border: 0;
    background: #fff;
    padding-left: 10px;
}


.header_search input.search_input::placeholder {
    font-size: 17px;
}


.review_item_w .more {
    text-align: center;
    margin-top: 20px;
}

.review_item_w .more a {
    width: auto;
    background: #FF736D;
    color: #fff;
    padding: 15px 15px;
    border-radius: 70px;
}


.review_item_w .more a span {
    font-size: 16px;
    display: inline-block;
    padding: 0px 20px 0px 0;
    background: url(/resources/images/review_item_more2.svg) right center no-repeat;
}


.list_tab.cata_list_tab {
    border-radius: 0;
    padding: 10px 20px 0;
    background: #fff;
    margin: 0;
}


.header_sub .header_title {
    padding: 0;
    display: flex;
    align-items: center;
}


header .header_title p {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    font-size: 20px;
    padding: 5px 0 0px 60px;
    font-weight: bold;
    text-align: left;
}

.fliter_cata_title {
    background: #fff;
}

.fliter_cata_title h3 {
    color: #333;
}

.fliter_cata_title h3 span {
    color: #111;
    font-weight: bold;
}

ul.list_item>li .item_box .item_img {
    height: 180px;
}



header.detail_header .header_title>.btn_back {
    float: left;
    display: inline-block;
    width: 50px;
    height: 51px;
    background: url(/resources/images/ico_back3.svg) center center;
    background-size: 50px auto;
    background-repeat: no-repeat;
    margin: 0;
    position: relative;
    left: 0;
    margin-top: -1px;
}

header .header_title>.btn_home {
    float: right;
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(/resources/images/ico_home4.svg) center center;
    background-size: 50px;
    background-repeat: no-repeat;
}

.detail_profile .profile_top .img,
.detail_profile .profile_top .profile_bg {
    height: 450px;
}


.active_user_count>div span {
    color: #F7FF0D;
}


table.tb_list_line {
    padding: 20px
}

.w_round_box2 {
    padding: 20px;
}

.page_mymenu .w_round_box2 {
    margin-top: 0;
}



.coin_infobox .coinbox {
    display: flex;
    border-radius: 10px;
    background: rgba(245, 245, 245, 0.90);
    justify-content: space-between;
    align-items: center;
}


.coin_infobox .coinbox .coin {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}



.coin_infobox .coinbox .tit {
    font-size: 16px;
    font-weight: 400;
    color: #121212;
}

.coin_infobox .coinbox .coin img {
    max-width: 20px;
}

.section_box1 {
    border-top: 0;
}

.wbox_r {
    padding: 25px 20px;
    border-radius: 10px;
    border: 1px solid #EFEFEF;
    background: rgba(255, 255, 255, 0.90);
}

.container_mymenu a.btn_full,
input.btn_full {
    font-size: 18px;
    font-weight: bold;
}

.pop_title2 {
    padding: 10px 10px;
}

.pop_title2 h4 {
    padding: 0 0 20px 0;
    text-align: left;
    border-bottom: 1px solid #ECECEC
}

.policy_memo .box:first-child {
    margin-top: 0;
}

.policy_memo .box+.box {
    border-top: 1px solid #ececec;
    padding-top: 15px;
}

.point_info_memo .box2 table {
    border: 1px solid #ECECEC;
    ;
}

.point_info_memo .box2 table td {
    border-bottom: 1px solid #ECECEC;
}

.point_info_memo .box2 table tr:last-child td {
    border-bottom: 0;
}


.point_info_memo .box2 p {
    font-size: 14px;
    margin-top: 15px;
}

.mypage_banner {
    overflow: hidden;
    position: relative;
}

.mypage_banner .custom-pagination {
    bottom: 20px;
    right: 20px;
}


.mymenu_top {
    padding: 0 20px;
}

.mymenu_top .mycoin {
    border-radius: 10px;
    background: rgba(245, 245, 245, 0.90);
}


.mymenu_top .mycoin .l p {
    display: flex;
    gap: 5px;
    font-size: 14px;
    justify-content: flex-start;
    align-items: center;
}

.mymenu_top .mycoin .l p img {
    max-width: 20px;
}


ul.mymenu_list>li .mymenu_box .ico_img {
    aspect-ratio: 1;
    height: auto;
    padding: 40px;
    border-radius: 20px;
    background: #FFF;
    padding-bottom: 0;
    /* drop */

    display: flex;
    justify-content: center;
    align-items: center;

}



ul.mymenu_list {
    margin: 20px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0 20px;
}

ul.mymenu_list>li {
    float: none;
    width: calc(25% - 7.5px);
    margin: 0;
}

ul.mymenu_list>li>a {
    display: block;
}

ul.mymenu_list>li .mymenu_box .txt {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.mymenu_list_w {
    border-top: 0;
}




footer.foot_btn_mt.logout_btn {
    background: transparent;
    border: 0;
}

.logout_btn input.btn_full {
    background: transparent;
    font-size: 14px;
    color: #666;
    border: 0;
    text-decoration: underline;
}







.mymenu_top {
    padding: 25px 20px 0;
    border-bottom: 0;
}

.container_pay .mymenu_top {
    border: 0;
    margin: 0;
    ;
}

.padding_box {
    padding: 0px 20px;
}


.padding_box .pay_list,
.padding_box .qna_list,
.padding_box .notice_list,
.padding_box .talk_list {
    border-radius: 10px;
    border: 1px solid #EFEFEF;
    background: rgba(255, 255, 255, 0.90);
    overflow: hidden;
    padding: 0 15px;
}

.padding_box .pay_list li.pay_item:last-child {
    border-bottom: 0;
}

.padding_box .qna_list li.qna_item:last-child {
    border-bottom: 0;
}

.padding_box .notice_list li.notice_item:last-child {
    border-bottom: 0;
}

.padding_box .counsel_list {
    border-radius: 10px;
    border: 1px solid #EFEFEF;
    background: rgba(255, 255, 255, 0.90);
    overflow: hidden;
}

.padding_box .counsel_list li.counsel_item:last-child {
    border-bottom: 0;
}

.talk_item {
    border-bottom: 1px solid #ececec;
}

.talk_item>a {
    display: block;
    position: relative;
    width: 100%;
    padding: 15px;
}

.talk_item>a>.content {
    position: relative;
}

.talk_item>a>.content::after {
    display: inline-block;
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 30px;
    height: 30px;
    background: url(/resources/images/right_arrow.svg) left center;
    background-size: 30px;
    background-repeat: no-repeat;
    transform: translate(0, -50%);
}

.talk_item>a>.content>.top {
    display: flex;
    align-items: center;
}

.talk_item>a>.content>.top>p.title {
    color: #333;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: -0.3px;
    margin-right: 10px;
}

.talk_item>a>.content>.top>.tag {
    display: flex;
    padding: 2px 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
    background-color: #C68C42;
    color: #FFF;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.talk_item>a>.content>.bottom {
    display: flex;
    align-items: center;
    margin-top: 7px;
}

.talk_item>a>.content>.bottom>.date {
    color: #666;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    /* 140% */
    letter-spacing: -0.3px;
}

.talk_item>a>.content>.bottom>.border {
    width: 1px;
    height: 5px;
    background-color: #666;
    margin: 0 9px;
}

.talk_item>a>.content>.bottom>.answer {
    color: #666;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    /* 140% */
    letter-spacing: -0.3px;
}

.talk_btn {
    display: inline-block;
    width: 100%;
    height: 56px;
    line-height: 56px;
    color: white;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border-radius: 10px;
    border: 0;
    cursor: pointer;
    border-radius: 10px;
    background: linear-gradient(270deg, #D3994F 0%, #945A10 96.77%);
    margin-top: 20px;
}

.container_counsel ul.counsel_list li.counsel_item>a .text .tit>strong {
    background: #F8778D;
    border-radius: 5px;
    color: #fff;
    padding: 3px 5px;
    text-align: center;
    display: inline-block;
    font-size: 12px;
    line-height: normal;
}

.top_title {
    text-align: center;
    background: transparent;
}

.container_counsel ul.counsel_list li.counsel_item>a .text .tit {
    font-size: 16px;
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 5px;
}

.phto_imglist li:first-child label {
    margin: 4px
}

.phto_imglist li:first-child label {
    background: #fff url(/resources/images/phto_bg.png) no-repeat center;
    border: solid 1px #d9d9d9;
    display: inline-block;
    width: 86px;
    padding: 45px 0 23px;
    border-radius: 10px;
    text-align: center;
    float: left;
    color: #c4c4c4;
    height: 86px;
    box-sizing: border-box;
    font-size: 13px;
}

.recruit_btn button {
    border-radius: 10px;
    background: linear-gradient(270deg, #D3994F 0%, #945A10 96.77%);
    font-size: 18px;
}

p.agree_txt {
    font-size: 14px;
    padding: 15px 0;
    color: #444;
}

p.agree_txt a {
    font-weight: bold;
    color: #111;
}

.floating_btn {
    position: sticky;
    left: 0;
    bottom: 0;
    padding: 20px;
    z-index: 4;
}

.mymenu_qna ul.qna_list li.qna_item>a .text {
    display: block;
    padding-left: 0;
    padding-right: 30px;
    vertical-align: middle;
}


.total {
    margin-bottom: 15px;
    ;
}

.total p {
    font-size: 14px;
    color: #666;
}

.total p b {
    color: #111;
}


.select_custom {
    height: 52px;
    border: 0;
    padding: 12px 15px;
    font-size: 14px;
    border-radius: 10px;
    width: 100%;
    border: solid 1px #DDDDDD;
    background: #fff url('/resources/images/drop_select.png') calc(100% - 20px) center no-repeat;
    color: #555;
}



button.btn_full,
button.btn_red {
    background: #FF736D;
    border-color: #FF736D;
}

.page_mymenu .mymenu_noti {
    border-top: 0px solid #F7F7F7;
    padding-bottom: 0;
    padding-top: 0;
    background: transparent;
}

.mymenu_noti>a {
    background: #fff;
}

/* 
.top_title_tab ul.tab li{flex:1}
 */

.top_title_tab ul.tab li span.active {
    font-weight: 700;
    color: #FF736D;
    border-bottom: solid 2px #FF736D;
}

ul.faq_list li.faq_itembox {
    border-bottom: 0;
}

ul.faq_list li.faq_itembox>div.faq_f p.faq_q:before {
    content: 'Q';
    display: inline-block;
    position: absolute;
    left: 0;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background: #1B1B1B;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 5px;
    margin-top: -2px;
}


ul.faq_list li.faq_itembox .faq_answer p.faq_a:before {
    display: none;
}

ul.faq_list li.faq_itembox>div.faq_f p.faq_q {
    padding-left: 40px;
    font-size: 18px;
}

.faq_list {
    padding: 0 20px;
}

ul.faq_list li.faq_itembox>div.faq_f {
    padding: 15px 0
}

ul.faq_list li.faq_itembox .faq_answer {
    padding: 10px 39px;
    padding-right: 0;
    /* background-color: #f5f5f5; */
    display: none;
    border-radius: 5px;
    word-break: keep-all;
}

ul.faq_list li.faq_itembox .faq_answer p.faq_a {
    position: relative;
    font-size: 14px;
    color: #555555;
    line-height: 1.35em;
    padding-left: 0px;
}

ul.faq_list li.faq_itembox.active>div.faq_f p.faq_q:before {
    background: #FF736D;
}

.container_event {
    padding: 25px 0;
}

ul.list_event li a {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #efefef;
}

.more_btn_w {
    text-align: center;
}

.more_btn_w button.btn_more {
    width: auto;
    background: #FF736D;
    color: #fff;
    padding: 15px 15px;
    border-radius: 70px;
}


.more_btn_w button.btn_more span {
    font-size: 16px;
    display: inline-block;
    padding: 0px 20px 0px 0;
    background: url(/resources/images/review_item_more2.svg) right center no-repeat;
}


.mymenu_top .use_nick {
    display: inline-block;
    width: 100%;
    text-align: left;
    color: #1b1b1b;
    font-weight: 700;
}

.mymenu_top .use_nick a {
    font-size: 20px;
    background: none;
    padding-right: 0;
    display: block;
    background-size: 0;
    font-weight: bold;
    color: #111;
    background: url(../images/right_arrow.svg) right center no-repeat;
}

.mymenu_top .use_nick a:after {
    content: '님 반갑습니다.';
    font-size: 18px;
    color: #333;
    font-weight: 500;
}

ul.list_item li a.btn_list:hover,
ul.list_item li button.btn_list:hover {
    background: #f7f7f7;
}


ul.list_item li button.btn_list_ing2:hover {
    background: #c3c3c3;
}


ul.form_table li p.form_tit {
    font-weight: bold;
}

.page_member .input_line>a.btn {
    top: 8px;
    height: 60px;
    padding: 0;
    line-height: 60px;
    border-radius: 10px;
    background: #222;
    color: #fff;
    border: 1px solid #222;
    font-size: 17px;
}


.m_modify_tel div p {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    margin-top: 15px;
    line-height: 1.5;
}

.page_member .mn_list_w {
    display: flex;
    gap: 10px
}

ul.mn_list_w li {
    flex: 1
}

ul.mn_list_w li>a {
    text-align: center;
    border: 1px solid #ECECEC;
    border-radius: 10px;
    padding: 16px 0;
}


.container_notice {
    padding-top: 30px;
}




.popup .popup_box.foot_pop .popup_top button.btn_close {
    opacity: 0;
    width: 100%;
}

.popup .popup_box.foot_pop .popup_top {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}

.popup .popup_box.foot_pop .popup_con .top .info .name strong {
    color: #fff;
    font-weight: 500;
    background: #F8778D;
    border-radius: 5px;
}

.popup .popup_box.foot_pop .popup_con .top .info .name strong {
    color: #fff;
    font-weight: 500;
    background: #F8778D;
    border-radius: 5px;
    display: block;
    width: max-content;
    font-size: 14px;
    padding: 0 5px;
    margin-bottom: 5px;
}

.popup .popup_box.foot_pop .popup_con .top .info .name em {
    margin: 0;
    margin-right: 5px;
}

.popup .popup_box.foot_pop .popup_con .top .info .name span {
    margin: 0;
    padding-left: 5px;
    position: relative;
    background: var(--bg, linear-gradient(270deg, #D3994F 0%, #945A10 96.77%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.popup .popup_box.foot_pop .popup_con .top .info .name span::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 10px;
    background: #ddd;
}

.popup .popup_box.foot_pop .popup_con .con {
    padding: 15px 20px;
    background: rgba(155, 97, 23, 0.10);
    border-radius: 10px;
}


.popup .popup_box.foot_pop .popup_con1 {
    padding-bottom: 20px;
    border-bottom: 0px solid #EFEFEF;
    margin-bottom: 30px;
}

.popup .popup_box.foot_pop {
    position: fixed;
    top: auto;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 100%;
    min-width: 300px;
    max-width: 650px;
    background-color: #fff;
    text-align: center;
    padding: 20px;
    border-radius: 20px 20px 0 0;
    z-index: 9999999;
    bottom: -100%;
    transition-duration: 1s;
}

.popup_con2 .bt_txt>p.coin2 {
    padding: 10px;
    padding-left: 39px;
    background: url(/resources/images/point_icon.png) left 55% no-repeat;
    background-size: 24px;
    font-weight: bold;
    font-size: 17px;
    display: flex;
    align-items: center;
}

.popup.foot_open.tel_btn_pop .popup_box.foot_pop {
     bottom: 0;  
}

.tel_btn_w .btn {
    background: #FF736D;
    background: var(--bg, linear-gradient(270deg, #D3994F 0%, #945A10 96.77%));
    padding: 15px 0;
    font-weight: bold;
}


.btn_chat .tel_btn_w .btn {
    background: #FF736D;
    background: var(--bg, linear-gradient(270deg, #D3994F 0%, #945A10 96.77%));
    /* border: 1px solid #FF736D; */
    color: #fff;
    font-weight: bold;
}

.name_pop_foot {
    font-size: 16px;
}

.over_sc {
    max-height: 90vh;
    overflow-y: auto;
}

.no_listbox img {
    margin-bottom: 15px;
}

.no_listbox>div a.btn {
    display: inline-block;
    margin-bottom: 0px;
    margin-top: 20px;
    background-color: #fff;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    /* 133.333% */
    padding: 15px 25px;
    border-radius: 50px;
    background: #9B6117;
}

.header_chat .header_top {
    background: #BACEE0 !important;
}

.chat_detail #wrap,
.chat_top {
    background: #BACEE0 !important;
}

.chat_wait_in {
    padding: 0 20px;
}

.padding_in {
    padding: 0 20px 20px;
}



.detail_profile .profile_top .profile_id {
    position: relative;
    width: 100%;
    padding: 35px 0 5px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.90);
    /* 드롭박스 */
    /* box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.03);
    backdrop-filter: blur(5px); */
    z-index: 2;
    bottom: 0;
    left: 0;
}

.active_user_count {
    bottom: 13vh;
}

.detail_profile .profile_top .img,
.detail_profile .profile_top .profile_bg {
    height: 60vh;
}

.profile_id_top {
    display: flex;
    justify-content: space-between;
}

.profile_id_top .share_btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #EFEFEF;
    background: #FFF;
}

.profile_id_top .share_btn img {
    width: 16px;
}

.profile_id_top span.cat {
    padding: 5px 13px;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    line-height: 1;
}

.profile_id_top h5 {
    font-size: 24px;
    font-weight: bold;
    color: #1B1B1B;
    margin-top: 10px;
    display: block;
}

.profile_id_top h5 em {
    padding-left: 5px;
    margin-left: 5px;
    position: absolute;
    font-weight: 700;
}

.profile_id_top h5 em::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 14px;
    width: 1px;
    background: #ddd;
}

.detail_profile .profile_top .profile_id .flex_won {
    display: flex;
    gap: 20px;
    justify-content: flex-start;
    align-items: center;
    margin: 15px 0;
}

.profile_id .won {
    width: auto;
}

.profile_id .won dl dt {
    display: flex;
    align-items: center;
    gap: 5px;
}

.profile_id .won dl dt img {
    width: 24px;
}

.profile_id .won dl dt span {
    margin-left: 0;
}

.detail_profile .profile_top .profile_id .style {
    margin-top: 15px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}

.detail_profile .profile_top .profile_id .style a {
    font-size: 14px;
    color: #999;
}


.detail_tag {
    position: relative;
    width: 100%;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.90);
    /* 드롭박스 */
    /* box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.03);
    backdrop-filter: blur(5px); */
}

.profile_con .profile_con_box>.txtbox {
    background: rgba(255, 255, 255, 0.90);

    /* 드롭박스 */
    /* box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.03);
    backdrop-filter: blur(5px); */
    border-radius: 5px;
    border: 1px solid #EFEFEF;
    background: #FFF;
    padding: 15px;
}


.profile_con .profile_con_box>h3.title {
    background-size: 24px auto;
}

.profile_con .profile_con_box>h3.title.ico_detail_profile {
    background-image: url(../images/ico_detail_profile.svg);
    background-size: 24px auto;
}


.ico_detail_profile {
    background-image: url(../images/ico_detail_profile.svg);
    background-size: 24px auto;
}

.profile_con .profile_con_box {
    margin-bottom: 0;
}

.detail_simple {
    padding-bottom: 0px;
}


.best_rivew_wrap .best_btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    cursor: pointer;
    background: linear-gradient(270deg, #D3994F 0%, #945A10 96.77%);
    filter: drop-shadow(1px 1px 10px rgba(0, 0, 0, 0.03));
    border-radius: 35px;
}

.best_rivew_wrap .best_btn img {
    width: 12px;
}

.best_rivew_wrap h3.title {
    padding-left: 30px;
    background: url(../images/ico_best_review.svg) left center no-repeat;
    font-size: 20px;
    background-size: 24px auto;
    color: #333;
    font-weight: 600;
}





.best_review_cont {
    margin-top: 15px;
    font-size: 17px;
    padding: 22px 20px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.90);

    /* 드롭박스 */
    /* box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.03);  
    backdrop-filter: blur(5px); */
    border-radius: 5px;
    border: 1px solid #EFEFEF;
    background: #FFF;
}

.best_rivew_wrap {
    padding: 0px 20px;
}

.profile_con_box .title_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.detail_profile .profile_top .profile_id>div {
    padding: 0
}

.detail_profile .profile_top .profile_id .txt {
    padding: 0
}




.profile_tap_menu ul {
    display: flex;
    gap: 0px;
    padding: 10px 20px 0 20px;
    background: #fff;
    border-radius: 20px 20px 0 0;
}

.profile_tap_menu ul li {
    flex: 1
}

.profile_tap_menu ul li>span {
    display: inline-block;
    width: 100%;
    padding: 15px 0;
    cursor: pointer;
    font-size: 16px;
    border-radius: 0px;
    background: #fff;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    color: #1b1b1b;
    font-weight: bold;
    border-bottom: 2px solid #fff;
}


.profile_tap_menu ul li.on>span {
    background: #fff;
    color: #1b1b1b;
    font-weight: bold;
    border-bottom: 2px solid #FF736D;
}

.profile_tap_box {
    background: #fff;
}


.profile_tap_box .profile_tap>.padding_box.padding_box_border {
    padding-top: 20px;
    margin-top: 0px;
    border-top: 0px solid #F7F7F7;
}


.foot_btn>div>.btn button.btn_primary {
    color: #fff;
    border-radius: 10px;
}

.foot_btn>div>.btn button.btn_primary span {
    color: #fff;
}


.ico_detail_bt_rv {
    background-image: url(../images/ico_detail_bt_rv.svg);
    background-size: 23px auto;
    background-repeat: no-repeat;
    padding: 3px;
    background-position: 0;
    padding-left: 30px;
    color: #333;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.ico_detail_bt_rv span {
    overflow: hidden;
    color: #666;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-left: 8px;
}

.review_li_box .title.ico_detail_bt_rv2 {
    background-image: url(../images/ico_detail_bt_rv2.svg);
    background-size: 24px auto;
    background-repeat: no-repeat;
    padding-left: 31px;
    color: #333;
    font-weight: 600;
}

.review_li_box .title.ico_detail_bt_rv2 span {
    color: #666;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


.review_top_box h4 {
    margin: 10px 0;
}

.review_top_box a,
.qna_box_top a.btn {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    border: 1px solid #DDDDDD;
    text-align: center;
    border-radius: 100px;
    padding: 17px 10px;
    color: #000;
}


.review_top_box a span,
.qna_box_top a.btn span {
    font-size: 15px;
    padding: 10px 0;
    padding-right: 29px;
    background: url(/resources/images/ico_pencilr.svg) no-repeat right center;
    background-size: 17px;
    font-weight: 500;
    color: #000;
}

.sale_box_top {
    padding: 40px 20px 0;
}

span.starn,
.i_star {
    background: url(/resources/images/ico_starn.svg) center left no-repeat;
}

span.starf {
    background: url(/resources/images/ico_starf.svg) center left no-repeat;
}


.detail_qna_title2 {
    background-image: url(../images/qna_ico2.svg);
    background-size: 24px auto;
    background-repeat: no-repeat;
    padding-left: 31px;
    color: #333;
    font-weight: 600;
    margin-bottom: 20px;
}


.qna_box ul.tab li a,
.qna_box ul.tab li button {
    position: relative;
    border: 0;
    background: none;
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 1em;
    color: #999;
    text-align: center;
    font-weight: 500;
    background: #fff;
    padding: 10px 15px;
    border: 1px solid #ddd;
    ;
    border-radius: 50px;
}



.qna_box ul.tab li a.active,
.qna_box ul.tab li button.active {
    background: #FF736D;
    color: #fff;
}

.qna_box_top h5 {
    font-size: 18px;
    display: flex;
    gap: 5px;
    align-items: center;
    font-weight: bold;
    margin-bottom: 10px;
}

.qna_box_top h5 img {
    max-width: 20px;
}

.qna_box_top p {
    color: #999;
}


.detail_shop_title {
    background-image: url(../images/detail_shop_title.svg);
    background-size: auto 25px;
    background-repeat: no-repeat;
    padding: 3px;
    background-position: 0;
    padding-left: 31px;
    color: #333;
    font-weight: 600;
    margin-bottom: 20px;
}

.profile_tap_menu ul li.on span {
    /* background: #fff; */
    color: inherit;
    font-weight: bold;
}

.profile_tap_menu ul li>span span {
    font-size: inherit;
    font-weight: inherit;
}


.mall_list {
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 40px 14px;
}

.container_story ul.story_list li {
    width: calc(50% - 7px);
}

.container_story ul.mall_list li.story_item:first-child {
    padding-top: 0;
}

.container_story ul.story_list li.story_item {
    padding: 0;
    border-bottom: solid 1px #EEEEEE;
}

.container_story ul.story_list li.story_item.market_item {
    border-bottom: 0;
}

.container_story ul.story_list li {
    background-color: transparent;
}

.container_story ul.story_list li.story_item>a .left {
    padding-top: 10px;
}

.container_story ul.mall_list li .won strong {
    padding-left: 0px;
    background: none;
    padding-top: 0px;
    padding-bottom: 4px;
}

.container_story ul.story_list li.story_item>a .left span {
    background: var(--pointgr, linear-gradient(90deg, #E25185 0%, #C43E73 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 16px;
}

.container_story ul.mall_list li .won strong span {
    color: #FF736D;
    font-size: inherit;
}


.container_story ul.mall_list li.story_item>a .right.img {
    height: auto;
    aspect-ratio: 1;
}


.main_banner.mall_banner {
    height: auto;
    background: transparent;
    padding: 0;
    padding-top: 25px;

}

.mall_detail .mySwiper_mall {
    padding: 0 5rem;
}

.mall_detail .main_banner .mySwiper_mall .swiper-slide {
    border-radius: 20px;
}

.mall_detail #wrap {
    background: #fff;
    height: auto;
}


.goods_title {
    display: inline-block;
    width: 100%;
    padding: 25px 20px 25px;
}

.mall_detail .profile_con .profile_con_box>.txtbox {
    padding-top: 0;
    border: 0;
    margin-top: 20px;
}


.profile_con .profile_con_box+.profile_con_box {
    margin-top: 25px;
}

.detail_profile {
    padding-bottom: 120px;
}


footer.foot_btn {
    position: fixed;
    width: 100%;
    padding: 20px;
    bottom: 0;
    background-color: #fff;
    box-shadow: none;
    z-index: 999;
}

button.btn {
    border-radius: 10px;
}


.option_wrap .option_box_wrap {
    background: #fff;
    width: 100%;
    margin: auto;
    height: 100%;
    border-radius: 30px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
    padding: 20px;
    z-index: 20;
    max-width: 650px;
}


.option_wrap .popup_top_title {
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 15px 0;
}

.option_wrap .popup_top_title h3 {
    font-weight: bold;
    font-size: 17px;
}

.option_wrap button.btn_close {
    display: inline-block;
    border: 0;
    background: transparent;
    background-size: 27px;
    background-repeat: no-repeat;
    width: 100%;
}


.zipcode_btn1 {

    background: #222;
    border: 1px solid #222;
    color: #fff;

}


.option_wrap .pay_btn button {
    height: 50px;
    border-radius: 10px;
    margin-top: 0px;
    background: #FF736D;
    border: 1px solid #FF736D;
}

.orderview_total dl dd strong {
    font-weight: bold;
}

.total_order_w {
    color: #FF736D;
}

.orderview_total dl dt {
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
}

.option_wrap .pay_btn_w {
    padding: 0 30px;
    border-top-width: 0px;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 20px;
}


.review_info_memo {
    font-size: 16px;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 25px;
    font-weight: bold;
}

.review_point_info>div i {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../images/ico_wony.png) no-repeat center;
    background-size: 20px;
    cursor: auto;
}

.review_point_info>div {
    display: flex;
    font-size: 14px;
    gap: 20px;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
}

.reivew_box ul.tab {
    display: flex;
    margin-bottom: 0;
    background: #fff;
    border-radius: 20px 20px 0 0;
    padding-top: 5px;
}

.reivew_box ul.tab li button.active {
    font-weight: 700;
    color: #FF736D;
}

.reivew_box ul.tab li button.active::after {
    position: absolute;
    display: inline-block;
    content: '';
    width: 100%;
    height: 2px;
    background-color: #FF736D;
    bottom: -1px;
    left: 50%;
    transform: translate(-50%, 0);
}

.page_list_reveiw .reivew_box ul.reivew_list>li {
    padding: 25px 20px;
    border-radius: 0;

}

.reivew_box ul.reivew_list>li {
    border-bottom: 0px solid #efefef;
}

.container_myreview ul.review_list li.review_item>a .buttom .l {
    padding-left: 25px;
    background: url(/resources/images/ico_wony.png) left center no-repeat;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 500;
    background-size: 20px;
}

.reivew_box ul.reivew_list>li .con_box {
    padding-bottom: 25px;
    border-bottom: 1px solid #efefef;
}


.container_myreview ul.review_list li.review_item>a .text .tit span {
    color: #FF736D;
}


.container_myreview ul.review_list li.review_item>a .btn span {
    font-size: 17px;
    padding: 17px 0;
    cursor: pointer;
    background-color: #FF736D;
    border-radius: 10px;
    color: #ffffff;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 10px 0;
}


ul.detail_tab li a.active,
ul.detail_tab li button.active {
    font-weight: 700;
    color: #FF736D;
}

ul.detail_tab li a.active::after,
ul.detail_tab li button.active::after {
    position: absolute;
    display: inline-block;
    content: '';
    width: 100%;
    height: 2px;
    background-color: #FF736D;
    bottom: -1px;
    left: 0;
}


ul.detail_tab li a.active strong {
    color: #FF736D;
}

.reivew_box ul.reivew_list>li .con_box .good button.btn_good.on {
    background-color: #FF736D;
}

.page_mn_counsel_list #wrap,
.page_mn_counsel #wrap {
    background: #ffffff;
}

.counselor .top_title {
    text-align: left;
    padding: 25px 20px;
}

.counselor .top_title h3 {
    font-size: 16px;
}


.container_counselmenu .section_box {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    border: 1px solid #efefef;
}

.counselmenu_con ul.counsel_veiw li dl dt {
    background: #f5f5f5;
    padding: 12px 15px;
    border-radius: 50px;
    width: 20%;
}

.counselmenu_con ul.counsel_veiw li dl dd {
    width: 80%;
    padding-left: 20px;
}

.counselmenu_con ul.counsel_veiw li {
    padding: 0;
    border: none
}

.counselmenu_con ul.counsel_veiw li+li {
    margin-top: 10px;
}


ul.txt_list_hyphen li {
    position: relative;
    font-size: 14px;
    padding: 0 0 0px 20px;
    color: #555555;
}

ul.txt_list_hyphen li+li {
    margin-top: 5px;
}

ul.txt_list_hyphen li:before {
    content: '';
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    width: 14px;
    height: 14px;
    background: url(/resources/images/txt_list_hyphen.png);
    background-size: 14px auto;
}

.top_point_box {
    background: #fff;
    padding: 25px;
    border-radius: 10px;
    border: 1px solid #efefef;
    margin-top: 25px;
    margin-bottom: 20px;
}

.top_point_box h3 {
    position: relative;
    font-size: 14px;
    padding: 0 0 0px 20px;
    color: #333;
}

.top_point_box h3 strong {
    color: #FF0000;
}

.top_point_box h3:before {
    content: '';
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    width: 14px;
    height: 14px;
    background: url(/resources/images/top_point_box.png);
    background-size: 14px auto;
}


ul.counsel_month_list li {
    border-bottom: solid 1px #efefef;
    padding: 25px 25px;
    border-radius: 10px;
}

ul.counsel_month_list li+li {
    margin-top: 20px;
}


ul.counsel_month_list li .mon>a.link_txt_btn,
ul.counsel_month_list li .mon>i.link_txt_btn {
    background-size: 20px;
    width: 20px;
    height: 20px;
}

ul.counsel_month_list li .txt_time {
    font-size: 12px;
    font-weight: 400;
    padding: 0;
    color: #999999;
    border-bottom: solid 0px #EEEEEE;
}

ul.counsel_month_list li .mon {
    position: relative;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.45em;
    padding: 10px 0;
    color: #151515;
    border-bottom: solid 0px #EEEEEE;
}

ul.counsel_month_list li .txt_total {
    font-size: 12px;
    padding: 15px;
    background: #F5F5F5;
    margin-top: 10px;
    border-radius: 5px;
}

ul.list_item li button.coll_chat {
    background: #FF736D;
    opacity: 1;
}

header .header_top a.sandam {
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 50px;
    background: #555;
    color: #fff;
    height: 30px;
    margin-top: 12px;
}


ul.list_item li button.coll_chat:hover {
    background: #FF736D;
    opacity: .8;
    transition-duration: 1s;
}

ul.list_item li button.coll_ok:hover {
    background: #FF736D;
    opacity: .8;
    transition-duration: 1s;
}

.profile_tap_wrap {
    margin-top: 25px;
}

.option_wrap .option_box_wrap {
    transition-duration: .5s;
}

.no_listbox>div {
    width: 100%;
}

.search_container ul.list_item>li .item_box .cont {
    padding-right: 0px;
}

.search_container ul.list_item li button.btn_list_ing span {
    background-position: 0% center;
    /* padding-left: 0; */
    /* padding-right: 0; */
    padding-left: 35px;
    padding-top: 5px;
    padding-bottom: 5px;
}


.join_idpw_btn {
    display: flex;
    justify-content: space-between;
}

.join_idpw_btn p {
    font-size: 17px;
}

.join_idpw_btn a {
    padding: 0;
}

.join_idpw_btn p a {
    color: #FF736D;
    text-decoration: underline;
}

/* 
ul.join_choice li a.btn_email:before {
    display: inline-block;
    content: '';
    width: 40px;
    height: 40px;
    background: #FF736D url(/resources/images/ico_login_email.png) center center;
    background-size: 16px;
    background-repeat: no-repeat;
}
 */
h3.member_title.left {
    text-align: left;
}


ul.join_choice li a.btn_join {
    border-radius: 8px;
    border: 1px solid #DADADA;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: url(/resources/images/resgo.png) 96% center;
    background-size: 10px;
    background-repeat: no-repeat;
}

.agree_box_p {
    font-size: 16px;
    margin-bottom: 10px;
}

.agree_box_p b {
    color: #FF736D;
}


ul.counsel_month_list li .txt_total.txt_total2 {
    font-size: 12px;
    padding: 0;
    background: #fff;
    margin-top: 10px;
    border-radius: 0px;
}

ul.detail_tab {
    background: #fff;
}

.counsel_list {
    border-radius: 10px;
    overflow: hidden;
    ;
}

.useradd_table {
    max-width: none;
}


.boods_bottom_btn input,
.boods_bottom_btn a {
    height: 50px;
    border: 0;
    width: 100%;
    font-size: 13px;
    text-align: center;
    line-height: 50px;
    background: #FF736D;
    color: #fff;
    border-radius: 10px;
}


.goods_order_list ul li {
    background: #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-color: #fff;
    background: url(../images/arrow down.svg) 96% center no-repeat;
}

.container_counselmenu ul.reivew_list>li {
    border-radius: 10px;
}

.container_counselmenu ul.reivew_list>li+li {
    margin-top: 15px;
}

.container_counselmenu ul.qnamanage_list>li {
    border-radius: 10px;
}

.container_counselmenu ul.qnamanage_list>li+li {
    margin-top: 15px;
}


.counselor_top_img {
    height: 60vh;
}

.counselor_top_img .user_img {
    height: 100%;
}

.counselor_top_img .user_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.checkbox:checked+.toggle {
    background: #FF736D;
}


.counselor_top_info {
    position: relative;
    width: 100%;
    padding: 45px 25px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.90);
    box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.03);
    backdrop-filter: blur(5px);
    margin-top: -10vh;
    z-index: 2;
    bottom: 0;
    left: 0;
}


.counselor_top_info h4 {
    font-size: 18px;
}

.counselor_top_info h4 b {
    color: #FF736D;
}

.counselor_top_info h4 span {
    font-weight: bold;
}


.counselor_top_info .btn_user_motify {
    margin: 10px 0;
    font-size: 16px;
    text-decoration: underline;
    display: inline-block;
}

.flex_toggle {
    display: flex;
    margin-top: 20px;
}

.flex_toggle .info_tel {
    flex: 1;
    text-align: center;
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.flex_toggle .info_tel p {
    font-size: 20px;
}

.flex_toggle .info_tel+.info_tel {
    border-left: 1px solid #ddd;
}

.profile_situation2,
.profile_situation2_2 {
    display: none;
}

ul.counsel_month_list li .txt_total2 dl dd {
    color: #111
}


.emt25 {
    height: 25px;
}

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

.flex_tb_list .box {
    flex: 1;
    text-align: center;
}


.flex_tb_list .box a {
    padding: 25px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.03);
    backdrop-filter: blur(5px);
}


.flex_tb_list .box h3 {
    font-size: 16px;
    color: #000;
}

.flex_tb_list .box a {
    font-size: 30px;
    color: #FF736D;
    display: block;
    margin: 10px 0;
}

.flex_tb_list .box p {
    font-size: 14px;
    color: #999;
}


.flex_tb_list .box a strong {
    font-size: 30px;
    display: inline-block;
    width: 100%;
    margin: 7px 0;
}



.counselor_ur {
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.03);
    backdrop-filter: blur(5px);
    padding: 15px 20px;
    ;
}

.counselor_ur li {
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
}

.counselor_ur li * {
    font-size: 16px;
    ;
}

.counselor_ur li a {
    background: url(/resources/images/resgo.png) right center;
    background-size: 10px;
    background-repeat: no-repeat;
    padding-right: 20px;
    width: 100%;
    display: flex;
    align-items: center;
}


.counselor_ur li .r {
    margin-left: auto;
}

.counselor_ur li a p {}

.counselor_ur li a .point {
    color: #FF736D;
}

.counselor_ur li+li {
    border-top: 1px solid #ECECEC;
}


.counselor_ur li a .r p {
    margin-top: 5px;
}

.counselor_ur li a .r p:first-child {
    margin-top: 0px;
}


.mySwiper_menu {
    overflow: hidden;
    width: calc(100% - 130px);
}

.fliter_li_wrap {
    margin-top: 0;
    padding-top: 0;
}


.mySwiper_menu {
    padding-right: 0;
    width: auto;
    flex: 1;
}

.filter_pop .in_box {
    max-width: 90%
}

.filter_pop .in_box ul li {
    font-size: 16px;
    cursor: pointer;
}

.filter_pop .in_box ul li+li {
    margin-top: 15px;
}

.filter_pop .in_box h3 {
    font-size: 20px;
    font-weight: bold;
}

.filter_pop .in_box ul li.atv {
    color: #FF736D;
}


.mySwiper_menu .swiper-wrapper {
    padding-right: 15px;
}

.container_counselmenu .section_box {
    margin-bottom: 20px;
}


ul.txt_list_red li:before {
    content: '';
    position: absolute;
    display: inline-block;
    left: 4px;
    top: 5px;
    width: 4px;
    height: 4px;
    background-color: #666;
    border-radius: 4px;
}





.raw_detail_page .form_table_board2 li {
    padding: 10px 15px;
}


.imgs_detail_wrap ul {
    display: flex;
    gap: 10px;
    flex-flow: wrap;
    padding: 0;
}

.imgs_detail_wrap ul li {
    padding: 0 !important;
}


.educ_date {
    font-size: 13px;
    margin-top: 3px;
}


.container_story ul.story_list li.off {
    position: relative;
}

.container_story ul.story_list li.off a:before {
    content: "종료되었습니다.";
    display: inline-block;
    width: 100%;
    height: 297px;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px;
    text-align: center;
    line-height: 297px;
    font-size: 13px;
    color: #fff;
}


.foot_btn .btn_primary_off {
    color: #fff;
    background: #bbbbbb;
    border-color: #bbbbbb;
}

.container_story ul.story_list li.story_item>a .left .sub,
.goods_title .sub {
    display: inline-block;
    width: 100%;
    font-size: 13px;
    color: #333333;
}

.container_story ul.story_list li.story_item>a .tit {
    margin-top: 0;
}




.mall_sex_w ul {
    display: flex;
    gap: 10px;
}

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


.mall_sex_w .section_box1 {
    padding-top: 1px;
    padding-bottom: 10px;
}



#chat_close_pop2 .btn {
    padding: 0
}

#chat_close_pop2 .cont h5 {
    padding-left: 0;
    padding-right: 0;
}




.header_sub .header_top {
    position: absolute;
    right: 0;
    top: 0;
}

.header_sub .header_top a.sandam {
    margin-top: 9px;
}




.reivew_box .reivew_list button.btn_full {
    width: 100%;
    margin: 0 !important;
}



.main_banner {
    padding: 0 20px;
    margin: 20px 0;
    margin-top: 0;
}

.main_banner>.mySwiper_main {
    border-radius: 10px;
    overflow: hidden;
}



.footer_info {
    margin-top: 20px;
}




/* tab */
ul.list_tab {
    display: flex;
    border-bottom: solid 1px #EEEEEE;
    margin-top: 20px;
}

/* 
ul.list_tab:after {content:''; display:block; clear:both; }
 */

ul.list_tab li {
    width: 33.33%;
    position: relative;
}

ul.list_tab li:after {
    content: '';
    display: block;
    clear: both;
}



ul.list_tab {
    gap: 7px;
}

ul.list_tab li a,
ul.list_tab li span {
    position: relative;
    display: block;
    width: 100%;
    cursor: pointer;
    font-size: 20px;
    line-height: 1em;
    padding: 20px 10px;
    color: #000;
    text-align: center;
    font-weight: 500;
    border-radius: 7px;
    background: #F5F5F5;
}




ul.list_tab li a.active,
ul.list_tab li span.active {
    font-weight: 700;
    background: var(--bg, linear-gradient(270deg, #D3994F 0%, #945A10 96.77%));
    color: #fff;
}

/* 
ul.list_tab li a.active::after, ul.list_tab li span.active::after { position:absolute; 
display:inline-block; content:''; width:100%; height: 3px; background-color:#895B3D; bottom:-1px; left:0;}
 */

ul.list_tab li.ing a.active,
ul.list_tab li.ing span.active {
    font-weight: 700;
    color: #EB655F;
}

ul.list_tab li.ing a.active::after,
ul.list_tab li.ing span.active::after {
    position: absolute;
    display: inline-block;
    content: '';
    width: 100%;
    height: 2px;
    background-color: #EB655F;
    bottom: -1px;
    left: 0;
}


ul.list_tab li .hot img {
    width: 39px;
}

ul.list_tab li .ico {
    position: absolute;
    top: -15px;
    right: 35px;
}


@keyframes floatUpDown {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(10px);
        /* 위아래로 움직이는 정도 조절 가능 */
    }
}


section.section_tab {
    background-color: #ffffff;
}





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

.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: 10px 0 10px;
    display: inline-block;
    width: 100%;
}

.sub_top_menu ul li a.active {}

.sub_top_menu ul li a.active span {
    color: #DD4E71;
    font-weight: bold;
}



ul.detail_tab {
    display: flex;
    border-bottom: solid 1px #EEEEEE;
    padding: 0 15px;
}

ul.detail_tab:after {
    content: '';
    display: block;
    clear: both;
}

ul.detail_tab li {
    width: 25%;
}

ul.detail_tab li:after {
    content: '';
    display: block;
    clear: both;
}

ul.detail_tab li a,
ul.detail_tab li button {
    position: relative;
    display: block;
    width: 100%;
    font-size: 15px;
    line-height: 1em;
    padding: 13px 10px;
    color: #707070;
    text-align: center;
    font-weight: 500;
    border: 0;
    background: none;
}

ul.detail_tab li a.active,
ul.detail_tab li button.active {
    font-weight: 700;
    color: #895B3D;
}

ul.detail_tab li a.active::after,
ul.detail_tab li button.active::after {
    position: absolute;
    display: inline-block;
    content: '';
    width: 100%;
    height: 2px;
    background-color: #895B3D;
    bottom: -1px;
    left: 0;
}

ul.detail_tab li a>strong,
ul.detail_tab li button>strong {
    font-weight: 500;
}

ul.detail_tab.two li {
    float: left;
    width: 50%;
}



.right_filter_w {
    margin-left: auto;
}






footer.foot_menu>ul>li {
    padding: 11px 0
}



footer.foot_menu>ul>li .menu_cata1 i {
    background-image: url('/resources/images/menu_cata1.png');
}

footer.foot_menu>ul>li .menu_cata2 i {
    background-image: url('/resources/images/menu_cata2.png');
}

footer.foot_menu>ul>li .menu_cata3 i {
    background-image: url('/resources/images/menu_cata3.png');
}

footer.foot_menu>ul>li .menu_cata33 i { background-image: url('/resources/images/menu_cata33.png'); }

footer.foot_menu>ul>li .menu_cata4 i {
    background-image: url('/resources/images/menu_cata4.png');
}

footer.foot_menu>ul>li .menu_cata5 i {
    background-image: url('/resources/images/menu_cata5.png');
}


footer.foot_menu>ul>li.on .menu_cata1 i {
    background-image: url('/resources/images/menu_cata1_on.png');
}

footer.foot_menu>ul>li.on .menu_cata2 i {
    background-image: url('/resources/images/menu_cata2_on.png');
}

footer.foot_menu>ul>li.on .menu_cata3 i {
    background-image: url('/resources/images/menu_cata3.png');
}

footer.foot_menu>ul>li.on .menu_cata4 i {
    background-image: url('/resources/images/menu_cata4_on.png');
}

footer.foot_menu>ul>li.on .menu_cata5 i {
    background-image: url('/resources/images/menu_cata5_on.png');
}

footer.foot_menu>ul>li a i {
    display: inline-block;
    width: 100%;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat !important;
    background-position: center !important;
}







footer.foot_menu>ul>li a i {
    background-size: 35px !important;
}


footer.foot_menu {
    border-radius: 30px 30px 0 0;
    box-shadow: 1px -2px 10px 0 rgba(0, 0, 0, 0.08);
    overflow: hidden;
}








.main_top_menu {
    display: flex;
    padding: 20px;
    gap: 15px;
}

.main_top_menu .menu {
    padding: 40px 0 37px;
    width: calc(50% - 10px);
    text-align: center;
    border-radius: 10px;
}


.main_top_menu .menu1 {
    background: #FFF8F9;
}

.main_top_menu .menu2 {
    background: #F2FCFA;
}


.main_top_menu .menu strong {
    font-size: 22px;
    padding-right: 33px;
}

.main_top_menu .menu p {
    margin-top: 15px;
    line-height: 1.45;
    font-size: 17px;
    font-weight: 500;
}



.main_top_menu .menu1 strong {
    background: url('/resources/images/main_top_menu1.png') no-repeat right center;
    background-size: 30px;
}

.main_top_menu .menu2 strong {
    background: url('/resources/images/main_top_menu2.png') no-repeat right center;
    background-size: 30px;
}

.main_top_menu .menu22 strong {
    background: url('/resources/images/main_top_menu22.png') no-repeat right center;
    background-size: 25px;
}


.how_list_num h3 {
    display: inline-block;
    padding-left: 35px;
    background: url('/resources/images/main_time_ico.png') no-repeat 0 center;
    background-size: 25px;
    font-weight: 600;
}






ul.list_item>li {
    margin: 10px 0;
    width: 100%;
}

/* 
ul.list_item > li:first-child { margin-top: 20px;  }
 */
ul.list_tab {
    margin-bottom: 20px;
}




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;
    display: flex;
    align-items: center;
    justify-content: space-between;
}



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: #FF4C73;
    font-size: 16px;
    padding: 15px 10px;
    display: inline-block;
    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;
    max-width: 140px;
}

ul.list_item li button.btn_list_ing2 {
    background: #FF756E;
    border-color: #FF756E;
    color: #FF756E;
}

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




ul.list_item li a.btn_list:hover,
ul.list_item li button.btn_list:hover {
    background: #f9f9f9;
}

ul.list_item li button.btn_call_none_A:hover  { background: #945A10; }




ul.list_item li a.btn_list_ing,
ul.list_item li button.btn_list_ing {
    background: var(--bg, linear-gradient(270deg, #D3994F 0%, #945A10 96.77%));;
    border: 0;
}

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: var(--bg, linear-gradient(270deg, #D3994F 0%, #945A10 96.77%));
}


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: #FF4C73;
    border: 1px solid #FF4C73;
    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;
}




ul.list_item li a.btn_list:hover,
ul.list_item li button.btn_list:hover {}

a.style_pi {
    color: #FF736D;
}




.myoudio_wrap {
    margin-left: 10px;
}

.myoudio_wrap > span {
    padding: 5px 3px 5px 10px;
    background: var(--bg, linear-gradient(270deg, #D3994F 0%, #945A10 96.77%));
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
}

.myoudio_wrap > span i {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(/resources/images/myoudio_play.png) center no-repeat;
    background-size: 12px;
    margin-left: 5px;
    cursor: pointer !important;
}




.review_top_box a {
    width: auto;
    padding: 15px 20px;
}


.mymenu_list_review_w {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}


.qna_box_top .mymenu_list_review_w a {
    width: auto;
    padding: 15px 20px;
    margin-top: 0;
}

.review_top_box a span,
.qna_box_top a.btn span {
    font-weight: normal;
}


.qna_box_top {
    border-bottom: 5px solid #F7F7F7;
    padding-bottom: 30px;
    margin-bottom: 20px;
}





.profile_top_box {
    padding: 40px 0;
}

.profile_tap_menu ul {
    display: flex;
    gap: 8px;
    padding: 0 15px;
}

.profile_tap_menu ul li {
    width: 33.33%;
    text-align: center;
    align-items: 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;
    align-items: center;
}

.profile_tap_menu ul li.on>span {
    background: var(--bg, linear-gradient(270deg, #D3994F 0%, #945A10 96.77%));
    color: #fff;
    font-weight: bold;
}

.profile_tap_menu ul li>span span {
    font-size: 13px;
    font-weight: normal;
}

.answer-wrapper {
    margin-top: 27px;
    padding: 0 20px;
}

.answer-header .title {
    color: #1B1B1B;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.answer-header .answer-info {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 11px;
}

.answer-header .answer-info p {
    color: #A2A2A2;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 240% */
}

.emblem_img { border: 1px solid #e2e2e2; border-radius: 100px;  }

.answer-content {
    margin-top: 14px;
}

.answer-content .answer-text {
    color: #333;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    /* 18px */
}

.answer-content .answer-tag {
    display: inline-block;
    border-radius: 5px;
    border: 1px solid #DDD;
    background: #F5F5F5;
    color: #333;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 2px 10px;
    margin-top: 12px;
}

.answer-bottom {
    margin-top: 30px;
    border-radius: 5px;
    border: 1px solid #EFEFEF;
    background: rgba(255, 255, 255, 0.90);
    padding: 15px 20px 28px;
}

.counselor-info {
    display: flex;
    align-items: center;
}

.counselor-pic {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


.counselor-name {
    margin-left: 15px;
}

.counselor-name p {
    color: #1B1B1B;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 5px;
}

.counselor-name span {
    border-radius: 5px;
    background: #F8778D;
    padding: 2px 8px;
    color: #FFF;
    font-size: 10px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.counselor-content>p.text {
    margin-top: 17px;
    color: #333;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    /* 18px */
}

.counselor-content>p.date {
    color: #A2A2A2;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 240% */
}

.counselor-btn {
    top: 0;
    right: 0;
    border-radius: 0;
    color: #FF736D;
    padding: 8px 15px;
    border: 1px solid #FF736D;
    position: static;
    border-radius: 10px;
    margin-top: 10px;
    background: none;
    display: inline-flex;
    align-items: center;
    margin-top: 20px;
    gap: 5px;
}

.counselor-btn span img {
    aspect-ratio: 1/1;
    width: 14px;
}


.counselor-btn p {
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background: var(--bg, linear-gradient(270deg, #D3994F 0%, #945A10 96.77%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.custom-popup-wrapper {
    align-items: center;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999999999;
    padding: 0;
    left: 0;
    top: 0;
    display: flex;
    opacity: 0;
    visibility: hidden;
   /*  pointer-events: none; */
    transition: opacity 0.3s ease;
}

.custom-popup-wrapper.on {
    display: block;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.custom-popup-wrapper .popup-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    /* opacity: 0; */
    /* visibility: hidden; */
    transition: all 0.8s ease;
}

.custom-popup-wrapper.on .popup-bg {
    opacity: 1;
    visibility: visible;
}


.custom-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 650px;
    width: 100%;
    padding: 0 40px;
}

.custom-popup .custom-popup-content {
    width: 100%;
    border-radius: 10px;
    background-color: #fff;
}

.custom-popup .popup-header {
    padding: 20px 25px 10px;
    border-bottom: 1px solid #ECECEC;
    ;
}

.custom-popup .popup-header p {
    color: #222;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.custom-popup .popup-content {
    padding: 18px 25px;
}

.custom-popup .popup-content .popup-title {
    color: #121212;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
    letter-spacing: -0.5px;
    margin-bottom: 10px;
}

.custom-popup .popup-content .popup-text {
    color: #121212;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    /* 16.8px */
    letter-spacing: -0.5px;
}

.custom-popup .popup-btn-wrapper {
    border-top: 1px solid #ECECEC;
    padding: 13px 25px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.custom-popup .popup-btn-wrapper .popup-cancel {
    display: flex;
    height: 50px;
    padding: 0 16px;
    justify-content: center;
    align-items: center;
    color: #FFF;
    flex: 1 0 0;
    text-align: center;
    font-size: 16px;
    border-radius: 10px;
    background: #C1C1C1;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -1px;
    border: 0;
    margin-top: 30px;

}

.custom-popup .popup-btn-wrapper .popup-confirm {
    display: flex;
    height: 50px;
    padding: 0 16px;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
    border-radius: 10px;
    background: #9B6117;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -1px;
    border: 0;
    margin-top: 30px;

}

.popup .popup_box .custom_popup_con .top {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.popup .popup_box .custom_popup_con .top .info .name {
    padding: 0;
    margin-top: 10px;
}

.popup .popup_box.foot_pop .custom_popup_con .top .info .name em {
    margin: 0;
}

.popup .popup_box.foot_pop .custom_popup_con .top .info .name strong {
    margin: 0;
}

.preview-controller {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    gap: 10px;
}

.preview-controller .preview-play {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 42px;
    aspect-ratio: 1/1;
    background: linear-gradient(270deg, #D3994F 0%, #945A10 96.77%);
}

.preview-controller .preview-play span {
    background-image: url(../images/play.svg);
    width: 24px;
    height: 24px;
    background-size: cover;
}

.preview-controller .preview-stop {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 42px;
    aspect-ratio: 1/1;
    background-color: #D9D9D9;
}

.preview-controller .preview-stop span {
    background-image: url(../images/stop.svg);
    width: 24px;
    height: 24px;
    background-size: cover;
}










.popup.preview_popup .popup_box .popup_con .top .info { display: flex; padding: 0 10px; width: 100%; 
    justify-content: center; }



input.input_text#member_nick{ background: #f6f6f6;  }

.sintalk_img_li{ margin:10px 0; display:flex; gap:8px; flex-wrap:wrap;  }


.answer-bottom .counselor-info:first-child { margin-top: 0 !important;  }


.market_item .img { position: relative; }
.market_item .use { position: absolute; left: 0px; bottom:0; width: 35px; height: 35px; display: flex; gap:5px; 
 padding: 0 15px 35px; width: 100%; align-items: center; z-index: 20; }


.market_item .use .img{ width: 35px; height: 35px; border-radius: 100px; overflow: hidden; }
.market_item .use span { font-size: 15px; color:#fff; font-weight: bold; }


.market_item .use .img img{ width: 100%; height: 100%; object-fit: cover; }
.market_item .img .use:before { content:""; display: inline-block; width: 100%; position: absolute; 
bottom:0; left: 0; height: 100px;  background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);;
z-index: -10;   }


 .market_item .swiper-slide{ position: relative; }
 .market_item .swiper-slide:before { content:""; display: inline-block; width: 100%; position: absolute; 
bottom:0; left: 0; height: 100px;  background: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);    }
 
.mall_banner.market_item .use { padding: 0 35px 37px; }



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


	
.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .8;
  filter: alpha(opacity=80);
}
	
	
.sns-share {
  display: flex;
  gap: 15px;
  margin: 35px 0;
  justify-content: center;
}
.share-btn {
  width: 60px;
  height: 60px;
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
  transition: transform 0.2s;
}
.share-btn:hover {
  transform: scale(1.1);
}
.share-btn img {
  width: 60px;
  height: 60px;
}
	
	
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;  }
	
	
.dim-layer.privacy .cont p { font-size: 13px;  }	
	
	
.pop-container .close { position: absolute; right: 5px; top: 9px; }
.pop-container .close img{ width: 40px;  }




	
.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .8;
  filter: alpha(opacity=80);
}
	




ul.list_item > li .item_box .cont ul.info li.won dl dt:before { display:inline-block; content:''; float: left;
width:20px; height: 30px; background:url('/resources/images/point_icon.png') left center;
 background-size:20px; background-repeat:no-repeat; vertical-align:bottom; padding-right:4px;}


 ul.list_item>li .style .review:before { display:inline-block; content:''; float: left;
width:20px; height: 19px; background:url('/resources/images/list_ico_like.png') left center;
 background-size: 17px; background-repeat:no-repeat; vertical-align:bottom;  margin-right: 2px; }



ul.list_item>li .style .review_more, ul.list_item>li .style .review { position: relative; }





.reply-btns button,
.reply-edit-box button {
    height: 36px;
    padding: 0 14px;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}
.reply-btns button:hover,
.reply-edit-box button:hover {
    background: #f7f7f7;
}
.reply-edit-textarea {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 12px;
    resize: vertical;
    box-sizing: border-box;
}




.review_list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.review_item {
	margin-bottom: 28px;
}

.review_top_link {
	display: block;
	text-decoration: none;
	color: inherit;
}

.review_top {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 14px;
}

.profile_badge {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.profile_badge img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
	background: #fff;
}

.profile_right {
	flex: 1;
	min-width: 0;
}

.counselor_name {
	margin: 0 0 4px;
	font-size: 16px;
	font-weight: 700;
	color: #111;
}

.counselor_price {
	margin: 0;
	font-size: 14px;
	color: #666;
}

.counselor_price span {
	color: #999;
}

.review_card {
	padding: 0;
}

.review_header {
	margin-bottom: 10px;
}

.review_name {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	font-size: 15px;
	color: #777;
}

.review_name .nick {
	font-size: 15px;
	font-weight: 700;
	color: #111;
}

.review_hash {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 12px;
}

.review_hash .hash {
	display: inline-block;
	padding: 5px 10px;
	border-radius: 999px;
	background: #f4f4f4;
	font-size: 13px;
	color: #666;
	text-decoration: none;
}

.review_body {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 18px;
}

.review_text {
	flex: 1;
	font-size: 18px;
	line-height: 1.7;
	color: #222;
	word-break: keep-all;
}

.review_text > div + div {
	margin-top: 6px;
}

.review_thumb {
	width: 140px;
	flex-shrink: 0;
}

.review_thumb img {
	width: 100%;
	height: 140px;
	object-fit: cover;
	border-radius: 12px;
	display: block;
}

.review_like_form {
	margin-top: 16px;
}

.good {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-top: 12px;
	border-top: 1px solid #eee;
}

.good .txt {
	margin: 0;
	font-size: 14px;
	color: #666;
}

.btn_good {
	min-width: 54px;
	height: 36px;
	padding: 0 14px;
	border: 1px solid #ddd;
	border-radius: 18px;
	background: #fff;
	font-size: 14px;
	cursor: pointer;
}

.btn_good.on {
	border-color: #111;
	color: #111;
	font-weight: 700;
}

.reply_card {
	margin-top: 18px;
}

.reply_inner {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.reply_profile {
	width: 48px;
	height: 48px;
	flex-shrink: 0;
}

.reply_profile img {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	object-fit: cover;
	display: block;
}

.reply_box {
	flex: 1;
	background: #f4f4f6;
	border-radius: 18px;
	padding: 18px 20px;
}

.reply_name {
	margin: 0 0 10px;
	font-size: 15px;
	color: #222;
}

.reply_name strong {
	font-weight: 700;
	margin-right: 6px;
}

.reply_name span {
	color: #888;
	font-weight: 400;
}

.reply_text {
	font-size: 16px;
	line-height: 1.7;
	color: #333;
	word-break: keep-all;
}


.revie_memo_wrap{ display: flex; gap:5px; }
.reivew_box ul.reivew_list>li .con_box .text .l { /* width: calc(100% - 110px); */ }

.reivew_box ul.reivew_list>li .con_box .text .r { width: 65%; margin-left: 5px; }







.reivew_box ul.reivew_list>li .con_box .text{ font-size: 13px;  }
.reivew_box ul.reivew_list>li .info_bar { display: flex; gap:5px; align-items: center; margin-bottom: 5px;  }
.reivew_box ul.reivew_list>li .info_bar p.name { font-size: 15px; font-weight: bold; }


.reivew_box ul.reivew_list>li .con_box .good { border-top:0;  }


#show_more{ display: inline-block; padding: 15px 35px; background: #fff; border: 1px solid #eee; border-radius: 100px;
margin-top: 20px;   }



.community_keyword{ background: url("/resources/images/ico_login.png") no-repeat 97% center; background-size: 21px;
padding-right: 70px; padding-left: 12px; width:100%; height:42px; border:1px solid #ddd; border-radius:10px; }





textarea.write_text2 { height: 80px;  }




.community_comment_item{
    padding:14px 0;
    border-bottom:1px solid #eee;
}

.community_comment_text{
    margin-top:8px;
    font-size:14px;
    line-height:1.6;
    color:#222;
}

.community_comment_btns{
    display:flex;
    gap:8px;
    margin-top:8px;
}

.community_comment_btns button,
.reply-submit-btn{
    height:30px;
    padding:0 12px;
    border-radius:8px;
    border:1px solid #ddd;
    background:#fff;
    color:#333;
    font-size:13px;
}

.reply-form-box{
    margin-top:10px;
    padding:10px;
    background:#f8f8f8;
    border-radius:10px;
}

.reply_textarea{
    width:100%;
    min-height:80px;
    border:1px solid #ddd;
    border-radius:10px;
    padding:10px;
    box-sizing:border-box;
}

.community_reply_wrap{
    margin-top:12px;
    padding-left:16px;
    border-left:3px solid #eee;
}

.community_reply_item{
    padding:10px 0;
}


.roulette_memo_w{ padding: 0 15px;  }


.roulette_coupon span { color:#000; }
.roulette_coupon strong { color:#000; }




.emblem_img{ width:40px;height:40px;object-fit:contain; }








.item_field_box a{ display: inline-block; padding: 5px 12px; border-radius: 30px; 
background: #f0f0f0; font-size: 13px; color:#636363; margin-bottom: 20px; }




.main_banner{padding: 0;}
.main_banner>.mySwiper_main{border-radius: 0;}
 
footer.foot_menu{border-radius: 0;}





footer.foot_menu{overflow: visible;} 
.good_li i{
    border-radius: 100px;
background: linear-gradient(90deg, #FF736D 0%, #FF9D7C 100%);
width: 90px; height: 90px;
display: flex; margin: -45px auto 10px;
align-items: center;
justify-content: center;
box-shadow: rgba(255,118,110,0.5) 0px 0px 20px
}

footer.foot_menu>ul>li svg{width: 40px; height: 40px; fill: #fff; opacity: 1;}

footer.foot_menu>ul>li svg path{fill: #fff;}


.floating_loading{
   position: fixed;
    z-index: 9998;
    width: 100%;
    max-width: 680px;
    border-radius: 10px;
border: 1px solid #FF736D;
background: #F5F5F5;
box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.15);
padding: 15px;
bottom: 120px;
left: 50%;
transform: translateX(-50%);


overflow: hidden;
}


.floating_loading > a{ display: flex; align-items: center;  }
.floating_loading a > span {  margin-left: auto; border-radius: 40px;
background: #DB4B42;
box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.25); color: #FFF;
font-family: Pretendard;
font-size: 17px;
font-style: normal;
font-weight: 700;
line-height: normal; display: inline-block; padding: 15px 25px;   }






.floating_loading::before {
    content: "";
    position: absolute;

    top: -100%;
    left: 0%;

    width: 0%;
    height: 200%;

    background: linear-gradient(90deg, #FF736D 0%, #FF9D7C 100%);;

    /* 오른쪽 끝을 사선으로 */
   clip-path: polygon(
        0 0,
        calc(100% - 40px) 0,
        100% 50%,
        calc(100% - 40px) 100%,
        0 100%
    );

    animation: joinFill 10s linear infinite;
}

.floating_loading.notani{background: #fff;}

.floating_loading.notani::before{display: none;}

@keyframes joinFill {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

/* 텍스트 영역 */
.join_text {
    position: relative;
    z-index: 2;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}



/* 반전 글자색 */
.text_fill {

    color: #fff;
    z-index: 2;
    pointer-events: none;
    text-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}

.floating_loading strong {
    color: #FFF;
font-size: 20px;
font-weight: 700;
border-radius: 40px;
background: #DB4B42;
box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.25);
padding: 15px 25px;
position: relative;
z-index: 2;
margin-left: auto; 
}


.goods_floating {
    display: flex; gap:20px; align-items: center;
}


.goods_floating .thum{
    border-radius: 5px; overflow: hidden;;
    aspect-ratio: 6 / 4;
    max-width: 120px;
}

.goods_floating .thum img{width: 100%; display: block;
    object-fit: cover; height: 100%;}

.goods_floating .txt h3{
    display: flex;
    align-items: center;
    color: #121212;
font-size: 20px;
font-weight: 700;
gap:6px
}

.goods_floating .txt h3 span{
    color: #FF756E;
}
.goods_floating .txt h3 i{
    width: 1px;
height: 5px;
background: #999;
}

.goods_floating .txt p{
    overflow: hidden;
color: #121212;
font-size: 18px;
font-weight: 500;
margin-top: 8px;
}




.main_top_menu_new {
    display: flex;
    gap: 10px;
     padding: 0 20px;
}

.main_top_menu_new .menu {
    width: calc(50% - 5px);
    padding:20px;
    border-radius: 10px;
    box-sizing: border-box;
    text-decoration: none;
    color: #111;

    display: flex; 
    flex-direction: column;

    transition: all .3s ease;
   
}


/* 토닥토닥 */
.main_top_menu_new .menu1 {
    border-radius: 10px;
border: 1px solid rgba(255, 117, 110, 0.30);
background: rgba(255, 117, 110, 0.05);
}


/* 오늘의 운세 */
.main_top_menu_new .menu2 {
   border-radius: 10px;
border: 1px solid rgba(255, 117, 110, 0.30);
background: rgba(255, 117, 110, 0.05);
}


.main_top_menu_new .menu h3 {
    display: flex;
    align-items: center;
    margin: 0 0 14px;
    line-height: 1;
}


/* 아이콘 */
.main_top_menu_new .menu h3 svg {
    flex: none;
    width: 20px;
    height: 20px;
    margin-right: 15px;
}


.main_top_menu_new .menu h3  b {
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -1.5px;
}

.main_top_menu_new .menu h3 > span{display: flex; flex-wrap: wrap;
     align-items: center; gap:8px}

.main_top_menu_new .menu h3 > span span {
    font-size: 20px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: -1px;
}


.main_top_menu_new .menu > p {
    margin: 0;
    font-size: 18px;
    line-height: 1.45;
    font-weight: 700;
    letter-spacing: -1px;
}


/* 카운트 */
.main_top_menu_new .count_num_are {
    display: flex;
    align-items: flex-end;
    gap: 7px;

    margin-top: 22px;
    line-height: 1;
}


.main_top_menu_new .count_num_are b {
    font-size: 40px;
    line-height: .9;
    font-weight: 700;

    font-variant-numeric: tabular-nums;
}


.main_top_menu_new .count_num_are span {
    padding-bottom: 2px;
    font-size: 25px;
    line-height: 1;
    font-weight: 700;
}


/* 1번 컬러 */
.main_top_menu_new .menu1 .count_num_are {
    color: #ff756e;
}

.main_top_menu_new .menu .count_num_are em {
    display: block;
    padding-bottom: 4px;
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
    font-style: normal;
}


/* 2번 컬러 */
.main_top_menu_new .menu2 .count_num_are {
    color: #4D8AF0;
}


.sub_top_menu ul li span{font-size: 20px; font-weight: 600; transition-duration: .3s;}
.sub_top_menu ul li a:hover span{color: #FF756E;}

.emt_line{
    width: 100%;
    height: 10px;
    border-top: 1px solid #EFEFEF;
border-bottom: 1px solid #EFEFEF;
background: #F5F5F5;
margin: 20px 0;
}

.list_tab_are{
    padding: 0 20px;
}
ul.list_tab{
    display: flex; 
    gap: 4px;
    align-items: center;
     border-radius: 60px;
background: #FFF8F7;
padding: 10px;
margin: 0;
}

ul.list_tab li a, ul.list_tab li span{
    display: flex;
padding: 20px 32px;
justify-content: center;
align-items: center;
gap: 10px;
flex: 1 0 0;
border-radius: 60px;
background: #FFF;
font-weight: 700;
}

ul.list_tab li a.active, ul.list_tab li span.active {
    font-weight: 700;
background: linear-gradient(90deg, #FF736D 0%, #FF9D7C 100%);
    color: #fff; 
}

header .header_top a.sandam{
    background: linear-gradient(90deg, #FF736D 0%, #FF9D7C 100%);
    border: 0;
    padding:0px 10px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
}

.best_review_box_are {
    padding: 0 20px;
    margin: 20px 0;
}


.best_review_box {
    display: flex;
    align-items: center;

    width: 100%;
    height: 60px;

    padding: 0 15px;

    border: 1px solid #eee;
    border-radius: 10px;

    background: #fff;

    box-sizing: border-box;

    /* ★ 박스 전체에서도 한 번 자름 */
    overflow: hidden;

    min-width: 0;
}


/* ========================================
   타이틀
======================================== */

.best_review_title {
    flex: 0 0 auto;

    display: flex;
    align-items: center;

    white-space: nowrap;
}

.best_review_title b {
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    color: #171717;
}

.best_review_title i {
    display: block;

    width: 1px;
    height: 10px;

    margin: 0 12px;

    background: #666;
}


/* ========================================
   ★ Swiper 마스크
======================================== */

.best_review_mask {
    position: relative;

    flex: 1 1 0;

    width: 0;
    min-width: 0;

    height: 58px;

    overflow: hidden !important;

    box-sizing: border-box;
}


/* ========================================
   Swiper
======================================== */

.best_review_mask .best_review_swiper {
    position: relative;

    width: 100%;
    height: 58px;

    margin: 0;
    padding: 0;

    overflow: hidden !important;
}


/* wrapper */
.best_review_mask .best_review_swiper > .swiper-wrapper {
    position: relative;

    width: 100%;
    height: 58px;

    margin: 0;
    padding: 0;
    display: block;
}


/* 각각의 리뷰 */
.best_review_mask .best_review_swiper .swiper-slide {
    position: relative;

    width: 100%;
    height: 58px !important;

    display: flex;
    align-items: center;

    margin: 0;
    padding: 0;

    box-sizing: border-box;

    overflow: hidden;
}


/* 리뷰 텍스트 */
.best_review_mask .best_review_swiper .swiper-slide a {
    display: block;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

    font-size: 18px;
    line-height: 1.4;
    font-weight: 400;

    color: #555;

    text-decoration: none;

    box-sizing: border-box;
}

ul.list_item>li .item_box .item_img,
ul.list_item>li .item_box{overflow: visible;}



ul.main_list_style1 .item_img i {
    font-size: 11px;
    left: -3px;
    padding: 3px 0px 6px;
    font-weight: 300;
    background-size: 60px !important;
    height: 30px;
    background-repeat: no-repeat !important;
    width: 60px;
    text-align: center; 
    display: inline-flex;
    align-items: center;
    justify-content: center;
}  



ul.list_item>li .item_box .item_img {
    width: 46%;
    height: auto;
    aspect-ratio: 16 / 10;
}

ul.list_item>li .item_box .item_img img{  object-fit: cover; 
bottom: inherit; max-height: calc(100% - 5px) !important; border-radius: 10px; }

ul.list_item>li .item_box .item_img { overflow: visible;    }

ul.list_item>li .item_box .item_img a { border: 1px solid #efefef; border-radius: 10px; overflow: hidden; }

ul.list_item>li .item_box .cont {
    padding: 1px 20px;
    width: calc(100% - 46%);
    padding-right: 0;
    padding-top: 13px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}

.tel_btn_wrap{max-width: 100%;}

ul.list_item li a.btn_list, ul.list_item li button.btn_list{
    margin: 0; color: #FF756E;;
    border-color:#FF756E;;
}

ul.list_item li a.btn_list, ul.list_item li button.btn_list:hover{
    background: #FFF8F7;
}

ul.list_item li a.btn_list, ul.list_item li button.btn_list span{
    color: #FF756E;;
}


ul.list_item li button.btn_list_ing2{
   /*  background: linear-gradient(90deg, #FF736D 0%, #FF9D7C 100%); */
   
   background: #bababa; 
   border-color:#bababa;
}






ul.list_item li button.btn_list_ing2 span{color: #fff;}

ul.list_item li button.btn_list_ing2:hover{
    background: linear-gradient(90deg, #FF736D 0%, #FF9D7C 100%);
    border-color:#FF736D;
}

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

ul.list_item>li .style .review:before{display: none;}


.miri_btn svg{max-width: 16px; display: block;}


a.style_pi{
    color: #444;
}

.item_box_w .style{margin-top: 10px;}
ul.list_item>li .style .review.notmore:after{
    display: none;
}

ul.list_item>li .style .review.notmore{padding-right: 0;}

ul.list_item>li .style .review + .review{margin-left: 10px;}
ul.list_item>li .style .review_list_flex_btn_are.review_more{padding: 0;}
ul.list_item>li .style .review_list_flex_btn_are.review_more:after{display: none;}
.review_item_w .more a {
    width: auto;
    background: #fff;
    color: #111;
    padding: 15px 15px;
    border-radius: 10px;
    border: 1px solid #ddd;
}

.review_item_w .more a span {
    font-size: 16px;
    display: inline-block;
    padding: 0px 20px 0px 0;
    background: url(/resources/images/review_item_more.svg) right center no-repeat;
}

.review_item_w ul li a{
    background: #F6F9FE;
}

.miri_btn_are{
	display: none;
	gap: 10px;
	margin-top: 20px;
}

.miri_btn_are .miri_pop_btn{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;

	font-size: 18px;
	font-weight: 600;
	color: #222;

	box-sizing: border-box;
    flex: 1;

border-radius: 10px;
border: 1px solid rgba(255, 117, 110, 0.30);
background: #FFF8F7;
padding: 15px;
}

.miri_btn_are .miri_pop_btn i svg{
    display: block; max-width: 20px;
}

.miri_btn_are .miri_pop_btn1{
	border: 1px solid rgba(255, 117, 110, 0.30);
background: #FFF8F7;
}

.miri_btn_are .miri_pop_btn2{
	border: 1px solid rgba(77, 138, 240, 0.30);
background: #F6F9FE;
}

footer.foot_menu>ul>li.good_li a i {
    background-size: 100% !important;
}

footer.foot_menu>ul>li.good_li a i {
    display: flex;
    width: 100%;
    width: 90px;
    height: 90px;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


.list_tab.cata_list_tab {
        border-radius: 60px;
background: #FFF8F7;
display: flex;
padding: 10px;
align-items: center;
gap: 4px;
    }

 
.list_tab_are.tb20{
    padding-top: 20px;
}

.fliter_li_wrap .l span.active{
    background: #FF756E;
}

.no-search{font-size: 14px; padding: 10px; border-radius: 50px;;}

.search_container .best_tag>ul>li>a b{
    color: #FF756E;
}




.mymenu_top .mycoin>a {
    float: right;
    padding: 8px 16px;
    color: #fff;
    margin-left: auto;
    border-radius: 30px;
background: linear-gradient(90deg, #FF736D 0%, #FF9D7C 100%);
}

.mymenu_top .mycoin,
.coin_infobox .coinbox {
    border-radius: 10px;
border: 1px solid rgba(255, 117, 110, 0.30);
background: rgba(255, 117, 110, 0.05);
gap: 14px
}


.mymenu_top .mycoin .l strong {
    font-size: 25px;
    margin-top: 0px;
    display: inline-block;
    width: auto;
}


.mymenu_top .mycoin .l {
    float: left;
    flex: 1;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}


ul.mymenu_list>li .mymenu_box .ico_img {
    aspect-ratio: 1;
    height: auto;
    padding: 10px;
    border-radius: 20px;
    background: #FFF;
    padding-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
border: 1px solid #EFEFEF;
background: #FFF;
box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.03);
width: 100%;
}

ul.mymenu_list>li .mymenu_box .ico_img>img {
    width: 100%;
    height: auto;
    max-width: 80px;
}

.mymenu_list_ww .mymenu_list_w {
    padding-top: 20px;
    margin-top: 20px; 
    border-top: 0px solid #f5f5f5;
}


.header_sub .header_title{border-bottom: 1px solid #ddd;}

header .header_top{height: auto;}
.header_sub .header_top a.sandam{margin: 0;}


a.btn_primary, input.btn_primary, button.btn_primary, .btn_primary,
.mymenu_top .mycoin>a {
    border-radius: 30px;
    background: linear-gradient(90deg, #FF736D 0%, #FF9D7C 100%);
    border: 0;
}

.mymenu_top .mycoin>a:hover{
    background: linear-gradient(90deg, #FF736D 0%, #FF9D7C 100%);
}

#coin_add_action .list_tab1_wrap ul.list_tab{padding: 10px;}

#coin_add_action .section_box {
    padding: 0px 23px 0 !important;
}

#coin_add_action .list_tab1_wrap {
    margin-bottom: 30px;
}

.sc_title_w>a{color: #FF756E;}

.bottom_btn input{max-width: 100%; border-radius: 10px;}



.outo_order_info {
    margin-bottom: 0px;
    border-bottom: 0px solid #F7F7F7;
    padding-bottom: 25px;
    width: 100%;
}


.no_listbox>div a.btn{
    border-radius: 10px;
background: linear-gradient(90deg, #FF736D 0%, #FF9D7C 100%);
}




/* =========================================================
   숫자 카운트 - 슬롯머신 / 오도미터 효과
========================================================= */

.count_num_are {
    display: flex;
    align-items: flex-end;
    gap: 4px;
}

.count_num {
    display: inline-flex;
    align-items: center;

    font-size: 40px;
    line-height: 1;
    font-weight: 700;

    overflow: hidden;
}


/* 숫자 한 자리 창 */
.count_num .count_digit {
    position: relative;
    display: inline-block;

    width: 0.62em;
    height: 1em;

    overflow: hidden;
}


/* 실제로 위로 움직이는 숫자 묶음 */
.count_num .count_digit_track {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;

    display: flex;
    flex-direction: column;
    align-items: center;

    transform: translateY(0);

    will-change: transform;

    transition-property: transform;
    transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
}


/* 각각의 숫자 */
.count_num .count_digit_num {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 1em;
    min-height: 1em;

    line-height: 1;
    flex-shrink: 0;
}


/* 건 */
.count_num_are em {
    font-style: normal;
}


.fortune_are{
    padding: 0 20px;;
}

.fortune_nodata{
    display: flex;
flex-direction: column;
align-items: center;
gap: 25px;

min-height: calc(100vh - 65px - 220px);
    justify-content: center;

}

.fortune_nodata p{
    color: #333;
text-align: center;
font-family: Pretendard;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 150% */
letter-spacing: -0.5px;
}

.dt_btn{
    display: inline-flex;
max-width: 154px;
height: 48px;
padding: 0 16px;
justify-content: center;
align-items: center;
gap: 8px;
font-size: 16px; color: #fff;
border-radius: 8px;
background: linear-gradient(90deg, #FF736D 0%, #FF9D7C 100%);
}

.foot_btn>div>.btn {
    width: auto;
    height: 63px;
    flex: 1;
}

.foot_btn>div:after{display: none;} 
 
a.btn_red{border-radius: 10px;
background: linear-gradient(90deg, #FF736D 0%, #FF9D7C 100%);
display: flex;
    justify-content: center;
    align-items: center;
    min-height: 56px;
}


.fortune_info{padding: 20px 0;;}

/* 공통 field */

.fortune_field {
    margin-bottom: 20px;
}

.fortune_field:last-child {
    margin-bottom: 0;
}

.fortune_label,
.fortune_title {
    display: block;

    margin: 0 0 9px;

    color: #222;

    font-size: 18px;
    line-height: 1.4;
    font-weight: 700;
}

.fortune_help {
    margin: -3px 0 8px;

    color: #777;

    font-size: 14px;
    line-height: 1.4;
}


/* input */

.fortune_input {
    display: block;

    width: 100%;
    height: 50px;

    padding: 0 15px;

    border: 1px solid #e5e5e5;
    border-radius: 9px;

    outline: none;

    background: #fff;

    color: #222;

    font-size: 16px;

    box-sizing: border-box;

    transition: border-color .2s ease;
}

.fortune_input:focus {
    border-color: #ff746e;
}

.fortune_input::placeholder {
    color: #888;
}


/* =========================================================
   성별
========================================================= */

.fortune_gender {
    display: flex;
    gap: 8px;
}

.fortune_gender_btn {
    flex: 1;

    height: 50px;

    border: 1px solid #e5e5e5;
    border-radius: 9px;

    background: #fff;

    color: #888;

    font-size: 16px;

    cursor: pointer;
}

.fortune_gender_btn.active {
    border-color: transparent;

    background:
        linear-gradient(
            90deg,
            #ff716d 0%,
            #ff9078 100%
        );

    color: #fff;
}


/* =========================================================
   생년월일
========================================================= */

.fortune_birth_row {
    display: flex;
    gap: 8px;
}

.fortune_birth_input {
    flex: 1;
    min-width: 0;
}

.fortune_calendar_btn {
    flex: 0 0 91px;

    height: 50px;

    border: 1px solid #e5e5e5;
    border-radius: 9px;

    background: #fff;

    color: #888;

    font-size: 16px;

    cursor: pointer;
}

.fortune_calendar_btn.active {
    border-color: transparent;

    background:
        linear-gradient(
            90deg,
            #ff716d 0%,
            #ff9078 100%
        );

    color: #fff;
}


/* =========================================================
   SELECT
========================================================= */

.fortune_select_btn {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;
    height: 50px;

    padding: 0 15px;

    border: 1px solid #e5e5e5;
    border-radius: 9px;

    background: #fff;

    color: #777;

    font-size: 16px;

    text-align: left;

    cursor: pointer;

    box-sizing: border-box;
}

.fortune_select_arrow {
    display: block;

    width: 7px;
    height: 7px;

    margin-right: 2px;

    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;

    transform: rotate(45deg) translateY(-2px);
}


/* =========================================================
   잘 모르겠어요
========================================================= */

.fortune_unknown {
    display: inline-flex;
    align-items: center;

    gap: 7px;

    margin-top: 9px;

    color: #777;

    font-size: 16px;

    cursor: pointer;
}

.fortune_unknown input {
    position: absolute;

    width: 1px;
    height: 1px;

    opacity: 0;
}

.fortune_unknown > span {
    position: relative;

    display: block;

    width: 16px;
    height: 16px;

    border: 1px solid #ddd;
    border-radius: 2px;

    background: #fff;

    box-sizing: border-box;
}

.fortune_unknown input:checked + span {
    border-color: #ff746e;
    background: #ff746e;
}

.fortune_unknown input:checked + span:after {
    content: '';

    position: absolute;

    left: 4px;
    top: 0px;

    width: 4px;
    height: 8px;

    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;

    transform: rotate(45deg);
}


/* =========================================================
   MODAL
========================================================= */

body.fortune_modal_open {
    overflow: hidden;
}

.fortune_modal {
    position: fixed;
    z-index: 99999;

    left: 0;
    top: 0;

    display: none;

    width: 100%;
    height: 100%;

    align-items: center;
    justify-content: center;
}

.fortune_modal.active {
    display: flex;
}

.fortune_modal_dim {
    position: absolute;

    left: 0;
    top: 0;

    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, .46);
}

.fortune_modal_box {
    position: relative;
    z-index: 2;

    display: flex;
    flex-direction: column;

    width: calc(100% - 54px);
    max-width: 346px;
    max-height: 360px;

    overflow: hidden;

    border-radius: 10px;

    background: #fff;
}


/* header */

.fortune_modal_head {
    position: relative;

    display: flex;
    align-items: center;

    min-height: 52px;

    padding: 0 25px;

    border-bottom: 1px solid #eee;

    box-sizing: border-box;
}

.fortune_modal_head strong {
    color: #222;

    font-size: 16px;
    font-weight: 700;
}

.fortune_modal_close {
    position: absolute;

    right: 22px;
    top: 50%;

    width: 20px;
    height: 20px;

    padding: 0;

    border: 0;

    background: transparent;

    transform: translateY(-50%);

    cursor: pointer;
}

/* 
.fortune_modal_close:before,
.fortune_modal_close:after {
    content: '';

    position: absolute;

    left: 9px;
    top: 2px;

    width: 1px;
    height: 17px;

    background: #111;
}
 */
.fortune_modal_close:before {
    transform: rotate(45deg);
}

.fortune_modal_close:after {
    transform: rotate(-45deg);
}


/* body */

.fortune_modal_body {
    position: relative;

    flex: 1;

    min-height: 0;

    padding: 16px 23px 5px;

    overflow-y: auto;

    box-sizing: border-box;
}

.fortune_modal_body::-webkit-scrollbar {
    width: 2px;
}

.fortune_modal_body::-webkit-scrollbar-track {
    background: #ddd;
}

.fortune_modal_body::-webkit-scrollbar-thumb {
    background: #ff746e;
}

.fortune_option_list {
    display: flex;
    flex-direction: column;
}

.fortune_option {
    position: relative;

    display: flex;
    align-items: center;

    min-height: 34px;

    padding: 4px 2px;

    border: 0;

    background: transparent;

    color: #222;

    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;

    text-align: left;

    box-sizing: border-box;

    cursor: pointer;
}

.fortune_option.active {
    color: #ff6f6c;
}

.fortune_option.active:after {
    content: '';

    display: block;

    width: 7px;
    height: 12px;

    margin-left: 9px;
    margin-top: -4px;

    border-right: 3px solid #ff746e;
    border-bottom: 3px solid #ff746e;

    transform: rotate(45deg);
}


/* modal button */

.fortune_modal_bottom {
    flex: 0 0 auto;

    padding: 18px 25px 24px;
}

.fortune_modal_confirm {
    width: 100%;
    height: 40px;

    border: 0;
    border-radius: 5px;

    background:
        linear-gradient(
            90deg,
            #ff706d 0%,
            #ff9179 100%
        );

    color: #fff;

    font-size: 14px;
    font-weight: 600;

    cursor: pointer;
}


/* =========================================================
   FOOT BUTTON
========================================================= */

.fortune_submit_btn {
    border: 0;

    cursor: pointer;
}



/* =========================================================
   공통
========================================================= */

.fortune_view_page {
    background: #fff;
}

.fortune_result {
    background: #fff;
}

.fortune_result_inner {
    padding: 20px 26px 80px;
    box-sizing: border-box;
}


/* =========================================================
   SCORE
========================================================= */

.fortune_score_box {
    display: flex;
    flex-direction: column;
    align-items: center;

    width: 100%;

    padding: 17px 20px 28px;

    border: 1px solid #ffb5b1;
    border-radius: 10px;

    background: #fffafa;

    box-sizing: border-box;
}

.fortune_date {
    color: #aaa;

    font-size: 12px;
    line-height: 1.4;
}

.fortune_score {
    margin-top: 15px;

    color: #ff706d;

    font-size: 40px;
    line-height: 1;
    font-weight: 700;
}

.fortune_score_text {
    margin-top: 8px;

    color: #777;

    font-size: 12px;
}

.fortune_score_comment {
    margin: 18px 0 0;

    color: #ff706d;

    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;

    text-align: center;
}


/* =========================================================
   SUMMARY
========================================================= */

.fortune_summary_box,
.fortune_prescription,
.fortune_content_box {
    margin-top: 14px;

    padding: 23px 25px;

    border: 1px solid #e7e7e7;
    border-radius: 10px;

    background: #fff;

    box-sizing: border-box;
}

.fortune_summary_box p,
.fortune_prescription p,
.fortune_content_box p {
    margin: 0;

    color: #555;

    font-size: 14px;
    line-height: 1.5;

    word-break: keep-all;
}


/* =========================================================
   처방전
========================================================= */

.fortune_prescription {
    margin-top: 16px;
}

.fortune_prescription_title {
    display: block;

    margin-bottom: 10px;

    color: #222;

    font-size: 13px;
    line-height: 1.4;
    font-weight: 700;
}


/* =========================================================
   각 운세
========================================================= */

.fortune_section {
    margin-top: 42px;
}

.fortune_section_title {
    display: flex;
    align-items: center;

    gap: 7px;

    margin: 0 0 16px;

    color: #222;

    font-size: 15px;
    line-height: 1.4;
    font-weight: 700;
}


/* 작은 아이콘 */

.fortune_icon {
    display: flex;
    flex-direction: column;
    justify-content: center;

    gap: 2px;

    width: 15px;
    height: 16px;

    padding: 3px;

    border-radius: 1px;

    box-sizing: border-box;
}

.fortune_icon i {
    display: block;

    width: 100%;
    height: 1px;

    background: rgba(255,255,255,.9);
}

.fortune_love .fortune_icon {
    background: #ff716d;
}

.fortune_money .fortune_icon {
    background: #ffb122;
}

.fortune_business .fortune_icon {
    background: #5230e9;
}


.fortune_health .fortune_icon{ background: #00a86b;  }


.fortune_content_box {
    margin-top: 0;
}


/* =========================================================
   추천 상담사
========================================================= */

.fortune_teacher_section {
    margin-top: 45px;
}

.fortune_teacher_title {
    margin: 0 0 22px;

    color: #222;

    font-size: 15px;
    line-height: 1.4;
    font-weight: 700;
}

.fortune_teacher_list {
    display: flex;

    gap: 18px;

    margin-right: -26px;

    padding-right: 26px;
    padding-bottom: 5px;

    overflow-x: auto;

    scrollbar-width: none;

    -webkit-overflow-scrolling: touch;
}

.fortune_teacher_list::-webkit-scrollbar {
    display: none;
}

.fortune_teacher_item {
    flex: 0 0 110px;

    color: inherit;

    text-align: center;
    text-decoration: none;
}

.fortune_teacher_img {
    width: 110px;
    height: 110px;

    overflow: hidden;

    border-radius: 50%;

    background: #f8f2ff;
}

.fortune_teacher_img img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.fortune_teacher_item strong {
    display: block;

    margin-top: 12px;

    color: #222;

    font-size: 13px;
    line-height: 1.4;
    font-weight: 700;
}

.fortune_teacher_item > span {
    display: block;

    margin-top: 4px;

    color: #ff5162;

    font-size: 11px;
    line-height: 1.4;
    font-weight: 600;
}


/* =========================================================
   LOADING
========================================================= */

.fortune_loading {
    position: fixed;
    z-index: 999999;

    left: 0;
    top: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100dvh;

    background: #fff;

    opacity: 1;
    visibility: visible;

    transition:
        opacity .35s ease,
        visibility .35s ease;
}

.fortune_loading.hide {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.fortune_loading_inner {
    display: flex;
    flex-direction: column;
    align-items: center;

    width: 100%;

    margin-top: -45px;

    text-align: center;
}


/* 캐릭터 */

.fortune_loading_character {
    position: relative;

    margin-bottom: 29px;
}

.fortune_loading_face {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 98px;
    height: 98px;

    border-radius: 50%;

    background:
        linear-gradient(
            160deg,
            #ffe72c 0%,
            #ffca00 45%,
            #ff7e21 100%
        );

    font-size: 53px;
    line-height: 1;

    box-sizing: border-box;
}


/* 말풍선 */

.fortune_loading_bubble {
    position: absolute;

    right: -31px;
    top: -34px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 58px;
    height: 43px;

    border: 1px solid #e1e1e1;
    border-radius: 50%;

    background: #fff;

    color: #333;

    font-size: 14px;
    font-weight: 600;

    box-shadow: 0 3px 4px rgba(0,0,0,.08);
}

.fortune_loading_bubble:after {
    content: '';

    position: absolute;

    left: 7px;
    bottom: -5px;

    width: 10px;
    height: 10px;

    border-left: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;

    background: #fff;

    transform: rotate(-30deg);
}


/* 로딩 글자 */

.fortune_loading_title {
    color: #ff706d;

    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
}

.fortune_loading_text {
    margin: 15px 0 0;

    color: #666;

    font-size: 14px;
    line-height: 1.75;
}


/* 점 */

.fortune_loading_progress {
    display: flex;
    align-items: center;

    gap: 10px;

    margin-top: 27px;
}

.fortune_loading_progress span {
    display: block;

    width: 14px;
    height: 14px;

    border-radius: 50%;

    background: #ddd;

    animation: fortuneDot 1.2s ease-in-out infinite;
}

.fortune_loading_progress span:nth-child(1) {
    animation-delay: 0s;
}

.fortune_loading_progress span:nth-child(2) {
    animation-delay: .12s;
}

.fortune_loading_progress span:nth-child(3) {
    animation-delay: .24s;
}

.fortune_loading_progress span:nth-child(4) {
    animation-delay: .36s;
}

.fortune_loading_progress span:nth-child(5) {
    animation-delay: .48s;
}

@keyframes fortuneDot {

    0%,
    55%,
    100% {
        background: #ddd;
        transform: scale(1);
    }

    25% {
        background: #ff706d;
        transform: scale(1.06);
    }

}


/* =========================================================
   결과 진입 효과
========================================================= */

.fortune_result {
    opacity: 0;

    transition: opacity .4s ease;
}

.fortune_result.show {
    opacity: 1;
}


.in_filter_b {
    cursor: pointer;
    display: inline-block;
    border: 1px solid #ECECEC;
    padding: 10px 13px;
    border-radius: 5px;
    font-size: 15px;
    width: max-content;
}


/* =========================================================
   미리보기 모달 내부
   fortune_modal 공통 CSS 재사용
========================================================= */

.miri_preview_box {
    max-height: none;
}


/* body */
.miri_preview_body {
    padding: 24px 20px 28px;
    box-sizing: border-box;
}


/* =========================================================
   상담사 정보
========================================================= */

.miri_profile {
    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;
}

.miri_profile_img {
    width: 60px;
    height: 60px;

    overflow: hidden;

    border-radius: 50%;

    background: #f8f2ff;
    border: 1px solid #ddd;
}

.miri_profile_img img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.miri_profile_name {
    display: flex;
    align-items: center;
    justify-content: center;

    margin-top: 12px;
}

.miri_profile_name strong {
    color: #222;

    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
}

.miri_profile_name i {
    display: block;

    width: 1px;
    height: 12px;

    margin: 0 7px;

    background: #ddd;
}

.miri_profile_name span {
    color: #ff716d;

    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
}

.miri_profile > p {
    margin: 16px 0 0;

    color: #777;

    font-size: 14px;
    line-height: 1.5;
}


/* =========================================================
   소개 영상
========================================================= */

.miri_video_content {
    margin-top: 20px;
}

.miri_video_box {
    overflow: hidden;

    border-radius: 10px;

    background: #222;
}

.miri_video_thumbnail {
    position: relative;

    width: 100%;
    aspect-ratio: 300 / 170;

    overflow: hidden;
}

.miri_video_thumbnail > img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.miri_video_play {
    position: absolute;

    left: 50%;
    top: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 22px;
    height: 22px;

    padding: 0;

    border: 0;
    border-radius: 50%;

    background: #fff;

    transform: translate(-50%, -50%);

    cursor: pointer;
}

.miri_video_play span {
    width: 0;
    height: 0;

    margin-left: 2px;

    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #333;
}


/* =========================================================
   소개 음성
========================================================= */

.miri_audio_content {
    display: none;

    margin-top: 20px;
}

.miri_audio_box {
    display: flex;
    flex-direction: column;
    align-items: center;

    min-height: 164px;

    padding: 24px 20px;

    border: 1px solid #ffaaa5;
    border-radius: 10px;

    background: #fffafa;

    box-sizing: border-box;
}

.miri_audio_box > strong {
    color: #222;

    font-size: 14px;
    line-height: 1.5;
    font-weight: 700;

    text-align: center;
}


/* 음성 버튼 */
.miri_audio_btn {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 74px;
    height: 74px;

    margin-top: 23px;

    padding: 0;

    border: 1px solid #ff716d;
    border-radius: 50%;

    background: #ff806f;

    box-sizing: border-box;

    cursor: pointer;
}

.miri_audio_icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.miri_audio_icon_stop {
    display: none;
}


/* 음성 클릭 후 */
.miri_audio_btn.playing {
    background: #fff4f2;
}

.miri_audio_btn.playing .miri_audio_icon_mic {
    display: none;
}

.miri_audio_btn.playing .miri_audio_icon_stop {
    display: flex;
}


/* =========================================================
   모달 타입
========================================================= */

/* 영상 모드 */
.miri_preview_modal.video_mode .miri_video_content {
    display: block;
}

.miri_preview_modal.video_mode .miri_audio_content {
    display: none;
}


/* 음성 모드 */
.miri_preview_modal.audio_mode .miri_video_content {
    display: none;
}

.miri_preview_modal.audio_mode .miri_audio_content {
    display: block;
}

.todaktodak_list{padding: 20px 0;}


/* =========================================================
   TODAKTODAK COMMON
========================================================= */

.todak_page {
    background: #fff;
}

.todak_page .container {
    background: #fff;
}


/* =========================================================
   TAB
========================================================= */

.todak_tab_wrap {
    padding: 0px 20px 0;
}

.todak_tab {
        display: flex;
    gap: 4px;
    align-items: center;
    border-radius: 60px;
    background: #FFF8F7;
    padding: 10px;
    margin: 0;
}

.todak_tab li {
    flex: 1;
}

.todak_tab button {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;

    padding: 20px;

    border: 0;
    border-radius: 100px;

    color: #222;

    font-size: 20px;
    font-weight: 700;

    cursor: pointer;

    transition: .2s;
    background: #fff;
}

.todak_tab button.active {
    background: linear-gradient(90deg, #FF736D 0%, #FF9D7C 100%);

    color: #fff;
}


/* =========================================================
   LIST INTRO
========================================================= */

.todak_list_intro {
    padding: 27px 26px 14px;
}

.todak_list_intro h2 {
    margin: 0;

    color: #222;

    font-size: 18px;
    line-height: 1.5;
    font-weight: 700;
}

.todak_list_intro p {
    margin: 40px 0 0;

    color: #777;

    font-size: 14px;
}

.todak_list_intro p strong {
    color: #ff716d;
    font-weight: 600;
}


/* =========================================================
   POST LIST
========================================================= */

.todak_post_list {
    display: flex;
    flex-direction: column;

    gap: 15px;

    padding: 0 20px 120px;
}

.todak_post_item {
    display: block;

    padding: 24px 24px 21px;

    border: 1px solid #e9e9e9;
    border-radius: 10px;

    background: #fff;

    color: inherit;
    text-decoration: none;

    box-sizing: border-box;
}

.todak_post_item.active {
    border-color: #ffb5b1;
    background: #fffafa;
}


/* 제목 */

.todak_post_subject {
    display: flex;
    align-items: center;

    gap: 7px;
}

.todak_badges {
    display: flex;
    align-items: center;

    overflow: hidden;

    border-radius: 20px;

    background: linear-gradient(90deg, #FF736D 0%, #FF9D7C 100%);
}

.todak_badges span {
    position: relative;

    padding: 5px 8px;

    color: #fff;

    font-size: 10px;
    line-height: 1;
    font-weight: 500;
}

.todak_badges span + span {
    padding-left: 6px;
}

.todak_badges span + span:before {
    content: '';

    position: absolute;

    left: 0;
    top: 50%;

    width: 1px;
    height: 8px;

    background: rgba(255,255,255,.45);

    transform: translateY(-50%);
}

.todak_post_subject > strong {
    color: #444;

    font-size: 14px;
    font-weight: 700;
}


/* 내용 */

.todak_post_preview {
    margin: 17px 0 0;

    overflow: hidden;

    color: #444;

    font-size: 14px;
    line-height: 1.5;

    word-break: keep-all;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}


/* footer */

.todak_post_bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-top: 18px;
    padding-top: 18px;

    border-top: 1px solid #eee;
}

.todak_post_count {
    display: flex;
    align-items: center;

    gap: 8px;
}

.todak_post_count > span {
    display: flex;
    align-items: center;

    gap: 5px;

    min-height: 27px;

    padding: 0 10px;

    border-radius: 20px;

    background: #fff;

    color: #222;

    font-size: 12px;

    box-shadow:
        0 2px 8px rgba(0, 0, 0, .08);
}

.todak_post_count > span i svg{display: block;}

.todak_post_bottom time {
    color: #bbb;

    font-size: 12px; 
    white-space: nowrap;
}


/* =========================================================
   CSS ICON
========================================================= */

.todak_ico_comment,
.todak_ico_view,
.todak_ico_image {
    position: relative;

    display: block;

    width: 13px;
    height: 13px;

    box-sizing: border-box;
}


/* 댓글 */
.todak_ico_comment {
    border: 1.3px solid #222;
    border-radius: 50%;
}

.todak_ico_comment:after {
    content: '';

    position: absolute;

    left: 1px;
    bottom: -2px;

    width: 4px;
    height: 4px;

    border-left: 1.3px solid #222;

    transform: rotate(35deg);
}


/* 조회 */
.todak_ico_view {
    width: 15px;
    height: 10px;

    border: 1.3px solid #222;
    border-radius: 50% 50%;
}

.todak_ico_view:after {
    content: '';

    position: absolute;

    left: 50%;
    top: 50%;

    width: 3px;
    height: 3px;

    border-radius: 50%;

    background: #222;

    transform: translate(-50%, -50%);
}


/* 이미지 */
.todak_ico_image {
    border: 1.3px solid #222;
    border-radius: 2px;
}

.todak_ico_image:before {
    content: '';

    position: absolute;

    left: 2px;
    top: -3px;

    width: 7px;
    height: 3px;

    border: 1.3px solid #222;
    border-bottom: 0;

    border-radius: 2px 2px 0 0;
}

.todak_ico_image:after {
    content: '';

    position: absolute;

    left: 50%;
    top: 50%;

    width: 3px;
    height: 3px;

    border: 1px solid #222;
    border-radius: 50%;

    transform: translate(-50%, -50%);
}


/* =========================================================
   VIEW
========================================================= */

.todak_view {
    padding: 30px 20px 100px;
}

.todak_view_card {
    padding: 24px;

    border: 1px solid #e8e8e8;
    border-radius: 10px;

    background: #fff;

    box-sizing: border-box;
}

.todak_view_head .todak_post_bottom {
    margin-top: 16px;
}

.todak_view_content {
    margin-top: 18px;
    padding-top: 15px;

    border-top: 1px solid #eee;
}

.todak_view_content p {
    margin: 0 0 4px;

    color: #444;

    font-size: 13px;
    line-height: 1.65;

    word-break: keep-all;
}

.todak_view_content p + p {
    margin-top: 0;
}

.todak_view_image {
    margin-top: 18px;
}

.todak_view_image img {
    display: block;

    width: 100%;
    max-height: 230px;

    object-fit: cover;
}

.todak_view_footer {
    display: flex;
    justify-content: flex-end;
	gap:5px;
    margin-top: 18px;
    padding-top: 18px;
	
    border-top: 1px solid #eee;
}

.todak_list_btn {
    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 70px;
    height: 36px;

    padding: 0 12px;

    border: 1px solid #ddd;
    border-radius: 10px;

    background: #fff;

    color: #555;

    font-size: 12px;

    text-decoration: none;
}


/* =========================================================
   COMMENT
========================================================= */

.todak_comment_section {
    margin-top: 43px;
}

.todak_comment_title {
    display: flex;
    align-items: center;

    gap: 7px;

    margin: 0 0 25px;

    color: #222;

    font-size: 15px;
    font-weight: 700;
}

.todak_title_icon {
    display: flex;
    flex-direction: column;

    gap: 2px;

    width: 15px;
    height: 16px;

    padding: 3px;

    border-radius: 1px;

    background: #ff716d;

    box-sizing: border-box;
}

.todak_title_icon i {
    display: block;

    height: 1px;

    background: #fff;
}

.todak_comment_list {
    display: flex;
    flex-direction: column;

    gap: 20px;
}

.todak_comment_item {
    padding: 23px 24px;

    border: 1px solid #e7e7e7;
    border-radius: 10px;

    background: #fff;

    box-sizing: border-box;
}

.todak_comment_item.active {
    border-color: #ffb6b1;
    background: #fffafa;
}

.todak_comment_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.todak_comment_info strong {
    display: flex;
    align-items: center;

    gap: 6px;

    color: #444;

    font-size: 14px;
    font-weight: 700;
}

.todak_comment_avatar {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 20px;
    height: 20px;

    border-radius: 50%;

    background: #ff796f;

    color: #fff;

    font-size: 9px;
}

.todak_comment_avatar.yellow {
    background: #ffc52a;
}

.todak_comment_info time {
    color: #bbb;

    font-size:12px;
}

.todak_comment_item > p,
.todak_reply > p {
    margin: 16px 0 0;

    color: #444;

    font-size: 14px;
    line-height: 1.75;

    word-break: keep-all;
}


/* 답글 */

.todak_reply {
    margin-top: 18px;
    padding: 16px;

    border-radius: 10px;

    background: #f7f7f7;
}

.todak_reply_btn {
    min-width: 70px;
    height: 36px;

    margin-top: 18px;
    padding: 0 12px;

    border: 1px solid #ddd;
    border-radius: 10px;

    background: #fff;

    color: #555;

    font-size: 12px;

    cursor: pointer;
}


/* =========================================================
   COMMENT WRITE FIXED
========================================================= */

.todak_comment_write {
    position: fixed;
    z-index: 100;

    left: 50%;
    bottom: 0;

    width: 100%;
    max-width: 720px;

    padding: 10px 26px 14px;

    background: #fff;

    box-sizing: border-box;

    transform: translateX(-50%);
}

.todak_comment_write_inner {
    display: flex;

    gap: 8px;
}

.todak_comment_write input {
    flex: 1;

    min-width: 0;
    height: 50px;

    padding: 0 14px;

    border: 1px solid #e7e7e7;
    border-radius: 10px;

    outline: none;

    color: #222;

    font-size: 14px;

    box-sizing: border-box;
}

.todak_comment_write input::placeholder {
    color: #aaa;
}

.todak_comment_write button {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 50px;

    width: 50px;
    height: 50px;

    padding: 0;

    border: 0;
    border-radius: 10px;

    background: #ff716d;

    cursor: pointer;
}


/* =========================================================
   WRITE
========================================================= */

.todak_write {
    padding: 30px 20px 130px;
}

.todak_form_item {
    margin-bottom: 20px;
}

.todak_form_item > label {
    display: block;

    margin-bottom: 9px;

    color: #222;

    font-size: 18px;
    font-weight: 700;
}

.todak_form_input,
.todak_form_select,
.todak_form_textarea {
    display: block;

    width: 100%;

    border: 1px solid #e5e5e5;
    border-radius: 9px;

    outline: none;

    background: #fff;

    color: #333;

    font-family: inherit;
    font-size: 16px;

    box-sizing: border-box;
}

.todak_form_input {
    height: 50px;
    padding: 0 14px;
}

.todak_form_input::placeholder,
.todak_form_textarea::placeholder {
    color: #999;
}


/* select */

.todak_select_wrap {
    position: relative;
}

.todak_form_select {
    height: 50px;

    padding: 0 40px 0 14px;

    appearance: none;
    -webkit-appearance: none;
}

.todak_select_arrow {
    position: absolute;

    right: 17px;
    top: 50%;

    width: 7px;
    height: 7px;

    border-right: 1px solid #aaa;
    border-bottom: 1px solid #aaa;

    pointer-events: none;

    transform:
        translateY(-70%)
        rotate(45deg);
}


/* gender */

.todak_gender {
    display: flex;

    gap: 8px;
}

.todak_gender_btn {
    flex: 1;

    height: 50px;

    border: 1px solid #e5e5e5;
    border-radius: 9px;

    background: #fff;

    color: #888;

    font-size: 16px;

    cursor: pointer;
}

.todak_gender_btn.active {
    border-color: transparent;

    background: linear-gradient(
        90deg,
        #ff716d,
        #ff927b
    );

    color: #fff;
}


/* textarea */

.todak_form_textarea {
    height: 150px;

    padding: 15px;

    resize: none;
}


/* image */

.todak_file_area {
    display: flex;
    align-items: flex-start;

    gap: 10px;
}

.todak_file_area > input {
    position: absolute;

    width: 1px;
    height: 1px;

    overflow: hidden;

    opacity: 0;
}

.todak_file_btn {
    display: flex !important;
    align-items: center;
    justify-content: center;

    flex: 0 0 80px;

    width: 80px;
    height: 80px;

    margin: 0 !important;

    border: 1px solid #e5e5e5;
    border-radius: 9px;

    background: #fff;

    box-sizing: border-box;

    cursor: pointer;
}


.todak_preview_item{ border: 1px solid #e5e5e5; border-radius: 9px; overflow: hidden; }

.todak_file_preview {
    width: 80px;
    height: 80px;
}

.todak_file_preview:empty {
    display: none;
}

.todak_file_preview img {
    display: block;

    width: 60px;
    height: 60px;

    border-radius: 9px;

    object-fit: cover;
}


/* =========================================================
   FIXED FOOT
========================================================= */

.todak_list_foot,
.todak_write_foot {
    z-index: 90;
}



.innner{padding: 30px 0;}

/* =========================================================
   NEW 전화 상담 팝업
========================================================= */

.tel_btn_pop .tel_new_popup {
    width: calc(100% - 54px);
    max-width: 346px;

    max-height: calc(100dvh - 60px);

    padding: 0;

    overflow: hidden;

    border-radius: 10px;

    background: #fff;
}


/* 스크롤 */
.tel_btn_pop .tel_new_popup .over_sc {
    max-height: calc(100dvh - 112px);

    overflow-y: auto;

    -webkit-overflow-scrolling: touch;
}


/* =========================================================
   HEADER
========================================================= */

.tel_btn_pop .tel_new_popup .popup_top {
    position: relative;

    display: flex;
    align-items: center;

    width: 100%;
    height: 52px;

    padding: 0 20px;

    border-bottom: 1px solid #eee;

    background: #fff;

    box-sizing: border-box;
}

.tel_btn_pop .tel_pop_title {
    color: #222;

    font-size: 14px;
    line-height: 1;
    font-weight: 700;
}


/* 닫기 */
.tel_btn_pop .tel_new_popup .btn_close {
    position: absolute;

    right: 21px;
    top: 50%;

    width: 22px;
    height: 22px;

    margin: 0;
    padding: 0;

    border: 0;

    background: transparent;

    transform: translateY(-50%);
}

.tel_btn_pop .tel_new_popup .btn_close:before,
.tel_btn_pop .tel_new_popup .btn_close:after {
    content: '';

    position: absolute;

    left: 10px;
    top: 2px;

    width: 1px;
    height: 18px;

    background: #111;
}

.tel_btn_pop .tel_new_popup .btn_close:before {
    transform: rotate(45deg);
}

.tel_btn_pop .tel_new_popup .btn_close:after {
    transform: rotate(-45deg);
}


/* =========================================================
   상담사 배너
========================================================= */

.tel_btn_pop .tel_new_popup .pop_sangdam_info {
    position: relative;

    width: 100%;
    height: 130px;

    overflow: hidden;

    background: #f8f8fb;
}

.tel_btn_pop .tel_new_popup .pop_sangdam_info .bg {
    position: absolute;

    left: 0;
    top: 0;

    width: 100%;
    height: 100%;
}

.tel_btn_pop .tel_new_popup .pop_sangdam_info .bg img {
    display: block;

    width: 140px;
    height: 100%;

    object-fit: cover;
}


/* 이름 */
.tel_btn_pop .tel_new_popup .pop_sangdam_info .txt {
    position: absolute;
    z-index: 2;

    left: 150px;
    top: 41px;

    text-align: left;
}

.tel_btn_pop .tel_new_popup .pop_sangdam_info .number {
    margin: 0 0 5px;

    color: #ff716d;

    font-size: 20px;
    line-height: 1;
    font-weight: 700;
}

.tel_btn_pop .tel_new_popup .pop_sangdam_info .name {
    display: flex;
    align-items: center;

    gap: 7px;

    margin: 0;

    color: #222;

    font-size: 17px;
    line-height: 1.3;
    font-weight: 700;
}

.tel_btn_pop .tel_new_popup .pop_sangdam_info .tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    height: 18px;

    padding: 0 7px;

    border-radius: 1px;

    background: #e4473d;

    color: #fff;

    font-size: 9px;
    font-weight: 600;
}


/* =========================================================
   선불
========================================================= */

.tel_prepaid_section {
    padding: 17px 21px 18px;

    box-sizing: border-box;
}

.tel_section_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tel_section_title > strong {
    display: flex;
    align-items: center;

    gap: 5px;

    color: #333;

    font-size: 13px;
    font-weight: 700;
}

.tel_section_title > p {
    display: flex;
    align-items: center;

    gap: 4px;

    margin: 0;

    color: #aaa;

    font-size: 10px;
}

.tel_section_title > p b {
    color: #333;

    font-size: 11px;
    font-weight: 500;
}


/* 주황 원형 이용권 아이콘 */
.tel_coin_icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 15px;
    height: 15px;

    border-radius: 50%;

    background: #f38b34;

    color: #fff;

    font-size: 9px;
    line-height: 1;
    font-weight: 700;
}


/* =========================================================
   이용권 정보
========================================================= */

.tel_ticket_status {
    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 8px;

    margin-top: 10px;
}

.tel_status_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    min-height: 100px;

    border: 1px solid #eee;
    border-radius: 10px;

    background: #fff;

    text-align: center;

    box-sizing: border-box;
}

.tel_status_box.ticket_box {
    border-color: #ffb5b1;

    background: #fffafa;
}

.tel_status_box.time_box {
    border-color: #b6ceff;

    background: #fbfcff;
}

.tel_status_box .status_label {
    color: #aaa;

    font-size: 11px;
    line-height: 1.4;
}

.tel_status_box > p {
    display: flex;
    align-items: baseline;
    justify-content: center;

    gap: 3px;

    margin: 3px 0 0;

    color: #222;
}

.tel_status_box > p > strong {
    font-size: 19px;
    line-height: 1;
    font-weight: 700;
}

.tel_status_box > p > span {
    font-size: 10px;
}

.tel_status_box.time_box .time {
    display: flex;
    flex-direction: column;
    align-items: center;

    gap: 2px;
}

.tel_status_box.time_box .time strong,
.tel_status_box.time_box .time span {
    color: #222;

    font-size: 13px;
    line-height: 1.25;
    font-weight: 700;
}


/* 충전 */
.tel_charge_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 66px;
    height: 25px;

    margin-top: 6px;
    padding: 0 9px;

    border-radius: 20px;

    background: #ff766f;

    color: #fff !important;

    font-size: 10px;
    line-height: 1;

    text-decoration: none;
}


/* 안내 */
.tel_help_text {
    margin: 17px 0;

    color: #aaa;

    font-size: 11px;
    line-height: 1.5;

    text-align: center;
}


/* =========================================================
   전화 버튼
========================================================= */

.tel_btn_pop .tel_main_call_btn {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 41px;

    gap: 5px;

    margin: 0;
    padding: 0 12px;

    border: 0;
    border-radius: 5px;

    background: linear-gradient(
        90deg,
        #ff716d 0%,
        #ff927b 100%
    );

    color: #fff !important;

    font-size: 11px;
    line-height: 1;

    text-decoration: none;

    box-sizing: border-box;
}

.tel_main_call_btn .tel_call_icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.tel_main_call_btn > i {
    display: block;

    width: 1px;
    height: 9px;

    margin: 0 2px;

    background: rgba(255,255,255,.55);
}


/* =========================================================
   후불
========================================================= */

.tel_postpaid_section {
    border-top: 1px solid #eee; margin-top: 20px;
}

.tel_postpaid_toggle {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;
    height: 44px;

    padding: 0 0;

    border: 0;

    background: #fff;

    color: #222;

    text-align: left;

    cursor: pointer;

    box-sizing: border-box;
}

.tel_postpaid_toggle strong {
    font-size: 13px;
    font-weight: 700;
}

.tel_toggle_arrow {
    display: block;

    width: 7px;
    height: 7px;

    margin-top: -4px;

    border-right: 1px solid #999;
    border-bottom: 1px solid #999;

    transform: rotate(45deg);

    transition: transform .2s ease;
}

.tel_postpaid_toggle.active .tel_toggle_arrow {
    margin-top: 4px;

    transform: rotate(225deg);
}


/* 후불 내용 */
.tel_postpaid_content {
    padding: 10px 0px 0;

    box-sizing: border-box;
}

.tel_postpaid_toggle:not(.active) + .tel_postpaid_content {
    display: none;
}


/* =========================================================
   비로그인
========================================================= */

.tel_login_box {
    margin-top: 13px;

    padding: 18px;

    border: 1px solid #eee;
    border-radius: 10px;

    background: #fafafa;

    text-align: center;
}

.tel_login_box p {
    margin: 0 0  0px;

    color: #777;

    font-size: 11px;
    text-align: left;
}

.tel_login_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    height: 30px;

    padding: 0 18px;

    border-radius: 20px;

    background: #ff716d;

    color: #fff !important;

    font-size: 11px;
}

.popup .popup_box .popup_top button.btn_close{background: none; top: 30px;;}
.tel_btn_pop .tel_main_call_btn{display: inline-flex !important; font-size: 14px;;}

.tel_section_title > p,
.tel_section_title > p b{font-size: 12px;;}


/* =========================================================
   CONT2 상담하기 팝업
========================================================= */

.cont2_sangdam_pop .tel_new_popup {
    max-height: calc(100dvh - 55px);
}


/* =========================================================
   이용권 / 상담 가능 시간
========================================================= */

.cont2_ticket_status {
    display: grid;
    grid-template-columns: 1fr 1fr;

    gap: 8px;

    padding: 15px 21px 0;

    box-sizing: border-box;
}

.cont2_ticket_status .tel_status_box {
    min-height: 102px;
}


/* =========================================================
   상담방식 탭
========================================================= */

.cont2_sangdam_tab_are {
    padding: 19px 21px 0;

    box-sizing: border-box;
}

.cont2_sangdam_tab {
    display: flex;
    align-items: center;

    gap: 3px;

    width: 100%;

    padding: 8px;

    border-radius: 30px;

    background: #fff8f7;

    box-sizing: border-box;
}

.cont2_tab_btn {
    flex: 1;

    display: flex;
    align-items: center;
    justify-content: center;

    height: 40px;

    padding: 0;

    border: 0;
    border-radius: 23px;

    background: #fff;

    color: #333;

    font-size: 13px;
    line-height: 1;
    font-weight: 700;

    cursor: pointer;

    transition:
        background .2s ease,
        color .2s ease;
}

.cont2_tab_btn.active {
    background: linear-gradient(
        90deg,
        #ff716d 0%,
        #ff927b 100%
    );

    color: #fff;
}


/* =========================================================
   상담 내용
========================================================= */

.cont2_sangdam_contents {
    padding: 24px 21px 27px;

    box-sizing: border-box;
}

.cont2_sangdam_panel {
    display: none;
}

.cont2_sangdam_panel.active {
    display: block;
}


/* 시안처럼 가격 영역 */
.cont2_sangdam_pop .tel_section_title {
    padding: 0;
}

.cont2_sangdam_pop .tel_section_title > strong {
    font-size: 13px;
}

.cont2_sangdam_pop .tel_section_title > p b {
    color: #333;

    font-size: 12px;
    font-weight: 500;
}

.cont2_sangdam_pop .tel_section_title > p span {
    color: #aaa;

    font-size: 12px;
}


/* 안내 문구 */
.cont2_sangdam_pop .tel_help_text {
    margin: 18px 0 17px;

    color: #aaa;

    font-size: 12px;

    text-align: center;
}


/* =========================================================
   상담 버튼 공통
========================================================= */

.cont2_sangdam_pop .tel_main_call_btn,
.cont2_chat_btn,
.cont2_video_btn {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 5px;

    width: 100%;
    height: 40px;

    padding: 0;

    border: 0;
    border-radius: 5px;

    background: linear-gradient(
        90deg,
        #ff716d 0%,
        #ff927b 100%
    );

    color: #fff !important;

    font-size: 14px;
    line-height: 1;
    font-weight: 500;

    text-decoration: none;

    box-sizing: border-box;
}

.cont2_chat_icon,
.cont2_video_icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cont2_sangdam_pop .tel_main_call_btn, .cont2_chat_btn, .cont2_video_btn{
    display: flex !important;
}



.foot_btn>div>.btn button.btn_primary{
    border-radius: 10px;
background: linear-gradient(90deg, #FF736D 0%, #FF9D7C 100%);
}



/* =========================================================
   상담사 상세 리뉴얼 - 2026
   기존 개발 로직은 유지하고 퍼블리싱 영역만 재구성
========================================================= */
body.page_detail{background:#fff;color:#222;}
body.page_detail #wrap.bg_warp{background:#fff;}
.new_detail_profile{width:100%;background:#fff;color:#222;}
.new_detail_profile *{box-sizing:border-box;}

/* HERO */
.new_detail_hero{position:relative;width:100%;overflow:hidden;}
.new_detail_hero .profile_Swiper,
.new_detail_hero .swiper-wrapper,
.new_detail_hero .swiper-slide{width:100%;height:225px;}
.new_detail_hero .swiper-slide{position:relative;overflow:hidden;background-position:center!important;background-size:cover!important;}
.new_detail_hero .swiper-slide>img{display:block;width:100%;height:100%;object-fit:cover;}
.new_detail_hero .profile_bg>img{object-fit:contain;object-position:center bottom;}
.new_detail_back,.new_detail_home{position:absolute;z-index:12;top:24px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.28);cursor:pointer;}
.new_detail_back{left:25px;}
.new_detail_home{right:25px;}

/* 
.new_detail_hero .swiper-pagination{bottom:8px!important;}
 */

.new_detail_hero .active_user_count{position:absolute;z-index:12;left:50%;bottom:16px;width:auto!important;margin:0!important;transform:translateX(-50%);}
.new_detail_hero .active_user_count>div{padding:8px 13px;border-radius:20px;
background:rgba(0,0,0,.68);color:#fff;font-size:15px;line-height:1;white-space:nowrap;}
.new_detail_hero .active_user_count span{color:#ff716d;font-weight:700;}

/* PROFILE */
.new_detail_profile_info{padding:25px 25px 20px;border-bottom:8px solid #f7f7f7;background:#fff;}
.new_detail_name_row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;}
.new_detail_name{min-width:0;}
.new_detail_category{display:block;margin-bottom:7px;color:#7c2bd4;font-size:14px;line-height:1.3;}
.new_detail_name_line{display:flex;align-items:center;gap:8px;}
.new_detail_name_line h1{margin:0;color:#222;font-size:24px;line-height:1.3;font-weight:700;}
.new_detail_name_line strong{color:#ff716d;font-size:20px;line-height:1;font-weight:700;white-space:nowrap;}
.new_detail_price{display:flex;align-items:center;gap:4px;margin-top:8px;}
.new_detail_coin{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#f28a31;color:#fff;font-size:9px;font-weight:700;}
.new_detail_price b{color:#444;font-size:14px;font-weight:500;}
.new_detail_price em{color:#aaa;font-size:14px;font-style:normal;}
.new_detail_share{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border:1px solid #eee;border-radius:50%;background:#fff;}
.new_detail_share img{display:block;width:16px;height:16px;object-fit:contain;}

/* TAGS */
.new_detail_tags{display:flex;flex-direction:column;gap:10px;margin-top:24px;padding:15px 25px;border:1px solid #eee;border-radius:10px;background:#fff;}
.new_detail_tag_row{display:flex;align-items:flex-start;}
.new_detail_tag_row>strong{flex:0 0 57px;padding-top:5px;color:#444;font-size:14px;line-height:1.3;font-weight:600;}
.new_detail_tag_items{display:flex;flex-wrap:wrap;gap:6px;}
.new_detail_tag_items a{display:inline-flex;align-items:center;min-height:27px;
    padding:0 11px;border-radius:4px;background:#f5f5f5;color:#777;font-size:14px;line-height:1;text-decoration:none;}

/* COMMON SECTION */
.new_detail_home_only{display:block;}
.new_detail_section{padding:28px 25px 0;background:#fff;}
.new_detail_section_title_row{display:flex;align-items:center;justify-content:space-between;}
.new_detail_section_title{display:flex;align-items:center;gap:7px;margin:0 0 17px;color:#222;font-size:16px;line-height:1.3;font-weight:700;}
.new_detail_title_icon{position:relative;display:block;width:15px;height:16px;border-radius:2px;background:#ff716d;}
.new_detail_title_icon.notice{border-radius:50%;}
.new_detail_title_icon.notice:after{content:'?';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:700;}
.new_detail_title_icon.career:after,.new_detail_title_icon.review:after{content:'';position:absolute;left:3px;right:3px;top:4px;height:1px;background:#fff;box-shadow:0 3px 0 #fff,0 6px 0 #fff;}
.new_detail_title_icon.best{border-radius:50% 50% 3px 3px;}
.new_detail_card{padding:20px;border:1px solid #e7e7e7;border-radius:10px;background:#fff;}
.new_detail_text,.new_notice_text{color:#444;font-size:13px;line-height:1.72;word-break:keep-all;}

/* NOTICE */
.new_notice_img{width:100%;  margin-bottom:17px;overflow:hidden; }

/* 
.new_notice_img img{display:block;width:100%;height:100%;object-fit:cover;}
 */


.new_notice_card .new_detail_more_content{max-height:48px;overflow:hidden;transition:max-height .3s ease;}
.new_notice_card.open .new_detail_more_content{max-height:1000px;}
.new_detail_more_btn,.new_intro_more{display:flex;align-items:center;justify-content:center;gap:7px;min-width:84px;
    height:38px;margin:20px auto 0;padding:0 13px;border:1px solid #ddd;border-radius:10px;background:#fff;color:#555;font-size:12px;cursor:pointer;}
.new_detail_more_btn i,.new_intro_more i{width:7px;height:7px;margin-top:-4px;border-right:1px solid #777;border-bottom:1px solid #777;transform:rotate(45deg);transition:.2s;}
.new_notice_card.open .new_detail_more_btn i,.new_intro_section.open .new_intro_more i{margin-top:4px;transform:rotate(225deg);}
.new_career_card{padding:22px 25px;}

/* BEST */
.new_best_more{margin:-17px 0 0;padding:0;border:0;background:transparent;color:#aaa;font-size:10px;cursor:pointer;}
.new_best_card{padding:22px 25px;}
.new_best_review_text{color:#444;font-size:13px;line-height:1.75;word-break:keep-all;}
.new_best_review_meta{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-top:17px;color:#aaa;font-size:9px;}
.new_best_review_meta i{width:1px;height:8px;background:#ddd;}

/* TABS */
.new_profile_tap_wrap{background:#fff;}
.new_profile_tap_menu{position:relative;z-index:50;top:0;padding:13px 15px;background:#fff;}
.new_profile_tap_menu ul{    display: flex;
    gap: 4px;
    align-items: center;
    border-radius: 60px;
    background: #FFF8F7;
    padding: 10px;
    margin: 0;}
.new_profile_tap_menu ul li{flex:1;margin:0;padding:0;}
.new_profile_tap_menu ul li span{
    display: flex;
    padding: 20px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    border-radius: 60px;
    background: #FFF;
    font-weight: 700;
}
.new_profile_tap_menu ul li.on span{background:linear-gradient(90deg,#ff716d,#ff927b);color:#fff; border: 0;}
.new_detail_profile .profile_tap{display:none;width:100%;}
.new_detail_profile .profile_tap.on{display:block;}

/* INTRO */
.new_intro_section{padding:22px 26px 100px;background:#fff;}
.new_expand_text{position:relative;max-height:145px;overflow:hidden;color:#555;font-size:13px;line-height:1.9;word-break:keep-all;}
.new_expand_text:after{content:'';position:absolute;left:0;right:0;bottom:0;height:58px;background:linear-gradient(rgba(255,255,255,0),#fff);}
.new_intro_section.open .new_expand_text{max-height:none;}
.new_intro_section.open .new_expand_text:after{display:none;}
.new_consult_case{margin-top:40px;}
.new_consult_case h3{margin:0 0 15px;font-size:15px;}

/* REVIEW */
.new_review_banner{position:relative;padding:20px 25px;background:url(/resources/images/new_review_banner.png);color:#fff;overflow:hidden;
background-size: cover;
    background-repeat: no-repeat;}

.new_review_banner strong{position:relative;z-index:1;display:block;margin-bottom:5px;font-size:18px;line-height:1.4;}
.new_review_banner p{position:relative;z-index:1;margin:0;font-size:14px;line-height:1.55;}
.new_review_write{padding:24px 25px 25px;text-align:center;border-bottom:8px solid #f7f7f7;background:#fff;}
.new_review_condition{margin:0 0 18px;color:#444;font-size:14px;line-height:1.5;}
.new_review_write_btn,.new_qna_write_btn{display:flex;align-items:center;justify-content:center;gap:7px;
    width:205px;height:50px;margin:0 auto;border-radius:9px;
    background:linear-gradient(90deg,#ff716d,#ff927b);color:#fff!important;font-size:16px;font-weight:700;text-decoration:none;}

.new_review_write_btn svg,.new_qna_write_btn svg{display: block;}


.new_review_reward_title{display:block;margin-top:17px;color:#ff716d;font-size:16px;}
.new_review_reward{display:flex;justify-content:center;gap:12px;margin-top:10px;}
.new_review_reward span{display:flex;align-items:center;gap:4px;color:#555;font-size:14px;}
.new_review_reward i{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:#ff716d;color:#fff;font-size:8px;font-style:normal;}
.new_review_reward-table-spacer{height:1px;}
.new_review_reward_table{margin-top:22px;overflow:hidden;border:1px solid #f0e4e2;border-radius:10px;}
.new_review_reward_table>div{display:grid;grid-template-columns:100px 1fr 200px;min-height:47px;border-top:1px solid #eee;}
.new_review_reward_table>div:first-child{border-top:0;}
.new_review_reward_table .head{min-height:38px;background: rgba(255, 117, 110, 0.10);font-weight:700;}
.new_review_reward_table span{display:flex;align-items:center;padding:15px;color:#444;font-size:14px;line-height:1.35;text-align:left;}
.new_review_reward_table span:last-child{justify-content:flex-end;color:#ff716d;}
.new_review_list_wrap{padding-bottom:80px;background:#fff;}
.new_review_list_head{display:flex;align-items:center;justify-content:space-between;padding:25px;border-bottom:1px solid #eee;}
.new_review_list_head h3{display:flex;align-items:center;gap:6px;margin:0;font-size:16px;}
.new_review_list_head h3 em{color:#ff716d;font-style:normal;font-weight:400;}
.new_review_sort{display:flex;align-items:center;gap:5px;}
.new_review_sort button{padding:0;border:0;background:transparent;color:#999;font-size:14px;cursor:pointer;}
.new_review_sort button.active{color:#ff716d;}
.new_review_sort i{width:1px;height:8px;background:#ddd;}
.new_reivew_list{margin:0!important;padding:0 25px!important;}

/* QNA */
.new_qna_intro{padding:25px;text-align:center;border-bottom:8px solid #f7f7f7;background:#fff;}
.new_qna_policy{display:inline-flex;align-items:center;gap:5px;margin-top:23px;color:#ff716d!important;font-size:16px;font-weight:600;text-decoration:none;}
.new_qna_policy>span{display:inline-flex;align-items:center;justify-content:center;
    width:15px;height:15px;border:1px solid #aaa;border-radius:50%;color:#888;font-size:9px;}
.new_qna_intro>p{margin:20px 0 0;color:#aaa;font-size:14px;line-height:1.7;}  
.new_qna_box{padding:25px;background:#fff;}
.new_qna_box>.tab{display:flex;gap:7px;margin:0 0 18px;padding:0;list-style:none;}
.new_qna_box>.tab li{margin:0;}
.new_qna_box>.tab button{min-width:65px;height:36px;padding:0 14px;border:1px solid #ddd;
    border-radius:20px;background:#fff;color:#888;font-size:11px;cursor:pointer;}
.new_qna_box>.tab button.active{border-color:#ff716d;background:#ff716d;color:#fff;}
.new_qna_box .qna_list{margin:0;padding:0;}

.qna_box ul.tab li a.active, .qna_box ul.tab li button.active{background: #ff716d;}

/* GOODS */
.new_goods_intro{padding:23px 25px 24px;border-bottom:8px solid #f7f7f7;background:#fff;}
.new_goods_intro h3{display:flex;align-items:center;gap:8px;margin:0 0 14px;color:#222;font-size:18px;}
.new_goods_intro h3 svg{display: block;}
.new_bag_icon{position:relative;display:block;width:14px;height:15px;border:1.5px solid #ff716d;border-radius:1px;}
.new_bag_icon:before{content:'';position:absolute;left:3px;top:-5px;width:6px;height:5px;border:1.5px solid #ff716d;border-bottom:0;border-radius:4px 4px 0 0;}
.new_goods_intro p{margin:0;color:#aaa;font-size:14px;line-height:1.6;word-break:keep-all;}
.new_detail_profile .new_goods_list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important;margin:0!important;padding:28px 25px 100px!important;list-style:none!important;background:#fff;}
.new_detail_profile .new_goods_list>li{min-width:0!important;width:auto!important;margin:0!important;padding:0!important;}
.new_detail_profile .new_goods_list>li>a{display:block!important;color:inherit;text-decoration:none;}
.new_detail_profile .new_goods_list .right.img{float:none!important;width:100%!important;height:auto!important;aspect-ratio:1/1;overflow:hidden;border-radius:4px;}
.new_detail_profile .new_goods_list .right.img img{display:block;width:100%;height:100%;object-fit:cover;}
.new_detail_profile .new_goods_list .left{float:none!important;width:100%!important;margin-top:10px;}
.new_detail_profile .new_goods_list .tit{margin:0;color:#333;font-size:12px;line-height:1.4;font-weight:600;}
.new_detail_profile .new_goods_list .sub{display:block;margin-top:4px;color:#999;font-size:10px;}
.new_detail_profile .new_goods_list .educ_date{margin-top:5px;color:#999;font-size:9px;}
.new_detail_profile .new_goods_list .won{margin-top:8px;}
.new_detail_profile .new_goods_list .won strong{color:#ff716d;font-size:16px;}

/* POLICY POPUP - 기존 마크업 재사용 */
.policy_pop{position:fixed!important;z-index:999999!important;inset:0;}
.policy_pop .dimBg{position:absolute;inset:0;background:rgba(0,0,0,.46);}
.policy_pop .pop-layer{position:absolute!important;left:50%!important;top:50%!important;
    width:calc(100% - 54px)!important;max-width:346px!important;height:536px!important;
    overflow:hidden;border-radius:10px;background:#fff;}
.policy_pop .pop-container,.policy_pop .pop-conts{height:100%;}

.policy_pop .policy_memo{height:calc(100% - 52px);padding:20px 10px;overflow-y:auto;}
.policy_pop .policy_memo::-webkit-scrollbar{width:2px;}
.policy_pop .policy_memo::-webkit-scrollbar-track{background:#ddd;}
.policy_pop .policy_memo::-webkit-scrollbar-thumb{background:#ff716d;}
.policy_pop .policy_memo .box{margin-bottom:24px;}
.policy_pop .policy_memo .box h4{margin:0 0 10px;color:#222;font-size:14px;}
.policy_pop .policy_memo .box p{margin:0;color:#444;font-size:12px;line-height:1.5;word-break:keep-all;}

.policy_pop .policy_memo .box {
    margin-bottom: 10px;
}
.policy_memo .box+.box {
    border-top: 1px solid #ececec;
    padding-top: 10px;
}
.policy_memo .box {
    margin-top: 10px;
}

/* =========================================================
   HERO IMAGE / VIDEO
========================================================= */

.new_detail_hero {
    position: relative;

    width: 100%;

    overflow: hidden;

    background: #111;
}

.new_detail_hero .profile_Swiper {
    position: relative;

    width: 100%;
    height: 225px;

    overflow: hidden;
}

.new_detail_hero .hero_media_slide {
    position: relative;

    width: 100%;
    height: 225px;

    overflow: hidden;

    background: #111;
}


/* 미디어 공통 */
.new_detail_hero .hero_media {
    position: relative;

    width: 100%;
    height: 100%;

    overflow: hidden;
}


/* =========================================================
   IMAGE
========================================================= */

.new_detail_hero .hero_media img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center;
}


/*
|--------------------------------------------------------------------------
| 기존 메인 상담사 이미지
|--------------------------------------------------------------------------
| 현재 메인 이미지는 카테고리 배경 위에 상담사 PNG를
| contain 형태로 보여주던 구조이므로 그대로 유지
|--------------------------------------------------------------------------
*/

.new_detail_hero .profile_bg .hero_media img {
    object-fit: contain;
}


/* =========================================================
   VIDEO
========================================================= */

.new_detail_hero .hero_video {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    background: #111;
}


/* 영상 위 검은색 미세 딤 */
.new_detail_hero .hero_video_slide .hero_media:after {
    content: '';

    position: absolute;

    z-index: 1;

    left: 0;
    top: 0;

    width: 100%;
    height: 100%;

    background: rgba(0, 0, 0, .05);

    pointer-events: none;
}


/* =========================================================
   VIDEO CONTROL
========================================================= */

.hero_video_control {
    position: absolute;
    z-index: 5;

    right: 18px;
    bottom: 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 32px;
    height: 32px;

    padding: 0;

    border: 1px solid rgba(255,255,255,.65);
    border-radius: 50%;

    background: rgba(0,0,0,.35);

    cursor: pointer;
}


/* 재생 삼각형 */
.hero_video_play_icon {
    display: block;

    width: 0;
    height: 0;

    margin-left: 2px;

    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}


/* 일시정지 */
.hero_video_pause_icon {
    position: relative;

    display: none;

    width: 9px;
    height: 11px;
}

.hero_video_pause_icon:before,
.hero_video_pause_icon:after {
    content: '';

    position: absolute;

    top: 0;

    width: 3px;
    height: 11px;

    border-radius: 1px;

    background: #fff;
}

.hero_video_pause_icon:before {
    left: 0;
}

.hero_video_pause_icon:after {
    right: 0;
}


/* 재생중 */
.hero_video_control.playing .hero_video_play_icon {
    display: none;
}

.hero_video_control.playing .hero_video_pause_icon {
    display: block;
}


/* =========================================================
   PAGINATION
========================================================= */

.new_detail_hero .swiper-pagination {
    z-index: 8;
}


/* =========================================================
   현재 보고있는 인원
========================================================= */

.new_detail_hero .active_user_count {
    z-index: 10;
}

header.header_back{max-width: 720px;} 
.foot_btn>div>.btn button.btn_red{;
background: linear-gradient(90deg, #FF736D 0%, #FF9D7C 100%);
}


.new_detail_hero .profile_Swiper{height: auto;}

.new_detail_hero .profile_Swiper, .new_detail_hero .swiper-wrapper, .new_detail_hero .swiper-slide {
    width: 100%;
    height: auto;
    /* aspect-ratio: 40 / 20; */
}

.new_detail_hero .profile_bg>img {
    object-fit: cover;
    object-position: center bottom;
}


/* =========================================================
   NEW QNA LIST
========================================================= */

.new_detail_profile .new_qna_box {
    padding: 32px 26px 100px;
}


/* =========================================================
   FILTER
========================================================= */

.new_detail_profile .new_qna_box > .tab {
    display: flex;
    align-items: center;

    gap: 7px;

    margin: 0 0 25px;
    padding: 0;

    list-style: none;
}

.new_detail_profile .new_qna_box > .tab li {
    margin: 0;
    padding: 0;
}

.new_detail_profile .new_qna_box > .tab button {
    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 65px;
    height: 36px;

    padding: 0 16px;

    border: 1px solid #ddd;
    border-radius: 22px;

    background: #fff;

    color: #999;

    font-size: 14px;
    font-weight: 400;

    cursor: pointer;
}

.new_detail_profile .new_qna_box > .tab button.active {
    border-color: #ff716d;

    background: #ff716d;

    color: #fff;
}


/* =========================================================
   LIST
========================================================= */

.new_detail_profile .new_qna_box .qna_list {
    margin: 0;
    padding: 0;

    list-style: none;
}

.new_detail_profile .new_qna_list_item {
    margin: 0;
    padding: 0;

    border-bottom: 1px solid #eee;
}

.new_detail_profile .new_qna_list_question {
    padding: 20px 0 17px;
}


/* 내용 */

.new_qna_list_content {
    display: flex;
    align-items: center;

    gap: 7px;

    min-height: 20px;
}

.new_qna_list_memo {
    color: #888;

    font-size: 14px;
    line-height: 1.5;
}

.new_qna_list_memo.secret {
    color: #999;
}


/* lock */

.new_qna_lock {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}


/* =========================================================
   META
========================================================= */

.new_qna_list_meta {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-top: 12px;
}

.new_qna_list_meta_left {
    display: flex;
    align-items: center;

    gap: 6px;
}

.new_qna_list_meta_left > i {
    display: block;

    width: 2px;
    height: 2px;

    border-radius: 50%;

    background: #ccc;
}


/* 상태 */

.new_qna_state {
    color: #777;

    font-size: 14px;
    line-height: 1;
}

.new_qna_state.complete {
    color: #ff716d;
}

.new_qna_state.waiting {
    color: #555;
}


/* 작성자 */

.new_qna_writer {
    color: #aaa;

    font-size: 14px;
}


/* 날짜 */

.new_qna_date {
    color: #aaa;

    font-size: 12px;
}

.qna_box ul.tab{border-bottom: 0;}


/* =========================================================
   COUNSELOR REPLY
========================================================= */

.new_qna_reply_wrap {
    margin-top: 15px;
}

.new_qna_reply {
    position: relative;

    padding: 15px;

    border-radius: 8px;

    background: #f7f9fb;
}

.new_qna_reply + .new_qna_reply {
    margin-top: 8px;
}

.new_qna_reply_name {
    color: #333;

    font-size: 14px;
    line-height: 1.4;
    font-weight: 700;
}

.new_qna_reply_text {
    margin-top: 9px;

    color: #555;

    font-size: 14px;
    line-height: 1.6;

    word-break: keep-all;
}

.new_qna_reply_date {
    display: block;

    margin-top: 8px;

    color: #aaa;

    font-size: 12px;
}


/* =========================================================
   NO DATA
========================================================= */

.new_detail_profile .new_qna_box .no_listbox {
    padding: 60px 0;

    text-align: center;
}

.new_detail_profile .new_qna_box .no_listbox p {
    color: #aaa;

    font-size: 14px;
}

/* =========================================================
   상담후기 - NEW
========================================================= */

.new_detail_profile .new_reivew_list {
    margin: 0;
    padding: 0 26px 110px;
    list-style: none;
}


/* 후기 한 개 */
.new_detail_profile .new_review_item {
    position: relative;

    margin: 0;
    padding: 27px 0 26px;

    border-bottom: 1px solid #eee;

    background: #fff;
}

.new_detail_profile .new_review_item:last-of-type {
    border-bottom: 0;
}


/* =========================================================
   작성자
========================================================= */

.new_review_writer {
    display: flex;
    align-items: center;

    gap: 7px;
}

.new_review_writer strong {
    color: #222;

    font-size: 14px;
    line-height: 1.4;
    font-weight: 700;
}

.new_review_writer .emblem_img {
    display: block;

    width: 18px;
    height: 18px;

    object-fit: contain;
}


/* =========================================================
   META
========================================================= */

.new_review_meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 6px;

    margin-top: 7px;

    color: #aaa;

    font-size: 12px;
    line-height: 1.5;
}

.new_review_meta i {
    display: block;

    width: 2px;
    height: 2px;

    border-radius: 50%;

    background: #ccc;
}


/* =========================================================
   기존 con_box 초기화
========================================================= */

.new_detail_profile .new_review_con_box {
    margin: 0;
    padding: 0;

    border: 0;

    background: transparent;
}


/* =========================================================
   후기 내용
========================================================= */

.new_review_content {
    margin-top: 16px;
}

.new_review_content p {
    margin: 0;

    color: #333;

    font-size: 14px;
    font-weight: 400;
    line-height: 1.75;

    word-break: keep-all;
}

.new_review_content p + p {
    margin-top: 3px;
}


/* =========================================================
   첨부 이미지
========================================================= */

.new_review_photo {
    margin-top: 15px;

    overflow: hidden;
}

.new_review_photo img {
    display: block;

    width: 100%;
    height: auto;

    border-radius: 8px;
}


/* =========================================================
   도움이 되었나요
========================================================= */

.new_review_good_form {
    margin: 0;
}

.new_review_good {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-top: 13px;
}

.new_review_good .txt {
    margin: 0;

    color: #bbb;

    font-size: 12px;
    line-height: 1.4;
}


/* 좋아요 버튼 */

.new_review_good_btn {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 4px;

    min-width: 43px;
    height: 28px;

    margin: 0;
    padding: 0 10px;

    border: 1px solid #eee;
    border-radius: 20px;

    background: #fff;

    color: #333;

    font-size: 10px;
    line-height: 1;

    box-shadow: 0 2px 7px rgba(0,0,0,.05);

    cursor: pointer;
}

.new_review_good_btn svg {
    display: block;
}

.new_review_good_btn.on {
    border-color: #ff756e;

    background: #ff756e;

    color: #fff;
}


/* =========================================================
   상담사 답변
========================================================= */

.new_detail_profile .new_review_reply {
    display: block;

    margin: 14px 0 0;
    padding: 16px;

    border: 0;
    border-radius: 9px;

    background: #f4f7fb;
}

.new_review_reply_head {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 15px;
}

.new_review_reply_head strong {
    color: #222;

    font-size: 12px;
    line-height: 1.4;
    font-weight: 700;
}

.new_review_reply_head span {
    flex: 0 0 auto;

    color: #aaa;

    font-size: 9px;
}

.new_review_reply_text {
    margin-top: 9px;

    color: #333;

    font-size: 12px;
    font-weight: 400;
    line-height: 1.75;

    word-break: keep-all;
}


/* =========================================================
   신고
========================================================= */

.new_review_report {
    display: block;

    margin: 10px 0 0 auto;
    padding: 0;

    border: 0;

    background: transparent;

    color: #bbb;

    font-size: 9px;

    cursor: pointer;
}


/* =========================================================
   빈 결과
========================================================= */

.new_detail_profile .new_review_empty {
    padding: 70px 0;

    border: 0;

    text-align: center;
}

.new_detail_profile .new_review_empty p {
    margin: 0;

    color: #aaa;

    font-size: 12px;
}

.main_banner .swiper-slide img{aspect-ratio: 1;}


/* =========================================================
   REALTIME REVIEW PAGE
========================================================= */

.main_review_body {
    background: #fff;
}

.main_review_page {
    background: #fff;
}

.main_review_page .container_inner {
    padding-bottom: 110px;
}


/* =========================================================
   VISUAL
========================================================= */

.main_review_banner {
    position: relative;

    min-height: 105px;

    padding: 18px 26px;

    background:
        linear-gradient(
            90deg,
            rgba(17, 20, 22, .85),
            rgba(17, 20, 22, .38)
        ),
        url('/resources/images/review_visual.jpg')
        center / cover no-repeat;

    color: #fff;

    box-sizing: border-box;
}


/*
|--------------------------------------------------------------------------
| review_visual.jpg
|--------------------------------------------------------------------------
| 시안 상단 손 이미지 파일을 위 경로에 넣으면 됨.
| 실제 파일명이 다르면 URL만 변경
|--------------------------------------------------------------------------
*/

.main_review_banner strong {
    display: block;

    margin: 0 0 5px;

    color: #fff;

    font-size: 15px;
    line-height: 1.4;
    font-weight: 700;
}

.main_review_banner p {
    margin: 0;

    color: #fff;

    font-size: 12px;
    line-height: 1.55;
}


/* =========================================================
   WRITE AREA
========================================================= */

.main_review_write {
    padding-top: 23px;
    padding-bottom: 27px;

    border-bottom: 8px solid #f7f7f7;
}

.main_review_write .new_review_condition {
    margin-bottom: 19px;

    color: #444;

    font-size: 12px;
    line-height: 1.55;

    font-weight: 500;

    text-align: center;
}


/* 글쓰기 아이콘 */

.main_review_write_icon {
    position: relative;

    display: inline-block;

    width: 14px;
    height: 14px;

    margin-left: 3px;
}

.main_review_write_icon:before {
    content: '';

    position: absolute;

    left: 2px;
    top: 7px;

    width: 10px;
    height: 2px;

    border-radius: 2px;

    background: currentColor;

    transform: rotate(-45deg);
}

.main_review_write_icon:after {
    content: '';

    position: absolute;

    right: 0;
    top: 1px;

    width: 4px;
    height: 4px;

    border: 1px solid currentColor;

    transform: rotate(-45deg);
}

.main_review_write_icon.white {
    color: #fff;
}


/* =========================================================
   적립 표
========================================================= */

.main_review_write .new_review_reward_table {
    margin-top: 24px;
}

.main_review_write
.new_review_reward_table
> div {
    grid-template-columns: 78px 1fr 85px;
}

.main_review_write
.new_review_reward_table
span:last-child {
    justify-content: flex-end;

    white-space: nowrap;
}


/* =========================================================
   REVIEW TAB
========================================================= */

.main_review_list_wrap {
    margin: 0;

    background: #fff;
}

.main_review_tab_area {
    padding: 23px 25px 15px;

    border-top: 1px solid #eee;

    box-sizing: border-box;
}

.main_review_tab {
    display: flex;

    gap: 5px;

    width: 100%;

    margin: 0 !important;
    padding: 9px !important;

    border-radius: 30px;

    background: #fff8f7;

    list-style: none;
}

.main_review_tab li {
    flex: 1;

    margin: 0 !important;
    padding: 0 !important;
}

.main_review_tab button {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 41px;

    padding: 0;

    border: 0;
    border-radius: 24px;

    background: #fff;

    color: #222;

    font-size: 13px;
    line-height: 1;
    font-weight: 700;

    cursor: pointer;

    transition:
        background .2s ease,
        color .2s ease;
}

.main_review_tab button.active {
    background: linear-gradient(
        90deg,
        #ff716d,
        #ff927b
    );

    color: #fff;
}


/* =========================================================
   후기 리스트
========================================================= */

/*
|--------------------------------------------------------------------------
| 상세페이지에서 만든
|
| .new_detail_profile .new_reivew_list
| .new_review_item
|
| 그대로 재사용
|--------------------------------------------------------------------------
*/

.main_review_page .new_reivew_list {
    padding-top: 0;
}


/* 첫 후기 위 간격 */

.main_review_page
.new_reivew_list
.new_review_item:first-child {
    padding-top: 20px;
}


/* =========================================================
   BOTTOM
========================================================= */

.main_review_foot {
    z-index: 100;
}

.main_review_foot .btn_full {
    display: flex;
    align-items: center;
    justify-content: center;

    gap: 5px;
}

.main_review_foot .btn_full svg{display: block;}


/* =========================================================
   실시간 후기 탭 - 기존 CSS 강제 초기화
========================================================= */

.page_list_reveiw .main_review_list_wrap .main_review_tab_area {
    width: 100%;
    padding: 24px 20px 18px;
    margin: 0;

    border: 0;

    background: #fff;

    box-sizing: border-box;
}


.page_list_reveiw
.main_review_list_wrap
ul.main_review_tab {

    display: flex !important;
    align-items: center !important;

    width: 100% !important;

    gap: 5px !important;

    margin: 0 !important;
    padding: 10px !important;

    border: 0 !important;
    border-radius: 60px !important;

    background: #fff8f7 !important;

}





.page_list_reveiw
.main_review_list_wrap
ul.main_review_tab > li > button {

    position: relative;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 20px !important;

    border: 0 !important;
    border-radius: 100px !important;

    background: #fff !important;

font-size: 16px;
}
.reivew_box ul.reivew_list>li .con_box .good button.btn_good.on{
    background: #ff756e;
}

/* 기존 밑줄 제거 */
.page_list_reveiw
.main_review_list_wrap
ul.main_review_tab > li > button:before,
.page_list_reveiw
.main_review_list_wrap
ul.main_review_tab > li > button:after {

    display: none !important;
    content: none !important;
}


/* 활성화 */
.page_list_reveiw
.main_review_list_wrap
ul.main_review_tab > li > button.active {

    background:
        linear-gradient(
            90deg,
            #ff716d 0%,
            #ff927b 100%
        ) !important;

    color: #fff !important;
}

.reivew_box ul.reivew_list>li .con_box .good button.btn_good.on:before{display: none;}


a.btn_primary, input.btn_primary, button.btn_primary, .btn_primary, .mymenu_top .mycoin>a {
    border-radius: 10px;
    background: linear-gradient(90deg, #FF736D 0%, #FF9D7C 100%);
    border: 0;
    height: 61px;
    display: flex;
    align-items: center;
    justify-content: center;
    
}


.page_cs_detail .bottom_btn_inner .btn_primary  { display: inline-block; }

/* =========================================================
   COUNSELOR NEW MAIN
========================================================= */

.counselor_main_new {
    padding-bottom: 0 !important;
    background: #fff;
}

.counselor_main_new * {
    box-sizing: border-box;
}


/* =========================================================
   HERO
========================================================= */

.counselor_new_hero {
    position: relative;

    width: 100%;
    height: auto;

    overflow: hidden;

    background: #eee;

    aspect-ratio: 40 / 22;
}

.counselor_new_hero img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;
}


/* =========================================================
   CONTAINER
========================================================= */

.counselor_new_container {
    padding: 24px 26px 32px;

    background: #fff;
}


/* =========================================================
   GREETING
========================================================= */

.counselor_new_greeting {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 6px;

    margin-bottom: 20px;

    font-size: 18px;
    line-height: 1.4;
}

.counselor_new_greeting strong {
    color: #c936ff;

    font-weight: 700;
}

.counselor_new_greeting b {
    color: #222;

    font-weight: 700;
}

.counselor_new_greeting span {
    color: #222;
}


/* =========================================================
   STATUS
========================================================= */

.counselor_status_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    gap: 7px;
}

.counselor_status_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    height: 130px;

    border: 1px solid #e6e6e6;
    border-radius: 9px;

    background: #fff;
}

.counselor_status_item > strong {
    margin-bottom: 13px;

    color: #444;

    font-size: 16px;
    font-weight: 500;
}


/* switch input */

.counselor_switch_input {
    position: absolute;

    width: 1px;
    height: 1px;

    opacity: 0;
}


/* switch */

.counselor_switch {
    position: relative;

    display: block;

    width: 41px;
    height: 26px;

    border-radius: 20px;

    background: #d4d4d4;

    cursor: pointer;

    transition: background .2s ease;
}

.counselor_switch span {
    position: absolute;

    left: 2px;
    top: 2px;

    display: block;

    width: 22px;
    height: 22px;

    border-radius: 50%;

    background: #fff;

    box-shadow: 0 1px 3px rgba(0,0,0,.12);

    transition: left .2s ease;
}

.counselor_switch_input:checked + .counselor_switch {
    background: #ff716d;
}

.counselor_switch_input:checked + .counselor_switch span {
    left: 17px;
}


/* =========================================================
   SECTION
========================================================= */

.counselor_section {
    margin-top: 28px;
}

.counselor_section_title {
    margin: 0 0 15px;

    color: #222;

    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
}


/* =========================================================
   MONTH CARDS
========================================================= */

.counselor_month_list {
    display: flex;
    flex-direction: column;

    gap: 11px;
}

.counselor_month_card {
    display: flex;
    align-items: center;
    justify-content: space-between;

    width: 100%;
    min-height: 89px;

    padding: 16px 20px;

    border: 1px solid;
    border-radius: 9px;

    text-decoration: none;

    box-sizing: border-box;
}


/* 전화 */

.counselor_month_card.phone {
    border-color: #ffaaa7;

    background: #fffafa;
}

.counselor_month_card.phone
.counselor_month_txt > b {
    color: #ff716d;
}

.counselor_month_card.phone
.counselor_month_icon {
    background: linear-gradient(
        135deg,
        #ff716d,
        #ff977d
    );
}


/* 채팅 */

.counselor_month_card.chat {
    border-color: #efd18e;

    background: #fffcf6;
}

.counselor_month_card.chat
.counselor_month_txt > b {
    color: #ff716d;
}

.counselor_month_card.chat
.counselor_month_icon {
    background: linear-gradient(
        135deg,
        #d89a00,
        #ebc757
    );
}


/* 영상 */

.counselor_month_card.video {
    border-color: #aecaff;

    background: #f8faff;
}

.counselor_month_card.video
.counselor_month_txt > b {
    color: #ff716d;
}

.counselor_month_card.video
.counselor_month_icon {
    background: linear-gradient(
        135deg,
        #3c7dff,
        #86adff
    );
}


/* text */

.counselor_month_txt p {
    display: flex;
    align-items: center;

    gap: 5px;

    margin: 0 0 6px;
}

.counselor_month_txt p strong {
    color: #444;

    font-size: 14px;
    font-weight: 600;
}

.counselor_month_txt p span {
    color: #aaa;

    font-size: 12px;
}

.counselor_month_txt > b {
    display: block;

    font-size: 24px;
    line-height: 1;
    font-weight: 700;
}


/* icon */

.counselor_month_icon {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 48px;

    width: 48px;
    height: 48px;

    border-radius: 50%;
}

.counselor_month_icon svg {
    display: block;

    max-width: 23px;
    max-height: 23px;
}


/* =========================================================
   SECTION BAR
========================================================= */

.counselor_section_bar {
    width: 100%;
    height: 9px;

    border-top: 1px solid #eee;

    background: #f7f7f7;
}


/* =========================================================
   MANAGEMENT
========================================================= */

.counselor_management {
    padding-top: 39px;
    padding-bottom: 150px;
}

.counselor_manage_section + .counselor_manage_section {
    margin-top: 38px;
}

.counselor_manage_box {
    overflow: hidden;

    padding: 0 15px;

    border: 1px solid #e9e9e9;
    border-radius: 10px;

    background: #fff;
}

.counselor_manage_row {
    display: flex;
    align-items: center;
    justify-content: space-between;

    min-height: 57px;

    padding: 0;

    border-bottom: 1px solid #eee;

    color: #333;

    text-decoration: none;
}

.counselor_manage_row:last-child {
    border-bottom: 0;
}

.counselor_manage_row > strong {
    color: #444;

    font-size: 14px;
    font-weight: 600;
}


/* right */

.counselor_manage_right {
    display: flex;
    align-items: center;

    gap: 7px;

    color: #444;

    font-size: 12px;
}

.counselor_manage_right > span {
    font-size: 12px;
}

.month_money {
    display: flex;
    align-items: center;

    gap: 3px;

    margin: 0;
}

.month_money b {
    color: #ff716d;

    font-size: 12px;
    font-weight: 700;
}

.month_money span {
    color: #333;

    font-size: 11px;
}


/* =========================================================
   ARROW
========================================================= */

.counselor_arrow {
    display: block;

    flex: 0 0 7px;

    width: 7px;
    height: 7px;

    border-top: 1px solid #999;
    border-right: 1px solid #999;

    transform: rotate(45deg);
}

.counselor_manage_row > .counselor_arrow {
    margin-right: 3px;
}


.mymenu_top .mycoin .l>span,
.mymenu_top .mycoin .l p{font-size: 16px;}

a.btn_primary, input.btn_primary, button.btn_primary, .btn_primary, .mymenu_top .mycoin>a{border-radius: 60px;}


.section_tab{padding: 20px;}

ul.detail_tab {
    display: flex;
    gap: 4px;
    align-items: center;
    border-radius: 60px;
    background: #FFF8F7;
    padding: 10px;
    margin: 0;
    border: 0;
}

ul.detail_tab:after {
    content: '';
    display: block;
    clear: both;
}

ul.detail_tab li {
    width: 25%;
}

ul.detail_tab li:after {
    content: '';
    display: block;
    clear: both;
}

ul.detail_tab li a,
ul.detail_tab li button {
    display: flex;
    padding: 20px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    border-radius: 60px;
    background: #FFF;
    font-weight: 700;
}

ul.detail_tab li a.active,
ul.detail_tab li button.active {
    font-weight: 700;
    background: linear-gradient(90deg, #FF736D 0%, #FF9D7C 100%);
    color: #fff;
}

ul.detail_tab li a.active::after,
ul.detail_tab li button.active::after {
    display: none;
}

ul.detail_tab li a>strong,
ul.detail_tab li button>strong {
    font-weight: 500;
}

ul.detail_tab.two li {
    float: left;
    width: 50%;
}


.counsel_history_page {
    background: #fff;
}

.counsel_history_page .container {
    background: #fff;
}


/* =========================================================
   안내 문구
========================================================= */

.counsel_history_notice {
    padding: 26px 20px 23px;

    text-align: center;

    background: #fff;
}

.counsel_history_notice p {
    margin: 0;

    color: #ff716d;

    font-size: 13px;
    line-height: 1.65;
    font-weight: 600;
}


/* =========================================================
   CONTAINER
========================================================= */

.counsel_history_container {
    padding: 0 21px 80px;
}

.counsel_history_inner {
    width: 100%;
}


/* =========================================================
   LIST BOX
========================================================= */

.counsel_history_list {
    width: 100%;

    margin: 0;
    padding: 9px 15px;

    border: 1px solid #e8e8e8;
    border-radius: 10px;

    background: #fff;

    list-style: none;

    box-sizing: border-box;
}


/* =========================================================
   ITEM
========================================================= */

.counsel_history_item {
    position: relative;

    margin: 0;
    padding: 0;

    border-bottom: 1px solid #eee;
}

.counsel_history_item:last-of-type {
    border-bottom: 0;
}

.counsel_history_item > a {
    position: relative;

    display: flex;
    align-items: center;

    width: 100%;
    min-height: 90px;

    padding: 14px 24px 14px 5px;

    color: inherit;

    text-decoration: none;

    box-sizing: border-box;
}


/* =========================================================
   PROFILE IMAGE
========================================================= */

.counsel_history_img {
    flex: 0 0 61px;

    width: 61px;
    height: 61px;

    overflow: hidden;

    margin-right: 14px;

    border-radius: 50%;

    background: #f8f3ff;
}

.counsel_history_img img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;
}


/* =========================================================
   TEXT
========================================================= */

.counsel_history_text {
    flex: 1;

    min-width: 0;
}


/* 상담사 */

.counsel_history_name {
    display: flex;
    align-items: center;

    gap: 6px;
}

.counsel_history_name strong {
    overflow: hidden;

    color: #222;

    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;

    white-space: nowrap;
    text-overflow: ellipsis;
}


/* 카테고리 */

.counsel_history_category {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    min-width: 39px;
    height: 20px;

    padding: 0 8px;

    border-radius: 4px;

    background: #ff4c68;

    color: #fff;

    font-size: 10px;
    line-height: 1;
    font-weight: 600;

    box-sizing: border-box;
}


/* 타로 */
.counsel_history_category.tarot {
    background: #a631e9;
}


/* 신점 */
.counsel_history_category.sinjum {
    background: #ff3155;
}


/* 상담 정보 */

.counsel_history_info {
    margin-top: 7px;

    color: #888;

    font-size: 10px;
    line-height: 1.4;
}

.counsel_history_info span {
    display: block;
}


/* 날짜 */

.counsel_history_date {
    display: block;

    margin-top: 2px;

    color: #888;

    font-size: 10px;
    line-height: 1.4;
}


/* =========================================================
   ARROW
========================================================= */

.counsel_history_arrow {
    position: absolute;

    right: 4px;
    top: 50%;

    width: 7px;
    height: 7px;

    border-top: 1px solid #777;
    border-right: 1px solid #777;

    transform:
        translateY(-50%)
        rotate(45deg);
}


/* =========================================================
   MORE
========================================================= */

.counsel_history_more {
    padding: 15px 0 7px;

    text-align: center;
}

.counsel_history_more button {
    min-width: 100px;
    height: 36px;

    padding: 0 20px;

    border: 1px solid #ddd;
    border-radius: 20px;

    background: #fff;

    color: #555;

    font-size: 11px;

    cursor: pointer;
}


/* =========================================================
   EMPTY
========================================================= */

.counsel_history_empty {
    padding: 70px 0;

    text-align: center;
}

.counsel_history_empty p {
    margin: 0;

    color: #aaa;

    font-size: 12px;
}


.container_qna{padding: 0 20px;}
ul.detail_tab li a.active strong{color: #fff;}


.total p b{color: #FF756E;}

.select_custom{margin-top: 8px;}


.add_service_page {
	background: #fff;
}

.add_service_page .container {
	background: #fff;
}

.add_service_container .padding_box {
	padding: 30px 25px 70px;
	box-sizing: border-box;
}


/* =========================================================
   TITLE
========================================================= */

.add_service_title {
	margin-bottom: 24px;
}

.add_service_title h2 {
	margin: 0;

	color: #222;

	font-size: 18px;
	line-height: 1.4;
	font-weight: 700;
}

.add_service_title h2 strong {
	color: #ff716d;

	font-weight: 700;
}


/* =========================================================
   LIST
========================================================= */

.add_service_list {
	display: flex;
	flex-direction: column;

	gap: 20px;
}


/* =========================================================
   ITEM
========================================================= */

.add_service_item {
	display: block;

	width: 100%;

	overflow: hidden;

	border: 1px solid #e5e5e5;
	border-radius: 10px;

	background: #fff;

	color: inherit;
	text-decoration: none;

	box-sizing: border-box;
}


/* =========================================================
   IMAGE
========================================================= */

.add_service_img {
	position: relative;

	width: 100%;

	overflow: hidden;

	background: #eee;
    aspect-ratio: 35/13;
}

.add_service_img img {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
	object-position: center;

	transition: transform .35s ease;
}

.add_service_item:hover .add_service_img img {
	transform: scale(1.025);
}


/* =========================================================
   INFO
========================================================= */

.add_service_info {
	padding: 15px 14px 17px;

	box-sizing: border-box;
}


/* 상단 작은 글씨 */

.add_service_meta {
	display: flex;
	align-items: center;
	justify-content: space-between;

	gap: 15px;
}

.add_service_meta > span {
	overflow: hidden;

	color: #888;

	font-size: 12px;
	line-height: 1.4;
	font-weight: 400;

	white-space: nowrap;
	text-overflow: ellipsis;
}

.add_service_meta > em {
	flex: 0 0 auto;

	color: #555;

	font-size: 12px;
	line-height: 1.4;
	font-style: normal;
	font-weight: 400;
}


/* 상품명 */

.add_service_info h3 {
	margin: 5px 0 0;

	color: #333;

	font-size: 16px;
	line-height: 1.45;
	font-weight: 600;

	word-break: keep-all;
}


/* =========================================================
   PRICE
========================================================= */

.add_service_price {
	display: flex;
	align-items: center;

	gap: 5px;

	margin-top: 14px;
}

.add_service_price i {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	flex: 0 0 15px;

	width: 15px;
	height: 15px;

	border-radius: 50%;

	background: #f28b34;

	color: #fff;

	font-size: 9px;
	line-height: 1;
	font-style: normal;
	font-weight: 700;
}

.add_service_price strong {
	color: #222;

	font-size: 14px;
	line-height: 1;
	font-weight: 700;
}



.recruit_new_page {
	background: #fff;
}

.recruit_new_page .container {
	background: #fff;
}

.recruit_new_container {
	width: 100%;
	padding: 0;
}


/* =========================================================
   01. HERO
========================================================= */

.recruit_hero {
	position: relative;

	width: 100%;

	overflow: hidden;

	background: #000;
}





/* HERO IMAGE */

.recruit_hero_img {
	position: relative;
	z-index: 2;

	right: 0;
	top: 0;

	width: 100%;
	
}

.recruit_hero_img img {
	display: block;

	width: 100%;

}


/* =========================================================
   INNER
========================================================= */

.recruit_inner {
	padding: 28px 21px 150px;
}


/* =========================================================
   02. INTRO
========================================================= */

.recruit_intro_box {
	display: flex;
	align-items: center;
	justify-content: center;

	min-height: 116px;

	padding: 18px 20px;

	border: 1px solid #ffb5b1;
	border-radius: 10px;

	background: #fffafa;

	text-align: center;

	box-sizing: border-box;
}

.recruit_intro_box p {
	margin: 0;

	color: #222;

	font-size: 16px;
	line-height: 1.4;

	word-break: keep-all;
}

.recruit_intro_box p strong {
	font-weight: 700;
}

.recruit_intro_box p span {
	color: #ff716d;

	font-weight: 700;
}


/* =========================================================
   SECTION
========================================================= */


.recruit_section_title {
	margin: 0 0 17px;

	color: #222;

	font-size: 18px;
	line-height: 1.4;
	font-weight: 700;
    text-align: left; 
}

.recruit_section1{margin-top: 20px;}
.recruit_section2{margin-top: 20px;}


.recruit_section + .recruit_section{padding-top: 0;}

/* =========================================================
   ICON GRID
========================================================= */

.recruit_icon_grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));

	gap: 7px;
}

.recruit_icon_card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	height: auto;

	border: 1px solid #e7e7e7;
	border-radius: 9px;

	background: #fff;
    padding: 20px;
}

.recruit_icon_img {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 60px;
	height: 60px;
}

.recruit_icon_img img {
	display: block;

	max-width: 100%;
	max-height: 100%;

	object-fit: contain;
}

.recruit_icon_card strong {
	margin-top: 7px;

	color: #333;

	font-size: 16px;
	line-height: 1.3;
	font-weight: 500;
}


/* =========================================================
   TRUST
========================================================= */

.recruit_trust_grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));

	gap: 10px;
}

.recruit_trust_card {
	padding: 9px 9px 12px;

	border: 1px solid #e7e7e7;
	border-radius: 9px;

	background: #fff;

	text-align: center;
}

.recruit_trust_img {
	width: 100%;


	overflow: hidden;

	border-radius: 8px;
}

.recruit_trust_img img {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
}

.recruit_trust_card > strong {
	display: block;

	margin-top: 8px;

	color: #333;

	font-size: 16px;
	line-height: 1.3;
	font-weight: 600;
}

.recruit_trust_card > p {
	margin: 7px 0 0;

	color: #444;

	font-size: 14px;
	line-height: 1.35;
}


/* =========================================================
   MESSAGE
========================================================= */

.recruit_message_box {
	display: flex;
	align-items: center;
	justify-content: center;

	min-height: 80px;

	margin-top: 17px;

	padding: 15px;

	border: 1px solid #ffb5b1;
	border-radius: 9px;

	background: #fffafa;

	text-align: center;
}

.recruit_message_box p {
	margin: 0;

	color: #222;

	font-size: 16px;
	line-height: 1.4;
	font-weight: 700;
}


/* =========================================================
   BENEFIT
========================================================= */

.recruit_benefit_grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));

	gap: 7px;

	margin-top: 16px;
}

.recruit_benefit_card {
	padding: 8px 7px 12px;

	border: 1px solid #e7e7e7;
	border-radius: 9px;

	background: #fff;

	text-align: center;
}

.recruit_benefit_img {
	width: 100%;


	overflow: hidden;

	border-radius: 7px;
}

.recruit_benefit_img img {
	display: block;

	width: 100%;
	height: 100%;

	object-fit: cover;
}

.recruit_benefit_card strong {
	display: block;

	margin-top: 7px;

	color: #333;

	font-size: 16px;
	line-height: 1.35;
	font-weight: 500;
}


/* =========================================================
   APPLY
========================================================= */

.recruit_apply {
	margin-top: 41px;
}

.recruit_apply_btn {
	display: flex;
	align-items: center;
	justify-content: center;

	width: 100%;
	height: 56px;

	border-radius: 9px;

	background:
		linear-gradient(
			90deg,
			#ff716d 0%,
			#ff927b 100%
		);

	color: #fff !important;

	font-size: 16px;
	line-height: 1;
	font-weight: 700;

	text-decoration: none;
}





.recruit_btn button{

background: linear-gradient(90deg, #FF736D 0%, #FF9D7C 100%);
}

ul.faq_list li.faq_itembox>div.faq_f p.faq_q:before{
    border-radius: 50px;
background: #BCBCBC;
}

ul.faq_list li.faq_itembox.active>div.faq_f p.faq_q:before{
    background: linear-gradient(90deg, #FF736D 0%, #FF9D7C 100%);
}

ul.faq_list li.faq_itembox .faq_answer{
    border-radius: 5px;
background: #F5F5F5;
}

.top_title_tab {
    text-align: center;
    padding: 20px 20px 20px;
}

.top_title_tab ul.tab{
        display: flex;
    gap: 4px;
    align-items: center;
    border-radius: 60px;
    background: #FFF8F7;
    padding: 10px;
    margin: 0;
}

.top_title_tab ul.tab li {
    display: flex;
    justify-content: center;
    width: auto;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    font-weight: 700;
}

.top_title_tab ul.tab li:after{display: none;}


.top_title_tab ul.tab li span{
    display: flex;
    justify-content: center;
    width: auto;
    padding: 20px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex: 1 0 0;
    border-radius: 60px;
    background: #FFF;
    font-weight: 700;
    border: 0;
}

.top_title_tab ul.tab li span.active {
    font-weight: 700;
    background: linear-gradient(90deg, #FF736D 0%, #FF9D7C 100%);
    color: #fff;
    border-bottom: solid 0px #FF736D;
}

.mymenu_noti>a{border: 1px solid #ddd;}

.page_member .mn_list_w {
    max-width: 720px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 20px;
}

.container_counselmenu .section_box{background: #F9F9F9;}

ul.counsel_month_list li {
    border: solid 1px #efefef;
 
}

.counselmenu_detail{padding: 25px 20px;}

.counselmenu_detail .detail_con .detail_box{
    padding: 25px 25px;
    border-radius: 10px;
    border: solid 1px #efefef;
}

.counselmenu_detail .detail_con .detail_box + .detail_box{    margin-top: 20px;}
.counselmenu_detail .detail_tit{border-bottom: 0;}


#login_btn{
    border-radius: 10px;
background: linear-gradient(90deg, #FF736D 0%, #FF9D7C 100%);
}

.join_idpw_btn p a{color: #FF756E;}

.join_info2 button.btn_primary{max-width: 680px; border-radius: 10px;}

.join_info2 button.btn_primary{
background: linear-gradient(90deg, #FF736D 0%, #FF9D7C 100%);
border-color: #FF736D;

} 


ul.list_item li a.btn_list_ing, ul.list_item li button.btn_list_ing{
    background: linear-gradient(90deg, #FF736D 0%, #FF9D7C 100%);
    color: #fff;
}

ul.list_item li a.btn_list_ing:hover, ul.list_item li button.btn_list_ing:hover{
     background: linear-gradient(90deg, #FF736D 0%, #FF9D7C 100%);
}

ul.list_item li a.btn_list_ing span, ul.list_item li button.btn_list_ing span{color: #fff;}

ul.list_item li button.btn_list_ing:hover,
    ul.list_item li a.btn_list_ing, ul.list_item li button.btn_list_ing{
        background: linear-gradient(90deg, #FF736D 0%, #FF9D7C 100%);
    }


button.btn_full, button.btn_red {
    background: linear-gradient(90deg, #FF736D 0%, #FF9D7C 100%);
    border-color: #FF736D;
}    


ul.list_item li button.btn_list.btn_chat span {
    background-image: url(/resources/images/chat_ico.png) ;
}

ul.list_item li button.btn_list.btn_video span {
    background-image: url(/resources/images/video_ico.png) ;
}


ul.list_item li button.btn_list_ing.btn_chat span {
    background-image: url(/resources/images/chating_ico.gif) ;
}

ul.list_item li button.btn_list_ing.btn_video span {
    background-image: url(/resources/images/videoing_ico.gif) ;
}

#content_main{padding-bottom: 50px;}

ul.list_item li a.btn_list, ul.list_item li button.btn_list{height: auto;}

.foot_btn>div>.btn button.btn_red{color: #fff;}


.fliter_li_wrap .l span,
.in_filter_b{font-size: 18px;}



.bottom_btn_w input { max-width: 680px; display: inline-block;  }
.bottom_btn_sh button, .bottom_btn_sh a  { display: inline-block; }



.join_info3 input.input_text { background: #f6f6f6; }


.todak_preview_item img{ width: 100%; height: 100%;  }

 
.todak_write_foot{ position: fixed;
    width: 100%;
    padding: 20px;
    bottom: 0;
    background-color: #fff;
    box-shadow: none;
    z-index: 20; max-width: 720px; }


.todak_comment_write_inner input {
    flex: 1;

    min-width: 0;
    height: 50px;

    padding: 0 14px;

    border: 1px solid #e7e7e7;
    border-radius: 10px;

    outline: none;

    color: #222;

    font-size: 14px;

    box-sizing: border-box;
}

.todak_comment_write_inner button {
    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 50px;

    width: 50px;
    height: 50px;

    padding: 0;

    border: 0;
    border-radius: 10px;

    background: #ff716d;

    cursor: pointer;
}



.todak_view_content p{
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
}

/* 기존 fortune_modal 디자인을 그대로 쓰면서, 실제 미디어 상태만 제어합니다. */
.miri_preview_modal {
    display: none;
    position: fixed;
    z-index: 10050;
    inset: 0;
    align-items: center;
    justify-content: center;
    padding: 20px;
    box-sizing: border-box;
}
.miri_preview_modal.is-open,
.miri_preview_modal.active { display: flex; }
.miri_preview_modal .fortune_modal_dim {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .62);
}
.miri_preview_modal .miri_preview_box {
    position: relative;
    z-index: 1;
    width: min(100%, 680px);
    max-height: calc(100vh - 40px);
    overflow: auto;
    border-radius: 16px;
    background: #fff;
}
.miri_preview_modal .fortune_modal_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 56px;
    padding: 0 18px;
    border-bottom: 1px solid #eee;
}
.miri_preview_modal .fortune_modal_close {
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 50%;
    background: #f4f4f4;
    color: #222;
    font-size: 26px;
    cursor: pointer;
}
.miri_preview_body { padding: 20px; }
.miri_profile { margin-bottom: 18px; }
.miri_profile_img {
    width: 54px;
    height: 54px;
    overflow: hidden;
    border-radius: 50%;
    background: #f2f2f2;
}
.miri_profile_image { width: 100%; height: 100%; object-fit: cover; }
.miri_profile_name { margin-top: 8px; }
.miri_profile_name i { display: inline-block; width: 1px; height: 12px; margin: 0 8px; background: #ddd; }
.miri_profile > p { margin: 8px 0 0; color: #777; word-break: keep-all; }
.miri_preview_modal .miri_video_content,
.miri_preview_modal .miri_audio_content { display: none; }
.miri_preview_modal.is-video .miri_video_content,
.miri_preview_modal.is-audio .miri_audio_content { display: block; }
.miri_video_thumbnail { background: #000; }
.miri_video_thumbnail iframe,
.miri_video_thumbnail video {
    display: none;
    width: 100%;
    aspect-ratio: 16 / 9;
    border: 0;
    background: #000;
}
.miri_preview_modal.is-video-youtube #miri_youtube_player,
.miri_preview_modal.is-video-file #miri_file_player { display: block; }
.miri_audio_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px;
    border-radius: 12px;
    background: #f7f7f7;
}
.miri_audio_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    border: 0;
    border-radius: 50%;
    background: #222;
    color: #fff;
    cursor: pointer;
}
.miri_audio_icon_stop { display: none; }
.miri_audio_btn.is-playing { background: #fff; color: #222; border: 1px solid #ddd; }
.miri_audio_btn.is-playing .miri_audio_icon_mic { display: none; }
.miri_audio_btn.is-playing .miri_audio_icon_stop { display: inline; }
body.miri-preview-open { overflow: hidden; }
.quick_sort_btn { cursor: pointer; }
.quick_sort_btn.active { font-weight: 700; }




.container.mymenu_qna { margin-top: 20px;  }
  


.counselor_edit_box { padding-bottom: 100px !important;  }





.reivew_box ul.reivew_list>li .info_box>p.img { width: 43px; height: 43px;  }
.reivew_box ul.reivew_list>li .info_box { gap: 8px; padding-bottom:10px;  }

.reivew_box ul.reivew_list>li .info_box>.cont ul.info li.won dl dt:before {     background: url(/resources/images/point_icon.png) left center;
    background-size: 16px;
    background-repeat: no-repeat; }



.miri_btn svg {  }

.miri_btn{
    border-radius: 50px;
background: rgba(255,255,255,.94);
display: inline-flex;
padding: 10px 15px;
font-size: 12px;
color: #333; font-weight: 700;
align-items: center; gap:6px;
cursor: pointer;
 position: absolute; top: 150px;
left:10px; 
}