@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: 172px;
    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: 650px;
}

body {
    max-width: 650px;
    margin: auto;
}

.join_error {
    font-size: 13px;
    display: inline-block;
    width: 100%;
    margin-top: 7px;
    padding: 0 3px;
}



header .header_top {
    height: 80px;
    float: right;
    display: flex;
}

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

.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: #E76F51;
    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: 210px;
}

.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: #E76F51;
    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 .con_box{ margin-top: 20px; padding-bottom: 20px; }
.reivew_box ul.reivew_list>li .info_box{ gap: 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: 0;
}

.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:#E76F51; }
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: #E76F51 !important;
}

.detail_profile .profile_top .profile_id>div p.badge {
    display: inline-block;
    padding: 5px 12px 6px 12px;
    border: 1px solid #E76F51;
    color: #E76F51;
    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:#E76F51; }
.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 #E76F51;
}

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

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

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


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

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




.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: #E76F51;
    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: #E76F51;
    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: 650px;
}

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: #E76F51;
    font-size: 15px;
    padding: 13px 15px;
    display: inline-block;
    border: 0;
    position: static;
    border-radius: 10px;
    margin-top: 0px;
    background: #E76F51;
    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: #E76F51;
    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;
}


.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: #E76F51;
    border: 1px solid #E76F51;
    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 {
    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: #000;
    ;
    font-weight: 500;
}

footer.foot_menu>ul>li.on a span {
    color: #E76F51;
    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 #E76F51;
}

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

.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: #E76F51; */
    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: #E76F51;
    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: #E76F51;
    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: #E76F51;
    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 #E76F51;
    display: flex;
    height: 56px;
    padding: 0 16px;
    color: #E76F51;
    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: #E76F51;
}




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

.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: #E76F51;
    color: #fff;
    border: 0;
    border-radius: 10px;
}



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

/*  /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: 40px;
    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: #E76F51;
    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: #E76F51;
    border-color: #E76F51;
    color: #fff;
}

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


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: #E76F51;
    border-color: #E76F51;
}

.mn_list_radio li input[type="radio"]:checked+label span {
    color: #fff;
}


.mn_list_radio li.card input[type="radio"]:checked+label>span,
.mn_list_radio li.card label>span {
    padding: 0;
    background-image: none;
}

/* 
.mn_list_radio li.npay input[type="radio"]:checked + label > span{ background: url(/resources/images/order_npay_on.svg) no-repeat 0 center; background-size: 32px;   }
.mn_list_radio li.kpay input[type="radio"]:checked + label > span{ background: url(/resources/images/order_kakao_on.svg) no-repeat 0 center; background-size: 32px;   }
 */

.mn_list_radio li.virtual input[type="radio"]:checked+label>span,
.mn_list_radio li.virtual label>span {
    padding-left: 0;
    background-image: none;
}

select.form_select {
    height: 56px;
    border: 1px solid #DADADA;
    border-radius: 10px;
}


.page_mymenu .bottom_btn {
    bottom: 100px;
    position: static;
}

.bottom_btn {
    position: fixed;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 0 23px;
    z-index: 20;
    font-size: 17px;
}

.bottom_btn input {
    max-width: 600px;
    font-size: 17px;
    height: 55px;
    border-radius: 10px;
}


.bottom_btn button,
.bottom_btn a {
    font-size: 17px;
    padding: 17px 0;
    cursor: pointer;
    max-width: 620px;
    border-radius: 10px;
}

.w_round_box {
    padding-left: 20px;
    padding-right: 20px;
}


.coin_paybox ul.coin_pay li:first-child {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #F7F7F7;
}


.coin_paybox ul.coin_pay {
    margin-top: 10px;
}

.coin_paybox ul.coin_pay li dl dt {
    font-size: 17px;
}

.coin_paybox ul.coin_pay li dl dt span {
    font-size: 13px;
}

.pay_txt {
    padding: 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, #E76F51);
}

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



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




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

.logout_pop #login_btn {
    height: 39px;
    line-height: 39px;
    color: #333;
    border: 1px solid #333;
    background: #fff;
    font-size: 15px;
    width: 70px;
    float: right;
}

.popup .popup_box .popup_con .con div.coin dl dt {
    color: #333;
    font-weight: 500;
    font-size: 15px;
}



.logout_pop #login_btn:hover {
    background: #ededed;
}



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





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


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



.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: #E76F51;
    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 {
    background: #E76F51;
}

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


.main_banner {
    overflow: hidden;
}



.custom-pagination {
    position: absolute;
    bottom: 20px;
    right: 40px;
    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: #E76F51;
}

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

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

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





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



.detail_profile .profile_top .profile_bg {
    width: 100%;
    height: 370px;
    background-size: cover !important;
    background-position: center !important;
}

.detail_profile .profile_top .profile_bg img {
    width: auto;
    height: 370px;
    position: absolute;
    left: 50%;
    bottom: 0%;
    transform: translate(-50%, -0%);
}




.detail_qna_title {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
    background: url(../images/qna_ico.png) 1px 2px no-repeat;
    padding: 3px;
    padding-left: 31px;
    background-size: 25px;
}


.detail_qna_title2 {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
    background: url(../images/qna_ico2.png) 0px 1px no-repeat;
    padding: 3px;
    padding-left: 31px;
    background-size: 27px;
}



.ico_detail_profile {
    background: url(../images/ico_detail_profile.png) 0 0px no-repeat;
    background-size: 27px;
    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: #F5F5F5;
    padding: 15px;
}


.point_info_memo .box2 p {
    font-size: 13px;
    text-align: center;
}



.sub_title {
    position: relative;
    padding: 10px 0 20px;
}

.sub_title h3 {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
}

.sub_title .btn_back {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: url(/resources/images/ico_navi_pre.svg) center center;
    position: absolute;
    left: 10px;
    top: 8px;
    background-size: 30px;
    cursor: pointer;
}

input.form_select {
    height: 52px;
    border-radius: 8px;
    border: 1px solid #DADADA;
}



.phto_imglist ul li:first-child {
    width: 100%;
}

.phto_imglist li:first-child label {
    width: 100%;
}




.phto_imglist input[type='file'] {
    display: none;
}


.phto_imglist li:first-child label {
    background: #fff;
    border: solid 1px #d9d9d9;
    display: inline-block;
    border-radius: 10px;
    text-align: center;
    float: left;
    color: #333;
    box-sizing: border-box;
    font-size: 15px;
    cursor: pointer;
}


.pop-container .close {
    cursor: pointer;
}

.phto_imglist li:first-child label span {
    display: inline-block;
    padding: 15px 0 15px 31px;
    background: #fff url("/resources/images/phto_bg2.svg") no-repeat 0 center;
    font-size: 16px;
}


.page_join .container {
    padding-top: 20px;
}

ul.join_choice li a.btn_join {
    border-radius: 8px;
    border: 1px solid #DADADA;
    padding: 6px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}



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

ul.join_choice li a.btn_google:before {
    display: inline-block;
    content: '';
    width: 40px;
    height: 40px;
    background: #F8F8F8 url('/resources/images/ico_login_google.svg') center center;
    background-size: 16px;
    background-repeat: no-repeat;
}

ul.join_choice li a.btn_apple:before {
    display: inline-block;
    content: '';
    width: 40px;
    height: 40px;
    background: url('/resources/images/ico_login_apple.svg') center center;
    background-size: 17px;
    background-repeat: no-repeat;
}

/* 
ul.join_choice li a.btn_email:before {display:inline-block; content:''; width:46px;
 height:46px;  background-size:17px; background-repeat:no-repeat;}
 */


ul.join_choice li a.btn_email:before {
    display: inline-block;
    content: '';
    height: 46px;
    background-size: 25px;
    background-repeat: no-repeat;
}


ul.join_choice li a.btn_kakao:before {
    display: inline-block;
    content: '';
    width: 40px;
    height: 40px;
    background: #FFEB3B url('/resources/images/ico_login_kako2.png') center center;
    background-size: 19px;
    background-repeat: no-repeat;
}


ul.join_choice li a.btn_naver:before {
    display: inline-block;
    content: '';
    width: 40px;
    height: 40px;
    background: #03c75a url('/resources/images/ico_login_naver.png') center center;
    background-size: 30px;
    background-repeat: no-repeat;
}




ul.join_choice li a.btn_apple:before {
    display: inline-block;
    content: '';
    width: 40px;
    height: 40px;
    background: url('/resources/images/ico_login_apple.png') center center;
    background-size: 19px;
    background-repeat: no-repeat;
}



ul.join_choice li a:before {
    border-radius: 100px;
    margin-right: 10px;
}






.sub_top_catamenu.sub_top_menu ul li span {
    margin-top: 0;
}


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

.fliter_cata_wrap ul li span {
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #ECECEC;
    border-radius: 5px;
    cursor: pointer;
}



.fliter_cata_wrap ul li .active {
    background: #E76F51;
    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: #E76F51;
    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;
    margin-left: 3px; 
    margin-bottom: 3px; 
}

.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: #E76F51;
    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: #E76F51;
    color: #ffffff;
    height: 55px;
    border-radius: 10px;
    font-size: 17px;
    padding: 17px 0;
    cursor: pointer;
    width: 100%;
    text-align: center;
}




.coin_paybox_w1,
.coin_paybox_w2 {
    width: 100%;
}

.coin_paybox_w2 {
    display: none;
}

.coin_paybox_w2 input {
    width: 100%;
}


.card_wrap {
    margin-top: 0px;
    padding: 20px;
    padding-top: 0;
    text-align: center;
}

.card_wrap img {
    max-width: 390px;
    text-align: center;
    width: 100%;
}



.card_set_btn {
    cursor: pointer;
}



.card_pass_set {
    display: flex;
    width: 100%;
    gap: 10px;
    align-items: center;
}

.card_pass_set input {
    height: 52px;
    border-radius: 8px;
    border: 1px solid #DADADA;
    padding: 12px 15px;
    width: 52px;
    text-align: center;
}

.card_pass_set span {
    font-size: 12px;
    margin: 0 5px;
}


.select_box select {
    height: 52px;
    border-radius: 8px;
    border: 1px solid #DADADA;
    padding: 12px 15px;
    background: url(/resources/images/review_item_more.svg) 93% center no-repeat;
}

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

.select_box2 select {
    width: 50%;
}




.card_set_body #wrap {
    padding-bottom: 70px;
    background: #fff;
}





.pass_set {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99999999999;
    background: #fff;
    display: none;
}

.pass_set h3 {
    text-align: center;
    margin-bottom: 10px;
    font-size: 20px;
    width: 100%;
}

.pass_set_input div {
    display: flex;
    width: 100%;
    gap: 10px;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
}

.pass_set div input {
    height: 52px;
    border-radius: 8px;
    border: 1px solid #DADADA;
    padding: 12px 15px;
    width: 52px;
    text-align: center;
}

.pass_set .cont {
    position: fixed;
    bottom: -100%;
    z-index: 20;
    background: #fff;
    width: 100%;
    padding-top: 50px;
    max-width: 500px;
    border-radius: 30px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-left: 75px;
}

.pass_set .btn {
    padding: 20px;
}

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

.pass_set input[type='button'] {
    width: 100%;
}


.pass_set div input[type='button'] {
    background-color: #E76F51;
    color: #ffffff;
    border: solid 1px #E76F51;
}

.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: #E76F51;
    border-color: #E76F51;
    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: #E76F51;
    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: #E76F51;
    color: #ffffff;
    border: solid 1px #E76F51;
    display: inline-block;
    height: 50px;
    line-height: 48px;
    text-align: center;
}

.card_del .btn span {
    background: #616161;
    border-color: #616161;
    cursor: pointer;
}

.card_del2 .cont {
    height: 150px;
}



.footer_top .r {
    display: flex;
    gap: 10px;
    align-items: center;
}

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


.fsns img {
    height: 20px;
}










/* 인풋타입 파일 */
.filebox label,
.btn_type1 {
    display: inline-block;
    padding: .5em .75em;
    color: #999;
    font-size: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #fdfdfd;
    cursor: pointer;
    border: 1px solid #ebebeb;
    border-bottom-color: #e2e2e2;
    border-radius: .25em;
}

.filebox input[type="file"] {
    /* 파일 필드 숨기기 */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* 인풋타입 파일 끝 */


.photo {
    width: 150px;
    height: 150px;
    border: 3px solid #ececed;
    background: #ececed url("/admin/resources/images/common/phto_bg.png") no-repeat center;
    overflow: hidden;
    position: relative;
}

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


.phto_imglist input[type='file'] {
    display: none;
}

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



.pop_wrap {
    display: inline-block;
    width: 100%;
    padding: 20px 35px;
}

.pop_wrap .left {
    float: left;
    width: 150px;
    text-align: center;
}

.pop_wrap .left h3 {
    text-align: left;
    padding: 10px 0;
    display: inline-block;
    width: 100%;
    font-weight: normal;
    font-size: 15px;
}


.pop_wrap .join_page_input .left h3 {
    display: inline-block;
    width: 100%;
    margin-bottom: 3px;
    color: #6a6a6a;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 3px;
}



.pop_wrap .left .left_wrap {
    margin-top: 20px;
}

.pop_wrap .left .left_wrap:first-child {
    margin-top: 0px;
}


.pop_wrap .filebox {
    width: 150px;
    text-align: center;
    margin-top: 10px;
}

.pop_wrap .filebox label:hover {
    background: #585858;
    color: #fff;
}

.pop_wrap>.right {
    float: right;
    width: calc(100% - 170px);
}

.useradd_table {
    max-width: 560px;
    margin: auto;
}

.useradd_table table {
    width: 100%;
}

.useradd_table tr {}

.useradd_table th {
    width: 350px;
    font-size: 15px;
    padding: 11px 10px;
    font-weight: normal;
    font-size: 13px;
}

.useradd_table td {
    width: 100px;
    padding: 11px 10px;
}

.useradd_table td input {
    padding: 5px 7px;
    border: 1px solid #dedede;
    font-size: 13px;
}

.useradd_table .select2-container,
.useradd_table .select2-drop,
.useradd_table .select2-search,
.useradd_table .select2-search input {
    width: 100%;
}

.useradd_table td span {
    font-size: 13px;
}

.useradd_table td span em {
    font-style: normal;
}

.useradd_table th,
.useradd_table td {
    border: 1px solid #eee;
}

.useradd_table th {
    background: #f2f2f2;
}


.useradd_table td textarea {
    width: 100%;
    padding: 5px 7px;
    border: 1px solid #dedede;
    font-size: 13px;
    resize: none;
    height: 90px;
}

.useradd_table .addr td input[type="text"] {
    width: calc(100% - 100px);
    float: left;
}

.useradd_table .addr td input[type="button"] {
    width: 100px;
    float: left;
}


.useradd_table .tel input {
    float: left;
    width: calc(33.33% - 11.1px)
}

.useradd_table .tel span {
    float: left;
    display: inline-block;
    margin: 5px;
}

.useradd_table tr .checks label span {
    font-size: 13px;
}

.option_table_list2 th input[type='button'] {
    background: #fff;
    border: 1px solid #eee;
    padding: 5px 7px;
}




.useradd_table .table_price input {
    width: calc(100% - 15px) !important;
}


.goods_set_wrap {
    background: #fff;
}

.goods_set_wrap .checks label {
    font-size: 13px;
}

.goods_set_wrap .checks {
    margin: 5px 0;
}


.goods_set_wrap .pop_wrap {
    padding: 15px;
}



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

.boods_bottom_btn .box {
    display: flex;
}

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

.useradd_table input[type='text'],
.useradd_table input[type='number'] {
    width: 100%;
}

.goods_list {
    padding: 15px;
}


.useradd_table td input[type="radio"] {
    margin-right: 2px;
}





.goods_list_wrap {
    padding-bottom: 80px;
    background: #fff;
}

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


.sum_prc1 span,
.sum_prc1 strong,
.sum_prc2 span,
.sum_prc2 strong {
    font-weight: 300;
}



.orderview_total {
    padding: 10px 10px;
}

.section_box2 {
    border-bottom: 5px solid #F7F7F7;
    padding-bottom: 10px;
}

.orderview_total dl.sum_prc3 {
    margin-top: 5px;
}


.goods_item .img i {
    display: inline-block;
    content: '';
    position: absolute;
    color: #fff;
    padding: 6px 7px;
    font-size: 11px;
    line-height: 1em;
    font-weight: 400;
    top: 12px;
    left: 12px;
    border-radius: 5px;
    font-style: normal;
    z-index: 20;
    background: rgba(0, 0, 0, 0.3)
}




.goods_order_wrap {
    padding: 20px;
    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: #E76F51;
    border-color: #E76F51;
    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: #E76F51;
    border: 1px solid #E76F51;
    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: #E76F51;
    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: #E76F51;
}

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

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


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




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: #E76F51;
    font-size: 17px;
    padding: 15px 10px;
    display: inline-block;
    border: 1px solid #E76F51;
    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: #E76F51;
    color: #fff;
}


ul.chat_list li button.btn_list span,
ul.list_item li button.chat_list span {
    background: url(/resources/images/chat_icon.png) 0% 55% no-repeat !important;
    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: #E76F51;
}



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

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

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

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

.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: #E76F51;
    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: 10px;
    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: #E76F51;
    border-color: #E76F51;
}

.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: #E76F51;
    border-bottom: solid 2px #E76F51;
}

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

.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: #E76F51;
    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: #E76F51;
    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.svg) 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: #E76F51;
    background: #E76F51;
    padding: 15px 0;
    font-weight: bold;
}


.btn_chat .tel_btn_w .btn {
    background: #E76F51;
    background: #E76F51;
    /* border: 1px solid #E76F51; */
    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: #E76F51;
}

.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; border-radius: 100px; 
}


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

.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: #E76F51;
    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: #E76F51;
    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: 110px;
    background-color: #fff;
    box-shadow: none;
    z-index: 20;
}

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

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

.total_order_w {
    color: #E76F51;
}

.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/point_icon.svg) 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: #E76F51;
}

.reivew_box ul.tab li button.active::after {
    position: absolute;
    display: inline-block;
    content: '';
    width: 100%;
    height: 2px;
    background-color: #E76F51;
    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/point_icon.svg) 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: #E76F51;
}


.container_myreview ul.review_list li.review_item>a .btn span {
    font-size: 17px;
    padding: 17px 0;
    cursor: pointer;
    background-color: #E76F51;
    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: #E76F51;
}

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: #E76F51;
    bottom: -1px;
    left: 0;
}


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

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

.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: #E76F51;
    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: #E76F51;
    opacity: .8;
    transition-duration: 1s;
}

ul.list_item li button.coll_ok:hover {
    background: #E76F51;
    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: #E76F51;
    text-decoration: underline;
}

/* 
ul.join_choice li a.btn_email:before {
    display: inline-block;
    content: '';
    width: 40px;
    height: 40px;
    background: #E76F51 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: #E76F51;
}


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


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

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

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


.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: 700;
    border-radius: 100px;
    background: #F5F5F5;
}




ul.list_tab li a.active,
ul.list_tab li span.active {
    font-weight: 700;
    background: #E76F51;
    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_cata3.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_on.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%;
    border-radius: 100px;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


footer.foot_menu>ul>li.on .menu_cata1 i {
    background:
        url('/resources/images/menu_cata1_on.png') no-repeat center;
    background-size: 35px 35px, cover !important;
    background-position: center, center !important;
}

footer.foot_menu>ul>li.on .menu_cata2 i {
    background:
        url('/resources/images/menu_cata2_on.png') no-repeat center;
    background-size: 35px 35px, cover !important;
    background-position: center, center !important;
}

footer.foot_menu>ul>li.on .menu_cata3 i {
    background:
        url('/resources/images/menu_cata3_on.png') no-repeat center;
    background-size: 35px 35px, cover !important;
    background-position: center, center !important;
}

footer.foot_menu>ul>li.on .menu_cata33 i {
    background:
        url('/resources/images/menu_cata3_on.png') no-repeat center;
    background-size: 35px 35px, cover !important;
    background-position: center, center !important;
}


footer.foot_menu>ul>li.on .menu_cata4 i {
    background:
        url('/resources/images/menu_cata4_on.png') no-repeat center;
    background-size: 35px 35px, cover !important;
    background-position: center, center !important;
}

footer.foot_menu>ul>li.on .menu_cata5 i {
    background:
        url('/resources/images/menu_cata5_on.png') no-repeat center;
    background-size: 35px 35px, cover !important;
    background-position: center, 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;
}

.item_box_w {
    padding: 10px 10px 8px;
    border: 1px solid #F5F5F5;
    ;
    border-radius: 5px;
}


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

ul.list_item>li .item_box .item_img {
    width: 200px;
    height: 120px;
}


ul.list_item>li .item_box .cont {
    padding: 1px 20px;
    width: calc(100% - 160px);
    padding-right: 0;
    padding-top: 13px;
    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: #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: #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: #E76F51;;
    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: #E76F51;
}


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




.myoudio_wrap {
    margin-left: 10px;
}

.myoudio_wrap > span {
    padding: 5px 3px 5px 10px;
    background: #E76F51;
    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 ;
}

.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; border-radius: 100px;
}

.profile_tap_menu ul li.on>span {
    background: #E76F51;
    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: #E76F51;
    padding: 8px 15px;
    border: 1px solid #E76F51;
    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: #E76F51;
    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: #E76F51;
    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;  }
	
	
.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.svg') 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: 16px; 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_top_wrap .title > div{ display: inline-block; width: 100%; }
 .main_top_wrap .title strong { color: #FFF;
font-family: Pretendard; font-size: 12px;
font-style: normal; font-weight: 500; border-radius: 5px;
background: #E76F51; padding: 5px 8px;  }



.main_top_wrap{ padding: 20px 30px;  }
 .main_top_wrap .title h3 { margin-top: 20px; font-family: Pretendard;
font-size: 25px; font-style: normal; font-weight: 700; }


 .main_top_wrap .title p { margin-top: 10px; color: #444; line-height:1.5;
font-family: Pretendard; font-size: 13px; font-style: normal; font-weight: 500; }


.main_top_cont{ margin-top: 25px;  }

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

.main_top_cont ul li.cont1 .a{ background: rgba(255, 187, 139, 0.05);  }
.main_top_cont ul li.cont2 .a{ background: rgba(255, 139, 216, 0.05);  }


.main_top_cont ul li .a strong { color: #111; font-family: Pretendard; font-size: 17px; font-weight: 700;  }
.main_top_cont ul li .a p { color: #333; font-family: Pretendard; font-size: 13px; font-weight: 500; margin-top: 10px; line-height:1.3;  }
.main_top_cont ul li .a img { width: 110px;  }






.list_tab_w{ padding: 0 15px;  }
.list_tab_w ul.list_tab{ padding: 15px 20px; border-radius: 60px;
border: 1px solid #DDD; }



.profile_tap_menu_wrap{ padding: 0 15px;  }
.profile_tap_menu_wrap .profile_tap_menu{ padding: 15px 20px; border-radius: 60px;
border: 1px solid #DDD; }


/* =========================================================
   /trial/main
========================================================= */

.trial_main {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
    padding: 30px 0 80px;
    background: #fff;
    color: #181818;
}

.trial_main * {
    box-sizing: border-box;
}

.trial_main a {
    color: inherit;
    text-decoration: none;
}

.trial_main .in_warp {
    width: 100%;
    padding: 0 24px;
}

/* =========================================================
   상단 소개
========================================================= */

.trial_intro {
    padding-top: 12px;
}

.trial_intro_badge {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 6px 11px;
    color: #fff;
    background: #f1715b;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.3px;
}

.trial_intro_title {
    margin: 18px 0 0;
    color: #111;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.28;
    letter-spacing: -1.4px;
    word-break: keep-all;
}

.trial_intro_text {
    margin: 16px 0 0;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: -0.4px;
    word-break: keep-all;
}

/* =========================================================
   테스트 카드
========================================================= */

.trial_test_wrap {
    margin-top: 31px;
}

.trial_test_list {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.trial_test_item {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
}

.trial_test_item1 {
    background: #ffcbd3;
}

.trial_test_item2 {
    background: #fff0ba;
}

.trial_test_item > a {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 104px;
    padding: 18px 18px 18px 16px;
}

.trial_test_img {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    overflow: hidden; 
}

.trial_test_img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.trial_test_info {
    min-width: 0;
    margin-left: 17px;
    padding-right: 74px;
}

.trial_test_title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.trial_test_title strong {
    color: #171717;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.35;
    letter-spacing: -0.7px;
}

.trial_test_title span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 4px 10px;
    color: #fff;
    border-radius: 20px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.trial_test_item1 .trial_test_title span {
    background: #ef5065;
}

.trial_test_item2 .trial_test_title span {
    background: #ff9d13;
}

.trial_test_info p {
    margin: 5px 0 0;
    color: #565656;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.45;
    letter-spacing: -0.3px;
    word-break: keep-all;
}

.trial_test_link {
    position: absolute;
    right: 30px;
    bottom: 30px;
    display: flex;
    align-items: center;
    color: #ef6c55;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

.trial_test_link i {
    position: relative;
    display: block;
    width: 8px;
    height: 8px;
    margin-left: 5px;
    border-top: 1.5px solid #ef6c55;
    border-right: 1.5px solid #ef6c55;
    transform: rotate(45deg);
}

/* =========================================================
   공통 제목
========================================================= */

.trial_section_title {
    margin: 0;
    color: #171717;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.45;
    letter-spacing: -0.8px;
    word-break: keep-all;
}

/* =========================================================
   후기
========================================================= */

.trial_review_wrap {
    margin-top: 48px;
    overflow: hidden;
}

.trial_review_slide {
    margin-top: 18px;
    padding-left: 24px;
    padding-right: 24px;
    overflow: visible;
}

.trial_review_slide .swiper-wrapper {
    align-items: stretch;
}

.trial_review_slide .swiper-slide {
    height: auto;
}

.trial_review_item {
    height: 100%;
    min-height: 188px;
    padding: 27px 20px;
    background: #fafafa;
    border: 1px solid #ececec;
    border-radius: 13px;
}

.trial_review_meta {
    color: #aaa;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.45;
    letter-spacing: -0.2px;
}

.trial_review_item p {
    margin: 16px 0 0;
    color: #292929;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: -0.4px;
    word-break: keep-all;
}

/* =========================================================
   다른 이유
========================================================= */

.trial_reason_wrap {
    margin-top: 54px;
}

.trial_reason_list {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin: 23px 0 0;
    padding: 0;
    list-style: none;
}

.trial_reason_item {
    position: relative;
    min-height: 118px;
    padding: 27px 28px;
    background: #fffafd;
    border: 1px solid #f0e4e9;
    border-radius: 13px;
}

.trial_reason_item:nth-child(odd) {
    padding-right: 85px;
}

.trial_reason_item:nth-child(even) {
    padding-left: 97px;
}

.trial_reason_num {
    position: absolute;
    z-index: 1;
    color: #ee6b55;
    font-family: Arial, sans-serif;
    font-size: 46px;
    font-weight: 300;
    line-height: 1;
}

.trial_reason_item:nth-child(odd) .trial_reason_num {
    top: -17px;
    right: 24px;
}

.trial_reason_item:nth-child(even) .trial_reason_num {
    top: -17px;
    left: 28px;
}

.trial_reason_info strong {
    display: block;
    color: #171717;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.45;
    letter-spacing: -0.6px;
}

.trial_reason_info p {
    margin: 8px 0 0;
    color: #555;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.65;
    letter-spacing: -0.35px;
    word-break: keep-all;
}

/* =========================================================
   FAQ
========================================================= */

.trial_faq_wrap {
    margin-top: 53px;
    padding-bottom: 30px;
}

.trial_faq_list {
    margin-top: 20px;
    border-top: 1px solid #ededed;
}

.trial_faq_item {
    border-bottom: 1px solid #ededed;
}

.trial_faq_question {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 65px;
    padding: 13px 0;
    border: 0;
    outline: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.trial_faq_icon {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 31px;
    color: #fff;
    background: #aaa;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    transition: background 0.2s ease;
}

.trial_faq_item.on .trial_faq_icon {
    background: #ef6c55;
}

.trial_faq_question strong {
    flex: 1;
    min-width: 0;
    margin-left: 14px;
    color: #222;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: -0.5px;
}

.trial_faq_arrow {
    position: relative;
    flex: 0 0 auto;
    display: block;
    width: 10px;
    height: 10px;
    margin-right: 4px;
    margin-left: 12px;
    border-right: 1.5px solid #777;
    border-bottom: 1.5px solid #777;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
}

.trial_faq_item.on .trial_faq_arrow {
    transform: rotate(225deg);
}

.trial_faq_answer {
    display: none;
    margin: 0 0 15px;
    padding: 19px 17px;
    color: #484848;
    background: #fafafa;
    border-radius: 9px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.07);
}

.trial_faq_item.on .trial_faq_answer {
    display: block;
}

.trial_faq_answer p {
    margin: 0;
    color: inherit;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: -0.3px;
    word-break: keep-all;
}

/* =========================================================
   태블릿 이상
========================================================= */

@media screen and (min-width: 769px) {
    .trial_main {
        padding-top: 35px;
    }

    .trial_main .in_warp {
        padding-right: 36px;
        padding-left: 36px;
    }

    .trial_intro_title {
        font-size: 34px;
    }

    .trial_intro_text {
        max-width: 620px;
        font-size: 15px;
    }

    .trial_test_item > a {
        min-height: 120px;
        padding: 22px;
    }

    .trial_test_img {
        width: 82px;
        height: 82px;
    }

  

    .trial_test_title strong {
        font-size: 19px;
    }

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

    .trial_review_slide {
        padding-right: 36px;
        padding-left: 36px;
    }
}

/* =========================================================
   모바일
========================================================= */

@media screen and (max-width: 480px) {
    .trial_main {
        padding-top: 22px;
        padding-bottom: 60px;
    }

    .trial_main .in_warp {
        padding-right: 20px;
        padding-left: 20px;
    }

    .trial_intro_badge {
        min-height: 25px;
        padding: 5px 9px;
        font-size: 11px;
    }

    .trial_intro_title {
        margin-top: 16px;
        font-size: 25px;
        line-height: 1.3;
        letter-spacing: -1.1px;
    }

    .trial_intro_text {
        margin-top: 13px;
        font-size: 13px;
        line-height: 1.65;
    }

    .trial_test_wrap {
        margin-top: 27px;
    }

    .trial_test_item > a {
        min-height: 96px;
        padding: 15px 14px;
    }

    .trial_test_img {
        width: 56px;
        height: 56px;
    }

    .trial_test_img img {
        width: 37px;
        height: 37px;
    }

    .trial_test_info {
        margin-left: 14px;
        padding-right: 62px;
    }

    .trial_test_title {
        gap: 5px;
    }

    .trial_test_title strong {
        font-size: 15px;
    }

    .trial_test_title span {
        min-height: 21px;
        padding: 3px 8px;
        font-size: 10px;
    }

    .trial_test_info p { 
        font-size: 11px;
    }

    .trial_test_link {
        right: 13px;
        bottom: 16px;
        font-size: 10px;
    }

    .trial_section_title {
        font-size: 18px;
    }

    .trial_review_wrap {
        margin-top: 42px;
    }

    .trial_review_slide {
        margin-top: 16px;
        padding-right: 20px;
        padding-left: 20px;
    }

    .trial_review_item {
        min-height: 177px;
        padding: 24px 17px;
    }

    .trial_review_item p {
        font-size: 13px;
        line-height: 1.7;
    }

    .trial_reason_wrap {
        margin-top: 47px;
    }

    .trial_reason_list {
        gap: 27px;
        margin-top: 20px;
    }

    .trial_reason_item {
        min-height: 109px;
        padding-top: 24px;
        padding-bottom: 24px;
    }

    .trial_reason_item:nth-child(odd) {
        padding-right: 68px;
        padding-left: 22px;
    }

    .trial_reason_item:nth-child(even) {
        padding-right: 22px;
        padding-left: 82px;
    }

    .trial_reason_num {
        font-size: 41px;
    }

    .trial_reason_item:nth-child(odd) .trial_reason_num {
        right: 20px;
    }

    .trial_reason_item:nth-child(even) .trial_reason_num {
        left: 23px;
    }

    .trial_reason_info strong {
        font-size: 15px;
    }

    .trial_reason_info p {
        margin-top: 6px;
        font-size: 12px;
        line-height: 1.6;
    }

    .trial_faq_wrap {
        margin-top: 47px;
    }

    .trial_faq_question {
        min-height: 60px;
    }

    .trial_faq_question strong {
        font-size: 14px;
    }

    .trial_faq_answer {
        padding: 17px 15px;
    }

    .trial_faq_answer p {
        font-size: 12px;
    }
}

/* =========================================================
   매우 작은 화면
========================================================= */

@media screen and (max-width: 360px) {
    .trial_main .in_warp {
        padding-right: 16px;
        padding-left: 16px;
    }

    .trial_intro_title {
        font-size: 23px;
    }

    .trial_test_item > a {
        padding-right: 12px;
        padding-left: 12px;
    }

    .trial_test_img {
        width: 50px;
        height: 50px;
    }

    .trial_test_img img {
        width: 33px;
        height: 33px;
    }

    .trial_test_info {
        margin-left: 11px;
        padding-right: 54px;
    }

    .trial_test_title strong {
        font-size: 14px;
    }

    .trial_test_info p {
        font-size: 10px;
    }

    .trial_test_link {
        right: 10px;
        font-size: 9px;
    }

    .trial_review_slide {
        padding-right: 16px;
        padding-left: 16px;
    }
}



/* =========================================================
   /trial/petloss
========================================================= */

.trial_detail {
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
    padding: 24px 0 70px;
    background: #fff;
    color: #171717;
}

.trial_detail * {
    box-sizing: border-box;
}

.trial_detail a {
    color: inherit;
    text-decoration: none;
}

.trial_detail .in_warp {
    width: 100%;
    padding-right: 24px;
    padding-left: 24px;
}

/* =========================================================
   상단 소개
========================================================= */

.trial_detail_intro {
    padding-top: 8px;
}

.trial_detail_badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 5px 9px;
    color: #fff;
    background: #ee6e55;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.3px;
}

.trial_detail_title {
    margin: 19px 0 0;
    color: #111;
    font-size: 27px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -1.2px;
    word-break: keep-all;
}

.trial_detail_description {
    margin: 12px 0 0;
    color: #515151;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.35px;
    word-break: keep-all;
}

/* =========================================================
   검사 정보
========================================================= */

.trial_detail_info {
    margin-top: 20px;
}

.trial_detail_info_box {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
    min-height: 80px;
    padding: 18px 14px;
    background: #fafafa;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
}

.trial_detail_info_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.trial_detail_info_item span {
    color: #3c3c3c;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.3;
}

.trial_detail_info_item strong {
    margin-top: 7px;
    color: #ed6a50;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.3;
    white-space: nowrap;
}

.trial_detail_start_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 56px;
    margin-top: 18px;
    color: #fff !important;
    background: #ed6d51;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -0.7px;
    transition:
        transform 0.15s ease,
        opacity 0.15s ease;
}

.trial_detail_start_btn:active {
    opacity: 0.9;
    transform: scale(0.99);
}

.trial_detail_stat {
    margin: 18px 0 0;
    color: #4f4f4f;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.3px;
}

/* =========================================================
   추천 대상
========================================================= */

.trial_detail_recommend {
    margin-top: 34px;
}

.trial_detail_section_title {
    margin: 0;
    color: #171717;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.4;
    letter-spacing: -0.6px;
}

.trial_detail_recommend_list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
}

.trial_detail_recommend_item {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 88px;
    padding: 23px 25px;
    background: #fff9fc;
    border: 1px solid #f0e4e9;
    border-radius: 12px;
}

.trial_detail_recommend_item:nth-child(odd) {
    padding-right: 75px;
}

.trial_detail_recommend_item:nth-child(even) {
    padding-left: 95px;
}

.trial_detail_recommend_num {
    position: absolute;
    z-index: 1;
    color: #ed6d54;
    font-family: Arial, sans-serif;
    font-size: 41px;
    font-weight: 300;
    line-height: 1;
}

.trial_detail_recommend_item:nth-child(odd) .trial_detail_recommend_num {
    top: -13px;
    right: 22px;
}

.trial_detail_recommend_item:nth-child(even) .trial_detail_recommend_num {
    top: -13px;
    left: 27px;
}

.trial_detail_recommend_item strong {
    display: block;
    color: #181818;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.45;
    letter-spacing: -0.5px;
    word-break: keep-all;
}

/* =========================================================
   태블릿
========================================================= */

@media screen and (min-width: 769px) {
    .trial_detail {
        padding-top: 40px;
    }

    .trial_detail .in_warp {
        padding-right: 36px;
        padding-left: 36px;
    }

    .trial_detail_title {
        font-size: 32px;
    }

    .trial_detail_description {
        max-width: 650px;
        font-size: 14px;
    }

    .trial_detail_info_box {
        min-height: 95px;
    }

    .trial_detail_info_item span {
        font-size: 12px;
    }

    .trial_detail_info_item strong {
        font-size: 15px;
    }

    .trial_detail_recommend_item {
        min-height: 104px;
    }

    .trial_detail_recommend_item strong {
        font-size: 17px;
    }
}

/* =========================================================
   모바일
========================================================= */

@media screen and (max-width: 480px) {
    .trial_detail {
        padding-top: 20px;
        padding-bottom: 55px;
    }

    .trial_detail .in_warp {
        padding-right: 20px;
        padding-left: 20px;
    }

    .trial_detail_badge {
        min-height: 22px;
        padding: 4px 8px;
        font-size: 10px;
    }

    .trial_detail_title {
        margin-top: 17px;
        font-size: 24px;
        line-height: 1.3;
    }

    .trial_detail_description {
        margin-top: 10px;
        font-size: 12px;
        line-height: 1.55;
    }

    .trial_detail_info {
        margin-top: 17px;
    }

    .trial_detail_info_box {
        min-height: 79px;
        padding: 15px 8px;
    }

    .trial_detail_info_item span {
        font-size: 10px;
    }

    .trial_detail_info_item strong {
        margin-top: 6px;
        font-size: 12px;
    }

    .trial_detail_start_btn {
        min-height: 55px;
        margin-top: 17px;
        font-size: 17px;
    }

    .trial_detail_stat {
        margin-top: 16px;
        font-size: 11px;
    }

    .trial_detail_recommend {
        margin-top: 33px;
    }

    .trial_detail_section_title {
        font-size: 16px;
    }

    .trial_detail_recommend_list {
        gap: 24px;
        margin-top: 21px;
    }

    .trial_detail_recommend_item {
        min-height: 88px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .trial_detail_recommend_item:nth-child(odd) {
        padding-right: 63px;
        padding-left: 25px;
    }

    .trial_detail_recommend_item:nth-child(even) {
        padding-right: 22px;
        padding-left: 94px;
    }

    .trial_detail_recommend_num {
        font-size: 39px;
    }

    .trial_detail_recommend_item:nth-child(odd) .trial_detail_recommend_num {
        top: -12px;
        right: 20px;
    }

    .trial_detail_recommend_item:nth-child(even) .trial_detail_recommend_num {
        top: -12px;
        left: 27px;
    }

    .trial_detail_recommend_item strong {
        font-size: 14px;
        line-height: 1.45;
    }
}

/* =========================================================
   작은 모바일
========================================================= */

@media screen and (max-width: 360px) {
    .trial_detail .in_warp {
        padding-right: 16px;
        padding-left: 16px;
    }

    .trial_detail_title {
        font-size: 22px;
    }

    .trial_detail_description {
        font-size: 11px;
    }

    .trial_detail_info_box {
        padding-right: 5px;
        padding-left: 5px;
    }

    .trial_detail_info_item strong {
        font-size: 11px;
    }

    .trial_detail_recommend_item:nth-child(odd) {
        padding-right: 58px;
        padding-left: 20px;
    }

    .trial_detail_recommend_item:nth-child(even) {
        padding-right: 18px;
        padding-left: 80px;
    }

    .trial_detail_recommend_item strong {
        font-size: 13px;
    }
}



/* =========================================================
   펫로스 검사 공통
========================================================= */

.petloss_test_page {
    width: 100%;
    max-width: 768px;
    min-height: calc(100vh - 60px);
    margin: 0 auto;
    background: #fff;
    color: #171717;
}

.petloss_test_page * {
    box-sizing: border-box;
}

.petloss_inner {
    width: 100%;
    padding-right: 26px;
    padding-left: 26px;
}

.petloss_step {
    display: none;
    position: relative;
    min-height: calc(100vh - 60px);
    padding-top: 25px;
    padding-bottom: 110px;
}

.petloss_step.on {
    display: block;
}

.petloss_badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    padding: 4px 9px;
    color: #fff;
    background: #ed6d52;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

/* =========================================================
   이름 입력
========================================================= */

.petloss_name_title {
    margin: 18px 0 0;
    color: #111;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.28;
    letter-spacing: -1.2px;
}

.petloss_name_description {
    margin: 13px 0 0;
    color: #555;
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: -0.3px;
    word-break: keep-all;
}

.petloss_name_input_wrap {
    margin-top: 44px;
}

.petloss_name_input {
    display: block;
    width: 100%;
    height: 56px;
    padding: 0 16px;
    color: #222;
    background: transparent;
    border: 0;
    border-bottom: 2px solid #222;
    border-radius: 0;
    outline: none;
    font-size: 20px;
    font-weight: 600;
}

.petloss_name_input::placeholder {
    color: #999;
}

.petloss_fixed_button_wrap {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 30;
    padding: 18px 26px calc(18px + env(safe-area-inset-bottom));
    background: #fff;
    border-top: 1px solid #eee;
}

.petloss_fixed_button_wrap .petloss_primary_button {
    max-width: 625px;
    margin: 0 auto;
}

.petloss_primary_button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 57px;
    padding: 0 20px;
    color: #fff;
    background: #ed6d51;
    border: 0;
    border-radius: 11px;
    font-size: 18px;
    font-weight: 800;
    cursor: pointer;
}

/* =========================================================
   문항
========================================================= */

.petloss_step_question {
    padding-top: 30px;
}

.petloss_progress {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 7px;
    overflow: hidden;
    background: #dedede;
}

.petloss_progress_bar {
    display: block;
    width: 0;
    height: 100%;
    background: #ed6d51;
    transition: width 0.25s ease;
}

.petloss_question_notice {
    padding: 17px 18px;
    background: #fafafa;
    border: 1px solid #e8e8e8;
    border-radius: 11px;
}

.petloss_question_notice strong {
    display: block;
    color: #ed6d51;
    font-size: 11px;
    font-weight: 800;
}

.petloss_question_notice p {
    margin: 9px 0 0;
    color: #333;
    font-size: 12px;
    line-height: 1.7;
}

.petloss_question_badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    min-height: 18px;
    margin-top: 30px;
    padding: 3px 8px;
    color: #fff;
    background: #ed6d51;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 700;
}

.petloss_question_title {
    margin: 20px 0 0;
    color: #111;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.35;
    letter-spacing: -1px;
}

.petloss_answer_list {
    display: flex;
    flex-direction: column;
    gap: 22px;
    margin-top: 31px;
}

.petloss_answer_item {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.petloss_answer_item input {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
}

.petloss_answer_radio {
    position: relative;
    flex: 0 0 auto;
    width: 21px;
    height: 21px;
    background: #f0f0f0;
    border-radius: 50%;
}

.petloss_answer_item input:checked + .petloss_answer_radio {
    background: #ed6d51;
}

.petloss_answer_item input:checked + .petloss_answer_radio::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 9px;
    height: 9px;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    content: "";
}

.petloss_answer_text {
    margin-left: 15px;
    color: #333;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.5px;
}

.petloss_question_error {
    display: none;
    margin: 20px 0 0;
    color: #ed5f4b;
    font-size: 12px;
}

.petloss_question_error.on {
    display: block;
}

.petloss_question_button_wrap {
    display: flex;
    gap: 10px;
    width: 100%;
    margin-top: 50px;
    padding: 0 26px;
}

.petloss_prev_button {
    display: flex;
    flex: 0 0 90px;
    align-items: center;
    justify-content: center;
    min-height: 57px;
    color: #555;
    background: #f3f3f3;
    border: 0;
    border-radius: 11px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
}

.petloss_question_button_wrap .petloss_primary_button {
    flex: 1;
}

/* =========================================================
   결과
========================================================= */

.petloss_step_result {
    padding-bottom: 110px;
}

.petloss_result_title {
    margin: 18px 0 0;
    color: #222;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.28;
    letter-spacing: -1.1px;
}

.petloss_result_intro {
    margin: 11px 0 0;
    color: #696969;
    font-size: 13px;
    line-height: 1.65;
}

.petloss_result_card {
    padding: 24px 18px;
    background: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 11px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.09);
}

.petloss_result_summary {
    margin-top: 25px;
}

.petloss_score_item + .petloss_score_item {
    margin-top: 21px;
}

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

.petloss_score_header strong {
    color: #ed6d51;
    font-size: 13px;
    font-weight: 800;
}

.petloss_score_header span {
    color: #8b8b8b;
    font-size: 12px;
    font-weight: 700;
}

.petloss_score_header span b {
    color: inherit;
}

.petloss_score_bar {
    height: 7px;
    margin-top: 11px;
    overflow: hidden;
    background: #dedede;
    border-radius: 5px;
}

.petloss_score_bar span {
    display: block;
    width: 0;
    height: 100%;
    background: #ed6d51;
    border-radius: inherit;
    transition: width 0.6s ease;
}

.petloss_score_item h3 {
    margin: 19px 0 0;
    color: #333;
    font-size: 15px;
    font-weight: 800;
}

.petloss_score_item p {
    margin: 3px 0 0;
    color: #666;
    font-size: 13px;
    line-height: 1.65;
}

.petloss_depression_card {
    margin-top: 25px;
}

.petloss_result_detail {
    margin-top: 48px;
}

.petloss_result_section_title {
    margin: 0 0 20px;
    color: #222;
    font-size: 17px;
    font-weight: 800;
}

.petloss_result_text_card article + article {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
}

.petloss_result_text_card article > span {
    display: block;
    margin-bottom: 17px;
    color: #ed6d51;
    font-size: 11px;
    font-weight: 800;
}

.petloss_result_text_card article small {
    display: block;
    margin-bottom: 10px;
    color: #999;
    font-size: 10px;
}

.petloss_result_text_card article strong {
    display: block;
    color: #333;
    font-size: 13px;
    font-weight: 800;
}

.petloss_result_text_card article p {
    margin: 8px 0 0;
    color: #666;
    font-size: 11px;
    line-height: 1.7;
}

/* =========================================================
   상담사
========================================================= */

.petloss_counselor_section {
    margin-top: 55px;
}

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

.petloss_counselor_title h3 {
    margin: 0;
    color: #222;
    font-size: 17px;
    font-weight: 800;
}

.petloss_counselor_title > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 29px;
    height: 29px;
    color: #fff;
    background: #ed6d51;
    border-radius: 50%;
    font-size: 17px;
    text-decoration: none;
}

.petloss_counselor_list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 17px;
}

.petloss_counselor_item {
    display: flex;
    align-items: center;
    min-height: 109px;
    padding: 10px;
    background: #fff;
    border: 1px solid #ececec;
    border-radius: 7px;
}

.petloss_counselor_image {
    flex: 0 0 auto;
    width: 86px;
    height: 86px;
    overflow: hidden;
    background: #ffcbd4;
    border-radius: 5px;
}

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

.petloss_counselor_info {
    flex: 1;
    min-width: 0;
    margin-left: 11px;
}

.petloss_counselor_info h4 {
    margin: 0;
    color: #222;
    font-size: 17px;
    font-weight: 800;
}

.petloss_counselor_info h4 span {
    margin-left: 5px;
    color: #ed6d51;
    font-size: 13px;
}

.petloss_counselor_info p {
    margin: 5px 0 0;
    color: #555;
    font-size: 11px;
}

.petloss_counselor_info > div {
    margin-top: 10px;
}

.petloss_counselor_info > div strong {
    color: #333;
    font-size: 12px;
}

.petloss_counselor_info > div span {
    margin-left: 5px;
    color: #999;
    font-size: 10px;
}

.petloss_counselor_button,
.petloss_counselor_buttons a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 78px;
    min-height: 35px;
    color: #fff;
    background: #ed6d51;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
}

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

.petloss_counselor_buttons a {
    color: #ed6d51;
    background: #fff;
    border: 1px solid #ed6d51;
}

.petloss_counselor_disabled {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 82px;
    min-height: 35px;
    color: #fff;
    background: #d9d9d9;
    border-radius: 5px;
    font-size: 10px;
    font-weight: 700;
}

/* =========================================================
   결과 하단
========================================================= */

.petloss_result_bottom {
    display: flex;
    gap: 9px;
    margin-top: 48px;
    padding: 18px 26px calc(18px + env(safe-area-inset-bottom));
    background: #fff;
    border-top: 1px solid #eee;
}

.petloss_kakao_button {
    flex: 1;
    min-height: 55px;
    color: #fff;
    background: #ed6d51;
    border: 0;
    border-radius: 11px;
    font-size: 16px;
    font-weight: 800;
}

.petloss_circle_button {
    flex: 0 0 auto;
    width: 55px;
    height: 55px;
    color: #555;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    font-size: 20px;
        line-height: 55px;
    text-align: center;
}

/* =========================================================
   로그인 팝업
========================================================= */

.petloss_login_modal {
    display: none;
    position: fixed;
    z-index: 1000;
    inset: 0;
}

.petloss_login_modal.on {
    display: block;
}

.petloss_login_dim {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.48);
}

.petloss_login_popup {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% - 60px);
    max-width: 345px;
    padding: 58px 25px 48px;
    background: #fff;
    border-radius: 12px;
    text-align: center;
    transform: translate(-50%, -50%);
}

.petloss_login_popup h3 {
    margin: 0;
    color: #222;
    font-size: 17px;
    font-weight: 800;
    line-height: 1.5;
}

.petloss_login_popup p {
    margin: 15px 0 0;
    color: #666;
    font-size: 13px;
    line-height: 1.65;
}

.petloss_login_popup p strong {
    color: #ed6d51;
}

.petloss_review_button {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    margin-top: 26px;
    color: #222;
    background: #ffe733;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 800;
    text-decoration: none;
}

.petloss_modal_close {
    margin-top: 22px;
    padding: 5px 10px;
    color: #555;
    background: transparent;
    border: 0;
    font-size: 12px;
}

/* =========================================================
   모바일
========================================================= */

@media screen and (max-width: 480px) {
    .petloss_inner {
        padding-right: 26px;
        padding-left: 26px;
    }

    .petloss_step {
        padding-top: 25px;
    }

    .petloss_name_title {
        font-size: 24px;
    }

    .petloss_question_title {
        font-size: 24px;
    }

    .petloss_result_title {
        font-size: 24px;
    }

    .petloss_answer_text {
        font-size: 17px;
    }
}


.petloss_result_page{ padding-top: 25px; }
.petloss_counselor_section ul.list_item>li { padding: 0; }
/* 한국어 문장 줄바꿈 자연스럽게 */
.trial_main,
.trial_detail,
.petloss_test_page,
.petloss_result_page {
    word-break: keep-all;
    overflow-wrap: break-word;
}

/* 제목 */
.trial_intro_title,
.trial_section_title,
.trial_detail_title,
.trial_detail_section_title,
.petloss_name_title,
.petloss_question_title,
.petloss_result_title,
.petloss_result_section_title {
    word-break: keep-all;
    overflow-wrap: break-word;
    line-break: strict;
}

/* 일반 문단 */
.trial_intro_text,
.trial_test_info p,
.trial_review_item p,
.trial_reason_info p,
.trial_faq_answer p,
.trial_detail_description,
.trial_detail_stat,
.trial_detail_recommend_item strong,
.petloss_name_description,
.petloss_question_notice p,
.petloss_result_intro,
.petloss_score_item p,
.petloss_result_text_card article p,
.petloss_counselor_info p {
    word-break: keep-all;
    overflow-wrap: break-word;
    line-break: strict;
    white-space: normal;
}

/* 카드 제목 */
.trial_test_title strong,
.trial_reason_info strong,
.trial_faq_question strong,
.petloss_score_item h3,
.petloss_result_text_card article strong,
.petloss_counselor_info h4 {
    word-break: keep-all;
    overflow-wrap: break-word;
    line-break: strict;
}

/* 너무 긴 URL이나 영문 문자열만 강제 줄바꿈 */
.petloss_result_page a,
.petloss_test_page a {
    overflow-wrap: anywhere;
}




.kakao_login_btn{ margin-top: 30px;  }
.kakao_login_btn a { display: flex; gap:0px; align-items: center; justify-content: center; background: #ffeb3b;
 height: 60px; border-radius: 10px;   }
.kakao_login_btn a {  }



.foot_btn_mt{ bottom: 0 !important; }





#main_review_wrap { padding: 0 20px;  }
#main_review_wrap ul.reivew_list>li .con_box { padding-bottom: 10px; }