/* 공통 */
@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html, body{
    font-family:'Noto Sans KR','Noto Sans Korean', "Nanum Gothic", sans-serif !important;
    font-size: 16px;
    color: #222;
    width: 100%;
    height: 100%;
    letter-spacing: -0.32px;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video
{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    box-sizing: border-box;
}
body {
    line-height:1;
    height: auto;
    min-height:100%;/* 내용이 짧을경우 라인짤림.*/
    max-width: 720px;
    margin: 0 auto;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}
/* 스크롤 lock */
body.lock{
    position: fixed !important;
}
html{
    margin: 0 auto;
    /* height: auto; */
    height: 100%;
}
/* 메인 위에 팝업 */
.slide-popup.white{
    background: white !important;
}
.popup-wrap .wraper{
    max-width: 720px !important;
    margin: 0 auto !important;
    border-right: 1px solid #e9e9e9 !important;
    border-left: 1px solid #e9e9e9 !important;
    line-height:1 !important;
    height: auto !important;
    min-height:100% !important;
}
h1, h2, h3, h4{
    font-weight: normal;
}
.wraper{
    /* padding-bottom: 77px; */
    min-height: 100vh;
}
.wraper.btm70{
    padding-bottom: 77px;
}
.login-wrap,
.join-result-inner{
    padding-bottom: 60px;
}
/* 물어보기 */
/* height auto 했을 때 내용이 길면 상관없는데 짧으면 body가 맨 끝까지 안내려감
height 100% 하면 길어졌을 때 밑에까지 안감싸즘 */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
em{
    font-style: normal;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
a{
    text-decoration: none;
    color:inherit;
}
input, select {
    vertical-align:middle;
}
input, select:focus{
    border: 0;
    outline: none;
}
textarea, input, select{
    font-family:'Noto Sans KR','Noto Sans Korean', "Nanum Gothic", sans-serif !important;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    /* visibility: hidden; */
    border: 0;
    outline: none;
}
select:focus{
    border: 1px solid #e9e9e9;
}
img, fieldset { border:0; }
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ccc;
    opacity: 1; /* Firefox */
}
img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
img[src$=".jpg"].high,
img[src$=".png"].high{
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #bbbbbb;
}
::-ms-input-placeholder { /* Microsoft Edge */
    color: #bbbbbb;
}
ul li{
    list-style: none;
}
.text-udl,
a.underline{
    border-bottom: 1px solid;
}
/* //////////////////////////////////////////공통/////////////////////////////////// */
.ms-f,
.ms{
    display: none !important;
}
.mn{
    display: none !important;
}
/* 
    height-full - 리스트 내역 몇개 없을 때 풀페이지/리스트 내역 많을 때 클래스 삭제 
    inner-body, inner-detail > div에 클래스 추가할 것
*/
.hf-f,
.hf{
    /* height: auto !important; */
    min-height: calc(100vh - 142px) !important;
}
.hf2{
    /* height: auto !important; */
    min-height: calc(100vh - 220px) !important;
}
.hf .inner-body,
.hf .inner-detail{
    /* height: auto !important; */
    /* height: calc(100vh - 89px) !important; */
    /* 지훈님이랑 상의 후 임시 주석 */
}
/* height full fixed */
.hf-f .inner-body,
.hf-f .inner-detail{
    /* height: auto !important; */
    /* height: calc(100% - 89px) !important; */
}
.d-flex{
    display: flex;
}
.d-flex-l{
    display: flex;
    justify-content: left;
}
.d-flex-be{
    display: flex;
    justify-content: space-between;
}
.f-bold{
    font-weight: bold;
}
.f-s15{
    font-size: 0.938rem;
}
.f-s20{
    font-size: 1.250rem;
}
.f666{
    font-weight: normal;
    color: #666;
}
.color-666{
    color: #666 !important;
}
.fred{
    color: #da4841;
}
.fblue{
    color: #1ab8be;
}
.f222{
    color: #222;
}
.m4t{
    margin-top: 4px;
}
.m8t{
    margin-top: 8px;
}
.m0t{
    margin-top: 0 !important;
}
.m10t{
    margin-top: 10px;
}
.m12t{
    margin-top: 12px;
}
.m16t{
    margin-top: 16px;
}
.m20t{
    margin-top: 20px;
}
.m24t{
    margin-top: 24px;
}
.m32t{
    margin-top: 32px;
}
.m40t{
    margin-top: 40px;
}
.m6r{
    margin-right: 6px;
}
.m8r{
    margin-right: 8px;
}
.m10r{
    margin-right: 10px;
}
.m12r{
    margin-right: 12px;
}
.m16r{
    margin-right: 16px;
}
.m0b{
    margin-bottom: 0 !important;
}
.m12b{
    margin-bottom: 12px;
}
.m14b{
    margin-bottom: 14px;
}
.m16b{
    margin-bottom: 16px;
}
.m8l{
    margin-left: 8px;
}
.m10l{
    margin-left: 10px;
}
.m42l{
    margin-left: 42px;
}
.p0t{
    padding-top: 0 !important;
}
.p0b{
    padding-bottom: 0 !important;
}
.p80b{
    padding-bottom: 80px !important;
}
.border-t{
    border-top: 1px solid #eee;
}
.show{
    display: inline-block !important;
}
.ltsp-sm{
    letter-spacing: -.6px;
}
.hide{
    display: none !important;
}
.gray-box{
    border-top: 1px solid #e9e9e9; background: #f5f5f5;
    border-bottom: 1px solid #e9e9e9; height: 8px;
}
.default-img{
    width: 100% !important;
}
.wraper.head-none .header{
    display: none;
}
.wraper.head-none .header-title{
    padding-top: 0;
}
.header-title .search-btn{
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    color: #6335b4;
    background: url(../img/common/search.png)no-repeat top 24px right 0px/16px 16px;
    padding-right: 26px;
}
/* span 색상 하이라이트 */
.count{
    font-size: 0.875rem; 
    color: #7f5bc8;
    vertical-align: top;
}
.color-text_n{
    color: #6335b4;
    font-weight: normal;
}
.color-text_b{
    color: #6335b4;
    font-weight: bold;
}
.text-date{
    font-size: 0.875rem; color: #999;
}
/* 한줄 */
.text-sort{
    /* height: 18px; */
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.text-bg_gray{
    padding: 14px;
    line-height: 24px;
    font-size: 0.875rem;
    background: #f5f5f5;
    border-radius: 8px;
    text-align: left;
    height: 255px; overflow-y: scroll;
}
/* form */
.form-text{
    font-size: 1rem;
    color: #6335b4;
    font-weight: bold;
    text-align: left;
    text-indent: 2px;
}
.form-text.show{
    margin-top: 8px;
    font-size: 0.875rem;
    font-weight: normal;
    text-align: right;
    display: block !important;
}
.form-select,
.form-input{
    display: inline-block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size: 1.250rem;
    border: 0;
    margin-top: 6px;
    border-bottom: 1px solid #7f5bc8;
}
.form-input{
    padding: 0;
}
.form-select{
    padding-left: 30px;
    background: url(../img/common/select_ph.png) no-repeat left center, 
                url(../img/common/arrowBottom.png)no-repeat right center;
    background-size: 20px 20px, 12px 7px;
}
.form-select:focus{
    border: 0;
    border-bottom: 1px solid #7f5bc8;
}
.form-select.ver2{
    display: block; width: 100%; border-bottom: 1px solid #222;
    -webkit-appearance: none; padding-left: 0;
    background: url(../img/common/arrowBottom.png)no-repeat right center / 12px 7px;
    padding-right: 12px;
}
.form-select.ver2.coin{
    background: white;
}
.form-text .space{
    margin-top: 40px;
}
.select-coin{
    position: relative;
}
.select-coin > div{
    display: inline-block;
    position: absolute;
    top: 53%; right: 0;
}
/* checkbox */
.checkbox-div{
    display: flex; justify-content: space-between; 
}
.checkbox-div.end{
    justify-content: flex-end;
}
.checkbox {
    height: 19px;
    line-height: 19px;
    background: url(../img/common/check_off.png) no-repeat left center/19px 19px;
    font-size: 0.875rem;
    vertical-align: middle;
    display: inline-block;
    color: #222;
    padding-left: 26px;
    border-radius: 2px;
    overflow: hidden;
}
.class-item-radio input[type="radio"]:checked + label,
.checkbox-div input[type="checkbox"]:checked + label{
    background-image:url(../img/common/check_on.png);
}
.checkbox-note{
    vertical-align: middle;
    font-size: 14px;
    display:inline-block;
    display: none;
}
/* switch */
.switch-btn{
    display: inline-block;
    position: relative;
    width: 64px;
    margin-left: 12px;
}
.switch-btn input[type="checkbox"] {
    position: relative;
    visibility: hidden;
}
.switch-btn label {
    display: inline-block;
    position: absolute;
    width: 64px;
    height: 26px;
    border-radius: 30px;
    background: white;
    border: 1px solid #ddd;
    transition-duration: 0.2s;
    left: 0;
    top: 50%;
    transform: translate(0px, -50%);
}
.switch-btn label span {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    border-radius: 50%;
    background: #dddddd;
    transition-duration: 0.3s;
}
.switch-btn input[type="checkbox"]:checked + label{
    background: white;
}
.switch-btn input[type="checkbox"]:checked + label span{
    background: #1ab8be;
    transform: translate(38px, -8px);
}
.switch-btn label:before {
    position: absolute;
    content: 'OFF';
    width: 45px;
    right: 3px;
    top: 50%;
    transform: translateY(-52%);
    font-weight: bold;
    font-size: 0.688rem;
    line-height: 21px;
    color: #222;
    text-align: center;
}
.switch-btn input:checked + label:before {
    content: 'ON';
    left: 4px;
    color: #222;
}
/* 네모 스위치 */
.on-off-check .switch-btn label{
    width: 60px; height: 26px;
    border-radius: 4px;
}
.on-off-check .switch-btn label:before{
    font-size: 0.750rem; right: -2px; color: #ccc;
}
/* .active 확인 */
.on-off-check .check-set.active .switch-btn label:before{
    color: #222;
}
.on-off-check .switch-btn label span{
    border-radius: 4px; background: #ccc;
}
.on-off-check .check-set.active .switch-btn label span{
    background: #e80037;
}
.on-off-check .switch-btn input:checked + label:before{
    left: -2px;
}
/* .on-off-check .check-set.active .switch-btn input[type="checkbox"]:checked + label span, */
.on-off-check .switch-btn input[type="checkbox"]:checked + label span{
    background: #1ab8be;
    transform: translate(33px, -8px); 
    /* transform: translate(28px, -7px);  */
}
/* radiobox */
.radio-box{
    width: auto; position: relative; 
    margin-right: 30px;
}
.radio-box input{
    display: none;
}
.radio-span{
    position: relative;
    top: 50%; left: 0; transform: translateY(-50%);
    display: inline-block;
    width: 22px; height: 22px;
    border-radius: 50%;
    background-color: white;
    border: 1px solid #b1b1b1;
}
input[type="radio"]:checked + .radio-span {
    border: 1px solid #b1b1b1;
}
.radio-chek input[type="checkbox"]:checked + .radio-span:after,
input[type="radio"]:checked + .radio-span:after {
    display: block;
}
.radio-span:after {
    border-radius: 50%;
}
.radio-span:after {
    content: "";
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 10px;
    background: #333;
    transform: translateX(-50%) translateY(-50%);
}
.radio-span.active::before {
    border-radius: 50%;
}
.radio-span.active:before {
    content: "";
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    background: #333;
    transform: translateX(-50%) translateY(-50%);
}
.label-text{
    display: inline-block; text-indent: 8px; line-height: 2;
}
.save-id{

}
.find-id{
    font-size: 0.875rem;
}
.find-id span{
    padding-right: 14px; 
    background: url(../img/common/arrowRight.png) right top 5px / 7px 12px no-repeat;
}
/* grid-basic */
.grid-b{
    display: grid; grid-template-columns: 34.55% 64.84%; 
    margin-top: 16px; margin-bottom: 32px; background: white;
}
.grid-b > div{
    border-top: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
    text-align: left; line-height: 45px; padding: 0 10px 0 14px; font-size: 1rem;
}
.grid-b.right > div{
    text-align: right;
}
.grid-b > div:nth-child(2n){
    border-right: 1px solid #e9e9e9;
}
.grid-b .bb-1,
.grid-b > div:last-child,
.grid-b > div:nth-last-child(2){
    border-bottom: 1px solid #e9e9e9;
}
.mypage-wrap .grid-b .bb-0{
    border-bottom: 0;
}
.grid-b .br-1{
    border-right: 1px solid #e9e9e9;
}
.grid-b .br-0{
    border-right: 0;
}
.grid-b .link{
    display: inline-block; width: 100%; height: 100%;
    background: url(../img/common/arrowRight.png)no-repeat right center;
    background-size: 5px 9px;
}
.grid-b.right .g-bg,
.grid-b .g-bg{
    background: #f5f5f5; color: #666; text-align: left;
}
.grid-b.side-bn > div{
    border-left: 0;
    border-right: 0;
}
.grid-b .row3{
    grid-row: span 3;
    border-bottom: 1px solid #e9e9e9;
    display: flex; align-items: center;
}
.grid-b .gr-s3{
    border-bottom: 0; border-right: 1px solid #e9e9e9;
}
.grid-b .span{
    margin-left: 10px;
}
.grid-b .d-flex{
    display: flex; justify-content: space-between;
}
.grid-b .d-flex .i-arrow-r{
    display: inline-block; color: transparent; 
    width: 30px; text-indent: -999px;
}
.grid-b .level{
    font-size: 0.875rem; font-weight: bold;
}
.grid-b .month{
    /* margin-right: 6px;  */
    padding: 2px 5px;  border-radius: 5px; font-size: 0.813rem;
    color: #e5e4e9; border: 1px solid #e5e4e9;
}
.grid-b .month.active{
    border: 1px solid #222; 
    background: #222;
    color: white;
}
.grid-b.m12b{
    margin-bottom: 12px;
}
/* 상담사 프로필 플레이어 */
.player{
    border-bottom: 1px solid #e9e9e9;
    width: 100%; height: 80px; 
    background: white; 
    padding: 0px 30px; 
    display: flex; 
    justify-content: space-between; 
    align-items: center;
}
.player .text{
    width: 20%;
    display: flex; margin-right: 10px; align-items: center;
}
.player .text img{
    width: 30px; height: 22px; 
}
.play-inner{
    width: 17%;
}
.player .play{
    min-width: 42px;
    height: 42px;
    float: right;
}
.player .play img{
    width: 100%;
    height: 100%;
}
.range-player{
    min-width: 65.83%;
    width: 100%;
    margin-right: 30px;
    position: relative;
}
.range-player .player-flex{
    display: flex; justify-content: space-between;
}
.range-player .player-flex p{
    font-size: 0.688rem;
    color: #333;
}
input[type=range] {
    -webkit-appearance: none; 
    overflow: hidden;
    width: 100%; 
    height: 3px;
    background: transparent; 
    cursor: pointer;
    background: #eee;
    border-radius: 2px;
    margin: 0;
    margin-top: -5px;
}
input[type=range]:focus {
    outline: none; 
}
.range-player input[type=range]::-webkit-slider-thumb{
    /* background: #540191; */
    background: #222;
    width: 2px;
    height: 3px;
    cursor: pointer;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 2px;
    height: 3px;
    background: #eee;
    /* box-shadow: -100vw 0 0 100vw #540191; */
    box-shadow: -100vw 0 0 100vw #222;
    /* border: 0.1px solid #540191; */
    border: 0.1px solid #222;
    cursor: pointer;
    border-radius: 2px;
}
/* 이거 바 옮길 때 같이 옮길 수 있나 */
/* .range-player::before{
    display: inline-block;
    content: 'dd:dd';
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid white;
    font-size: 11px;
    background: white;
    border: 1px solid black;
    border-radius: 8px;
    padding: 2px 4px;
} */
/* /////////////////////////////////////////태그///////////////////////////////////// */
.t-best-p::before{
    display: inline-block;
    /* content: "BEST"; */
    content: '베스트포스팅';
    max-width: 104px; width: 100%; height: 30px;
    line-height: 21px;
    padding: 5px 14px; 
    font-size: 0.875rem; font-weight: bold; color: white; text-align: center;
    box-sizing: border-box;
    background: rgb(26, 184, 190);
    margin-right: 12px; border-radius: 2px;
    /* padding-left: 24px; */
    /* background: url(../img/common/write.png)no-repeat left 21px center rgb(26, 184, 190); */
    /* background-size: 12px 12px; */
}
/* 과거 best임 */
/* .t-best::before {
    content: 'BEST';
    color: #6335b4;
    font-size: 0.875rem;
    background: url(../img/common/best_post.png) left 4px/12px 12px no-repeat;
    font-weight: bold;
    padding: 0 8px 0 18px;
    line-height: 1.7;
} */
.t-best{
    position: relative; display: inline-block; 
    width: 48px; height: 20px;
    background: url(../img/common/best_tag.png)no-repeat left center;
    background-size: 100%; margin-right: 12px;
    image-rendering: -webkit-optimize-contrast;
}
.point{
    /* padding-left: 20px; */
    padding-left: 12px;
}
.point::before{
    display: inline-block;
    content: "·";
    position: absolute;
    /* left: 8px; */
    left: 0;
    font-size: 1rem;
    color: #222;
    font-weight: bold;
}
.counsel-style a:first-child,
/* 상담스타일 맨 앞 점 */
.point-text{
    padding-left: 10px;
    position: relative;
}
.counsel-style a:first-child::before,
.point-text::before{
    display: inline-block;
    content: "·";
    position: absolute;
    left: 0px;
    font-size: 1.125rem;
    color: #222;
    font-weight: bold;
}
.number{
    color: rgb(153, 153, 153);
    font-size: 0.875rem;
    position: relative;
    text-align: right;
}
/* 메인 수정 */
/* .number::before{
    display: inline-block;
    content: "❶";
    color: rgb(204, 204, 204);
    position: absolute;
    left: 0;
    font-size: 1rem;
}
.number.num02::before{
    content: "❷";
}
.number.num03::before{
    content: "❸";
}
.list-comment > a:nth-child(2) p.number::before{
    content: "❷";
}
.list-comment > a:nth-child(3) p.number::before{
    content: "❸";
} */
.number-set{
    line-height: 28px;
    letter-spacing: -0.3px;
    font-size: 0.938rem;
}
.number-set.b-none > p{
    padding-left: 20px; font-size: 1rem;
}
.number-set .number{
    color: #222;
    text-align: left;
}
.number-set .warn::before,
.number-set .number::before{
    position: relative;
    color: #222;
    padding-right: 4px;
    content: '①';
}
.number-set .point{
    position: relative;
    line-height: 24px;
}
.number-set .point::before{
    left: 0px;
    content: '·';
    font-size: 0.750rem;
    /* padding-left: 10px; */
    /* 불렛css를 다 바꿔야할수도.. */
}
.number-set .number-set .point{
    padding-left: 14px;
}
.number-set .number-set .point::before{
    left: -4px;
}
.number-set .number.ver2,
.number-set .warn.ver2{
    padding-left: 23px; position: relative;
}
.number-set .number.ver2::before,
.number-set .warn.ver2::before{
    left: 0; position: absolute;
}
.number-set .warn.ver2.red{
    font-size: 1rem; 
    margin-bottom: 0;
    color: #da4841; 
}
.number-set .warn.ver2.red::before{
    color: #da4841; 
}
.number-set .warn::before{
    content: '※';
}
.number-set .num02::before{
    content: '②';
}
.number-set .num03::before{
    content: '③';
}
.number-set .num04::before{
    content: '④';
}
.number-set .num05::before{
    content: '⑤';
}
.number-set .num06::before{
    content: '⑥';
}
.number-set.box{
    border: #e9e9e9 1px solid;
    border-radius: 4px;
    padding: 15px !important;
}
.level::before{
    display: inline-block;
    content: '화이트';
    width: 42px; height: 19px; line-height: 18px; font-weight: bold;
    border-radius: 30px; font-size: 0.688rem; text-align: center; margin-right: 12px;
    background: white; border: 1px solid #c1c1c1; color: #222;
}
.level.lv1::before{
    content: '옐로우';
    background: #fec52a; border: 1px solid #fec52a; color: white;
}
.level.lv2::before{
    content: '그린';
    background: #6ec435; border: 1px solid #6ec435; color: white;
}
.level.lv3::before{
    content: '블루';
    background: #3aa3cb; border: 1px solid #3aa3cb; color: white;
}
.level.lv4::before{
    content: '오렌지';
    background: #fc9b2c; border: 1px solid #fc9b2c; color: white;
}
.level.lv5::before{
    content: '레드';
    background: #da4841; border: 1px solid #da4841; color: white;
}
.level.lv6::before{
    content: '퍼플';
    background: #6335b4; border: 1px solid #6335b4; color: white;
}
.list-img{
    position: relative;
    width: 21.38%; min-width: 154px; 
    /* border: 1px solid #eee;  */
    /* border-radius: 4px;  */
    border-radius: 8px; 
    margin-right: 20px; 
    overflow: hidden;
}
.list-img.circle{
    min-width: 80px; height: 80px;
    border-radius: 50%; margin-right: 8px;
}
.list-img.circle img{
    height: 90%;
}
.list-img.t-tarot{
    background: url(../img/profile/bg_tarot.jpg);
    background-size: cover;
}
.list-img.t-fortune{
    background: url(../img/profile/bg_fortune.png);
    background-size: cover;
}
.list-img.t-saju{
    background: url(../img/profile/bg_saju.jpg);
    background-size: cover;
}
/* 이미지/색상 받아야함 */
.list-img.t-choosedate,
.list-img.t-shopname,
.list-img.t-valuename,
.list-img.t-renaming,
.list-img.t-naming{
    background: #DCDBD6;
}
.list-img.tag-none.t-green > .t-tag,
.list-img.tag-none.t-blue > .t-tag,
.list-img::after{
    display: inline-block;
    content: '';
    position: absolute;
    color: white;
    background: #4e008e;
    border-radius: 4px;
    padding: 7px 7px;
    font-size: 0.625rem;
    font-weight: bold;
    text-align: center;
    top: 6px;
    left: 6px;
    box-sizing: border-box;
}
.list-img.tag-none::after{
    display: none;
}
.list-img.t-tarot::after{
    content: '타로';
    background: #4e008e;
}
.list-img.t-fortune::after{
    content: '신점';
    background: #c21129;
}
.list-img.t-saju::after{
    content: '사주';
    background: #d67a00;
}


.list-img.c-tarot{
    background: url(../img/profile/bg_tarot.jpg);
    background-size: cover;
}
.list-img.c-fortune{
    background: url(../img/profile/bg_fortune.png);
    background-size: cover;
}
.list-img.c-saju{
    background: url(../img/profile/bg_saju.jpg);
    background-size: cover;
}
.list-img.c-tarot::after{
    content: '전화\A타로';
    background: #4e008e;
    white-space:pre;
    text-align: center;
    line-height: 1.18; padding: 5px 6px;
}
.list-img.c-fortune::after{
    content: '전화\A신점';
    background: #c21129;
    white-space:pre;
    text-align: center;
    line-height: 1.18; padding: 5px 6px;
}
.list-img.c-saju::after{
    content: '전화\A사주';
    background: #d67a00;
    white-space:pre;
    text-align: center;
    line-height: 1.18; padding: 5px 6px;
}

.list-img.t-naming::after{
    content: '작명';
    background: rgba(0,0,0, .7);
    /* width: 30px; height: 34px;
    line-height: 11px; font-weight: bold;
    box-sizing: border-box; padding: 6px 5px; */
}
/* 채팅 어쩌고 4글자 들어갈 때 사용 */
/* .profile-info-img.t-naming::after{
    width: 40px; height: 45px; line-height: 1.1;
} */
.list-img.t-romantic::after{
    content: '연애';
}
.list-img.t-wedding::after{
    content: '결혼';
}
.list-img.t-worry::after{
    content: '고민';
}
.list-img.t-mental::after{
    content: '심리';
}
.list-img.t-job::after{
    content: '취직';
}
.list-img.t-study::after{
    content: '학습';
}
.list-img.t-animal::after{
    content: '반려동물';
}
.list-img.t-renaming::after{
    content: '개명';
    background: rgba(0,0,0, .7);
}
.list-img.t-valuename::after{
    content: '감명';
    background: rgba(0,0,0, .7);
}
.list-img.t-shopname::after{
    content: '상호';
    background: rgba(0,0,0, .7);
}
.list-img.t-choosedate::after{
    content: '택일';
    background: rgba(0,0,0, .7);
}
/* 클래스(2월) 추가 */
.list-img.t-rhddP::after{
    content: '공예';
    background: #15885d;
}
.list-img.t-dkrtp::after{
    content: '악세\A사리';
    max-width: 32px; 
    padding: 7px 6px;
    background: #15885d;
    line-height: 1.1;
}
.list-img.t-rleh::after{
    content: '기도';
    background: #15885d;
}
.list-img.t-ch::after{
    content: '초'; min-width: 30px;
    background: #15885d;
}
.list-img.t-offline::after{
    content: '클래스';
    background: #2d71ac;
}
.list-img.t-offline::after,
.list-img.t-online::after{
    content: '전화\A클래스';
    background: #2d71ac;
    white-space:pre;
    text-align: center;
    /* line-height: 1.07; */
    line-height: 1.18; padding: 6px 7px;
}
/* 대면클래스로 변경 */
.list-img.t-offline::after{
    content: '대면\A클래스';
}
.profile-info-img.list-img.t-offline::after,
.profile-info-img.list-img.t-online::after{
    /* min-width: 56px; */
    min-width: 52px; padding: 7px 8px;
    /* line-height: 1.12; */
    line-height: 16px;
}
/* 새로운 태그 추가 */
.list-img.tag-none.t-green,
.list-img.tag-none.t-blue{
    position: relative;
}
/* .list-img.tag-none.t-green > .t-tag{
    background: #15885d;
} */
.list-img.t-green::after,
.list-img.t-blue::after{
    max-width: 40px;
    padding: 7px 6px;
    content: attr(data-content);
    background: #2d71ac;

    padding: 5px 6px;
    line-height: 1.18;
}
.list-img.t-green::after{
    background: #15885d;
}
.list-img.t-green.short::after,
.list-img.t-blue.short::after{
    min-width: 30px;
    max-width: 32px;
}
.profile-info-img.list-img.t-green::after,
.profile-info-img.list-img.t-blue::after{
    /* max-width: 56px; 
    padding: 8px 9px; */
    max-width: 52px;
    /* height: 43px; */
    line-height: 1.12;
}
.profile-info-img.list-img.t-green.short::after,
.profile-info-img.list-img.t-blue.short::after{
    max-width: 42px;
    padding: 8px;
}

.list-img.v-tarot::after{
    content: '대면\A타로';
    background: #4e008e;
    white-space:pre;
    text-align: center;
    line-height: 1.18; padding: 5px 6px;
}
.list-img.v-fortune::after{
    content: '대면\A신점';
    background: #c21129;
    white-space:pre;
    text-align: center;
    line-height: 1.18; padding: 5px 6px;
}
.list-img.v-saju::after{
    content: '대면\A사주';
    background: #d67a00;
    white-space:pre;
    text-align: center;
    line-height: 1.18; padding: 5px 6px;
}
.list-img.v-ask::after{
    content: '대면\A상담';
    background: #00aaa4;
    white-space:pre;
    text-align: center;
    line-height: 1.18; padding: 5px 6px;
}
/* 위에 가능하면 밑에 삭제 */
/* .list-img.tag-none.t-blue > .t-tag{
    background: #2d71ac;
}
.list-img.tag-none.t-blue > .t-tag,
.list-img.tag-none.t-green > .t-tag{
    min-width: 42px;
    line-height: 1.1;
    z-index: 1;
}
.profile-info-img.list-img.tag-none.t-green > .t-tag,
.profile-info-img.list-img.tag-none.t-blue > .t-tag{
    font-size: 0.813rem; top: 10px; left: 10px; padding: 8px;
} */
/* 채팅태그 */
.list-img.chat::after{
    width: 30px; height: 34px;
    font-size: 0.625rem;
    box-sizing: border-box;
    padding: 5px 6px;
    /* line-height: 1.14; */
    /* line-height: 1.35; */
    line-height: 1.2;
}
.list-img.chat.t-tarot::after{
    content: '채팅 타로';
}
.list-img.chat.t-fortune::after{
    content: '채팅 신점';
}
.list-img.chat.t-saju::after{
    content: '채팅 사주';
}
.list-img.chat.t-naming::after{
    content: '채팅 작명';
}
.sangdam{
    position: relative;
}
.sangdam::after{
    position: absolute;
    display: inline-block;
    content: '상담가능';
    background: #6335b4;
    color: white;
    font-weight: normal;
    font-size: 0.750rem;
    min-width: 54px;
    padding: 3px 2px;
    border-radius: 2px;
    margin-left: 6px;
    text-align: center;
    right: 0;
    top: -1px;
}
.sangdam.t-call::after{
    content: '상담가능';
}
.sangdam.t-call_ing::after{
    content: '상담중';
    background: #1ab8be;
}
.sangdam.t-call_off::after{
    content: '접속알림';
    background: #c1c1c1;
}
/* /////////////////////////////////////////아이콘//////////////////////////// */
.i-search{
    background: url(../img/mainIcon/mainSearch.png) top 6px left / 12px 12px no-repeat;
    padding-left: 16px;
}
.i-search_h{
    /* background: url(../img/mainIcon/mainSearch.png) top 5px center / 14px 14px no-repeat; */
    background: url(../img/mainIcon/mainSearch.png) top 4px center / 14px 14px no-repeat;
    color: transparent;
}
.i-question_w,
.i-search_m{
    display: inline-block;
    width: 32px; height: 32px;
    background: url(../img/header/header_search.png) right 2px center / 16px 16px no-repeat;
    color: transparent;
}
.i-question_w{
    background: url(../img/header/question.png) right 2px center / 16px 16px no-repeat;
}
.i-search_2 {
    background: url(../img/mainIcon/mainSearch_2.png) top 6px center / 12px 12px no-repeat;
    color: transparent;
}
.i-arrow-t{
    background: url("../img/common/arrowTop.png") right center / 9px 5px no-repeat;
    padding-right: 13px;
}
.i-arrow-b{
    background: url("../img/common/arrowBottom.png") right center / 12px 7px no-repeat;
    padding-right: 20px;
}
.i-arrow-r{
    background: url("../img/common/arrowRight.png") right center / 7px 12px no-repeat;
    /* padding-right: 32px; */
    padding-right: 13px;
}
.i-arrow-r.red{
    background: url("../img/common/arrowRight_r.png") right center / 7px 12px no-repeat;
    padding-right: 13px;
}
.i-arrow-l{
    background: url("../img/common/arrowLeft.png") left center / 7px 12px no-repeat;
    padding-left: 13px;
}
/* list내 더보기 */
.i-arrow-r.list_s{
    background: url("../img/common/arrowRight.png") right center / 5px 8px no-repeat;
    padding-right: 9px;
}
.list-item.naming .list-content .i-coin,
.i-coin{
    background: url("../img/listIcon/listCoin.png") center left / 18px 18px no-repeat;
    padding-left: 24px;
}
.i-coin_p {
    background: url(../img/listIcon/listCoin_p.png) left top 7px / 20px 20px no-repeat;
    padding-left: 28px;
}
.i-call{
    background: url("../img/listIcon/listCall.png") center left / 15px 15px no-repeat;
    padding-left: 20px;
}
.i-ing{
    background: url("../img/listIcon/listCallIng.png") center left / 15px 15px no-repeat;
    padding-left: 20px;
}
.i-bell{
    background: url("../img/listIcon/listCallEnd.png") center left / 15px 15px no-repeat;
    padding-left: 20px;
}
.i-class{
    background: url("../img/listIcon/listClass.png") center left / 19px 15px no-repeat;
    padding-left: 28px;
}
.i-partner{
    background: url("../img/listIcon/listPartner.png") center left / 18px 18px no-repeat;
    padding-left: 24px;
}
.i-new{
    background: url("../img/listIcon/listNew.png") center left / 18px 18px no-repeat;
    padding-left: 24px; height: 18px;
}
.i-star{
    background: url("../img/listIcon/listStar.png") center left / 15px 15px no-repeat;
    /* padding-left: 24px; */
    padding-left: 17px;
}
.i-star.i-star_h{
    background: url("../img/listIcon/star_h.png") center left / 15px 15px no-repeat;
}
.i-star.i-star_n{
    background: url("../img/listIcon/star_n.png") center left / 15px 15px no-repeat;
}
.i-review{
    background: url("../img/listIcon/listReview.png") center left / 15px 15px no-repeat;
    padding-left: 22px;
}
.i-review_r{
    background: url("../img/common/popupReview.png") center left / 15px 15px no-repeat;
    padding-left: 24px;
}
.i-qna{
    background: url("../img/common/qna.png") center left / 14px 14px no-repeat, url("../img/common/arrowTop.png") right center / 12px 7px no-repeat;
    padding-left: 22px; padding-right: 32px;
}
.i-qna_2{
    background: url("../img/common/qna.png") center left / 14px 14px no-repeat, url("../img/common/arrowBottom.png") right center / 12px 7px no-repeat;
    padding-left: 22px; padding-right: 32px;
}
.i-coin_charge2{
    background: url(../img/common/coin.png)no-repeat top 5px left / 17px 18px; padding-left: 26px;
}
.i-card{
    background: url(../img/common/card.png)no-repeat top 5px left / 22px 18px; padding-left: 32px;
}
.i-coin_charge{
    background: url(../img/common/coin.png) center left / 15px 16px no-repeat, url(../img/common/arrowRight.png) right top 7px / 7px 12px no-repeat;
    padding-left: 24px; padding-right: 16px;
}
.mypage-wrap.coin .i-coin_charge{
    background: url(../img/common/coin.png) center left / 16px 16px no-repeat, url(../img/common/arrowRight.png) right top 3px / 7px 12px no-repeat; font-size: 1rem;
}
.i-naver{
    background: url("../img/common/login_naver.png") center left / 18px 18px no-repeat;
    padding-left: 22px;
    background-size: contain;
    color: black;
}
.i-face{
    background: url("../img/common/login_face.png") center left / 18px 18px no-repeat;
    padding-left: 22px;
    background-size: contain;
    color: black;
}
.i-kakao{
    background: url("../img/common/login_kakao.png") center left / 18px 18px no-repeat;
    padding-left: 22px;
    background-size: contain;
    color: black;
}
.i-apple{
    /* background: url("../img/common/login_apple.png") center left / 16px 20px no-repeat;
    padding-left: 28px; */
    background: url(../img/common/login_apple.png) center left / 16px 20px no-repeat;
    padding-left: 22px;
    background-size: contain;
    color: black;
}
.i-email{
    background: url("../img/common/login_email.png") center left / 16px 12px no-repeat;
    padding-left: 22px;
    background-size: 16px 12px;
    color: black;
}
.i-lock{
    background: url("../img/common/login_lock.png") center left / 16px 18px no-repeat;
    padding-left: 22px;
    background-size: contain;
}
.i-lock_s{
    background: url("../img/common/login_lock.png") center left / 14px 16px no-repeat;
    /* padding-left: 22px; */
    padding-left: 24px;
    background-size: contain;
    font-weight: bold;
}
.i-lock_c{
    background: url("../img/common/comment_lock.png") center right no-repeat;
    padding-right: 20px;
    background-size: 12px 14px;
}
.i-f-face{
    background: url(../img/footer/footerFacebook.png) left center no-repeat;
    padding-left: 23px;
    background-size: 14px 14px;
}
.i-f-instart{
    background: url("../img/footer/footerInster.png") center left no-repeat;
    padding-left: 23px;
    background-size: 16px 16px;
}
.i-f-blog{
    background: url("../img/footer/footerNaver.png") center left / 14px 14px no-repeat;
    padding-left: 48px;
    background-size: 42px 8px;
}
/* 인기페이지 관련 */
.i-crown_p{
    background: url("../img/common/crown.png") center left no-repeat;
    padding-left: 38px;
    background-size: 28px 28px;
}
.i-star_p{
    background: url("../img/common/star.png") center left no-repeat;
    padding-left: 38px;
    background-size: 28px 28px;
}
.i-review_p{
    background: url("../img/common/review.png") center left no-repeat;
    padding-left: 38px;
    background-size: 28px 28px;
}
.i-call_p{
    background: url("../img/common/call.png") center left no-repeat;
    padding-left: 38px;

    background-size: 28px 28px;
}
.i-star_s{
    background: url("../img/listIcon/s_star_n.png")no-repeat left center / 16px 16px;
    padding-left: 22px;
}
.i-question{
    display: inline-block; 
    width: 20px; height: 20px; 
    background: url(../img/common/question_y.png)no-repeat; 
    background-size: 100%;
    color: transparent;
    vertical-align: sub;
    margin-left: 7px;
}
.i-reply{
    background: url("../img/common/reply.png")no-repeat left center;
    background-size: 15px 10px;
    padding-left: 24px;
}
.comment-answer .i-reply2.f-bold{
    background: url("../img/common/reply2png.png")no-repeat left center;
    background-size: 14px 12px;
    padding-left: 22px;
}
.comment-answer .i-reply2.i-lock_c{
    background: url("../img/common/reply2png.png")no-repeat left center / 14px 12px ,
     url("../img/common/comment_lock.png")no-repeat center right / 12px 14px;
    padding-right: 22px; padding-left: 22px;
}
.list-fot .i-star_s{
    background: url("../img/listIcon/s_star_n.png")no-repeat left center;
    padding-left: 22px; width: 16px; height: 16px; background-size: contain;
}
.list-fot .i-review_s{
    background: url("../img/listIcon/s_review_n.png")no-repeat left center;
    padding-left: 22px; width: 16px; height: 16px; background-size: contain;
}
.list-fot .i-call_s{
    background: url("../img/listIcon/s_call_n.png")no-repeat left center;
    padding-left: 22px; width: 16px; height: 16px; background-size: contain;
}
.list-fot .i-star_s.active{
    background: url("../img/listIcon/s_star.png")no-repeat left center;
    background-size: contain;
}
.list-fot .i-review_s.active{
    background: url("../img/listIcon/s_review.png")no-repeat left center;
    background-size: contain;
}
.list-fot .i-call_s.active{
    background: url("../img/listIcon/s_call.png")no-repeat left center;
    background-size: contain;
}
.i-share{
    background: url(../img/common/post_share.png)no-repeat left top 1px;
    background-size: 14px 14px;
    padding-left: 24px;
}
.i-like{
    background: url("../img/common/like.png")no-repeat left top;
    background-size: 15px 14px;
    padding-left: 24px;
}
.i-like.active{
    background: url("../img/common/like_active.png")no-repeat left top;
    background-size: 15px 14px;
}
.i-like .text{
    font-weight: 100; color: #999; font-size: 0.875rem;
}
.i-write{
    background: url("../img/common/write.png")no-repeat left center;
    background-size: 14px 14px;
    padding-left: 24px;
}
.i-write.circle{
    background: url(../img/common/review_write.png) center left / 18px 18px no-repeat, 
                url(../img/common/arrowRight_s_w.png) right top 49% / 7px 12px no-repeat;
    padding: 0 14px 0 28px;
}
.i-option{
    background: url("../img/common/list_option.png")no-repeat left center;
    background-size: 14px 12px;
    padding-left: 20px; font-size: 0.875rem; line-height: 1.5;
}
.star-score{
    display: flex; justify-content: space-between; margin-top: 4px;
}
.statis .i-star{
    background: url(../img/listIcon/listStar.png) center left / 12px 12px no-repeat;
    padding-left: 16px;
}
.statis .i-star.i-star_h{
    background: url(../img/listIcon/star_h.png) center left / 12px 12px no-repeat;
    padding-left: 16px;
}
.statis .i-star.i-star_n{
    background: url(../img/listIcon/star_n.png) center left / 12px 12px no-repeat;
    padding-left: 16px;
}
.statis .star-score .i-star{
    display: inline-block;
    padding-left: 0;
    width: 20px; height: 20px;
    background-size: 100%;
    margin-right: 4px;
}
.star-score .i-star:last-child{
    margin-right: 0;
}
.i-service{
    background: url(../img/common/service.png) center left / 16px 14px no-repeat;
    padding-left: 26px;
}
.i-category{
    background: url(../img/common/ic-category.png) center left / 24px 24px no-repeat, 
                url(../img/common/arrowRight_s_w.png) right top 10px / 7px 12px no-repeat;
    padding: 0 17px 0 38px;
}
.i-chat{
    background: url(../img/listIcon/listChat.png) top 6px left / 15px 15px no-repeat;
    padding-left: 24px;
}
.i-chating{
    background: url(../img/listIcon/listChating.png) center left / 16px 16px no-repeat;
    padding-left: 22px;
}
.i-arrow-r_w{
    background: url(../img/common/arrowRight_s_w.png) center right / 7px 12px no-repeat;
    padding-right: 14px;
    padding-left: 4px;
}
.i-benefit{
    background: url(../img/common/benefit.png) center left / 16px 16px no-repeat;
    padding-left: 24px; height: 16px;
}
.i-info_charge{
    background: url(../img/common/setting.png) center left / 14px 14px no-repeat, 
    url(../img/common/arrowRight.png) right top 3px / 5px 9px no-repeat;
    padding-left: 20px; padding-right: 14px; height: 14px; 
}
.i-down{
    background: url(../img/common/download.png)no-repeat center left / 13px 15px;
    padding-left: 20px; color: #c1c1c1;
}
.i-up.active{
    background: url(../img/common/upload_active.png)no-repeat center left / 12px 15px;
    padding-left: 20px; color: #222;
}
.i-down.active{
    background: url(../img/common/download_active.png)no-repeat center left / 13px 15px;
    padding-left: 20px; color: #222;
}
.i-twingkle{
    background: url(../img/common/twingkle.png)no-repeat center left / 12px 12px, url(../img/common/twingkle.png)no-repeat center right / 12px 12px; padding: 0 20px; 
}
.i-twingkle_w{
    background: url(../img/common/twingkle_w.png)no-repeat center left / 12px 12px; padding-left: 20px;
}
.i-s_coin{
    background: url(../img/common/s_coin.png)no-repeat center left / 24px 24px;
    padding-left: 34px;
}
.i-s_060{
    background: url(../img/common/s_060.png)no-repeat center left / 24px 24px;
    padding-left: 34px;
}
.i-s_reserv{
    background: url(../img/common/s_reserv.png)no-repeat center left / 24px 24px;
    padding-left: 34px;
}
.i-s_chat{
    background: url(../img/common/s_chat.png)no-repeat center left / 24px 24px;
    padding-left: 34px;
}
.i-s_shop{
    background: url(../img/common/s_shop.png)no-repeat center left / 24px 24px;
    padding-left: 34px;
}
.i-coupon_star{
    background: url(../img/common/coupon_star.png)no-repeat top 5px left / 18px 18px; padding-left: 28px;
}
.i-trash{
    background: url('../img/common/trash.png') center left / 17px 18px no-repeat; padding-left: 24px;
}
/* 계산기 */
.i-cc{
    background: url(../img/common/calculator.png) top 5px left / 15px 16px no-repeat; padding-left: 24px;
}
.i-plus{
    background: url(../img/common/plus.png)no-repeat left top 5px;
    background-size: 14px 14px;
    padding-left: 22px;
}
.i-plus_w{
    background: url(../img/common/plus_w.png)no-repeat right top 6.4px;
    background-size: 12px 12px; padding-right: 20px;
}
.i-close{
    background: url(../img/common/close_btn.png)no-repeat left 9px center;
    background-size: 9px 9px; font-size: 13px;
}
.i-is{
    background: url(../img/common/reveiw_is.png)no-repeat;
    background-size: 18px 18px;
    background-position: left top 1px;
    padding-left: 26px;
}
.i-ver2_list{
    background: url(../img/common/ver2_list.png)no-repeat;
    background-size: 12px 12px;
    background-position: left center;
    padding-left: 20px;
}
.i-location{
    background: url(../img/common/ic_location.png)no-repeat;
    background-size: 13px 15px;
    background-position: left center;
    padding-left: 20px;
}
.i-location.mt{
    background: url(../img/common/ic_location_mt.png)no-repeat;
    background-size: 12px 14px;
    background-position: left 3px;
    padding-left: 20px;
}
.i-calandar{
    background: url(../img/common/ic_calandar.png)no-repeat;
    background-size: 20px 20px;
    background-position: left center;
    line-height: 20px;
    padding-left: 30px;
}
.i-clock{
    background: url(../img/common/ic_clock.png)no-repeat;
    background-size: 20px 20px;
    background-position: left center;
    line-height: 20px;
    padding-left: 30px;
}
[class^="i-"]{
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
/* ㅡㅡ수정 */
/* .disabled .i-ver2_list{
    background-image: url(../img/common/d_ver2_list.png);
} */
.list-consult-ul.arrow .data{
    padding-right: 26px;
}
/* ///////////////////////////////btn////////////////////////// */
.btn{
    display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    color: white;
    font-size: 1rem;
    font-weight: bold;
    /* background: #6335b4; */
    background: #c1c1c1;
    text-align: center;
    border-radius: 4px;
    border: 0;
    cursor: pointer;
}
.btn.active{
    background: #6335b4;
}
.btn.mint{
    background: #1ab8be;
}
.btn.white{
    background: white;
    border: 1px solid #e5e4e9;
    color: #222;
}
.btn.white.space{
    margin: 20px 0 0px;
}
.btn.white.left{
    text-align: left; text-indent: 16px;
}
.btn.h40{
    height: 40px; line-height: 38px; font-size: 0.875rem; margin-top: 24px; 
}
.login.space{
    margin-top: 34px;
}
.header-home-btn{
    display: none;
    color: white;
    font-size: 1rem;
    font-weight: normal;
    align-items: center;
}
.header-side-btn{
    display: flex; align-items: center; font-size: 1rem;
}
.header-side-btn .i-arrow-r{
    padding-right: 18px; background: url(../img/common/arrowRight.png)no-repeat right top 3px / 7px 12px;
}
.btn-set{
    display: flex;
    margin-top: 40px;
}
.btn-set a{
    margin-right: 8px;
}
.btn-set a:last-child{
    margin-right: 0;
}
.btn-set a.new-tag{
    position: relative;
}
.class-list-btn a.new-tag::after,
.btn-set a.new-tag::after{
    content: '';
    position: absolute;
    background: #da4841;
    top: 6px; right: 6px;
    width: 6px; height: 6px;
    border-radius: 50%;
}
.btn-set button .i-share{
    vertical-align: -1px;
    /* 필요할수도있음 */
}
.btn-set button.btn{
    border: 1px solid #ccc;
    line-height: 48px;
}
.btn-set button:first-child{
    border-radius: 6px 0 0 6px;
    border-right: 0;
}
.btn-set button:last-child{
    border-radius: 0 6px 6px 0;
}
/* 목록 */
.btn-list{
    display: flex;
    justify-content: space-between;
    padding: 16px 30px 80px;
}
.btn-list a{
    font-weight: bold;
    position: relative;
}
.btn-list > div a:first-child{
    padding-right: 14px;
}
/* 0329상세버튼 변경됨 */
.btn-list.ver2{
    padding: 20px 30px 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.btn-list.ver2.disabled-prev a:first-child,
.btn-list.ver2.disabled-next a:last-child{
    color: #e9e9e9;
}
.btn-list.ver2 a{
    display: flex;
    align-items: center; justify-content: center;
    width: 80px;
    height: 40px;
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    font-size: 14px;
}
.btn-list.ver2 a:nth-child(2){
    width: 239px;
}
.btn-list.ver2 a .i-arrow-l{
    padding-left: 14px;
}
.btn-list.ver2 a .i-arrow-r{
    padding-right: 14px;
}
.btn-list.ver2.disabled-prev a .i-arrow-l{
    background-image: url(../img/common/d_arrowLeft.png);
}
.btn-list.ver2.disabled-next a .i-arrow-r{
    background-image: url(../img/common/d_arrowRight.png);
}

.profile-review .counsel-style > p::after,
.btn-list > div a:first-child::after{
    display: inline-block;
    content: '';
    width: 1px; height: 14px; background: #ccc;
    position: absolute;
    right: 0; top: 50%; transform: translateY(-50%);
}
.profile-review .counsel-style > p::after{
    height: 12px; background: #ddd;
}
.profile-review .counsel-style > p:last-child::after{
    display: none;
}
.btn-list > div a:last-child{
    padding-left: 14px;
}
.btn-list > div a:last-child::after{
    display: none;
}
/* 다운로드 */
.down-inner{
    text-align: center;
}
.down-inner p{
    margin-top: 24px;
}
.down-set{
    display: flex; align-items: center;
}
.down-set a{
    margin-right: 16px; 
    width: 100%; height: 46px;
    color: transparent;
}
.down-set a:last-child{
    margin-right: 0;
}
/* 구글다운로드 */
.google-btn{
    background: url(../img/common/google.png)no-repeat; background-size: contain; 
}
.apple-btn{
    background: url(../img/common/apple.png)no-repeat; background-size: contain; 
}
.down-set .google-btn{
    background: url(../img/common/google_ver2.png)no-repeat; 
    background-size: 100% 100%; 
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.down-set .apple-btn{
    background: url(../img/common/apple_ver2.png)no-repeat; 
    background-size: 100% 100%; 
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

.install-btn{
    font-weight: bold; margin-left: 16px;
}
.benefit-btn{
    display: inline-block; background: #1ab8be; padding: 6px 10px; 
    border-radius: 2px; color: white; font-size: 0.813rem; font-weight: bold;
}
/* 운영정책 */
.policy-btn{
    display: inline-block; background: white; 
    border-radius: 20px; padding: 8px 26px; 
    border: 1px solid #e5e4e9; font-size: 0.813rem;
}
/* 쓰기 */
.write-btn{
    width: 100px ; height: 100%; 
    border: 0; background: #7f5bc8; 
    border-radius: 0 4px 4px 0; 
    color: white; font-weight: bold; font-size: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* 뒤로 */
.back-btn{
    background: url(../img/common/header_back.png)no-repeat; 
    width: 32px; height: 28px; background-size: 100%; margin-right: 11px; color: transparent;
    image-rendering: -webkit-optimize-contrast;
}
/* 공유 */
.share-btn{
    display: inline-block; width: 26px; height: 26px; color: transparent;
    background: url(../img/common/share.png)no-repeat;
    background-size: 100%; vertical-align: bottom;
    image-rendering: -webkit-optimize-contrast;
}
/* 단골 */
.like-btn{
    width: 16.66%; min-width: 120px; height: 100%; background: white; display: flex;
    justify-content: center; border-radius: 4px; border: 1px solid #e9e9e9;
    align-items: center; 
}
/* 취소 */
.like-btn.cancel{
    background: #c1c1c1; color: white;
}
.like-btn img{
    width: 20px; height: 18px; margin-right: 8px; object-fit: contain;
}
.like-btn p{
    font-size: 1.125rem; font-weight: bold; line-height: 1.5;
}
/* 신고 */
.report-btn{
    display: inline-block;
    width: 19px;
    height: 16px;
    background: url("../img/common/i_report.png")no-repeat left center;
    background-size: 100%;
    color: transparent;
    margin-left: 12px;
}
/* 삭제 */
.d-btn{
    display: inline-block;
    background: url("../img/common/ic_minu_red_o.png")no-repeat center center;
    background-size: 16px 16px;
    color: transparent;
    image-rendering: -webkit-optimize-contrast;
}
/* 닫기 */
.close-btn{
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../img/common/close_btn.png);
    background-size: 100%;
    color: transparent;
}
.pre-close{
    display: flex; justify-content: space-between; align-items: center;
    width: 100%; height: 63px; background: #1ab8be; padding: 0 20px;
    font-weight: bold; color: white;
    margin-top: 80px;
}
.pre-close .white-close{
    color: transparent;
}
.white-close{
    background: url(../img/common/popup_close.png)no-repeat right center;
    background-size: 12px 12px; padding-right: 22px;
}
.preview .white-close{
    background: url(../img/common/popup_close.png)no-repeat right top 6.5px; background-size: 12px 12px;
}
.close-btn.ver2{
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../img/common/close_gray.png);
    background-size: 100%;
    color: transparent;
}
/* 번호인증s */
.number-rock-btn{
    display: inline-block; 
    position: absolute; 
    width: 106px; height: 40px; line-height: 38px; 
    font-size: 0.875rem; border-radius: 4px;
    right: 0; bottom: 8px; border: 1px solid #ddd;
}
/* 인증 시간 */
.number-time-btn{
    display: none;
    position: absolute;
    font-size: 1rem; font-weight: bold; color: #6335b4;
    top: 50%; right: 0;
    transform: translateY(-50%);
}
/* 코인충전 */
.coin-charge-btn{
    width: 100%; margin-top: 20px; line-height: 48px;
}
/* 저장버튼 */
.save-btn{
    width: 71px; height: 26px; line-height: 26px; 
    font-size: 13px; color: white; font-weight: bold; 
    background: #6335b4; text-align: center; border-radius: 2px;
}
/* 일댈문의 답변등록 */
.q-reply-set{
    margin-top: 14px;
}
.q-reply-set textarea{
    width: 100%; height: 152px; overflow-y: scroll; resize: none;
    border: 1px solid #e9e9e9; border-radius: 4px; padding: 16px;
}
.q-reply-set textarea::placeholder{
    font-size: 1rem;
}
.q-reply-btn-set{
    display: flex; margin-top: 12px;
}
.q-reply-btn-set > a{
    margin-right: 12px;
    height: 40px; line-height: 38px; font-size: 0.875rem; color: #999 !important;
}
.q-reply-btn-set > a:last-child{
    margin-right: 0; color: #da4841 !important;
}
.mypage-wrap.coin-result .user-login-inner{
    flex-direction: column; justify-content: center; line-height: 1.5;
}
.mypage-wrap.coin-result .detail-grid{
    margin-top: 8px; margin-bottom: 40px;
}
.item-plus{
    padding: 24px 16px 10px;
}
.footer-btn_r{
    width: 100%; height: 100%; background: #c1c1c1; border-radius: 4px; display: flex;
    justify-content: center; align-items: center; text-align: center;
    position: relative;
}
.footer-btn_r.active{
    background: #6335b4;
}
.footer-btn_r.ing{
    background: #1ab8be;
}
.footer-btn_r.ing img{
    width: 16px;
    height: 16px;
    margin-right: 8px;
    object-fit: contain;
}
.footer-btn_r.bell{
    background: #ccc;
}
.footer-btn_r p{
    color: white;
    font-size: 1.250rem;
    font-weight: bold;
}
.footer-btn_r .sub-text{
    font-size: 0.875rem; font-weight: normal; margin-top: 5px;
}
.footer-btn_r .alarm{
    position: absolute; display: inline-block; width: 20px; height: 22px;
    top: 50%; right: 20px; transform: translateY(-50%); color: transparent;
}
.footer-btn_r .alarm.on{
    background: url(../img/footer/footer_bell_active.png)no-repeat; background-size: 100%; 
}
.footer-btn_r .alarm.off{
    background: url(../img/footer/footer_bell.png)no-repeat; background-size: 100%; 
}
.login-btn{
    width: 100%;
    min-width: 388px;
    height: 56px;
    display: block;
    border: 1px solid #e5e4e9;
    background: white;
    padding: 20px 0 18px;
    font-size: 0.875rem;
    margin-top: 10px;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    /* text-align: left; */
    /* text-indent: 114px; */
}
.login-btn div{
    display: inline-block;
    /* width: 42%;
    width: 46%; */
    min-width: 170px;
    text-align: left;
    /* border: 1px solid; */
}
.login-btn.login{
    color: white; background: #6335b4; 
    border: 1px solid #6335b4;
    font-weight: bold; text-indent: 0; 
    text-align: center; font-size: 1rem; 
    height: 50px; 
    padding: 17px 0; margin-top: 44px;
}
.login-btn.join{
    color: white; background: #1ab8be; 
    border: 1px solid #1ab8be;
    font-weight: bold; font-size: 1.125em; 
    text-indent: 0; text-align: center; 
    margin-top: 27px;
    padding: 18px 0;
}
/* list 전화 버튼 */
.counsel-btn{
    display: inline-block; 
    width: 160px; min-width: 160px;
    height: 60px; line-height: 61px; 
    background: #4e008e; 
    text-align: center;
    color: white; font-weight: bold; border: 0; border-radius: 4px;
    margin-top: -20px;
    /* 리스트, 버튼 따로 영역 수정 */
    position: absolute; right: 20px; top: 58px;
    width: 160px !important;
}
.profile-item-list li:first-child .counsel-btn{
    top: 93px;
}
.counsel-btn.call{
    background: #4e008e; 
}
.counsel-btn.ing{
    background: #1ab8be; 
}
.counsel-btn.bell{
    background: #cccccc; 
}
/* status-btn */
.status-div{
    display: flex; justify-content: flex-end; padding: 16px;
}
.status-div.type1{
    justify-content: space-between;
    align-items: center;
    border-bottom: #e9e9e9 1px solid;
    padding: 16px 0;
    margin: 0 16px;
}
.status-div.type1 .date-tx{
    display: flex;
    align-items: center;
}
.status-div.type1 .date-tx .date{
    margin: 0 15px;
    white-space: nowrap;
    font-weight: 600;
    font-size: 16px;
    color: #222;
}
.status-div.type1 .date-tx .prev,
.status-div.type1 .date-tx .next{
    position: relative;
    width: 30px;
    height: 30px;
    background-color: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
}
.status-div.type1 .date-tx .prev span,
.status-div.type1 .date-tx .next span{
    position: absolute;
    top: -9999px;
    left: -9999px;
}
.status-div.type1 .date-tx .prev::after,
.status-div.type1 .date-tx .next::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -3px 0 0 -3px;
    display: block;
    width: 6px;
    height: 6px;
    border-top: #333 2px solid;
    border-right: #333 2px solid;
    transform: rotate(45deg);
}
.status-div.type1 .date-tx .prev::after{
    transform: rotate(-135deg);
}

.status-btn{
    display: inline-block;
    height: 30px;
    border: 1px solid #e9e9e9; border-radius: 16px;
    font-size: 0.875rem; text-align: center; line-height: 1.9;
    background: url(../img/common/arrowBottom.png) right 16px center / 9px 5px no-repeat;
    padding-right: 35px;
    padding-left: 10px;
    color: #222;
}

.status-btn-like{
    display: inline-block;
    width: 148px; height: 30px;
    border: 1px solid #e9e9e9; border-radius: 16px;
    font-size: 0.875rem; text-align: center; line-height: 1.9;
    background: url(../img/common/arrowBottom.png) right 16px center / 9px 5px no-repeat;
    padding-right: 18px;
    color: #222;
}

.detail-btn{
    position: absolute; right: 16px; color: transparent;
    display: inline-block; width: 7px; height: 12px;
    background: url(../img/common/arrowRight.png) right center / 7px 12px no-repeat;
}
/* 쿠폰지급 */
.coupon-pay-btn{
    display: inline-block;
    background: url(../img/common/coin_pay.png)no-repeat; 
    background-size: 100%; color: transparent;
    width: 60px; height: 18px; 
    vertical-align: 1px;
    margin-left: 4px;
}
/* 클래스 추가 */
.btn.plus{
    background: #f5f5f5;
    border: 1px solid #ddd;
    font-weight: bold !important;
    color: #222; line-height: 47px;
}
/* .t-purple */
/* 최근 작성순 */
.lately-btn{
    border: 1px solid #e9e9e9;
    border-radius: 30px;
    max-width: 110px;
    width: 100%;
    height: 30px; line-height: 26px;
    text-align: center;
    margin-left: 14px;
}
.lately-btn span{
    font-size: 12px;
}
.lately-btn.sm{
    max-width: 60px;
    font-size: 14px;
}
/* 3.0메인 */
.wraper{
    
}
.category-banner{
    width: 100%; height: 70px;
    background: #da4841; display: flex;
    justify-content: center; align-items: center;
    color: white; font-weight: bold;
    position: relative;
    top: -70px;

    transition: 1s;
    transform: translateY(70px);
}
.category-banner p{
    height: 30px; line-height: 30px;
}
.main-event-banner{
    position: relative;
    background: url(../img/banner/mainEventBanner.png)no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 65px;
    line-height: 65px;
}
.main-event-banner p{
    text-align: center;
    color: #4e008e;
    font-weight: bold;
}
.main-event-banner .banner-close{
    position: absolute;
    right: 20px;
    color: transparent;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background: url(../img/common/close_btn.png)no-repeat;
    background-size: 100%;
}
.header{
    width: 100%; height: auto;
    background: white;
}
.header-top{
    display: flex;
    flex-direction: row;
    /* align-items: center; */
    justify-content: space-between;
    width: 100%;
    height: 80px;
    padding: 0 20px;
    background: rgba(255, 255, 255, .9);
    z-index: 1;
}
.footer-fix,
.header-top.gnb{
    position: fixed;
    top: 0;
    /* left: 0; */
    /* width: 718px; */
    border-bottom: 1px solid #eee;
    /* 그림자지우기 */
    /* box-shadow: 0px 2px 2px #eee; */
}
.header-top.gnb.active{
    top: 70px;
}
.footer-fix{
    bottom: 0;
    width: 100%;
    max-width: 718px;
    top: initial;
    height: 77px;
    background: rgba(255, 255, 255, .9);
    z-index: 5;
    padding: 10px 20px;
    border-top: 1px solid rgba(0, 0, 0, .15);
    display: flex;
}
.footer-fix > a{
    margin-right: 10px;
}
.footer-fix > a:last-child{
    margin-right: 0;
}
.footer-fix.chat .ing{
    min-width: 100px; width: 27.77%; margin-right: 8px;
}
.footer-fix.chat .active{
    min-width: 162px; width: 100%;
}
.footer-basic{
    /* padding: 0 26px;  */
    padding: 0;
    height: 54px;
    font-size: 0.786rem;
}
.footer-basic ul{
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.footer-basic ul li a,
.footer-basic ul li{
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
}
.footer-basic ul li a{
    padding: 9px 0;
}
.footer-basic a img{
    width: 20px;
    height: 20px;
    object-fit: contain;
    margin-bottom: 4px;
}

.logo{
    display: inline-block;
    /* background: url(../img/logo/hongcafeLogo.png)no-repeat; */
    background: url(../img/logo/hongcafeLogo_new.png)no-repeat;
    background-size: cover;
    /* width: 138.4px; height: 39.2px; margin-top: 16px; */
    width: 155.8px; height: 39.2px; margin-top: 19.8px; 
    color: transparent;
    text-indent: -999px;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.ver2 .logo{
    /* background: url(../img/logo/Logo.png)no-repeat; */
    background: url(../img/logo/Logo_new.png)no-repeat;
    /* background-size: cover; */
    background-size: contain;
}
.header-body{
    display: flex;
    /* padding: 0 20px 56px; */
    padding: 0 0 56px;
    overflow: hidden;
}
.header-body .header-slide{
    width: 100%;
    min-width: 586px;
    max-width: 586px;
    height: 320px;
    /* border: 1px solid #eee; */
    /* 임시 border */
    margin-left: 20px;
    border-radius: 8px;
    overflow: hidden;
}
.header-list{
    display: flex;
    font-size: 1rem;
    margin-top: 35px;
}
.header.ver2{
    background: #4912ab;
}
.header.ver2 .header-top{
    display: flex;
    flex-direction: row;
    /* align-items: center; */
    justify-content: space-between;
    width: 100%;
    height: 80px;
    padding: 0 20px;
    /* z-index: 1; */
    /* 팝업 띄웠을 때 헤더 보이게 할건지 하면 4 안하면 1 */
    z-index: 4;
    /* background: #4912ab; */
    background: rgba(73, 18, 171, .8);




    /* 채팅상담 연결 수정중 */
    
}
/* .header.ver2 .cut-line p,  */
.header.ver2 .header-list li{
    color: white;
}
.header.ver2 .header-list li.active{
    color: #ffdb4a;
}
.header.ver2 .header-list li.active h2{
    font-weight: bold;
}
/* 서브 상단  인기혜택검색 메뉴 */
.header.ver2 .header-list.snb {
	border:none;
	background:none;
	border-radius:0;
}
.header.ver2 .header-list.snb li {
    color: #470081;
	background-color:#fff;
}
.header.ver2 .header-list.snb li.active {
	background:#470081;
	color:#fff;
}
.header.ver2 .header-list.snb li:first-child {
	border-radius:4px 0 0 4px;
}
.header.ver2 .header-list.snb li:last-child {
	border-radius:0 4px 4px 0;
}
.header.ver2 .header-list.snb li::after {
	z-index:5
}
.header.ver2 .header-list.snb li.active .i-search_2 {
	background-image: url(../img/mainIcon/mainSearch_2_w.png);
}
/* 채팅상담 연결 떴을 때 */
.header.chat-cnt{
    position: fixed; max-width: 718px; z-index: 4; background: white;
}
.header.chat-cnt .category-banner{
    position: absolute;
    top: -70px;
}
.header.chat-cnt .header-top.gnb{
    top: 70px;
}
.header-title.chat-cnt{
    padding-top: 150px;
}
.header.chat-cnt.link-two .header-top.gnb{
    top: 140px;
}
.header-title.chat-cnt.link-two{
    padding-top: 220px;
}
.header.chat-cnt.link-two > a.category-banner:nth-child(2){
    top: 0;
}
.footer-top{
    background: #eee; 
    display: flex; align-items: center; 
    justify-content: space-between; 
    height: 36px; 
    font-size: 0.688rem; color: #707070;
}
.footer-center{
    background: #f5f5f5; 
    padding: 17px 20px 28px; 
    font-size: 0.750rem; color: #707070;
}
.footer-center .footer-center_t{
    line-height: 24px; 
    border-bottom: 1px solid #e5e4e9; 
    padding-bottom: 16px;
}
.footer-center .footer-center_f{
    padding-top: 16px; color: #999; 
    line-height: 18px; font-size: 0.688rem; 
    letter-spacing: -0.33px;
}
.footer-list{
    display: flex;
}
.footer-bottom_m,
.footer-top_m,
.footer-center_m{
    display: none;
}
/* li 옆 커트 라인 */
.footer-list li,
.cut-line p,
.header-list li{
    padding: 0 12px;
    position: relative;
}
.cut-line p{
    padding: 0 10px;
}
.cut-line p:first-child{
    padding-left: 0;
}
.list-fot ul.on li::after,
.footer-list li::after,
.cut-line p::after,
.header-list li::after{
    display: inline-block;
    content: '';
    position: absolute;
    width: 1px;
    height: 12px;
    background: #ccc;
    /* top: 3px; */
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.header-list li::after{
    top: 9px;
}
.cut-line p::after{
    height: 14px;
}
.footer-list li::after{
    height: 8px;
    /* top: 2px; */
}
.list-fot ul.on li::after{
    /* top: -1px;
    height: 16px;
    background: #f1f1f1; */
    top: 50%;
    height: 16px;
    background: #f1f1f1;
    transform: translateY(-50%);
}
.profile-wrap.main .item-info p:first-child::after,
.footer-list.two li::after,
.list-fot ul.on li:last-child::after,
.footer-list li:last-child::after,
.cut-line p:last-child::after,
.header-list li:last-child:after{
    display: none;
}
.header-list.snb{
    background: #f7f7fa;
    border: 1px solid #ddd;
    border-radius: 4px;
    height: 30px;
    margin-top: 30px;
}
.header-list.snb li{
    position: relative;
    padding: 5px 12px;
    font-size: 0.938rem;
    border-right: 1px solid #ddd;
    margin: 0; line-height: 20px;
}
.header-list.mobile li.new-tag::before,
.header-list.snb li.new-tag::after{
    position: absolute;
    display: inline-block;
    content: '';
    width: 14px;
    height: 14px;
    /* top: -6px; */
    top: 0;
    right: -4px;
    background: url(../img/header/header_new.png)no-repeat;
    background-size: 100%;
}
.header-list.mobile li.new-tag::before{
    width: 10px;
    height: 10px;
    top: -8px;
    right: 0px;
}
.header-list.snb li::after{
    display: none;
}
.header-list.snb li:last-child{
    border-right: 0;
}
.header-list.mobile{
    display: none;
    position: relative;
}
.header-list.mobile li{
    float: left;
    position: relative;
}
.header-list.mobile li h3{
    font-weight: bold;
}
.header.ver2 .header-list.mobile h3{
    font-weight: 300;
}
.header.ver2 .header-list.mobile li{
    color: rgba(255, 255, 255, .6);
}
.header.ver2 .header-list.mobile li.active h3{
    font-weight: bold;
    color: white;
}
/* .header-list.mobile li:nth-child(2)::after{
    display: none;
} */
.header-list.mobile li:last-child{
    padding: 0;
}
.header-list.mobile .mobile-search{
    display: inline-block; width: 32px; height: 32px; 
    /* background: url(../img/mainIcon/mainSearch.png) center center / 14px 14px no-repeat #f1f1f1; */
    /* background: url(../img/header/header_search_b.png) right 2px center / 16px 16px no-repeat; */
    background: url(../img/header/header_search_b.png) right 2px top 9px / 16px 16px no-repeat;
    border-radius: 50px; color: transparent;
}
.header-title{
    padding: 80px 20px 0;
    display: flex;
    justify-content: space-between;
}
.header-title-inner{
    height: 62px;
    display: flex;
    align-items: center;
    /* padding: 20px; */
}
.header-title-question{
    display: none; align-items: center;
}
.service-center{
    line-height: 60px; font-size: 1rem; color: #6335b4; font-weight: bold;
}
.main-nav{
    padding: 18px 20px 20px;
    background: #f5f5f5;
}
.main-nav-inner{
    display: flex;
    flex-direction: row; margin-bottom: 20px;
}
.main-nav-inner li{
    margin-right: 12px;
}
.main-nav-inner li:nth-child(1) img{
    width: 33.2px; height: 31.2px;
}
.main-nav-inner li:nth-child(2) img{
    width: 30.6px; height: 30.6px;
}
.main-nav-inner li:nth-child(3) img{
    width: 39.6px; height: 25.5px; margin-bottom: 24px;
}
.main-nav-inner li:nth-child(4) img{
    width: 26.2px; height: 27.8px; margin-bottom: 23px;
}
.main-nav-inner li:nth-child(5) img{
    width: 28.4px; height: 27.8px; margin-bottom: 23px;
}
.main-nav-inner li:nth-child(6) img{
    width: 28.1px; height: 25.5px; margin-bottom: 25px;
}
.main-nav-inner li:last-child{
    margin-right: 0;
}
.main-post{
    width: 100%; height: 30px; display: flex; align-items: center;
}
.main-post p{
    width: 100%; display: inline-block;
}
.main-post .i-arrow-r{
    padding-right: 32px; 
}
.main-nav .list-icon{
    width: 104px;
    height: 120px;
    /* border: 1px solid #e9e9e9; */
    border: 1px solid #e4e4e4;
    background: white;
    padding: 20px 17px;
    border-radius: 6px;
    display: flex; flex-direction:column; 
    font-size: 1.125rem;
}
.main-nav .list-icon img{
    margin: 0 auto;
    margin-top: 8px;
    margin-bottom: 18px;
}
/* 메인 탭, 서브 탭 */
.main-tab{
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: white;
    width: 100%;
    height: 66px;
}
.sub-tab{
    width: 100%;
    height: 48px;
    line-height: 46px;
    padding: 0 16px;
}
.sub-tab ul,
.main-tab ul{
    display: flex;
    width: 100%;
    height: 100%;
}
.sub-tab ul li,
.main-tab ul li{
    width: 100%;
}
.sub-tab ul{
    border-radius: 4px;
    overflow: hidden;
}
.sub-tab ul .new-tag,
.main-tab ul .new-tag{
    width: 100%;
    position: relative;
}
.sub-tab ul .new-tag::after,
.main-tab ul .new-tag::after{
    position: absolute;
    display: inline-block;
    content: '';
    width: 6px;
    height: 6px;
    background: #1ab8be;
    border-radius: 50%;
    top: 0;
    right: -11px;
}
.sub-tab .sub-bracket{
    margin-left: 4px; font-weight: normal;
}
.sub-tab .active .sub-bracket .color-text_n{
    font-weight: bold;
}
.main-tab ul li a{
    width: 100%;
    height: 100%;
    display: inline-block;
    text-align: center;
    line-height: 66px;
    font-size: 1.125em;
}
.main-tab ul li a.active{
    position: relative;
    font-weight: bold;
    color: #6335b4;
}
.main-tab ul li a.active::after{
    display: inline-block;
    content: '';
    position: absolute;
    bottom: -3px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    height: 5px;
    background: #6335b4;
    border-radius: 10px;
    z-index: 3;
}
.main-tab .count{
    display: inline-block;
    font-size: 0.875rem; color: #6335b4;
}
.main-tab.column .mobile{
    display: none;       
}
.sub-tab ul li a{
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 1rem;
    background: #f1f1f1;
    /* border: 1px solid #e9e9e9; */
    /* 이게 왜 생겼지,,? */
}
/* 서브 탭 옆에 둥근거 없앰 */
/* .sub-tab ul li:first-child a{
    border-radius: 8px 0 0 8px;
}
.sub-tab ul li:last-child a{
    border-radius: 0 8px 8px 0;
} */
.sub-tab ul li a.active{
    font-weight: bold;
    color: #6335b4;
    background: white;
    border: 1px solid #7f5bc8; border-radius: 4px;
}
/* 리스트 */
/* 메인리스트 */
.list-item{
    display: inline-block;
    width: 100%;
    height: auto;
    background: rgb(245, 245, 245);
    border-bottom: 1px solid #e9e9e9;
}
/* 인기페이지 전체 리스트 */
/* 작명리스트 */
.list-item.naming{

}
.list-item.naming .list-content > div{
    /* width: 100%;  */
    width: calc(100% - 160px);
    height: 100%;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    justify-content: flex-start;
    padding-top: 4px;
}
.list-item.naming .list-content .coin{
    margin-bottom: 18px;
}
.list-item.naming .list-content .coin{
    display: flex; justify-content: space-between; padding-right: 24px;
}
.list-item.naming .list-content .coin .item{
    font-size: 0.875rem; color: #666; font-weight: normal;
}
.list-item .con-right{
    text-align: right;
}
.list-item .con-bot{
    border-top: #e9e9e9 1px solid;
    margin-top: 10px;
    padding-top: 10px;
}
.list-item .list-content .loc{
    margin-top: 10px;
}
.list-item.naming .list-content .naming-title{
    height: auto;
}
/* 흰배경 리스트 inner */
.list-item-inner{
    display: inline-block;
    width: 100%; min-height: 179px; 
    height: auto; 
    border-bottom: 1px solid #e9e9e9; 
    background: white; 
    padding: 0 20px; 
    padding-top: 24px;
    margin-bottom: 6px;
    /* cursor: pointer; */
    position: relative;

    min-height: 182px;
}
/* 흰배경 padding값 inner */
.list-item-inner.ver2{
    padding: 20px 20px 30px;
    width: 100%;
    height: auto; 
    /* min-height: auto; */
}
.list-item-inner.naming-notice .number-set{
    line-height: 26px; font-size: 1rem; 
    margin-top: 12px;
}
.list-item-inner.naming-notice .point{
    padding-left: 12px;
}
.list-item-inner .i-coin{
    background: url("../img/listIcon/listCoin.png") top 4px left / 18px 18px no-repeat;
}
.list-item-inner .more-view .i-arrow-r{
    font-weight: bold;
    background: url("../img/common/arrowRight.png") right top 5px / 5px 9px no-repeat;
}
/* .list-item-inner.naming-notice .point::before{
    left: -10px;
} */
/* popular.html 주간 베스트 리스트 페이징 들어갈 때 수정 */
.list-item.row .list-item-inner{
    display: flex; 
    /* padding-bottom: 83px; */
    padding-bottom: 40px;
}
.list-item.row .list-item-inner li{
    margin-right: 20px;
}
.list-item.row .list-img{
    border-radius: 8px; 
    margin-right: 0;
    height: 108px;
}
.list-item.row .list-img img{
    width: 154px; 
    /* height: 108px; */
    height: 100%;
}
.list-item.row .name{
    font-size: 1rem; margin-top: 6px;
}
.list-item.row .coin{
    font-size: 0.813rem; font-weight: bold; margin-top: 10px;
}
.list-item.row .f666{
    font-size: 0.688rem; color: #666;
}
/* .list-item-ul  */
.list-item:last-child .list-item-inner{
    margin-bottom: 0;
    border-bottom: 0;
}
.order-inner.mymenu{
    min-height: calc(100vh - 308px);
}
.order-inner.mymenu .list-item:last-child{
    border-bottom: 1px solid #e9e9e9 !important;
}
.order-inner.mymenu .list-item:last-child .list-item-inner{
    border-bottom: 1px solid #e9e9e9;
    margin-bottom: 6px;
}
.order-inner.mymenu .list-item-inner{
    display: block;
}
.list-item .intro-tx{
    font-size: 20px;
    color: #222;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 15px;
}
.list-item-inner .f-bold{
    color: #222;
}
.list-item-inner .list-body{
    width: 100%; height: 108px; display: flex;
    font-size: 1rem; 
}
.list-item-inner .list-fot{
    display: flex;
    justify-content: space-between;
    font-size: 0.875rem;
    align-items: center;
    height: 48px;
    background: url(../img/common/arrowBottom.png) right center / 12px 7px no-repeat;
    padding-right: 25px;
    image-rendering: -webkit-optimize-contrast;
}
.list-fot .on li{
    position: relative;
    padding: 0 10px;

    height: 30px;
    align-items: center;
}
.list-fot .on li:first-child{
    padding-left: 0;
}
/* list 리뷰 없을 때 */
.list-fot .review-none{
    font-size: 13px; color: #707070;
}
.list-item-inner .comment-div{
    display: none;
    background: white;
}
.list-item-inner .fot-inner{
    width: 100%;
    height: 143px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    padding: 22px 0 24px;
    display: flex;
    justify-content: space-between;
    line-height: 30px;
    position: relative;
}
/* 메인수정, list 내 댓글 - 닉네임 영역 수정 */
.list-item-inner .list-comment{
    /* width: 79.47%;  */
    /* width: calc(100% - 168px); */
    /* margin-right: 40px; */
    width: 100%;
}
.list-item-inner .fot-inner .comment-link{
    width: 100%; 
    display: flex; justify-content: left;
}
.list-item-inner .fot-inner .comment-link .point{
    width: 100%; min-width: 493px; margin-right: 39px;
}


.list-item-inner .fot-inner .comment-link .comment-count{
    background: #ccc;
    min-width: 18px;
    height: 18px;
    border-radius: 50px;
    color: white;
    font-size: 11px;
    display: flex;
    justify-content: center;
    align-items: center;margin-top: 6px;margin-left: 4px;
}
/* 메인수정 */
.list-item-inner .user-name,
.list-item-inner .fot-inner .number{
    /* min-width: 128px; width: 128px;  */
    /* margin-left: 40px;  */
    /* padding-left: 1rem; */
    
    min-width: 110px; width: 110px; 
    text-align: right;
}
.list-item-inner .more-view{
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.750rem;
}
.list-content{
    display: flex; align-items: center;  width: 100%; 
    border-bottom: 1px solid #e9e9e9; justify-content: space-between;
}
.list-content > div.mlist-inner{
    width: calc(100% - 160px);
}
/* .list-content > div.list-content-inner,
.list-content > div.cut-line{
    width: 100%;
} */
.list-content .name{
    font-size: 1.250rem;
    font-weight: bold;
    /* margin-right: 8px; */
}

.sale .list-item-inner .mlist-inner .name.text-sort{
    line-height: 25px;
}

.visit .list-content .name{
    font-weight: 400;
}
.list-content .naming-title{
    line-height: 1.4;
    padding-right: 30px;
    -webkit-line-clamp: 2;
    font-size: 1.125rem;
    height: 53px;
}
.list-content .list-number{
    font-size: 1rem;
}
.list-content .coin{
    margin-top: 16px;
    margin-bottom: 10px;
    font-size: 1rem;
}
.list-content .list-text{
    color: #999;
    margin-top: 12px;
}
/* 상담사 qna리스트 */
.qna-list li{
    border-top: 1px solid #e9e9e9; height: auto; 
}
.qna-list a{
    line-height: 54px;
}
.qna-list li.active{
    font-weight: bold;
}

/* //////////////////////로그인/입/////////////////// */
.login-wrap .form-input{
    text-indent: 0; padding: 0;
}
.join-inner,
.login-inner{
    /* width: 388px;  */
    width: 400px; /* qa때 변경해달라고함(박남훈)*/
    margin: 0 auto; text-align: center;
}
.login-text{
    font-size: 26px; 
    margin-top: 30px;
}
.login-inner form{
    margin-top: 30px;
}
.login-inner .checkbox-div{
    margin: 16px 0 28px;
}
.login-inner .m24t{
    margin-top: 24px;
}
.login-logout.i-arrow-r{
    margin-top: 24px; display: inline-block; 
    background: url(../img/common/arrowRight.png) right top 4px / 7px 12px no-repeat;
    padding-right: 17px;
}
.login-logout a.link{
    display: inline-block; height :24px; border-bottom:
    1px solid black; text-align: center; font-size: 14px; margin-bottom: 60px;
}
.join-inner .login-text{
    margin-bottom: 30px;
}
.text-box{
    line-height: 24px;
    text-align: center;
    color: #555;
    font-size: 0.875rem;
    margin-top: 10px;
    padding-bottom: 60px;
}
.text-box.pad0{
    padding-bottom: 0;
}
.text-box .color-text{
    color: #6335b4;
}
.text-box.left{
    text-align: left;
}
.use-service{
    display: none; margin-top: 28px;
}
.join-result-inner{
    width: 400px; margin: 0 auto; text-align: center;
}
.join-result-bg{
    position: relative; 
    width: 100%; height: 180px; 
    margin-bottom: 55px;
    margin-top: 10px;
    background: url(../img/banner/welcome_coin.png)no-repeat; 
    background-size: 100%; 
}
.join-result-bg > div{
    position: absolute;
    width: 100%;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
}
.join-result-bg > div p:first-child{
    font-size: 40px; 
    font-weight: 100;
    margin-bottom: 20px; 
}
.join-result-bg > div p:nth-child(2){
    font-size: 1.125rem;
}
.join-result-text{
    line-height: 24px;
}
.join-result-text img{
    width: 138px; height: 167px; 
    margin-bottom: 24px;
}
.join-result-inner.restart img{
    width: 203px; height: 178px; margin-bottom: 40px;
}
.join-result-text .jr-coin{
    font-size: 30px; margin-bottom: 14px; font-weight: 500;
}
.join-result-text .jr-gift{
    margin-bottom: 38px;
}
.join-result-text .jr-link{
    margin-bottom: 36px;
}
.number-rock{
    position: relative; margin-top: 20px;
}
.id-find-wrap .m20t{
    margin-top: 20px;
}
.id-find-wrap .m50t{
    margin-top: 50px;
}
/* //////////////////////인기/////////////////// */
.popular-date{
    display: flex; align-items: center; justify-content: center; 
    background: #f5f5f5; width: 100%; height: 100px;
    border-bottom: 1px solid #eee;
}
.popular-date .text{
    font-size: 1.500rem;
}
.popular-date .white-date{
    background: white; border: 1px solid #e9e9e9; 
    padding: 8px 38px; border-radius: 30px; 
    margin-left: 14px; font-size: 0.875rem;
}
.best-all-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: white;
    padding: 18px 16px 0;
}
.best-all-top > p{
    height: 20px;
}
.best-all-top .i-star_s{
    background: url("../img/listIcon/s_star.png")no-repeat left center / 20px 20px;
    padding-left: 28px; line-height: 20px;
}
.best-all-top .i-review_s{
    background: url("../img/listIcon/s_review.png")no-repeat left center / 20px 20px;
    padding-left: 28px; line-height: 20px;
}
.best-all-top .i-call_s{
    background: url("../img/listIcon/s_call.png")no-repeat left center / 20px 20px;
    padding-left: 28px; line-height: 20px;
}
.best-all-top .more-view{
    font-size: 0.875rem;
}
.best-all-top .i-arrow-r{
    background: url(../img/common/arrowRight.png) right center / 6px 10px no-repeat;
    padding-right: 12px;
}
.list-item.row .i-coin{
    background: url(../img/listIcon/listCoin.png) center left / 14px 14px no-repeat;
    padding-left: 18px;
}

/* //////////////////////상담사 프로필/////////////////// */
.profile-app-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    z-index: 1;
}

.profile-app-wrapper .panel {
    width: 100%;
}
/* 프로필공통 */
.profile-wrap.main .profile-info-img{
    background: url(../img/profile/bg_profile.png)no-repeat;
    background-size: cover;
}
.profile-wrap.main .title{
    font-size: 1.071rem;
}
.profile-wrap.main .list-item-inner.naming-notice .number-set{
    margin-top: 12px;
} 
.profile-wrap.main .i-partner {
    background: url(../img/listIcon/listPartner.png) center left / 20px 20px no-repeat;
    padding-left: 28px;
}
.profile-wrap.main .i-new {
    background: url(../img/listIcon/listNew.png) center left / 20px 20px no-repeat;
    padding-left: 28px;
}
.profile-wrap.main .item-info{
    display: flex; padding-top: 16px; margin-bottom: 42px; font-size: 1rem;
}
.profile-wrap.main .item-info p:first-child{
    /* margin-right: 18px;  */
    height: 20px; line-height: 1.2;
}
.profile-wrap .more-view span{
    font-size: 0.875rem;
}
.profile-wrap .more-view .list_s{
    font-size: 0.750rem;
}
.profile-wrap .title{
    font-size: 1.125rem; font-weight: bold;
}
.profile-wrap .detail-wrap .inner-top{
    border-top: 0;
}
.profile-info{
    width: 100%; height: 236px; background: #f7f7fa; padding: 30px 20px; display: flex;
    border-bottom: 1px solid #e9e9e9;
}
.profile-info.bgWhite{
    background-color: #fff;
}
.profile-info-img{
    border-radius: 4px;
    /* 배경 이미지만 넣기 */
    /* background: url(../img/profile/6657@3x.png)no-repeat; */
    background: url(../img/profile/bg_tarot.png)no-repeat;
    background-size: cover;
    min-width: 276px;
    height: 176px;
    margin-right: 24px;
    border: 0;
    /* text-align: center; */
}
.list-img img{
    position: absolute;
    /* width: 100%; */
    width: 103%;
    /* height: auto; */
    height: 100%;
    left: 50%; bottom: 0;
    transform: translateX(-50%);
}
/* img[src$=".gif"],  */
.list-img img[src$=".png"] {
    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}
.profile-info-img_s img,
.profile-info-img img{
    position: absolute;
    width: 90%;
    /* height: auto; */
    height: 100%;
    left: 50%; bottom: 0;
    transform: translateX(-50%);
}
.profile-info-img.list-img::after{
    min-width: 42px;
    font-size: 0.813rem;
    /* font-size: 0.625rem; */
    padding: 8px;
    top: 10px; left: 10px;
}
.profile-info-img.list-img.chat::after{
    width: 42px;
    height: 47px;
    line-height: 17px;
    padding: 7px;
}
.profile-info-img.img-full img{
    width: 100%;
}
.profile-info-con{
    width: calc(100% - 276px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.profile-info-con .cs-coin{
    font-size: 1.375rem; font-weight: bold; padding: 12px 0;
    color: #222;
}
.profile-info-con .cs-time{
    font-size: 1rem; color: #666; font-weight: normal;
}
.profile-info-inner{
    border-bottom: 1px solid #e9e9e9; padding: 20px 0; line-height: 26px;
}
.profile-info-inner .cs-name{
    font-size: 1.500rem; font-weight: bold;
}
.profile-info-inner .cs-name .cs-number{
    font-size: 1.125rem; 
    font-weight: normal;
}
.profile-info-inner .con{
    font-size: 1rem; margin-top: 8px; line-height: 20px;
}
.profile-info_s{
    background: #f7f7fa; width: 100%; height: 160px; 
    padding: 16px 30px 24px; border-bottom: 1px solid #e9e9e9;
    font-size: 1rem;
}
.counsel-profile{
    display: flex; justify-content: space-between;
}
.profile-info-con_s{
    display: flex; margin-top: 14px;
    padding-left: 12px;
}
.profile-info-img_s{
    width: 138px; height: 88px; position: relative;
    background: url(../img/profile/bg_profile.png)no-repeat; 
    background-size: cover; margin-right: 18px; border-radius: 6px;
    overflow: hidden;
}
.profile-info-img_s.t-tarot{
    background: url(../img/profile/bg_tarot.jpg)no-repeat; 
    background-size: cover; 
}
.profile-info-img_s.t-fortune{
    background: url(../img/profile/bg_fortune.png)no-repeat;
    background-size: cover; 
}
.profile-info-img_s.t-saju{
    background: url(../img/profile/bg_saju.jpg)no-repeat;
    background-size: cover; 
}
.profile-info-inner_s{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.profile-info-inner_s .cs-name{
    font-size: 1.250rem;
    font-weight: bold;
    margin-right: 16px;
}
.profile-info-inner_s .d-flex{
    align-items: center;
}
.profile-info-inner_s .d-flex .i-partner{
    background-size: 20px 20px;
    padding-left: 26px;
}
.profile-info_s.cs{
    padding: 16px 30px 24px 30px;
}
.profile-notice{
    background: white; padding: 20px 20px 30px; width: 100%; height: auto; margin-bottom: 6px; border-bottom: 1px solid #e9e9e9;
}
.profile-notice_bg{
    margin-top: 20px; background: #f5f5f5; padding: 0 114px; border-radius: 8px;
}
.profile-notice_con{
    background: #eee; padding: 40px 50px;
}
.profile-notice_img{
    width: 352px; 
    /* height: 202px;  */
    border-radius: 8px; overflow: hidden;
    min-height: 202px; height: auto;
}
.profile-notice_text{
    margin-top: 20px;
    line-height: 26px;
    word-break: break-all;
}
/* img없을 때 */
.profile-notice_text.img_none{
    margin-top: 0;
}
.profile-notice_con .profile-notice_text:first-child{
    margin-top: 0;
}
.profile-notice_con .profile-notice_img:last-child{
    margin-top: 20px;
}
.month3-more{
    padding: 12px 30px 14px; height: 50px; border-bottom: 1px solid #e9e9e9; font-size: 1rem; align-items: center;
    display: flex; justify-content: space-between; 
}
.month3-more p{
    font-size: 1rem;
    color: #222;
}
.month3-more .i-star,
.month3-more .i-review{
    background-size: 18px 18px;
    padding-left: 24px;
}
.point-text.voice{
    margin-right: 10px;
}
/* 상담스타일 div */
.counsel-style{
    padding: 12px 30px 14px; height: 51px; border-bottom: 1px solid #e9e9e9; 
    font-size: 1rem; display: flex;
    align-items: center;
}
.counsel-style .style{
    margin-right: 9px;
}
/* 맨 위 리스트item일 경우 보여주기(hongProfile.html) */
/* .profile-item-list li:first-child .profile-item-title{
    display: inline-block;
} */
.profile-item-title{
    /* display: none;  */
    font-size: 1.125rem; font-weight: bold; margin-bottom: 18px;
}
.qna-answer{
    display: none; height: auto; border-top: 1px solid #e9e9e9; background: #f5f5f5; 
    padding: 14px 20px 16px; line-height: 28px; font-weight: normal;
    /* padding: 14px 20px 26px; */
}
.qna-answer p{
    line-height: 26px;
}
.post-list{
    padding: 0 30px;
}
.post-list li{
    border-bottom: 1px solid #e9e9e9;
    height: 112px;
}
.post-list .post-list-inner{
    display: flex; justify-content: space-between;
    padding: 20px 0 16px;
}
.post-list .post-content{
    width: 100%; height: 76px; overflow: hidden;
    display: flex; flex-direction: column; justify-content: space-between;
    font-size: 0.875rem; padding: 2px 0;
}
.post-list-inner .title{
    font-size: 1rem;
    font-weight: normal;
    position: relative;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: flex;
    height: 1rem;
}
.post-list-inner .post-title{
    font-size: 1rem;
    font-weight: normal;
    position: relative;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: flex;
    height: 1rem;
}
.post-list .post-content .text-sort{
    margin-right: 4px;
}
.post-list .post-content .comment{
    font-size: 0.875rem; font-weight: bold; line-height: 1.1;
    color: #da4841; margin: 0 2px;
    /* 수정 */
    /* color: #6335b4; margin-left: 8px;  */
}
.post-list .list-info-num{
    display: flex;
    align-items: center;
}
.post-list .list-info-num span{
    margin-right: 12px;
}
.post-list .counsel-info{
    display: flex; color: #999; 
    justify-content: left;
    /* 수정 */
    /* justify-content: space-between;  */
}
.post-list .counsel-info span{
    margin-left: 20px;
}
.post-list .photo{
    margin-left: 20px; max-width: 76px; height: 76px;
    width: 100%;
}
.post-detail-wrap .post-list{
    min-height: 100px; height: auto; display: flex; align-items: center;
}
.post-detail-wrap .post-list .post-content{
    height: 100px; padding: 24px 0;
}
.post-detail-wrap .post-list .post-content .title{
    font-size: 1.125rem; font-weight: bold; 
    padding: 4px 0 6px;
}
.post-detail-wrap .post-list .list-info-num{
    margin-top: 4px;
}
.post-detail-wrap .post_bg{
    background: #f5f5f5;
    padding: 0 114px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}
.post-detail-wrap .profile-notice_con{
    max-width: 452px; margin: 0 auto;
}
.post-detail-wrap .post-list .post-content .date{
    color: #999;
}
.post-detail-wrap .profile-notice_img{
    border-radius: 0;
}
.post-comment{
    padding: 30px 30px 20px; background: white;
}
.comment-write{
    display: flex;
    width: 100%; height: 98px; 
    margin-top: 10px; margin-bottom: 30px;
}
.comment-write textarea{
    border-radius: 4px 0 0 4px; 
    /* background: #f5f5f5;  */
    background: white; border: solid 1px #ddd;
    padding: 16px; font-size: 1rem; 
    width: calc(100% - 100px); height: 100%; 
    resize: none;
}
.post-comment .comment-div li{
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 122px; height: auto; 
    border-top: 1px solid #e9e9e9; 
    font-size: 1rem; padding: 20px 0;
}
.comment-text{
    margin-top: 10px;
    line-height: 26px;
    word-break: break-all;
}
/* 답댓 */
.comment-div.reply li{
    padding-left: 22px;
    background: url(../img/common/reply2png.png)no-repeat left top 22px;
    background-size: 14px 12px;
}
.comment-div.reply li .comment-write{
    margin-bottom: 0px; 
}
.comment-div.reply li .comment-write textarea{
    background: white; border: 1px solid #ddd;
}
.post-dl{
    display: inline-block;
    border: 1px solid #e9e9e9;
    width: 58px; height: 22px; line-height: 16px;
    border-radius: 50px;
    margin-left: 8px;
    text-indent: 0px;
    padding: 2px 10px 2px 22px;
}
/* 상담사 프로필 후기탭 */
.review-top{
    text-align: center; padding: 0 30px; 
    background: #f5f5f5; max-height: 420px;
    border-bottom: 1px solid #eee; 
}
.review-top .review-info{
    border-bottom: 1px solid #e5e4e9; padding: 30px 0 20px;
}
.review-top .review-info .l-text{
    color: #666; font-size: 1rem;
}
.review-top .review-info .real{
    font-size: 1.625rem; margin-top: 14px;
}
.review-body{
    padding: 24px 0 29px; position: relative;
}
.review-body .more-view{
    position: absolute; right: 0; top: 24px;
}
.review-body .counting{
    font-size: 60px; font-weight: bold; 
    margin: 20px 0;
}
.review-body .counting span{
    font-size: 1.125rem; font-weight: normal;
}
.review-body .btn.mint{
    width: 400px;
}
.review-body .count-notice{
    margin: 16px 0 20px; font-size: 0.875rem; color: #666;
}
.review-body .i-star{
    background: url(../img/listIcon/listStar.png) center left / 20px 20px no-repeat;
    padding-left: 22px;
}
.review-body .i-arrow-r{
    background: url(../img/common/arrowRight.png) right center / 5px 9px no-repeat;
    padding-right: 12px;
}
.profile-review{
    background: #f5f5f5;
}
.profile-review .tab-inner{
    width: 100%; background: white; padding: 25px 10px 0;
}
.profile-review .list-item-inner{
    height: auto;
    padding: 26px 30px 24px;
    border-top: 1px solid #e9e9e9;
}
.profile-review .list-item-inner:first-child{
    border-top: 0;
}
.profile-review .list-item-inner:last-child{
    border-bottom: 0;
    margin-bottom: 0;
}
.profile-review .list-item-inner .title{
    font-weight: bold;
    font-size: 1rem;
    display: flex; align-items: center;

    justify-content: space-between;
}
/* 작명..  */
.profile-review .list-item-inner .title-nd{
    display: flex; justify-content: space-between;
}
.profile-review .list-item-inner .title-nd .f999{
    font-size: 0.875rem;
    color: #999;
    line-height: 21px;
}
.profile-review .list-item-inner .star-set{
    display: inline-block; margin: 0 10px;
}
.profile-review .call-info{
    display: flex; justify-content: space-between; 
    border-bottom: 1px solid #e9e9e9; padding: 10px 0 12px;
}
.profile-review .call-info.none{
    padding: 0; 
    /* padding-top: 16px; */
    padding-top: 12px;
}
.color-text_g,
.profile-review .call-info > p{
    color: #999; font-size: 0.875rem; font-weight: normal;
}
.profile-review .call-info > a{
    text-align: end;
    min-width: 40px;
}
.profile-review .counsel-style{
    display: flex; justify-content: left;
    border-bottom: 1px solid #e9e9e9; 
    height: 44px; line-height: 44px; 
    padding: 0;
}
.profile-review .counsel-style > p{
    font-size: 0.875rem; color: #999; position: relative;
    padding: 0 14px;
}
.profile-review .counsel-style > p:first-child{
    padding-left: 0;
}
.profile-review .counsel-style > p:last-child{
    padding-right: 0;
}
.profile-review .comment-img{
    width: 100%; height: auto;
    background: #f5f5f5; margin-top: 16px;
}
.profile-review .comment-img .comment-bg{
    background: #eee;
    max-width: 375px; margin: 0 auto;
    text-align: center; overflow: hidden;
}
.profile-review .comment-img .comment-bg img{
    width: 100%;  height: 240px;
}
.profile-review .comment{
    padding-top: 16px; line-height: 26px; font-size: 1rem;
    word-break: break-all;
}
.profile-review .i-star{
    padding-left: 16px;
}
.comment-answer{
    background: #f5f5f5; padding: 18px 18px 24px; 
    border-radius: 8px; margin-top: 24px;
}
.profile-question .comment-answer{
    margin-top: 18px;
}
.comment-answer .answer{
    margin-top: 12px; line-height: 26px;
    word-break: break-all;
}
.comment-answer .answer.secret{
    color: #999;
}
.list-item-inner.blind-cm{
    min-height: auto; padding: 24px 0;
}
.list-item-inner.blind-cm > div{
    display: flex; align-items: center; flex-direction: column;
}
.list-item-inner.blind-cm > div img{
    max-width: 44px; height: 44px; object-fit: contain; 
}
.list-item-inner.blind-cm > div p{
    color: #aaa; line-height: 1.4; font-size: 0.875rem;
    width: 100%; text-align: center; margin-top: 12px;
}
/* 상담사 프로필 문의탭 */
.qna-notice{
    max-height: 132px; padding: 24px 24px 30px 24px; 
    display: flex; justify-content: space-between;
    background: #f5f5f5; align-items: flex-end;
    border-bottom: 1px solid #e5e4e9;
}
.qna-notice .number-set{
    line-height: 26px;
    width: 100%;
}
.qna-notice .number-set > p{
    color: #666;
}
.qna-notice .number-set > p:first-child{
    margin-bottom: 4px;
    color: #222;
}
.qna-notice .btn.mint{
    min-width: 180px;
    width: 180px;
}
.qna-comment{
    padding: 0 30px;
}
.qna-comment .my-qna{
    display: flex; justify-content: flex-end; align-items: center; 
    position: relative; 
    height: 60px; 
    border-bottom: 1px solid #e9e9e9;
}
.qna-comment .my-qna p{
    font-size: 0.875rem;
}
.profile-question li{
    position: relative; width: 100%; min-height: 97px; height: auto; 
    border-bottom: 1px solid #e9e9e9; padding: 20px 0 20px 64px;
}
.profile-question li::before{
    display: inline-block;
    position: absolute;
    color: white;
    font-weight: bold;
    border-radius: 30px;
    font-size: 0.813rem;
    padding: 6px 9px;
    left: 0;
    top: 20px;
}
.profile-question li .m10l.m4t p:last-child{
    line-height: 0.9;
}
.profile-question li.wait::before{
    content: '답변대기';
    background: #6335b4;
}
.profile-question li.com::before{
    content: '답변완료';
    background: #1ab8be;
}
.question-comment{
    margin-top: 12px; color: #999; line-height: 26px;
}
.profile-question .question-comment{
    margin-top: 8px;
}
/* detail 페이지 */
.inner-top{
    width: 100%; height: 100px; display: flex; background: #f5f5f5;
    border-top: 1px solid #e5e4e9; border-bottom: 1px solid #e5e4e9;
}
.inner-top.column{
    height: 89px;
}
.inner-top.column .item-info{
    flex-direction: column; justify-content: center; line-height: 1.5;
}
.inner-top .item-info{
    display: flex; justify-content: left; align-items: center; 
    width: 400px; margin: 0 auto; 
    background: #f5f5f5;
}
.inner-top .item-info .list-img{
    margin-right: 18px;
}
.inner-top .item-info .cut-line{
    display: flex;
}
.inner-top .coin{
    margin-top: 10px;
}
.inner-top .i-coin_p{
    background: url(../img/listIcon/listCoin_p.png) left top 5px / 16px 16px no-repeat;
    font-weight: bold; font-size: 1rem; padding-left: 24px;
}
.inner-top .f666{
    margin-left: 5px;
}
.inner-body{
    width: 400px;
    min-height: 100%;
    margin: 0 auto;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    padding: 0 16px;
}
.inner-body.ver2{
    padding: 24px 14px; border: 0; width: 100%;
}
.inner-body .gray-box{
    display: none;
}
.inner-body .number-set{
    padding: 24px 0; color: #666;
}
.inner-body .number-set.first{
    border-bottom: 1px solid #e9e9e9;
}
.inner-body .number-set.two{
    padding-bottom: 0;
}
.cc-wrap .inner-body .number-set.three{
    padding-top: 30px;
}
.inner-body .number-set.three{
    padding-top: 0;
}
.inner-body .number-set p:first-child{
    color: #222; margin-bottom: 6px;
}
.inner-body .number-set.normal p:first-child{
    color: #666; margin-bottom: 0;
}
.inner-body .number-set textarea{
    width: 100%; height: 180px; padding: 16px; 
    border-radius: 8px; 
    margin: 12px 0 14px; font-size: 1rem; 
    line-height: 24px; resize: none;
    background: white; border: 1px solid #e5e4e9;
    /* background: #f5f5f5; */
}
.inner-body .number-set .red{
    color: #da4841 !important;
    margin-bottom: 6px; font-size: 0.857rem;
}
.inner-body .number-set .red .f-bold{
    font-size: 1rem;
}
/* inner-body checkbox */
.inner-body .check-box{
    margin-top: -0; display: flex;
}
.inner-body .radio-box{
    margin-right: 36px;
}
.inner-body .radio-4 .radio-box{ 
    margin-right: 26.5px;
}
.inner-body .radio-span{
    top: 4px; transform: initial;
}
.detail-wrap.qna .btn-set{
    padding: 16px 0;
}
/* 시간 선택 */
.inner-body .number-set .point{
    padding-left: 18px;
}
.inner-body .number-set .point::before{
    padding-left: 6px;
}
.inner-body .cs-time-select{
    padding: 30px 0; border-bottom: 1px solid #e9e9e9;
}
.inner-body .cs-payment{
    padding-top: 30px;
}
.inner-body .cs-payment .f-bold,
.inner-body .cs-time-select .f-bold{
    font-weight: bold; font-size: 1.125rem; margin-bottom: 14px;
}
.inner-body .cs-payment .gray,
.inner-body .cs-time-select .gray{
    color: #999;
}
/* 채팅 코인 충전 */
.coin-info_r .my-coin{
    display: flex; width: 100%; height: 84px; 
    margin-top: 14px; padding-top: 16px;
}
.coin-info_r .my-coin > div{
    width: 100%; height: 100%; text-align: center;
}
.coin-info_r .my-coin > div:first-child{
    border-right: 1px solid #e9e9e9;
}
.coin-info_r .my-coin .my{
    font-size: 1.750rem;; font-weight: bold; margin-top: 6px;
}
.coin-info_r .my-coin .use{
    font-size: 1.750rem; color: #da4841; font-weight: bold; margin-top: 6px;
}
/* 카테고리 */
.category-wrap .header-body{
    width: 100%; height: 415px; padding: 33px 0 62px;
}
.partner-ban{
    display: inline-block;
    width: 100%; height: 100%; margin-bottom: 32px;
}
.partner-ban img{
    image-rendering: -webkit-optimize-contrast;
}
.category-logout{
    padding: 30px 16px;
}
.category-wrap.naming .header-body{
    padding: 32px 0 30px; height: 100%;
}
.category-wrap.naming .header-body .header-slide{
    margin-left: 0; margin: 0 auto;
}
/* 마이페이지 */
.mypage-wrap .user-login{
    width: 100%; height: 89px; background: #f5f5f5; 
    border-bottom: 1px solid #e9e9e9; border-top: 1px solid #e9e9e9;
}
.mypage-wrap .user-login-inner{
    display: flex; justify-content: space-between; align-items: center; 
    width: 400px; height: 100%; margin: 0 auto;
}
.mypage-wrap .user-login-inner .btn{
    width: 160px; height: 48px;
}
.mypage-wrap .user-logout-inner{
    width: 400px; height: 100%; font-size: 0.875rem;
    margin: 0 auto; display: flex;
    flex-direction: column; justify-content: center;
}
.mypage-wrap .user-logout-inner .user-nc{
    margin-bottom: 8px;
}
.mypage-wrap .user-logout-inner .user-nick{
    font-size: 1rem;
}
.mypage-wrap .user-logout-inner .coin{
    font-size: 1.625rem; font-weight: bold;
    margin-left: 8px; vertical-align: -5px;
}
.mypage-wrap .user-logout-inner .i-coin_charge{
    background: url(../img/common/coin.png) center left / 12px 13px no-repeat, 
    url(../img/common/arrowRight.png) right top 3px / 5px 9px no-repeat;
    padding-left: 18px; padding-right: 12px;
}
.mypage-wrap .user-logout-inner > div{
    display: flex; justify-content: space-between; align-items: center;
}
.mypage-wrap .mypage-grid{
    background: white;
    padding: 25px 16px; height: 320px;
}
.mypage-wrap .mypage-grid ul{
    display: grid; height: 100%;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr; grid-gap: 10px;
}
.mypage-wrap .mypage-grid ul li{
    background: #eef6f0; border-radius: 14px; border: 1px solid #ebf1ec; overflow: hidden;
    position: relative;
}
.mypage-wrap .mypage-grid ul li.new-tag::after{
    display: inline-block;
    content: ''; position: absolute; top: 8px; right: 8px; border-radius: 50px;
    width: 6px; height: 6px; background: #da4841;
}
.mypage-wrap .mypage-grid ul li:nth-child(n+5){
    background: #eef3f6; border: 1px solid #e8eff3;
}
.mypage-wrap .mypage-grid ul li:nth-child(n+9){
    background: #f6eef5; border: 1px solid #f8eaf6;
}
.mypage-wrap .mypage-grid ul li:nth-child(13) a{
    font-size: 13px;
}
.mypage-wrap .mypage-grid ul li a{
    display: flex; font-size: 0.938rem;
    width: 100%; height: 100%; text-align: center; 
    /* line-height: 1.2; */
    line-height: 1.3;
    align-items: center; justify-content: center; 
}
/* 카테고리 */

.mypage-wrap .mypage-grid.category{
    height: 366px;
    padding: 24px 16px 10px;
}
.mypage-wrap .mypage-grid.category ul{
    grid-template-rows: 104px 104px 104px;
}
.mypage-wrap .mypage-grid.category li{
    background: #f7f7fa !important; 
    border: 1px solid #e9e9e9 !important; 
    border-radius: 4px !important;
}
.mypage-wrap .mypage-grid.category li a{
    font-weight: bold; font-size: 13px;
    flex-direction: column; padding: 16px 0;
    justify-content: space-between;
}
.mypage-wrap .mypage-grid.category li a.f11{
    font-size: 11px;
}
.mypage-wrap .mypage-grid.category li a img{
    width: 40px; height: 40px; object-fit: contain;
}
.mypage-wrap .mypage-grid.category li:nth-child(1) img{
    width: 38px; height: 36.3px;
}
.mypage-wrap .mypage-grid.category li:nth-child(2) img{
    width: 34px; height: 34px; margin-bottom: 2px;
}
.mypage-wrap .mypage-grid.category li:nth-child(3) img{
    width: 40px; height: 41px;
}
.mypage-wrap .mypage-grid.category li:nth-child(4) img{
    width: 34px; height: 32px; margin-bottom: 4px;
}
.mypage-wrap .mypage-grid.category li:nth-child(5) img{
    width: 38px; height: 38px; 
}
.mypage-wrap .mypage-grid.category li:nth-child(6) img{
    width: 42px; height: 31.2px; margin-bottom: 4px;
}
.mypage-wrap .mypage-grid.category li:nth-child(7) img{
    width: 26px; height: 30.2px; margin-bottom: 10px;
}
.mypage-wrap .mypage-grid.category li:nth-child(8) img{
    width: 24.1px; height: 28px; 
}
.mypage-wrap .mypage-grid.category li:nth-child(9) img{
    width: 40px; height: 28.7px; margin-bottom: 6px;
}
.mypage-wrap .mypage-grid.category li:nth-child(10) img{
    width: 34px; height: 34px; margin-bottom: 4px;
}
.mypage-wrap .mypage-grid.category li:nth-child(11) img{
    width: 36px; height: 35px; margin-bottom: 4px;
}
.mypage-wrap .inner-body.main{
    padding: 0;
}
.inner-body.main.pb .menu-list{
    padding-bottom: 139px;
}
.mypage-wrap .inner-body{
    padding: 16px 0; padding-bottom: 80px; background: white;
}
.mypage-wrap .inner-body .gray-box{
    display: block;
}
.inner-body .notice{
    display: inline-block; position: relative; width: 100%; padding: 16px; border-bottom: 1px solid #e9e9e9; font-size: 0.875rem;
    display: flex; align-items: center;
}
.inner-body .notice .text-sort{
    display: -webkit-inline-box;
    width: calc(100% - 7px);
}
.inner-body .benefit-set{
    display: flex; height: 96px; padding: 20px 16px; font-size: 15px;
}
.inner-body .benefit-set > a{
    width: 100%; display: flex; justify-content: space-between; align-items: center; 
    background: #f9f6ef; border-radius: 14px; margin-right: 6px; padding: 16px 14px;
    border: 1px solid #f3efe0;
}
.inner-body .benefit-set .benefit{
    min-width: 228px;
}
.inner-body .benefit-set .i-arrow-r{
    background: url(../img/common/arrowRight.png) right top 4px / 7px 12px no-repeat;
    line-height: 1.2; font-size: 1rem;
}
.inner-body .benefit-set .coupon{
    margin-right: 0; width: 32.5%; min-width: 130px;
}
/* 메뉴리스트 */
.menu-list{
    width: 100%; height: auto;
}
.menu-list li{
    border-bottom: 1px solid #e9e9e9;
    background: url(../img/common/arrowRight.png)no-repeat center right 16px / 7px 12px;
}
.menu-list li a{
    display: inline-block; width: 100%; height: 100%; font-size: 1rem; padding: 16px;
}
/* 상담리스트 */
/* 채팅상담 */
.mypage-wrap.item .list-consult-ul.chat .text-sort{
    /* -webkit-line-clamp: 2; */
    margin-top: 8px;
    color: #666;
    line-height: 1.4;
}
.mypage-wrap.item .list-consult-ul li{
    background: white;
}
.mypage-wrap.item .list-consult-ul li:first-child{
    padding-top: 8px;
}
.mypage-wrap.item .list-consult-ul.chat li:first-child{
    padding: 0; margin-top: 6px;
}
.mypage-wrap.item .list-consult-ul li:last-child{
    border-bottom: 0;
}
.mypage-wrap.item .list-consult-ul li a{
    display: inline-block; width: 100%; height: 100%; background: white; padding: 12px 0px;
}
.mypage-wrap.item .list-consult-ul .list-body{
    display: flex; justify-content: left; align-items: center;
}
.mypage-wrap.item .list-consult-ul .list-img.circle{
    width: 72px; min-width: 72px; height: 72px; margin-right: 14px;
}
.mypage-wrap.item .list-consult-ul .list-content{
    border-bottom: 0; font-size: 0.875rem;
}
.mypage-wrap.item .list-consult-ul.chat .list-content{
    display: inline-block;
    min-height: 40px;
}
.mypage-wrap.item .list-consult-ul.chat .list-content-inner{
    display: flex; justify-content: space-between;
}
.list-alarm-ul .list-content .bracket,
.mypage-wrap.item .list-consult-ul.chat .list-content-inner .bracket{
    font-size: 0.875rem;
    margin-left: 6px; line-height: 16px;
}
.list-alarm-ul .list-content .bracket{
    margin-left: 8px;
}
.mypage-wrap.item .list-consult-ul.chat .list-content-inner .cut-line p:nth-child(2){
    display: flex;
}
.list-alarm-ul .list-content .fred,
.mypage-wrap.item .list-consult-ul.chat .list-content-inner .fred{
    /* font-size: 1rem;  */
    font-weight: bold; font-size: 0.875rem; padding: 0 2px;
}
.mypage-wrap.item .list-consult-ul.chat .list-content-inner .f14{
    font-size: 0.875rem; padding: 0; margin-left: 4px;
}
.mypage-wrap.item .list-consult-ul.chat .list-content-inner .consulting{
    font-size: 0.875rem; color: #6335b4; font-weight: bold;
}
.mypage-wrap.item .list-consult-ul .cut-line{
    display: flex; font-size: 1rem;
}
.mypage-wrap.item .list-consult-ul .cut-line p::after{
    height: 12px;
}
.mypage-wrap.item .list-consult-ul .content{
    margin-top: 10px;
}
.mypage-wrap.item .list-consult-ul .data{
    color: #999;
}
.mypage-wrap.chat-consult .inner-body{
    padding: 0px;
}
.chat-cs .list-item .data{
    margin-top: 4px;
}
.chat-cs .list-item .list-content{
    display: flex !important;
    flex-direction: column !important; 
    align-items: flex-start !important;
    min-height: 60px !important;
}
.chat-cs .list-item .list-content-inner{
    width: 100%;
}
/* 구매리스트 */
.mypage-wrap .list-coin-ul,
.mypage-wrap.item .list-consult-ul,
.mypage-wrap.item .list-item-ul{
    width: 100%; height: auto; padding: 0 16px; background: white;
}
.mypage-wrap.item .list-item-ul li{
    height: auto; background: white;
    /* min-height: 202px;  */
    padding: 22px 0 16px; border-top: 1px solid #e9e9e9; border-bottom: 0;
}
.mypage-wrap.item .list-item-ul li > a{
    display: inline-block; padding-bottom: 16px;
}
.mypage-wrap.item .list-item-ul .list-body{
    display: flex; height: 108px;
}
.mypage-wrap.item .list-item-ul .list-img{
    margin-right: 16px;
}
.mypage-wrap.item .list-item-ul .list-content{
    display: flex; flex-direction: column; justify-content: center; align-items: flex-start; border-bottom: 0;
}
.mypage-wrap.item .list-item-ul li .btn-set{
    margin-top: 0;
}
.mypage-wrap.item .list-item-ul li .btn-set a{
    font-size: 14px; font-weight: normal; height: 40px; line-height: 38px;
}
.mypage-wrap.item .list-item-ul li .btn-set a:nth-child(2){
    margin-right: 16px;
}
.mypage-wrap.item .list-item-ul li .btn-set a:last-child{
    margin-right: 0;
}
.mypage-wrap.item .list-item-ul li .btn-set a span{
    font-weight: 600;
}
.mypage-wrap.item .list-item-ul li .btn-set.n2{
    flex-wrap: wrap;
}
.mypage-wrap.item .list-item-ul li .btn-set.n2 a:first-child,
.mypage-wrap.item .list-item-ul li .btn-set.n2 a:nth-child(2){
    margin-top: 0;
}
.mypage-wrap.item .list-item-ul li .btn-set.n2 a{
    flex: 1 1 40%;
    margin: 8px 0 0 0;
}
.mypage-wrap.item .list-item-ul li .btn-set.n2 a:nth-child(even){
    margin-left: 16px;
}
.mypage-wrap.item .list-item-ul li.refund{
    padding-bottom: 6px;
}
.mypage-wrap.item .list-item-ul li.refund .btn-set{
    display: none;
}
.mypage-wrap.item .list-item-ul .list-content .status{
    font-size: 0.750rem; color: #6335b4;
}
.mypage-wrap.item .list-item-ul .list-content .status.active{
    color: #da4841;
}
.mypage-wrap.item .list-item-ul .list-content .status span{
    font-size: 0.875rem; font-weight: bold;
}
.mypage-wrap.item .list-item-ul .list-content .list-text{
    font-size: 0.938rem; color: #222; margin-bottom: 6px;
}
.mypage-wrap.item .list-item-ul .list-content .coin{
    font-size: 0.875rem; margin-bottom: 12px; margin-top: 14px;
}
.mypage-wrap.item .list-item-ul .list-content .coin .f666{
    font-size: 0.750rem;
    color: #999 !important;
}
.mypage-wrap.item .list-item-ul .list-content .receipt{
    font-size: 0.813rem; margin-top: 8px; white-space: nowrap;
}
.mypage-wrap.item .list-item-ul .mymenu .list-content{
    padding-top: 1px;
}
.mypage-wrap.item.class.status .list-item.class.mymenu .list-content .list-text{
    margin-top: 8px; margin-bottom: 0;
}
.mypage-wrap.item.class .list-item.class.mymenu .list-content .coin{
    margin: 8px 0 0;
}
.mypage-wrap.item.status .list-item-ul .list-item.class.mymenu .list-content p:nth-child(4){
    margin-bottom: 0;
}
.mypage-wrap.item.status .list-item-ul .list-item.class.mymenu .list-content p.receipt + .receipt{
    margin-top: 8px;
}
/* 코인충전리스트 */
.mypage-wrap .list-coin-ul .list-item{
    background: white;
}
.mypage-wrap .list-alarm-ul .list-item:last-child,
.mypage-wrap .list-coin-ul .list-item:last-child{
    border-bottom: 0;
}
.mypage-wrap .list-alarm-ul.bt-1 .list-item:last-child{
    border-bottom: 1px solid #e9e9e9;
}
.mypage-wrap .list-coin-ul .list-body{
    display: flex; justify-content: space-between; align-items: center; 
    font-size: 0.875rem; min-height: 94px;
}
.mypage-wrap .list-coin-ul .list-body .left{
    width: 50.75%; text-align: left; line-height: 1.4;
}
.mypage-wrap .list-coin-ul .list-body .center{
    width: 13.75%; min-width: 55px; text-align: center; line-height: 1.9;
}
.mypage-wrap .list-coin-ul .list-body .right{
    width: 27.5%; text-align: right; line-height: 1.9;
}
.mypage-wrap .list-coin-ul .list-body .f1{
    font-size: 1rem;
}
.mypage-wrap.coin .my-coin{
    display: flex; align-items: center;
}
.mypage-wrap.coin .my-coin .coin-text{
    margin-right: 12px; font-size: 1rem; font-weight: normal;
}
.mypage-wrap.coin .my-coin .coin{
    font-weight: bold; font-size: 1.625rem;
}
.mypage-wrap.coin .user-login-inner{
    justify-content: space-between; font-weight: bold; font-size: 1.125rem;
}
.mypage-wrap.coin .user-login-inner.center{
    justify-content: center;
}
.mypage-wrap.coin .inner-detail .detail-grid{
    margin-top: 0;
}
/* 결제리스트 */
.mypage-wrap.payment{
    border-top: 1px solid #e9e9e9;
}
/* detail grid */
.mypage-wrap.detail{
    border-top: 1px solid #e9e9e9;
}
.inner-detail{
    width: 400px; height: 100%; margin: 0 auto; 
    border-right: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; padding: 16px;
}
.inner-detail .list-img{
    width: 100%; height: 235px;
}
.inner-detail .item-title{
    text-align: center; font-size: 1.500rem; font-weight: bold;
    margin-bottom: 24px; margin-top: 24px;
    display: flex; justify-content: center; align-items: center;
}
.inner-detail .item-title .number{
    font-size: 1.125rem; font-weight: normal; color: #222;
}
.inner-detail .time-text{
    margin-top: 14px; text-align: center; font-size: 0.875rem;
}
.inner-detail .text-ar{
    width: 100%;
    height: 150px;
    padding: 16px;
    border-radius: 8px;
    background: white;
    border: 1px solid #e5e4e9;
    resize: none;
    font-size: 1rem;
    line-height: 1.5;
}
.detail-grid{
    display: grid; 
    grid-template-columns: 33.69% 66.31%; 
    /* grid-template-columns: auto auto;  */
    grid-template-rows: 46px; 
    margin-top: 18px; margin-bottom: 30px;
}
/* mypage_coin_detail.html */
/* mypage_payment_detail.html */
.detail-grid.sm{
    grid-template-columns: 25.3% auto;
}
.list-body .m5l,
.detail-grid .m5l{
    margin-left: 5px;
}
.detail-grid > div{
    padding: 14px; font-size: 1rem; background: white; 
    border-top: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9;
}
.detail-grid > div:nth-child(odd){
    background: #f5f5f5; text-align: left; color: #666; padding-right: 3px;
}
.detail-grid > div:nth-child(even){
    /* text-align: right;  */
    text-align: left;
    border-right: 1px solid #e9e9e9;
}
.detail-grid > div:nth-child(even).r{
    text-align: right;
}
.detail-grid > div:nth-last-child(2),
.detail-grid > div:last-child{
    border-bottom: 1px solid #e9e9e9;
}
/* vip혜택안내 */
.inner-detail.ver2{
    padding: 0 16px; border-left: 0; border-right: 0;
}
.benefit .detail-grid {
    grid-template-columns: 50% 50%; margin-top: 24px; margin-bottom: 20px;
}
.benefit .title-text{
    text-align: center; font-size: 1.125rem; color: #6335b4; font-weight: bold; margin-top: 14px;
}
.benefit .sub-text{
    text-align: center; font-size: 0.875rem; margin-top: 16px;
}
.benefit .detail-grid > div{ 
    text-align: center; background: white; color: #222;
}
.benefit .detail-grid .gr-head{
    font-size: 0.875rem; background: #f5f5f5; text-align: center; color: #666;
}
/* qa - 수정(가운데정렬) */
/* .benefit .detail-grid > div:nth-child(odd){
    padding-right: 14px; text-align: right; 
} */
.benefit .number-set{
    color: #222; padding-top: 0; font-size: 1rem;
}
.benefit .inner-body .number-set .point::before{
    padding-left: 3px;
}
.benefit .inner-body .number-set .point{
    padding-left: 13px; margin-bottom: 0;
}
/* 결제약관 */
.terms .notice-div{
    padding: 14px 0 30px; text-align: center; border-bottom: 1px solid #e9e9e9; font-size: 1.125rem;
}
.terms .inner-body .number-set p{
    margin-bottom: 6px; color: #222; font-size: 1rem;
}
.terms .inner-body .number-set .point{
    margin-bottom: 32px;
}
/* 알림내역 */
.mypage-wrap.alarm .list-item{
    min-height: 86px; height: auto; background: white;
}
.mypage-wrap.alarm .list-item .list-body{
    height: auto; min-height: 86px; padding: 16px 0px;
    display: flex; flex-direction: column; justify-content: center;
}
.mypage-wrap.alarm .list-item .list-content{
    border-bottom: 0;
}
.mypage-wrap.alarm .list-item .data{
    font-size: 0.875rem; color: #999;
}
.mypage-wrap.alarm .list-item .text-sort{
    margin-top: 14px; line-height: 1.5; -webkit-line-clamp: 2;
}
.mypage-wrap.setup .fred{
    font-size: 1rem; color: #da4841; line-height: 24px; margin-top: 12px;
}
/* 고객센터 */
.mypage-wrap.service .inner-body{
    padding-top: 0;
}
.mypage-wrap .service-top{
    width: 100%; height: 149px; background: #f5f5f5; text-align: center; padding: 22px 0 24px; border-bottom: 1px solid #e9e9e9;
}
.mypage-wrap .service-top img{
    width: 37px; height: 36px;
}
.mypage-wrap .service-top .top-text{
    font-size: 1.250em; font-weight: bold; margin-top: 12px; margin-bottom: 14px;
}
.mypage-wrap .service-top .top-content{
    font-size: 1rem; color: #666;
}
.mypage-wrap .service-body{
    padding: 12px 16px 0;
}
.mypage-wrap .service-grid{
    display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 112px 112px 112px; 
}
.mypage-wrap .service-grid > a{
    padding: 20px 0; border-bottom: 1px solid #e9e9e9;
}
/* .mypage-wrap .service-grid > a:nth-last-child(2),
.mypage-wrap .service-grid > a:last-child
{
    border-bottom: 0;
} */
/* .mypage-wrap .service-grid a:last-child .grid-a, */
.mypage-wrap .service-grid a:nth-child(3n) .grid-a{
    border-right: 0;
}
.mypage-wrap .service-grid > a.brdN{
    border-bottom: none !important;
}
.mypage-wrap .service-grid .grid-a{
    display: inline-block; width: 100%; height: 100%; text-align: center;  border-right: 1px solid #e9e9e9;
}
.mypage-wrap .service-grid .grid-a img{
    width: 40px; height: 40px; margin-bottom: 12px;
}
.mypage-wrap .service-grid .grid-a p{
    font-weight: bold; 
    /* font-size: 0.875rem; */
    font-size: 0.938rem;
}
.mypage-wrap .service-grid .grid-a p.sm{
    font-size: 0.786rem; margin-top: 2px;
}
/* 이용안내 */
.bt-0 .inner-top,
.service-wrap .inner-top{
    border-top: 0;
}
.service-wrap .inner-body{
    /* padding: 24px 16px 140px; */
    padding: 24px 16px 80px;
}
.service-wrap .detail-grid{
    margin-top: 0;
}
.service-wrap .benefit .detail-grid > div{
    text-align: right; padding: 14px;
}
.service-wrap .detail-grid > div:nth-child(even){
    text-align: right;
}
.service-wrap .detail-grid > div.gr-head{
    text-align: center;
}
.service-wrap .inner-body .number-set p{
    font-size: 1rem; color: #222;
}
.service-wrap .inner-body .number-set p .count{
    font-size: 1rem;
}
.service-wrap .inner-body .number-set p:first-child{
    margin-bottom: 0;
}
.service-wrap .inner-body .number-set{
    padding: 12px 0 26px; 
}
.service-wrap .item-info{
    font-size: 1.125rem;
}
.service-wrap .flex{
    display: flex; justify-content: space-between;
}
.service-wrap .auto-coin-a{
    background: #f7f7fa; padding: 18px 0 20px; text-align: center; line-height: 2; border: 1px solid #e9e9e9;
}
.service-wrap .l15{
    line-height: 1.5;
}
.service-wrap .inner-body .warn.ver2{
    color: #666; padding-top: 14px; border-top: 1px solid #e9e9e9;
}
.service-wrap .inner-body .number-set .point{
    padding-left: 12px;
}
.service-wrap .inner-body .number-set .point::before{
    padding-left: 2px;
}
.service-wrap .reserv .gray-box{
    display: block;
}
.service-wrap .s060 .inner-body{
    /* padding: 0; padding-top: 24px; */
    padding: 24px 16px 54px;
}
.service-wrap .reserv .inner-body{
    /* padding: 0; padding-top: 24px; */
    padding: 24px 0 38px;
}
.service-wrap .reserv .inner-body .inner-body-inner{
    padding: 24px 16px;
}
.service-wrap .reserv .inner-body .number-set:first-child{
    padding: 0 16px 24px;
}
.service-wrap .reserv .detail-grid{
    grid-template-rows: 40px 40px 40px 40px;
}
.service-wrap .reserv .detail-grid > div:nth-child(odd),
.service-wrap .reserv .detail-grid > div:nth-child(even){
    padding: 10px 14px; background: white; font-size: 1rem; text-align: center; color: #222;
}
.service-wrap .reserv .detail-grid > div.gr-head{
    font-size: 0.875rem; background: #f5f5f5; padding: 13px 14px; color: #666;
}
/* 이용안내(채팅) */
.service-wrap.review .inner-top,
.service-wrap.item .inner-top,
.service-wrap.chat .inner-top{
    border-top: 1px solid #e5e4e9;
}
/* 이용안내(상품) */
.service-wrap.item .m32t{
    margin-top: 6px;
}
.service-wrap.item .inner-body{
    padding-bottom: 54px;
}
/* 이용안내(후기) */
.service-wrap.review .number-set .number::before{
    display: none;
}
.service-wrap.review .number-set .number.ver2{
    padding-left: 20px;
}
.service-wrap.review .indent-text{
    padding: 0 16px; font-size: 0.875rem; line-height: 24px;
}
.service-wrap.review .indent-text .number-set{
    padding: 0px 0px 20px;
}
.service-wrap.review .indent-text .number,
.service-wrap.review .indent-text .point{
    font-size: 0.875rem;
}
.service-wrap.review .indent-text .number{
    padding-left: 10px;
}
.service-wrap.review .indent-text.best .number-set{
    line-height: 22px; padding-bottom: 30px;
} 
.service-wrap.review .number-set.rule{
    padding-bottom: 14px; border-bottom: 1px solid #e9e9e9; line-height: 25px;
}
.service-wrap.review .number-set.rule-sub{
    padding-left: 22px;
}
.service-wrap.review .photo-review{
    width: 100%; height: 203px; border: 1px solid #ddd; margin: 12px 0; position: relative;
}
.service-wrap.review .photo-review img{
    width: 100%;
}
.service-wrap.review .photo-review .ex{
    display: inline-block;
    position: absolute;
    top: -40px;
    right: 14px;
    color: white; font-weight: bold;
    font-size: 14px;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: #6335b4;
    text-align: center;
    padding: 18px 0;
    line-height: 1.3;
}
.service-wrap.review .photo-ex-text{
    text-align: center; font-size: 0.875rem; margin-bottom: 24px;
}
.service-wrap.review .grid-b{
    grid-template-columns: 25% 50% 25%;
    margin: 0 0 20px; 
}
.service-wrap.review .grid-b .g-bg{
    text-align: center; 
}
.service-wrap.review .grid-b > div{
    line-height: 38px; border-left: 0; border-right: 0;
    font-size: 0.813rem; color: #222;
}
.service-wrap.review .grid-b > div:nth-child(3n){
    text-align: right;
}
.service-wrap.review .grid-b > div:nth-last-child(3){
    border-bottom: 1px solid #e9e9e9;
}
.service-wrap.brdT{
    border-top: 1px solid #e9e9e9;
}

/* 마이메뉴 쿠폰 */
.mypage-wrap.coupon .inner-body{
    padding: 0;
}
.mypage-wrap.coupon .service-top{
    height: 151px; padding: 24px 0 25px;
}
.mypage-wrap.coupon .service-top img{
    width: 37px; height: 37px;
}
.mypage-wrap.coupon .service-top .top-text{
    font-size: 1.125rem;
}
.mypage-wrap.coupon .service-top .top-content{
    font-size: 0.875rem; color: #222;
}
.mypage-wrap.coupon .reward{
    padding: 20px 16px 24px;
}
.mypage-wrap.coupon .reward-coin{
    display: flex; justify-content: space-between; 
    padding-bottom: 20px; border-bottom: 1px solid #222; font-size: 1.125rem;
}
.mypage-wrap.coupon .reward-list{
    padding-top: 16px; display: flex; justify-content: space-between; font-size: 0.875rem;
}
.mypage-wrap.coupon .i-coin_charge{
    background: url(../img/common/coupon_star.png) center left / 14px 14px no-repeat, url(../img/common/arrowRight.png) right top 6px / 5px 9px no-repeat;
    padding-left: 20px; padding-right: 12px;
}
.mypage-wrap.coupon .benefit-guide{
    padding: 20px 16px 80px;
}
.mypage-wrap.coupon .benefit-guide .number-set.guide01{
    padding: 0; margin-top: 10px;
}
.mypage-wrap.coupon .benefit-guide .number-set.guide02 p,
.mypage-wrap.coupon .benefit-guide .number-set.guide01 p{
    margin-bottom: 0;
}
.mypage-wrap.coupon .benefit-guide .detail-grid{
    margin-top: 20px;
}
.mypage-wrap.coupon .coupon-number{
    padding: 24px 16px 32px;
}
.mypage-wrap.coupon .number-input{
    width: 100%; height: 100%; position: relative;
}
.mypage-wrap.coupon .number-input input{
    display: block; border-bottom: 1px solid #222; margin-bottom: 32px; width: 100%; padding: 15px 30px 12px 0; font-size: 1.250rem;
}
.mypage-wrap.coupon .close-btn.ver2{
    position: absolute; right: 0; top: 14px;
}
.mypage-wrap.coupon .usable-coupon{
    padding: 24px 16px 80px;
}
.mypage-wrap.coupon .usable-coupon .bracket{
    font-size: 0.875rem; font-weight: normal;
}
.mypage-wrap.coupon .usable-coupon .bracket span{
    margin: 0 2px; color: #da4841; font-weight: bold;
}
.mypage-wrap.coupon .list-coupon-ul li{
    width: 100%; min-height: 106px;
    border-bottom: 1px solid #e9e9e9;
    padding: 16px 0; display: flex; align-items: center;
}
.mypage-wrap.coupon .list-coupon-ul li:last-child{
    border-bottom: 0;
}
.mypage-wrap.coupon .list-coupon-ul img{
    width: 64px; min-width: 64px; height: 64px; margin-right: 16px;
}
.mypage-wrap.coupon .list-coupon-ul .coupon-info{
    font-size: 0.875rem; height: 64px; display: flex; flex-direction: column; justify-content: space-between;                        
}
.list-coupon-ul .coupon-info .c_title{
    font-size: 1rem; font-weight: bold; color: #6335b4;
}
.list-coupon-ul .coupon-info .c_content{
    color: #999;
}
/* 상담사 마이메뉴 */
.mypage-wrap.consult .inner{
    padding: 24px 16px;
}
.mypage-wrap.consult .inner.pb0{
    padding-bottom: 0;
}
.mypage-wrap.consult .inner.pb100{
    padding-bottom: 100px;
}
.mypage-wrap.consult .item-mg{
    margin-top: 16px; display: flex; justify-content: left;
}
.mypage-wrap.consult .item-mg > div{
    text-align: center;
    height: 55px; width: 100%;
    padding: 4px 19px;
    border-right: 1px solid #e9e9e9;
}
.mypage-wrap.consult .item-mg > div:last-child{
    border-right: 0;
}
.mypage-wrap.consult .item-mg .title{
    font-size: 0.875rem;
}
.mypage-wrap.consult .item-mg .count{
    font-size: 24px; margin-top: 8px; font-weight: bold; color: #222;
}
.mypage-wrap.consult .item-mg .count.red{
    color: #da4841;
}
.mypage-wrap.consult .item-mg .count.navy{
    color: #2c0051;
}
.mypage-wrap.consult .menu-list li{
    background: url(../img/common/arrowRight.png)no-repeat center right;
    background-size: 7px 12px;
}
.mypage-wrap.consult .menu-list li:first-child{
    border-top: 1px solid #e9e9e9;
}
.mypage-wrap.consult .menu-list li:last-child{
    border-bottom: 0;
}
.mypage-wrap.consult .menu-list li a{
    padding: 16px 0; color: #666;
}
.mypage-wrap.consult .call-number{
    background: #f7f7fa; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; height: 95px;
    padding: 20px 33px 20px 37px; display: flex; justify-content: space-between; font-size: 0.875rem;
}
.mypage-wrap.consult .call-number .number{
    font-size: 1.500rem; margin-top: 12px;
    color: #222; text-align: left;
}
.mypage-wrap.consult .call-number .m16t{
    margin-top: 16px;
}
.mypage-wrap.consult .inner-body .my-info{
    display: flex; align-items: center; justify-content: space-between; 
    padding: 12px 16px; background: #f5f5f5; border-bottom: 1px solid #e9e9e9;
}
.mypage-wrap.consult .inner-body .my-info-inner{
    display: flex; align-items: center;
}
.mypage-wrap.consult .list-img.circle{
    margin-right: 14px; min-width: 60px; width: 60px; height: 60px;
}
.mypage-wrap.consult .inner-body .my-info-inner .cut-line{
    display: flex; font-size: 0.875rem;
}
.mypage-wrap.consult .inner-body .on-off-check{
    display: flex;
    background: #f5f5f5; border-bottom: 1px solid #e9e9e9; 
}
.mypage-wrap.consult .inner-body .on-off-check .check-set{
    display: flex; justify-content: space-between; font-size: 0.875rem;
    padding: 16px; border-right: 1px solid #e9e9e9; width: 100%;
    color: #ccc;
}
.mypage-wrap.consult .inner-body .on-off-check .check-set.active{
    color: #222;
}
.mypage-wrap.consult .inner-body .on-off-check .check-set:last-child{
    border-right: 0;
}
.mypage-wrap .number-set.fs1r p{
    font-size: 1rem;
}
.mypage-wrap.consult .btn-set{
    margin-top: 12px;
}
.mypage-wrap.consult .inner-body .level .i-arrow-r{
    font-weight: bold; font-size: 12px; padding-right: 10px;
    background: url("../img/common/arrowRight.png") right top 5px / 5px 9px no-repeat;
}
.mypage-wrap.consult .i-calendar{
    background: url(../img/common/calendar.png) center left / 15px 16px no-repeat, url(../img/common/arrowRight.png) right center / 7px 12px no-repeat;
    font-size: 0.875rem; padding-left: 20px; padding-right: 14px;
}
/* 상담상품 관리 */
.mypage-wrap.chat-consult .list-item-ul li:first-child{
    border-top: 0;
}
.mypage-wrap.chat-consult .list-item-ul .list-content .item-number{
    font-weight: bold; margin-top: 10px;
}
.mypage-wrap.chat-consult .list-item-ul .list-content .item-number span{
    font-size: 0.750rem; font-weight: normal;
}
.mypage-wrap.chat-consult .list-item-ul .list-content .item-number span.f-bold{
    font-weight: bold;
}
.mypage-wrap.chat-consult .list-item-ul .list-content .coin{
    margin-top: 10px; margin-bottom: 0;
}
/* 상담가격 */
.mypage-wrap.consult .inner-body{
    padding: 0;
}
.mypage-wrap.consult .inner-body .number-set{
    padding: 16px 0 20px; color: #222;
}
.mypage-wrap.consult .inner-body .number-set p:first-child{
    color: #222; margin-bottom: 0;
}
.mypage-wrap.consult .price-select{
    width: 100%; height: 50px;
    font-size: 1rem; margin-top: 10px;
    -webkit-border-radius: 0;
    box-shadow: none; border: 1px solid #e9e9e9;
    border-radius: 4px;
    padding: 13px 30px 13px 12px;
    -webkit-appearance: none;
    background: url(../img/common/arrowBottom.png) no-repeat right 16px center / 14px 8px;
}
.mypage-wrap.consult .upload-set a{
    margin-bottom: 10px; font-weight: normal; position: relative;
}
.mypage-wrap.consult .upload-set .up-btn-div{
    position: relative; margin-bottom: 10px;
}
.mypage-wrap.consult .upload-set .up-btn-div a{
    margin-bottom: 0; padding-right: 40px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.mypage-wrap.consult .upload-set .up-btn-div > a.close-btn.ver2{
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
    padding-right: 0;
}
.mypage-wrap.consult .upload-set > a:last-child{
    margin-bottom: 14px;
}
.mypage-wrap.consult .upload-set a .close-btn.ver2{
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
}
/* 판매상품 */
.mypage-wrap.item .list-item-ul.buy .list-content{
    font-size: 0.875rem;
    justify-content: space-between;
    padding: 10px 0;
}
.mypage-wrap.item .list-item-ul.buy .list-content .coin{
    margin-top: 0;
}
.list-item-ul.buy .cut-line{
    display: flex;
}
.list-item-ul.buy .cut-line .title{
    font-weight: bold;
}
.list-item-ul.buy .cut-line p::after{
    height: 10px;
}
/* 채팅문의 견적 */
/* .naming-wrap.estimate .sub-tab ul li a{
    border: 0;
} */
.naming-wrap.estimate .sub-tab ul li a.active{
    border: 1px solid #7f5bc8;
}
/* gray-box 색 안보임 ㅠ */
/* .review-before,
.tab-wrap ul,
.sub-tab-wrap{
    background: white;
} */
.naming-wrap.estimate .tab-wrap.sub > div:not(.all){
    display: none;
}
.naming-wrap.estimate .tab-wrap.sub > div{
    padding: 0 16px;
}
.naming-wrap.estimate .tab-wrap.sub ul li:first-child{
    margin-top: 4px;
}
.naming-wrap.estimate .tab-wrap.sub ul li .text-date{
    font-size: 1rem;
}
.naming-wrap.estimate .tab-wrap.sub li{
    height: 124px; padding: 20px 0; border-bottom: 1px solid #e9e9e9;
}
.naming-wrap.estimate .tab-wrap.sub li a{
    height: 100%; display: flex; flex-direction: column; justify-content: space-between;
}
.naming-wrap.estimate .tab-wrap.sub .d-flex{
    display: flex; justify-content: space-between;
}
/* 상담사 정보 */
.mypage-wrap.info .inner-top{
    height: 80px;
}
.mypage-wrap.info .inner-top .item-info{
    justify-content: center;
}
.mypage-wrap.info .inner-body{
    padding: 24px 16px;
}
.mypage-wrap.info .grid-b{
    margin-top: 0;
}
.mypage-wrap.info .inner-body .grid-b .row2{
    grid-row: span 2; display: flex; align-items: center; border-bottom: 1px solid #e9e9e9;
}
.mypage-wrap.info .inner-body .grid-b .row2.bb-0{
    border-bottom: 0;
}
.mypage-wrap.rele .number-set,
.mypage-wrap.info .number-set{
    font-size: 1rem;
}
.mypage-wrap.rele .number-set p,
.mypage-wrap.info .number-set p{
    margin: 0; color: #222;
}
.mypage-wrap.info .grid-b.m24b{
    margin-bottom: 24px;
}
.mypage-wrap.info .number-set.fs1r{
    padding: 0; 
}
.mypage-wrap.info .review-n{
    line-height: 1.8; padding-bottom: 24px; border-bottom: 1px solid #e9e9e9; margin-bottom: 24px;
    letter-spacing: -0.32px;
}
.mypage-wrap.info .partner-n{
    line-height: 1.8;
}
.mypage-wrap.info .partner-btn{
    margin: 20px 0 28px;
}
.mypage-wrap.info .grid-b .br-0{
    border-right: 0;
}
/* 강등조건 */
.mypage-wrap.rele{
    border-top: 1px solid #e9e9e9;
}
.mypage-wrap.rele .inner-body{
    padding: 24px 16px;
}
.mypage-wrap.rele .inner-body .number-set{
    padding: 10px 0 24px;
}
.mypage-wrap.rele .inner-body .grid-b{
    grid-template-columns: 16% 16% 36% 32%;
    margin-top: 0; margin-bottom: 24px;
}
.mypage-wrap.rele .inner-body .grid-b .column2{
    grid-column: span 2;
}
.mypage-wrap.rele .inner-body .grid-b .row5{
    grid-row: span 5;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.6;
}
.mypage-wrap.rele .inner-body .grid-b > div{
    font-size: 0.875rem; text-align: center; padding: 0 6px;
}
.mypage-wrap.rele .inner-body .grid-b > div:nth-child(2n){
    border-right: 0;
}
.mypage-wrap.rele .inner-body .notice-t{
    padding-top: 20px; border-top: 1px solid #e9e9e9; line-height: 1.6;
}
.mypage-wrap.rele .grid-b .left{
    text-align: left !important; padding-left: 10px !important;
}
.mypage-wrap.rele .grid-b .right{
    text-align: right !important; padding-right: 10px !important;
}
/* 1분타로 */
.minute-wrap .info-section{
    font-size: 1rem;
}
.minute-list{
    background: white; padding: 0 30px;
}
.minute-list .post-list{
    height: 104px; border-bottom: 1px solid #e9e9e9; padding: 0;
}
.minute-list .post-list:first-child{
    margin-top: 12px;
}
.minute-list .post-list:last-child{
    border-bottom: 0;
}
.minute-list .post-list-inner{
    display: flex; width: 100%; height: 100%; padding: 12px 0;
}
.minute-list .post-list.column .list-img.circle img{
    height: 100%;
}
.minute-list .minute-img{
    max-width: 125px; min-width: 125px;
    height: 80px; border-radius: 4px; overflow: hidden;
}
.minute-list .post-content{
    font-size: 0.875rem; margin-left: 20px; width: 100%; padding: 6px 0 4px;
}

.minute-list.minute-tarot .post-content-ver2 {
    height: auto;
    padding: 16px 0;
    margin-left: 20px;
}

.minute-list.minute-tarot .post-content-ver2 .text-sort {
    margin-top: 10px;
}

.minute-list .post-content p{
    height: 0.875rem;
}

.minute-list.minute-tarot .post-content-ver2 p{
    height: 1.01rem;
}

.minute-list .post-content .title{
    font-weight: bold; font-size: 1rem; color: #222; height: 1rem;
}

.minute-list.minute-tarot .title{
    font-weight: bold; font-size: 1rem; color: #222; height: 1rem;
}
.minute-list .post-content .text-sort{
    color: #666;
}
.minute-list .post-content .data{
    color: #999;
}
.minute-list .comment{
    border: 1px solid #ddd; border-radius: 6px;
    text-align: center; background: white;
    display: flex; flex-direction: column; justify-content: space-between;
    min-width: 60px; height: 100%; padding: 20px 0; font-size: 0.813rem;
}


.minute-list .post-content .data span{
    margin-left: 12px; color: #222;
}
.minute-list .list-img.circle{
    margin-right: 0; width: 80px;
}
.minute-wrap.bt-1,
.post-detail-wrap.bt-1{
    border-top: 1px solid #e9e9e9;
}
.post-detail-wrap .minute-tarot-img{
    width: 352px; height: 538px; position: relative; margin: 0 auto;
}
.post-detail-wrap .minute-tarot-img img{
    width: 100%; height: 100%; object-fit: cover;
}
.post-detail-wrap .minute-tarot-img .tarot-start{
    display: inline-block;
    position: absolute;
    width: 140px; height: 44px; background: white;
    padding: 2px; border-radius: 50px;
    left: 50%; transform: translateX(-50%); bottom: 60px;
}
.post-detail-wrap .minute-tarot-img .tarot-start_inner{
    background: #6335b4;
    border-radius: 50px;
    text-align: center;
    line-height: 40px;
}
.post-detail-wrap .minute-tarot-img .tarot-start_inner .i-arrow-r_w{
    color: white; font-size: 1rem; font-weight: bold;
}
.tarot-check{
    position: absolute; top: 50%; transform: translateY(-40%);
}
.tarot-check > div {
    text-align: center;
}
.tarot-check > div a img{
    width: 30% !important;
}
.tarot-check > div a.active img{
    transition: 2s;
    opacity: 0;
}
/* 1분타로 상세 */
.post-detail-wrap .profile-notice_con.result{
    padding-top: 80px;
    background:url(../img/banner/1m_tarot_pc.png)no-repeat #8863a8; background-size: 100%;
}
.post-detail-wrap .profile-notice_con.result .detail-title{
    color: white; font-size: 1.625rem; font-weight: bold;
    text-align: center; margin-bottom: 28px;
}
.post-detail-wrap .profile-notice_con.result .minute-tarot-img{
    width: 236px; height: 400px; margin: 0 auto; margin-bottom: 32px;
}
.post-detail-wrap .profile-notice_con.result .detail-text{
    width: 352px; height: auto; margin: 0 auto;
    /* height: 340px;  */
    padding: 18px 16px 24px; background: #faf3ff;
    border: 1px solid #8250ac; border-radius: 8px;
}
.post-detail-wrap .profile-notice_con.result .mean,
.post-detail-wrap .profile-notice_con.result .card{
    color: #555; padding-bottom: 14px; border-bottom: 1px solid #ded7ee;
}
.post-detail-wrap .profile-notice_con.result .mean{
    padding: 14px 0;
}
.post-detail-wrap .profile-notice_con.result .content{
    color: #222; padding-top: 14px; line-height: 1.9; letter-spacing: -0.5px;
}
.post-detail-wrap .profile-notice_con.result .reset-btn{
    display: inline-block; width: 100%; height: 30px; text-align: center; margin-top: 32px;
}
.post-detail-wrap .result .reset-btn img{
    width: 28px; height: 28px;
}
.post-detail-wrap .result .reset-btn p{
    color: white; font-weight: bold; font-size: 0.875rem; padding-top: 10px;
}
/* 칼럼,인터뷰 */
.column-div{
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    margin-top: 26px; 
}
.profile-notice_con.column-space .profile-notice_img:not(:first-child){
    margin-top: 20px;
}
.column-div .column-number{
    color: #540191; text-align: center;
}
.column-div .column-number span{
    display: inline-block; width: 24px; height: 24px; 
    text-align: center; background: #540191; color: white; font-size: 0.875rem;
    border-radius: 50px; line-height: 22px; font-weight: bold; margin-left: 4px;
}
.column-div .column-title{
    font-size: 1.250rem; font-weight: bold; text-align: center; margin-top: 12px;
}
/* 홍툰 */
.minute-list.hongtoon .new-tag{
    position: relative;
}
.minute-list.hongtoon .new-tag::after{
    display: inline-block;
    content: ''; width: 16px; height: 16px;
    background: url(../img/common/toon_new.png)no-repeat center center;
    background-size: 100%; margin-left: 10px;
    transform: translateY(2.5px);
}
.minute-list.hongtoon li{
    height: 120px;
}
.minute-list.hongtoon .toon-img{
    width: 96px; min-width: 96px; height: auto; 
    border-radius: 8px; overflow: hidden;
}
.minute-list.hongtoon .post-content{
    height: auto; padding: 25px 0;
}
.minute-list.hongtoon .post-content .title{
    color: #222; display: -webkit-box;
}
.minute-list.hongtoon .post-content .data span{
    margin-left: 0; margin-right: 12px;
}
.minute-list.hongtoon .comment{
    height: auto; margin: 8px 0;
}
.post-detail-wrap.hongtoon .post_bg{
    padding: 30px;
}
.post-detail-wrap.hongtoon .btn-set{
    max-width: 352px; margin: 40px auto 10px;
}
.post-detail-wrap.hongtoon .d-flex{
    display: flex; align-items: center;
}
.post-detail-wrap.hongtoon .comment-div.reply .checkbox-div > p{
    font-size: 0.875rem;
}
.if-cm{
    margin-right: 20px; display: flex; align-items: center;
}
.if-cm > a::after{
    display: inline-block;
    content: '';
    width: 1px; height: 12px; background: #ccc;
    margin: 0 8px;
}
.if-cm > a:last-child:after{
    display: none;
}
.if-cm .cm-like > span{
    padding-right: 20px; font-size: 0.875rem;
    color: #da4841; 
    background: url(../img/common/cm_like.png)no-repeat right center; 
    background-size: 14px 13px;
}
.if-cm .cm-like.dis > span{
    color: #707070; 
    background: url(../img/common/cm_dislike.png)no-repeat right top 4px; 
    background-size: 14px 13px;
}
.if-cm .cm-like.active > span{
    background: url(../img/common/cm_like_active.png)no-repeat right center; 
    background-size: 14px 13px;
}
.if-cm .cm-like.dis.active > span{
    background: url(../img/common/cm_dislike_active.png)no-repeat right top 4px; 
    background-size: 14px 13px;
}
/* 답글버튼 */
.recm-btn{
    display: inline-block;
    border: 1px solid #e9e9e9; 
    font-size: 0.813rem; 
    width: 100%; max-width: 98px; padding: 8px 12px; border-radius: 4px; margin-top: 20px;
    background: url(../img/common/arrowBottom.png)no-repeat right 12px center / 9px 5px;
}
.recm-btn.active{
    background: url(../img/common/arrowTop.png)no-repeat right 12px center / 9px 5px;
}
/* 홍툰후기 */
.profile-wrap.hongtoon{
    border-top: 1px solid #e9e9e9;
}
.profile-wrap.hongtoon .review-top{
    max-height: 100%; height: auto; overflow: hidden;
}
.profile-wrap.hongtoon .review-info{
    border-bottom: 0; padding: 30px 0 20px; 
}
.profile-wrap.hongtoon .review-body{
    padding: 0 0 35px; 
}
.profile-wrap.hongtoon .review-body .count-notice{
    margin-bottom: 36px;
}
.profile-wrap.hongtoon .hong-photo{
    display: flex;
}
.profile-wrap.hongtoon .hong-photo > a{
    display: inline-block; 
    width: 153px; height: 153px; 
    margin-right: 16px; border: 1px solid #e9e9e9; border-radius: 4px;
}
.profile-wrap.hongtoon .hong-photo > a:last-child{
    margin-right: 0;
}
.profile-wrap.hongtoon .hong-hand{
    display: inline-block; width: 400px; margin-top: 24px;
    font-size: 0.875rem; font-weight: normal;
}
.profile-wrap.hongtoon .hong-hand .i-arrow-r{
    background: url(../img/common/arrowRight.png) right center / 9px 12px no-repeat;
}
.profile-wrap.hongtoon .profile-review{
    margin: 24px 0;
}
.profile-wrap.hongtoon.renewal .profile-review{
    margin: 0;
}
.profile-wrap.hongtoon .sub-tab{
    padding: 0 30px; background: white;
}

/* 단골리스트 */
.event-wrap.custom{
    padding-top: 0;
}
.custom-top{
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    background: #f5f5f5;
    height: 92px; padding: 20px 0;
    font-size: 1.125rem; text-align: center; line-height: 1.4;  
}
.custom .list-controller{
    align-items: center;
}
.custom .custom-select{
    max-width: 111px; width: 100%; height: 30px; line-height: 28px;
    font-size: 0.875rem; color: #222;
    border: 1px solid #e9e9e9; border-radius: 20px; 
    text-align: center; 
    text-align-last: center;
    text-align: center;
    -ms-text-align-last: center;
    -moz-text-align-last: center;
    text-indent: initial;
}
.custom .custom-select option{
    transform: translateX(-50%);
}
.custom-logout{
    text-align: center; padding: 100px 160px 500px;
}
.custom-logout > p{
    margin-bottom: 24px; font-size: 1rem;
}
/* 파트너 신청 */
.contract-wrap{
    border-top: 1px solid #e9e9e9;
}
.contract-wrap .number-set .number{
    font-size: 1rem;
}
.contract-wrap .checkbox-div{
    border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; padding: 16px 0;
}
.contract-check .form-input{
    border-bottom: 1px solid #e9e9e9;
    height: 40px; margin-bottom: 40px; font-size: 1rem;
}
.contract-check label:first-child .label-text{
    margin-top: 22px;
}
/* 유튜브 상세페이지 */
.sns-wrap{

}
.youtube-div{
    padding: 24px 30px;
}
.youtube-div .ytb-p{
    font-size: 14px; color: #222; line-height: 22px; margin-top: 24px;
}
.youtube-top .data{
    color: #999; font-size: 1rem;
}
.youtube-top .data span{
    margin-left: 8px;
}
.youtube-top .data span:first-child{
    margin-left: 0;
}
.youtube-top .title{
    font-weight: bold; color: #222; font-size: 18px; margin-top: 12px;
}
.youtube-body{
    width: 100%; height: 423px; border: 1px solid #e9e9e9; 
    margin-top: 24px; margin-bottom: 24px; 
    border-radius: 8px; overflow: hidden;
}
.youtube-text{
    color: #da4841; font-weight: bold; text-align: center; font-size: 0.875rem;
}
.sns-wrap .profile-info_s{
    border-top: 1px solid #e9e9e9;
}
.sns-wrap .profile-info_s .i-arrow-r{
    font-size: 0.875rem;
}
.partner_result .inner-detail .text-notice{
    text-align: center; font-size: 0.875rem; padding: 8px 0 16px; line-height: 1.5;
}
.partner_result .detail-grid{
    grid-template-columns: 33.69% 66.31%;
}
.partner_result .detail-grid > div:nth-child(even){
    text-align: left;
}
.partner_result .detail-grid > div img{
    width: 84px; height: 77px; border-radius: 4px; overflow: hidden; border: 1px solid #e9e9e9;
}
.partner_result .detail-grid .center{
    display: flex; align-items: center;
}
.partner_result .detail-grid .content{
    line-height: 1.5;
}

/* style.css 추가 */
.writable-review .writable-list li:last-child .list-inner, 
.naming-wrap .writable-list li:last-child .list-inner{
    border-bottom: 0;
}
.naming-wrap .writable-list .cs-name .comment{
    margin-left: 6px; font-size: 0.875rem; font-weight: normal;
}
.naming-wrap .writable-list .cs-name .comment span{
    margin: 0 2px; color: #da4841; font-weight: bold;
}
.input-wp label .fred{
    font-size: 12px; font-weight: normal; vertical-align: 2px;
    margin-left: 5px;
}
.event-end-message.bt-1{
    border-top: 1px solid #e9e9e9;
}
.list-item-inner .event-end-message,
.list-item-inner .end-message{
    padding: 6px 0;
}
.list-item-inner .event-end-message img,
.list-item-inner .end-message img{
    width: 40px;
    height: 40px;
    margin-bottom: 2px;
}
.list-board-ul li > a.detail-link{
    /* display: flex;  */
    width: 100%; justify-content: space-between;
}
.mypage-wrap.cs-post .content.text-sort,
.list-board-ul li > a.detail-link .text-sort{
    width: 100%;
}
.list-board-ul li > a.detail-link .text-sort,	
.mypage-wrap.cs-post .content.text-sort{	
    -webkit-line-clamp: 2;	
}
.list-board-ul li .num, .list-board-ul li .type{
    min-width: 14%;
}
.mypage-wrap.question .help-text{
    line-height: 28px; padding-top: 16px;
}
/* 판매상품 동의약관 추가 */
.item-add-terms{
    padding: 24px 16px;
}
.item-add-terms .check-text{
    margin-bottom: 8px; font-size: 12px;
}
.item-add-terms .checkbox{
    margin: 0 0 8px !important; color: #666; height: initial; line-height: 26px;
    background: url(../img/common/check_off.png) no-repeat left top 5px / 18px 18px;
}
.item-add-terms .fred{
    padding-left: 25px;
}
.item-add-terms .text-bg_gray{
    display: none;
    font-size: 0.688rem; height: 200px; line-height: 20px;
}
.item-add-terms .text-bg_gray strong{
    font-size: 0.750rem;
}
.item-add-terms .text-bg_gray.active{
    display: block;
}
.mypage-wrap.cs-chat-consult .list-item .list-body .list-left{
    min-height: 54px;
}
.level-grid .grid-l{
    width: 100%; display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-template-rows: 67px repeat(50, 36px);
    font-size: 12px; background: white; text-align: center;
}
.level-grid.guide-box{
    padding: 0 !important;
    border: 0 !important;
}
.level-grid .grid-l > div{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9;
    line-height: 1.5;
}
.level-grid .grid-l .white{
    grid-row-start: 2; grid-row-end : span 2;
}
.level-grid .grid-l .yellow{
    grid-row-start: 4; grid-row-end : span 3;
}
.level-grid .grid-l .green{
    grid-row-start: 7; grid-row-end : span 3;
}
.level-grid .grid-l .blue{
    grid-row-start: 10; grid-row-end : span 6;
}
.level-grid .grid-l .orange{
    grid-row-start: 16; grid-row-end : span 8;
}
.level-grid .grid-l .red{
    grid-row-start: 24; grid-row-end : span 12;
}
.level-grid .grid-l .purple{
    grid-row-start: 36; grid-row-end : span 16;
}
.level-grid .grid-l > div > p{
    margin-top: 0 !important;
}
.level-grid .grid-l .br-1{
    border-right: 1px solid #e9e9e9;
}
.level-grid .grid-l .bb-1{
    border-bottom: 1px solid #e9e9e9;
}
.level-grid .grid-l .title{
    background: #f6f6f6; 
}
.review-cs-in .counselor-info-con + .counselor-info-con{
    display: flex; align-items: center;
}
.review-cs-in .counselor-info-con + .counselor-info-con .t-best{
    margin-left: 10px;
}
.review-cs-in .mobile{
    display: none;
}





/* 판매상품현황, 판매상품 등록관리 외 다른 곳 css 먹을경우 수정 */
.mypage-wrap.item.status .list-item-ul .list-content p:nth-child(3){
    margin-top: 8px; margin-bottom: 8px;
}
.mypage-wrap.item.status .list-item-ul .list-content p:nth-child(4){
    margin-bottom: 4px;
}
.mypage-wrap.item.status .list-item-ul .list-content .text-sort.txt-s{
    margin-top: 0px !important; margin-bottom: 0px !important;
}
.mypage-wrap.item .list-item-ul .btn-set a:first-child,
.mypage-wrap.item.chat-consult .btn-set a:first-child,
.mypage-wrap.item.status .btn-set a:first-child{
    display: none;
}
/* ㅂㅣ밀번호 mypage_hongpay_password.html */
.pay-reg.password .pin-password{
    position: relative;
}
.pay-reg.password .pin-password label{
    position: absolute;
    width: 100%; height: 50px;
}
.mypage-wrap.withdrawal .info-list{
    height: 218px; overflow-y: scroll;
}


.file_fld {
    display:none;
}
/* 미리보기 */
.profile-wrap.preview .list-item:last-child{
    border-bottom: 0;
}
.profile-wrap.preview .pre-btn{
    text-align: center; background: white; padding-top: 30px;
}
.profile-wrap.preview .btn.mint{
    max-width: 324px;
}
/* 이벤트 디폴트 페이지 */
.event-detail,
.event-wrap .default {
    line-height: 0; position: relative;
}
.event-detail img[src$=".jpg"],
.event-detail img[src$=".png"],
.event-wrap .default img[src$=".png"]{
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}
.event-wrap .default .slide{
    position: relative;
}
.event-wrap .default .swiper-img,
.event-wrap .default .swiper-message{
    position: absolute; width: 90%;
    bottom: 80px; left: 50%; transform: translateX(-50%);
    display: flex; justify-content: center; align-items: center;
    z-index: 3;
}
.event-wrap .default .img.swiper-pagination,
.event-wrap .default .message.swiper-pagination{
    width: 100%; height: 35px; bottom: 40px; z-index: 3;
}
.event-wrap .default .message.swiper-pagination{
    height: 10px;
}
.event-wrap .default footer{
    position: fixed; max-width: 658px; width: 100%; bottom: 0; height: 120px; z-index: 5; padding: 16px;
    background: rgba(255, 255, 255, 0.9); 
    border: 1px solid rgba(0, 0, 0, .15); border-bottom: 0;
    display: flex; justify-content: space-between;
}
.event-wrap .default footer a{
    width: 100%; height: 100%; margin-right: 16px; border-radius: 4px; overflow: hidden;
}
.event-wrap .default footer a:last-child{
    margin-right: 0px;
}
.event-wrap .default .swiper-pagination.message .swiper-pagination-bullet{
    width: 10px; height: 10px; background: #8250ac;
    margin: 0 10px;
}
.event-wrap .default .swiper-pagination.img .swiper-pagination-bullet{
    /* width: 35px; height: 35px; margin: 0 12px; */
    width: 50px; height: 50px; margin: 0 20px;
    background: url(../img/event/member_event_select_1.png)no-repeat;
    background-size: 100% 100%; 
}
.event-wrap .default .swiper-pagination.img .swiper-pagination-bullet:nth-child(2){
    background: url(../img/event/member_event_select_2.png)no-repeat;
    background-size: 100% 100%;
}
.event-wrap .default .swiper-pagination.img .swiper-pagination-bullet:nth-child(3){
    background: url(../img/event/member_event_select_3.png)no-repeat;
    background-size: 100% 100%;
}
.event-wrap .default .swiper-pagination.img .swiper-pagination-bullet:nth-child(4){
    background: url(../img/event/member_event_select_4.png)no-repeat;
    background-size: 100% 100%;
}
.event-wrap .default .btn-set{
    position: absolute; padding: 0 30px; display: flex; bottom: 160px;
}
.event-wrap .default .btn-set a{
    margin-right: 20px; display: inline-block;
    width: 100%; height: 100%;
}
.event-wrap .default .btn-set a:last-child{
    margin-right: 0;
}




/* 로딩바 */
.loading-image,
.section-loading-top{
    text-align: center;
}
.loading-image img,
.section-loading-top img{
    width: 45%;
}
.spinnerbox.absol{
    /* position: absolute; */
    position: fixed;
    top: 50%; left: 50%; z-index: 2;
    transform: translate(-50%, -50%);
}
/* .list-loading, */
.spinnerbox-inner.all{
    width: 100px; height: 100px;
    background: rgba(61, 0, 112, .7);
    border: 0;
}
.list-loading{
    margin: 0 auto; width: 100%; text-align: center;
    background: transparent; height: auto;
    background: white;
}
.list-loading img{
    width: 60px;
    height: 18px;
    margin: 30px 0;
    text-align: center;
}
.spinnerbox-inner.all .spinner{
    position: absolute;
    top: 25%; left: 25%; 
    width: 50px; height: 50px;
    border: 6px solid #896cc4;
    border-top: 6px solid white;
}
.spinnerbox-inner.all .spinner::before,
.spinnerbox-inner.all .spinner::after{
    display: none;
}
/* 진행바 */
progress {
    border-radius: 7px !important;
    width: 100%; height: 10px; margin: 10px 0;
    -webkit-appearance: none;
}
.my-message.chat-img progress{
    float: right;
}
progress::-webkit-progress-bar {
    background-color: gray;
    border-radius: 7px !important;
}
progress::-webkit-progress-value {
    background-color: #7b54c4;
    border-radius: 7px !important;
}
progress::-moz-progress-bar {
/* style rules */
}
.sangdam-probar{
    padding-left: 44px;
}

/* qa진행시 추가 */
/* 작업물 다운로드 최대3개 버튼 여백추가 */
.down-max3 a{
    margin-bottom: 12px;
}
.down-max3 a:last-child{
    margin-bottom: 0;
}
/* 알림설정 warn 패딩값 */
.mypage-wrap.alarm.setup .number-set{
    padding: 0; 
}
.mypage-wrap.alarm.setup .warn::before,
.mypage-wrap.alarm.setup .fred{
    color: #da4841;
}
.item-list-ul.end{
    padding-top: 24px;
}
.mypage-wrap.status.sell .month-tt .nm{
    font-weight: normal; margin-right: 14px;
}
/* 후기쓰기 */
.profile-wrap.review-wrap .checkbox{
    height: 20px; color: #666;
}
.profile-wrap.review-wrap .text-bg_gray{
    font-size: 13px; height: 353px;
}
.profile-wrap.review-wrap .text-bg_gray strong{
    font-size: 0.875rem;
}
.profile-wrap.review-wrap .text-bg_gray .number-set{
    display: inline-block; font-size: 13px; line-height: 23px; margin-top: 10px;
}
.profile-wrap.review-wrap .text-bg_gray .number-set .point{
    display: inline-block;
}
/* 프로필 상세페이지 - 작명 */
.list-item-inner .naming-item{
    display: flex; align-items: center; justify-content: space-between; margin-top: 6px;
}
/* 홍툰 리뷰 */
.review-cs .review-dg{
    display: flex; justify-content: space-between; align-items: center; margin-top: 8px;
}
/* 공지사항 마크업변경 - 공지사항 타이틀 삭제 , 날짜 아래로 */
.mypage-wrap.alarm.notice .list-item .text-sort{
    margin-top: 0;
    margin-bottom: 8px;
}
/* 동그란 작명 이미지 */
.list-consult-ul.chat .list-img.tag-none.circle img{
    height: 100%;
}
/* 채팅 카테고리 밑줄 추가 */
.category-wrap.bt-1,
.category-wrap.chat{
    border-top: 1px solid #eee;
}
/* 공지사항 디폴트 페이지 */
/* 주석처리 기존 공지사항 페이지와 달라서 */
.mypage-wrap.notice .notice-default{
    /* background: #f5f5f5;  */
    height: 100%; min-height: 100%; 
    /* padding: 30px 0 80px; border-top: 1px solid #e9e9e9; */
    margin-top: 8px;
}
.mypage-wrap.notice .notice-default .inner-default{
    max-width: 400px; width: 100%; margin: 0 auto; height: 100%; 
    background: white;
    /* border: 1px solid #e5e4e9;  */
}
.mypage-wrap.notice .notice-default .default-top{
    background: #ffdb4a; width: 100%; height: 64px; line-height: 64px;
    border: 1px solid #e8c63e;
}
.mypage-wrap.notice .notice-default .default-top p{
    font-size: 1.125rem; font-weight: bold; text-align: center;
}
.mypage-wrap.notice .notice-default .default-body{
    /* padding: 16px; */
}
.mypage-wrap.notice .notice-default .default-body > div{
    padding: 23.5px 0 27.5px;
    border-top: 1px dashed #c1c1c1;
}
.mypage-wrap.notice .notice-default .default-body > div:first-child{
    border-top: 0; text-align: center; padding-top: 24px; line-height: 27px;
}
.mypage-wrap.notice .notice-default .default-body > div:first-child > .title{
    font-size: 1.250rem; font-weight: bold; margin-bottom: 10px;
}
.mypage-wrap.notice .notice-default .default-body > div:first-child > p{
    font-size: 1.125rem;
}
.mypage-wrap.notice .notice-default .default-body > div:last-child{
    line-height: 28px; padding: 23.5px 0 20px; 
}
.mypage-wrap.notice .notice-btn-set{
    display: flex;
}
.mypage-wrap.notice .notice-btn-set a{
    margin-top: 20px;
}
.mypage-wrap.notice .notice-btn-set a:first-child{
    margin-right: 16px;
}
.notice-default .number-set{
    font-size: 1rem; margin-top: 10px; color: #222; 
    padding: 0;
}
.notice-default .number-set p:first-child{
    margin-bottom: 0 !important;
}
.notice-default .number-set .point::before{
    left: 2px;
}
.mypage-wrap.notice .notice-default .warn.ver2::before{
    color: #da4841;
}
.mypage-wrap.notice .notice-default .warn.ver2{
    font-size: 1rem; color: #da4841;
    font-weight: bold; margin-top: 10px;
    padding-left: 20px;
}
.mypage-wrap.notice .notice-default .default-body > div:last-child .warn.ver2{
    margin-bottom: 20px; margin-top: 0; padding-left: 0;
}
/* 작명 상담사 상세페이지 디자인변경 */
/* 프로필 이미지 100% */
.profile-info-img.w100 img,
.list-img.w100 img,
.profile-wrap.naming .profile-info-img img{
    width: 100%;
}
.profile-wrap.naming .profile-info-inner{
    display: flex; align-items: center;
    padding: 0; padding-bottom: 15px;
}
.profile-wrap.naming .cs-name.text-sort{
    -webkit-line-clamp: 3;
    line-height: 36px;
    font-size: 24px;
}
.profile-wrap.naming .coin-share{
    display: flex; align-items: center; justify-content: space-between;
}
.profile-wrap.naming .profile-info-con .cs-coin{
    padding: 14px 0;
}
.mypage-wrap.notice-detail .inner-body{
    padding-bottom: 80px;
    /* .mypage-wrap.notice 나중에 공지사항 리스트에 필요할 경우 클래스 추가 */
}
/* 후기관리 상담 스타일 추가ㅡㅡ */
.mypage-wrap.review .profile-review .counsel-style.qa{
    border-bottom: 1px solid #e9e9e9;
    height: 44px; line-height: 44px;
}
.mypage-wrap.item-add .textar textarea,
.mypage-wrap.consult.payment .textar textarea,
.list-item.textar textarea,
.visit-wrap .textar textarea{
    display: inline-block;
    width: 100%; height: 154px;
    margin-top: 14px; font-size: 1rem; padding: 14px; 
    border: 1px solid #e9e9e9; border-radius: 4px; 
    overflow: auto; line-height: 34px;
    resize: none;
}
.visit-wrap .textar textarea{
    margin-top: 16px;
    line-height: 1.4;
}
.mypage-wrap.item-add .map-bx{
    margin-top: 15px;
}
.mypage-wrap.item-add .map-bx .map{
    display: block;
    width: 100%;
    height: 248px;
}
.mypage-wrap.consult.payment .textar textarea{
    margin: 16px 0 32px;
}
.mypage-wrap.consult.payment .textar .t-input{
    line-height: 26px
}
.mypage-wrap.consult.payment .g-text{
    font-size: 1rem; color: #707070; font-weight: normal;
}
.grid-b .s-center,
.detail-grid .s-center{
    display: flex; align-items: center;
}
.detail-grid .t-center p{
    line-height: 26px;
    word-break: break-all;
}
.mypage-wrap.faq .main-tab{
    padding: 24px 0;
    background: #f5f5f5;
    height: auto;
}
.mypage-wrap.faq .main-tab ul{
    display: grid;
    grid-template-columns: 33% 33% 33%;
    width: 369px;
    margin: 0 auto;
}
.mypage-wrap.faq .main-tab ul li{
    height: 48px; background: white;
    border-top: 1px solid #ddd; border-left: 1px solid #ddd;
}
.mypage-wrap.faq .main-tab ul li:nth-child(3n){
    border-right: 1px solid #ddd;
}
.mypage-wrap.faq .main-tab ul li:nth-last-child(3),
.mypage-wrap.faq .main-tab ul li:nth-last-child(2),
.mypage-wrap.faq .main-tab ul li:nth-last-child(1){
    border-bottom: 1px solid #ddd;
}
.mypage-wrap.faq .main-tab ul li.active{
    background: #6335b4; color: white;
}
.mypage-wrap.faq .main-tab ul li a{
    line-height: 47px;
    font-size: 1rem;
}
.mypage-wrap.faq .main-tab ul li a.active{
    color: white;
}
.mypage-wrap.faq .main-tab ul li a.active::after{
    display: none;
}
/* 판매상품수정 */
.mypage-wrap.item-add .switch{
    margin-top: 14px; display: flex; align-items: center;
}
.mypage-wrap.item-add .switch .swit-text{
    display: inline-block; font-size: 0.875rem; color: #999; margin-left: 12px;
}
.mypage-wrap.item-add .switch-btn label,
.mypage-wrap.item-add .switch-btn{
    width: 82px; height: 34px; margin: 0; 
}
.mypage-wrap.item-add .switch-btn label span{
    width: 22px; height: 22px;
    left: 6px;
}
.mypage-wrap.item-add .switch-btn label::before{
    font-size: 1rem; right: 6px;
}
.mypage-wrap.item-add .switch-btn input:checked + label:before{
    left: 6px;
}
.mypage-wrap.item-add .switch-btn input[type="checkbox"]:checked + label span{
    transform: translate(46px, -11px);
}
.mypage-wrap.item-add .radio{
    margin-top: 13px;
}
.mypage-wrap.item-add .radio label{
    position: relative; margin: 0;
}
.mypage-wrap.item-add .radio label:nth-child(2){
    margin-top: 20px;
}
.mypage-wrap.item-add .radio .nb-text{
    display: inline-flex; align-items: center;
} 
.mypage-wrap.item-add .radio .label-text{
    display: inline-block;
    font-weight: normal; margin-left: 6px; margin-top: 0;
}
.mypage-wrap.item-add .radio .label-text input{
    width: 54px; height: 32px;
    border: 1px solid #ddd;
    margin: 0 8px 0 16px;
    text-align: center; font-weight: bold; font-size: 1rem;
}
.mypage-wrap.item-add .radio .label-text span{
    font-size: 1rem;
}
.mypage-wrap.item-add .radio .label-text .fred{
    font-weight: bold; vertical-align: 1px;
}
.mypage-wrap.item-add .app-info{
    font-size: 1rem; margin-top: 8px; margin-bottom: 2px;
}
.memo-save{
    position: relative;
}
.memo-save .save-btn{
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -13px;
}
.mypage-wrap.consult .inner-body .number-set.fs1r.pt-0{
    padding-top: 0;
}
/* 1월업데이트 */
.search-wrap.update-fixed .search-header{
    position: fixed;
    width: 100%;
    max-width: 718px;
    background: white;
    z-index: 10;
}
.search-wrap.update-fixed .main-tab.ver2.row{
    position: fixed;
    max-width: 718px;
    top: 142px;
    z-index: 10;
}
.search-wrap.update-fixed .tab-wrap{
    padding-top: 128px;
}





/* 슬라이드 */	
/* 메인 */	
.header-body .swiper-slide{	
    max-width: 81.66%;	
}	
.header-body .swiper{	
    overflow: initial;	
}	
.header-body .swiper-pagination{	
    position: absolute; bottom: -33px !important;	
}	
.header-body .swiper-pagination .swiper-pagination-bullet{	
    width: 8px; height: 8px; margin: 0 5.5px !important;	
    background: #D8D8D8;	
}	
.header-body .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{	
    background: #6335b4;	
}	
    /* 메인 슬라이드 버튼 */
.header-body.main .swiper-slide{
    border: 0;
}
.header-body.main .swiper-button-prev:after{
    background: url(/assets/image/mobile/icon/arrow_slider_l.png) no-repeat center center/auto 18px;
}
.header-body.main .swiper-button-next:after{
    background: url(/assets/image/mobile/icon/arrow_slider_r.png) no-repeat center center/auto 18px;
}
.header-body.main .swiper-button-prev,
.header-body.main .swiper-button-next{
    height: 18px; margin-top: 0;
}
.header-body.main .swiper-button-prev::after,
.header-body.main .swiper-button-next::after{
    transform: initial;
    width: 10px; height: 18px;
}
/* 상담사상세페이지 */
.profile-notice_bg .swiper-pagination-bullet{	
    margin: 0 3px !important;	
    width: 6px;	
    height: 6px;	
    background: #D8D8D8;	
}	
.profile-notice_bg .swiper-pagination-bullet.swiper-pagination-bullet-active{	
    background: #6335b4;	
}
/* 수정사항? */
/* info-section 여기 글꼴이 작아진건지 1rem임 다른페이지 확인 후 수정 */

@media (max-height: 430px){
    /* height-full - 리스트 내역 몇개 없을 때 풀페이지/리스트 내역 많을 때 클래스 삭제*/
    .hf-f,
    .hf{
        min-height: 100% !important;
    }
    /* .hf .inner-body,
    .hf .inner-detail{
        height: 100% !important;
        inner-body > div 에 hf 클래스 넣으면 문제 없는 듯.. 해서 임시 주석
    }
    .hf-f .inner-body,
    .hf-f .inner-detail{
        height: 100% !important;
    } */
}
/* 클래스(2월) 추가 */
.main-nav-inner.class{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 8px;
}
.main-nav-inner.class li{
    margin-right: 0;
}
.main-nav-inner.class li a{
    width: 100%; height: 56px;
    padding: 0 25px;
    flex-direction: row;
    align-items: center;
}
.main-nav-inner.class .list-icon img{
    width: 24px; height: auto; 
    margin: 0; margin-right: 10px;
}
.main-nav-inner.class li:nth-child(5) img,
.main-nav-inner.class li:nth-child(2) img{
    width: 22px;
}
.main-nav-inner.class li:nth-child(3) img{
    width: 28px;
}
.main-nav-inner.class li:nth-child(4) img{
    width: 20px;
    margin-top: 5px;
}
.main-nav-inner.class li:nth-child(6) img{
    width: 20px; margin-top: 3px;
}
.main-nav-inner.class li:nth-child(7) img{
    width: 25px;
}
.main-nav-inner.class li:nth-child(8) img{
    width: 22px; height: 20px;
    margin-bottom: 3px;
}
/* 클래스 탭 리스트 / 나의 클래스*/
.mypage-wrap.item.class .list-item.class-list{
    border-top: 0; border-bottom: 1px solid #e9e9e9;
    position: relative;
}
.class .list-item.class-list .class-list-link{
    width: 100%;
    padding-bottom: 0;
}
.class .list-item.class-list .list-content{
    /* justify-content: flex-start;  */
    padding: 2px 0 0;
    justify-content: space-between;
    /* height: calc(100% - 43px);  */
    height: calc(100% - 48px); 
    /* input 없으면 48 - 48이 탭 내 차이 없고 괜찮음*/
}
.consult.class .list-item.class-list .list-content{
    height: calc(100% - 43px); 
}
.consult.class .end .list-item.class-list .list-content{
    height: calc(100% - 48px); 
}
.mypage-wrap.item.class .list-item.class > a{
    width: 100%;
}
.mypage-wrap.item.class .list-item.class .list-content .coin{
    margin: 12px 0 10px;
}
.mypage-wrap.item.class .list-item.class .status{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.mypage-wrap.item.class .list-item.class .status .nickname{
    font-size: 12px; color: #999; font-weight: normal;
    max-width: 118px; height: 12px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.class .list-item.class-list .list-text{
    line-height: 21px;
    margin-top: 0; -webkit-line-clamp: 2; 
}
.class .list-item.class-list .f12s{
    font-size: 12px; margin-top: 5px;
}
.class .list-item.class-list .class-list-btn{
    display: flex; position: absolute; 
    max-width: 196px; width: 100%; right: 0; bottom: 16px;
}
.class-list-btn a,
.class .list-item.class-list .class-list-btn a{
    border: 1px solid #e9e9e9; 
    display: flex; width: 100%; height: 36px; 
    position: relative;
    font-size: 0.875rem; font-weight: bold; 
    align-items: center; justify-content: center; 
    border-radius: 4px 0 0 4px;
}
.class .list-item.class-list .class-list-btn a:last-child{
    border-radius: 4px;
}
.class .list-item.class-list .class-list-btn a:nth-child(2){
    border-radius: 0 4px 4px 0; border-left: 0;
}
.class .list-item.class-list .class-list-btn a.disable{
    color: #ccc;
}
.class .list-item.class-list .class-list-btn a.disable .i-arrow-r{
    background: none; padding: 0;
}
.class .list-item.class-list .class-list-btn a .i-arrow-r{
    padding-right: 12px;
    background-size: 5px 9px;
}
/* 상담사 */
.class.consult .list-item.class-list .list-text{
    -webkit-line-clamp: 1;
}
/* 겹치는 클래스 있으면 안됨 없는 거 확인 - 모바일 조정 안했음, 안한것도 괜찮은 듯..?(확인필요)*/
.class.consult .end .list-item.class-list .list-text{
    -webkit-line-clamp: 2; margin-bottom: 6px;
}
.class.consult .inner-body .sm-switch{
    display: flex;
    width: 100%;  height: 22px;
    font-size: 12px;
    border: 0; background: white;
    align-items: center;
    margin: 4px 0 5px;
}
.sm-switch .switch-btn{
    width: auto; margin-left: 6px;
}
.sm-switch .switch-btn .switch-label{
    top: 0; right: 0; width: 52px; height: 22px;
}
.sm-switch .switch-btn .switch-label span{
    width: 14px; height: 14px; 
}
.sm-switch .switch-btn label:before{
    font-size: 11px; color: #222; right: -6px;
}
.sm-switch .switch-btn input[type="checkbox"]:checked + label span{
    transform: translate(29px, -7px); left:-4px,
}
.class.consult .class-student-nick{
    font-size: 12px;
}
.class.consult .class-student-nick span{
    margin-right: 3px;
}
.class.consult .class-student-nick span:last-child{
    margin-right: 0;
}
.class.consult .class-student-nick .gray{
    font-size: 10px; color: #707070;
}
/* 나의 클래스 상세페이지 */
.mypage-wrap.detail.class .title{
    font-size: 1.5rem; font-weight: bold; text-align: center; 
    margin: 20px 0 24px; line-height: 32px;
}
.mypage-wrap.detail.class .detail-class-grid{
    grid-template-columns: 37.158% 62.842%;
    margin-bottom: 24px; 
}
.detail-class-grid .click-status > a{
    display: block; width: 100%; height: 100%; 
    background: url('../img/common/arrowRight.png') right center / 7px 12px no-repeat;
}
.mypage-wrap.detail.class .class-relay-text{
    width: 100%; min-height: 136px; margin: 12px 0 24px;
    padding: 18px; padding-top: 16px; 
    font-size: 1rem; line-height: 26px; 
    background: #f5f5f5; border-radius: 8px;  
}
.mypage-wrap.detail.class .class-relay-text.hAuto{
    min-height: auto;
}
.mypage-wrap.detail.class .class-relay-text.input{
    background: white; resize: none; border: 1px solid #ddd;
}
.call-class-detail-list .list-ul{
    border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; 
    background: white; display: flex; justify-content: space-between;
}
.call-class-detail-list .list-ul .list-head{
    font-weight: bold; padding: 16px 0;
}
.call-class-detail-list .list-ul .time{
    font-weight: normal;
}
.call-class-detail-list .list-ul .detail-link{
    display: inline-block; font-size: 0.875rem; 
    width: auto; padding: 17px 0;
}
.call-class-detail-list .list-ul.active .i-arrow-b{
    background: url(../img/common/arrowTop.png) right center / 12px 7px no-repeat;
}
.call-class-detail-list{
    padding-bottom: 60px;
}
.call-class-detail-list .menu-list{
     display: none;
}
.call-class-detail-list .menu-list li{
    background: white; display: flex; justify-content: space-between;
}
.call-class-detail-list .menu-list .talk-time{
    font-size: 0.875rem; padding: 16px 0;
}
.call-class-detail-list .menu-list .talk-time > span{
    margin-left: 4px;
}
.call-class-detail-list .menu-list .time-num{
    display: inline-block; width: auto;
    font-size: 0.875rem; padding: 17px 0;
}
/* 상담사 */
.detail-class-grid .on-off-check{
    padding: 7px 0;
}
.detail-class-grid .on-off-check .switch-btn label:before{
    color: #222;
}
/* 클래스 아이템 구매하기 하단영역 */
.footer-class-item{
    display: none;
    position: absolute;
    bottom: 76px;
    /* 모바일 bottom: 70px; */
    box-shadow: rgba(0,0,0,.07) 0 -4px 8px;
    width: 100%; height: auto;
    left: 0;
}
.footer-class-item-select{
    background: white;
    /* background-position: top 8px center; */
    padding: 28px 20px 26px;
    max-height: 261px;
}
.footer-class-item-select .scroll{
    overflow-y: scroll;
    max-height: 174px;
}
.footer-class-item-select .scroll::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 6px !important;
}
 /* Track */
.footer-class-item-select .scroll::-webkit-scrollbar-track {
   /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
   -webkit-border-radius: 10px !important;
   border-radius: 10px !important; */
 }
 /* Handle */
 .footer-class-item-select .scroll::-webkit-scrollbar-thumb {
   -webkit-border-radius: 10px !important;
   border-radius: 10px !important;
   background: #a9a9a9 !important; 
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5) !important; 
 }
.footer-class-item-select .scroll::-webkit-scrollbar-thumb:window-inactive {
   background: #a9a9a9 !important; 
 }
.footer-class-item-result{
    min-height: 162px; background: #f5f5f5; 
    /* padding: 20px 20px 17px;  */
    padding: 20px 20px 0px; 
    border-top: 1px solid #d9d9d9;
}
.footer-class-item-result .class-item-text{
    min-height: 74px; 
    display: flex; justify-content: space-between; flex-direction: column; 
    padding-bottom: 24px;
}
.footer-class-item-result .class-item-text .f-bold{
    font-size: 1.125rem; font-weight: bold; margin-bottom: 12px;
}
.footer-class-item-result .class-item-text p:last-child{
    line-height: 20px;
}
.footer-class-item-result .class-item-price{
    display: flex; justify-content: space-between; align-items: center;
    height: 67px; border-top: 1px solid #d9d9d9; padding: 20px 0;
}
.footer-class-item-result .class-item-price .fred{
    font-size: 1.5rem; color: #da4841; font-weight: bold;
}
.class-item-radio{
    position: relative;
}
.class-item-radio .down-btn{
    position: absolute;
    width: 33px;
    left: 50%;
    top: -19px;
    transform: translateX(-50%);
    background: url(../img/profile/footer_class_item.png)no-repeat;
    background-size: 33px 8px;
    color: transparent;
}
.class-item-radio .f-bold .fred{
    vertical-align: -3px;
}
.class-item-radio label.checkbox{
    width: 100%; 
    min-height: 22px; height: auto;
    overflow: initial;
    background: url(../img/common/check_off.png) no-repeat left top/22px 22px;
    image-rendering: -webkit-optimize-contrast;
    margin-bottom: 16px;
    padding-left: 32px;
    font-size: 1rem;
}
.class-item-radio label.checkbox.sold-out{
    color: #ccc;
    text-decoration: line-through;
    text-decoration-color: #ccc;
}
.class-item-radio label.checkbox:last-child{
    margin-bottom: 0;
}
/* 클래스 메인 카테고리 */
.mypage-grid.category.class{
    height: auto; padding: 24px 16px 20px;
}
.mypage-grid.category.class hr{
    border-top: #e9e9e9 1px solid;
}
.mypage-grid.category.class ul{
    grid-template-rows: 88px 88px 60px 60px;
    grid-gap: 12px;
    grid-template-rows: 88px 88px;
    grid-gap: 12px 10px;
}
.mypage-grid.category.class ul.last{
    grid-template-rows: 60px 60px;
}
.mypage-grid.category.class ul a{
    min-height: 60px; padding: 18px 0 11px;
}
.mypage-grid.category.class ul li:nth-child(1) img{
    width: 32px; height: 30px;
}
.mypage-grid.category.class ul li:nth-child(2) img{
    width: 30px; height: 30px;
}
.mypage-grid.category.class ul li:nth-child(3) img{
    width: 37px; height: 26px;
}
.mypage-grid.category.class ul li:nth-child(4) img{
    width: 25px; height: 27px;
}
.mypage-grid.category.class ul li:nth-child(5) img{
    width: 28px; height: 28px;
}
.mypage-grid.category.class ul li:nth-child(6) img{
    width: 28px; height: 30px;
}
.mypage-grid.category.class ul li:nth-child(7) img{
    width: 32px; height: 26px;
}
.mypage-grid.category.class ul li:nth-child(8) img{
    width: 28px; height: 25px;
}
.mypage-grid.category.class.visit ul li:nth-child(8) img{
    width: auto; height: 28px;
}
.mypage-grid.category.class ul li:nth-child(n+9) a{
    justify-content: center;
    padding: 12px 0;
}
.i-youtube{
    background: url(../img/mainIcon/mainNavYotube.png)no-repeat;
    background-size: 14px 14px;
    background-position: left top 3px;
    padding-left: 20px;
}
.i-insta{
    background: url(../img/mainIcon/mainNavInsta.png)no-repeat;
    background-size: 14px 14px;
    background-position: left top 3px;
    padding-left: 20px;
}
/* 클래스 상담사 등록 신청 */
.input-wp .check-type.class-check-type{
    flex-wrap: wrap; margin-bottom: -14px;
    margin-top: 14px;
}
.check-type.class-check-type .checkbox{
    height: 22px; line-height: 20px; background-size: 22px 22px; padding-left: 30px;
    image-rendering: -webkit-optimize-contrast;
}
.check-type.class-check-type label{
    flex: 33%;
    margin: 0 0 18px 0!important;
}
.check-type.class-check-type label:nth-child(n+4){
    margin-bottom: 0;
}
.mypage-wrap.recruit.class .guide-box.item{
    padding: 24px 16px 32px;
}
.mypage-wrap.recruit.class .guide-box.item.reg-num{
    padding: 34px 14px 32px 26px;
}
.mypage-wrap.recruit.class .guide-box.item .item-list{
    image-rendering: -webkit-optimize-contrast;
    margin-bottom: 20px;
}
.mypage-wrap.recruit.class .guide-box.item .item-list.service{
    background-image: url(../img/common/ic_recruit_rleh.png);
}
.mypage-wrap.recruit.class .guide-box.item .item-list.delivery{
    background-image: url(../img/common/ic_recruit_delivery.png);
}
.mypage-wrap.recruit.class .guide-box.item .item-list.service-02{
    background-image: url(../img/common/ic_recruit_service.png);
}
.mypage-wrap.recruit.class .guide-box.item .item-list.delivery-02{
    background-image: url(../img/common/ic_recruit_delivery_02.png);
}
.mypage-wrap.recruit.class .guide-box.item .item-list.tarot{
    background-image: url(../img/common/ic_recruit_tarot.png);
}
.mypage-wrap.recruit.class .guide-box.item .item-list.saju{
    background-image: url(../img/common/ic_recruit_saju.png);
}
.mypage-wrap.recruit.class .guide-box.item .item-list.call-class{
    background-image: url(../img/common/ic_recruit_call_class.png);
}
.mypage-wrap.recruit.class .guide-box.item .item-list.class{
    background-image: url(../img/common/ic_recruit_class.png);
}
.mypage-wrap.recruit.class .guide-box.item > .item-list.m0b{
    margin-bottom: 0;
}
/* 상담사) 판매 상품 관리 상세 */
.mypage-wrap.consult.payment.class {

}
.detail-grid .h-auto{
    line-height: 24px;
}
.mypage-wrap .grid-b .h-auto,
.mypage-wrap.consult.payment.class .grid-b .content{
    box-sizing: border-box;
    /* height: 71px; */
    height: auto;
    line-height: 24px;
    padding: 11px 14px;
}
.mypage-wrap.consult.class .inner-body .number-set p.disable::before,
.mypage-wrap.consult.class .inner-body .number-set p.disable,
.mypage-wrap.consult.class .upload-set .up-btn-div.disable > .btn{
    color: #ccc;
}
/* 클래스 채팅문의 */
.writable-list.class-chat .counselor-info-con .cs-name{
    font-size: 15px;
}
.writable-list.class-chat .counselor-info-con .txt{
    font-size: 13px; margin: 6px 0;
}
.writable-list.class-chat .counselor-info-con .time-nick{
    color: #999; position: relative;
}
.writable-list.class-chat .time-nick .time{
    margin-left: 0; font-size: 13px; font-weight: normal;
}
.writable-list.class-chat .time-nick .time .comment{
    width: 10px;
    display: inline-block;
}
.writable-list.class-chat .time-nick .data{
    font-size: 13px;
}
/* 클래스 상품 수정옵션 */
.class .item-option{
    position: relative;
    padding:20px 30px 5px; border: 1px solid #ddd; border-radius: 4px;
    margin: 12px 0 24px;
}
.class .item-option .d-btn{
    position: absolute;
    width: 16px; height: 16px;
    right: 14px; top: 14px;
}
.class .item-option .title{
    position: relative;
    font-size: 0.875rem; margin-top: 0;
}
.class .item-option .title::before{
    display: inline-block;
    position: absolute;
    content: '▪';
    left: -10px;
    font-size: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.class .item-option input{
    padding: 8px 0; font-size: 0.875rem;
    margin-bottom: 18px;
}
.class .item-option .radio-span{
    width: 18px; height: 18px;
}
.class .item-option .radio-span::after{
    width: 8px; height: 8px;
}
.class .item-option .radio .label-text .fred,
.class .item-option .radio .label-text > span,
.class .item-option .label-text{
    font-size: 0.875rem;
}
.class .item-option .radio label:nth-child(2){
    margin-top: 14px;
}
.class .item-option .radio .label-text input{
    margin: 0 8px 0 10px;
}
.class .item-option .option-two{
    display: flex;
}
.class .item-option .option-two > div:first-child{
    width: 160px; margin-right: 28px;
}
.class .item-option .option-two > div:last-child{
    width: 120px;
}
.class .item-option-inner .number-set{
    line-height: 26px; margin-top: -12px;
    padding: 0;
}
.class .item-option-inner .number-set .point{
    padding-left: 10px;
}
.class .item-option-inner .number-set .point::before{
    padding-left: 0;
}
.class .item-option-inner .number-set .point::before,
.class .item-option-inner .number-set p{
    font-size: 0.875rem; color: #666; margin-bottom: 0;
}
/* 클래스 qa 03/04 */
.mypage-wrap.status.sell .month-tt .point{
    max-width: 227px;
    line-height: 20px;
}
.mypage-wrap.status.sell .month-tt .nm{
    max-width: 121px;
}
/* 임시!  */
.list-item:last-child {
    border-bottom: 0 !important;
}
/* 오픈 후 디자인 변경되면 삭제 */
/* 칼럼 인터뷰 임시2.0클래스 */

/* 검색, 후기 리뉴얼 04/26 */
.search-wrap.update-fixed.renewal .tab-wrap{
    padding-top: 62px;
}
.search-wrap .search-keyword .keyword-list.none-search-word li{
    padding-left: 0;
    background: white;
    /* justify-content: flex-start; */
    display: block !important;
}
.search-wrap .search-keyword .keyword-menu{
    padding: 16px 0 0;
    width: 65%;
}
.search-wrap .search-keyword .keyword-menu a{
    display: inline-block;
    font-size: 1rem;
    padding: 10px 29px 12px 12px; margin: 0 10px 10px 0;
    border: 1px solid #e9e9e9; border-radius: 4px;
    background: url("../img/common/arrowRight.png")#f1f1f1 right 14px top 51.8% / 7px 12px no-repeat;
}
.search-wrap .search-keyword .keyword-menu.review a{
    background: #f1f1f1;
    padding: 10px 12px 12px 12px;
}
.payback-coin{
    background: url(../img/common/payback_coin.png)no-repeat left 6px center;
    background-size: 7.9px 8.9px;
    font-size: 10px; color: white;
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 4px 7px 4px 17px;
    border-radius: 10px;
    /* margin-left: 6px; */
    font-weight: normal;
    /*vertical-align: 1px;*/
}
.footer-btn_r .payback-coin{
    position: absolute;
    right: 16px;
    padding: 8px 11px 9px 28px;
    max-width: 74px;
    border-radius: 15px;
    width: 100%;
    font-size: 11px;
    height: 30px;
    background-size: 10px 11px;
    background-position: left 14px top 8px;
}
/* 상세페이지 후기, 전체상담 후기 */
.profile-wrap .review.renewal .review-top{
    /* height: 263px; */
}
.profile-wrap.hongtoon.renewal .review-top .review-info,
.profile-wrap .review.renewal .review-top .review-info{
    /* padding: 32px 0 18px; */
    padding: 34px 0 18px;
    border-bottom: 0;
}
.profile-wrap.hongtoon.renewal .review-top button,
.profile-wrap .review.renewal .review-top button{
    max-width: 400px;
}
.profile-wrap .review.renewal .review-top .review-body{
    /* padding: 16px 0 31px; */
    padding: 18px 0 31px;
}
.profile-wrap.hongtoon.renewal .review-top .review-body p:first-child,
.profile-wrap .review.renewal .review-top .review-body p:first-child{
    font-size: 0.875rem; color: #666; font-weight: bold;
}
.profile-wrap.hongtoon.renewal .review-top .review-body > p:nth-child(2),
.profile-wrap .review.renewal .review-top .review-body > p:nth-child(2){
    color: #666; font-size: 0.875rem; 
    /* margin: 8px 0 14px; */
    margin: 14px 0 16px;
}
.profile-wrap .policy-btn{
    height: 32px;
}
.profile-wrap .policy-btn span{
    /* line-height: 29px; */
}
.review.renewal .review-body{
    padding: 18px 30px 5px;
    font-size: 13px;
}
.review.renewal .review-body .title{
    position: relative;
    font-size: 15px; font-weight: bold;
    margin-bottom: 12px;
}
.review.renewal .review-body .starwja{
    display: flex; position: relative;
    align-items: center;
    /* justify-content: space-between; */
    justify-content: center;
    height: 61px;
    background: #f5f5f5;
    padding: 0 16px; 
    /* margin-bottom: 16px;  */
    margin-bottom: 24px;
}
.review.renewal .review-body .starwja .more-view{
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}
.review.renewal .review-body .starwja .i-star{
    line-height: 54px;
}
.review.renewal .review-body .starwja .number{
    font-size: 13px; margin-left: 10px; color: #222;
}
.review.renewal .review-body .starwja .number span{
    font-size: 24px; font-weight: bold; 
    vertical-align: -3px;
}
.review.renewal .review-body .starwja .no-review{
    font-size: 16px; font-weight: bold;
}
.review.renewal .review-body .starwja .no-review .i-star{
    background-size: 17px 17px;
    padding-left: 26px;
}
.review.renewal .profile-review .i-option{
    background-size: 14px 12px;
    background-position: left top 4px;
    padding-left: 22px;
}
.review.renewal .profile-review .call-info{
    border-bottom: 1px solid #f1f1f1;
}
.hongtoon.renewal .profile-review .counsel-style.grid,
.written-review.renewal .counsel-style.grid,
.review.renewal .profile-review .counsel-style.grid{
    display: grid;
    grid-template-columns: 82px calc(100% - 82px);
    height: auto; border: 0;
}
.hongtoon.renewal .profile-review .counsel-style.grid > div,
.written-review.renewal .counsel-style.grid > div,
.review.renewal .profile-review .counsel-style.grid > div{
    border-bottom: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    font-size: 0.875rem; 
}
.hongtoon.renewal .profile-review .counsel-style.grid > div:nth-child(odd),
.written-review.renewal .counsel-style.grid > div:nth-child(odd),
.review.renewal .profile-review .counsel-style.grid > div:nth-child(odd){
    color: #999;
}
.hongtoon.renewal .profile-review .counsel-style.grid > div:nth-child(2n),
.written-review.renewal .counsel-style.grid > div:nth-child(2n),
.review.renewal .profile-review .counsel-style.grid > div:nth-child(2n){
    border-right: 0; padding-left: 10px;
}
.review.renewal .profile-review .list-item-inner{
    padding: 30px;
    padding-bottom: 28px;
}
.review.renewal .tab-inner{
    padding: 0;
}
.hongtoon.renewal .main-tab,
.review.renewal .tab-inner .main-tab{
    display: flex; align-items: center; border-top: 0; padding: 0 30px; margin-top: 5px;
}
.hongtoon.renewal .main-tab{
    margin-top: 0; height: 60px;
}
.hongtoon.renewal .main-tab .option-btn,
.review.renewal .tab-inner .main-tab .option-btn{
    width: 100%; max-width: 110px; 
    height: 30px; line-height: 24px; border-radius: 30px;  
    border: 1px solid #e9e9e9;
    text-align: center;
    margin-left: 16px;
}
.hongtoon.renewal .main-tab .option-btn span,
.review.renewal .tab-inner .main-tab .option-btn span{
    font-size: 12px;
}
.hongtoon.renewal .main-tab ul li a,
.review.renewal .main-tab ul li a{
    font-size: 1rem;
    line-height: 70px;
}
.hongtoon.renewal .main-tab ul li a{
    line-height: 60px;
}
.review.renewal .review-body .i-question{
    width: 18px; height: 18px;    
    cursor: pointer;
    vertical-align: -3px;
}
.review.renewal .review-body .i-question:hover::after{
    position: absolute;
    top: 57px;
    left: 26%;
    transform: translate(-50%, -50%);
    content: '후기 작성시 상담스타일 및\A상담분야를 추천할 수 있습니다.';
    white-space: pre;
    width: 200px; height: 62px;
    padding: 9px 12px 11px;
    background: white;
    color: black;
    border: 1px solid rgba(0, 0, 0, .3);
    border-radius: 4px;
    font-weight: normal;
    line-height: 22px;
    box-sizing: border-box;
    font-size: 0.875rem;
    z-index: 10;
}
.pc-bar-div{
    padding: 32px;
    /* height: 188px; */
    height: auto;
    border: 1px solid #e9e9e9;
    padding-bottom: 0;
}
.bar-div{
    /* height: 113px; */
    height: auto;
    position: relative;
    overflow: hidden;
}
.bar-div.active .blur{
    display: none;
}
.bar-div .blur{
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 124px;
    background: url(../img/common/blur_bg.png)no-repeat;
    background-size: 100% 100%;
    z-index: 3; line-height: 18px;
    margin-bottom: 32px;
    /* position: absolute; */
    /* border: 1px solid #eee; 
    width: calc(100% - 64px); 
    /* height: calc(100% - 64px);
    background-color: rgba(244, 241, 252, .1);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px); */
}
.bar-div .blur img{
    width: 28px; height: 28px; margin-bottom: 8px;
}
.bar-div .blur p{
    font-size: 1rem; line-height: 25px;
}
.bar-div .bar-div-pd{
    /* padding: 32px; */
    /* border: 1px solid #e9e9e9; */
}
.bar-div .bar-div-inner{
    position: relative; height: 36px;
    margin-bottom: 8px;
}
.bar-div .bar-div-pd > div:last-of-type{
    margin-bottom: 0;
}
.bar-div .bar-div-inner progress{
    height: 30px; margin: 0;
}
.bar-div .bar-div-inner:nth-child(2) progress::-webkit-progress-value{
    opacity: .93;
}
.bar-div .bar-div-inner:nth-child(3) progress::-webkit-progress-value{
    opacity: .86;
}
.bar-div .bar-div-inner:nth-child(4) progress::-webkit-progress-value{
    opacity: .79;
}
.bar-div .bar-div-inner:nth-child(5) progress::-webkit-progress-value{
    opacity: .72;
}
.bar-div .bar-div-inner:nth-child(6) progress::-webkit-progress-value{
    opacity: .65;
}
.bar-div .bar-div-inner:nth-child(7) progress::-webkit-progress-value{
    opacity: .58;
}
.bar-div .bar-div-inner:nth-child(8) progress::-webkit-progress-value{
    opacity: .51;
}
.bar-div .bar-div-inner:nth-child(9) progress::-webkit-progress-value{
    opacity: .44;
}
.bar-div .bar-div-inner:nth-child(10) progress::-webkit-progress-value{
    opacity: .37;
}
.bar-div .bar-div-inner:nth-child(11) progress::-webkit-progress-value{
    opacity: .30;
}
.bar-div .bar-div-inner:nth-child(12) progress::-webkit-progress-value{
    opacity: .23;
}
.bar-div .bar-div-inner:nth-child(13) progress::-webkit-progress-value{
    opacity: .16;
}
.bar-div .bar-div-inner:nth-child(14) progress::-webkit-progress-value{
    opacity: .09;
}
.bar-div .detail-link{
    width: 100%;
    height: 60px;
    line-height: 60px;
    /* border: 1px solid #e9e9e9; */
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    font-size: 0.875rem;
    font-weight: bold;
    /* margin-top: 4px; */
}
.bar-div .detail-link .i-arrow-t,
.bar-div .detail-link .i-arrow-b{
    background-size: 12px 7px;
    padding-right: 20px;
}
.style-bar{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    height: 36px; font-size: 15px;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.style-bar > p{
    display: flex; align-items: center;
    height: 24px;
}
.style-bar .f-bold{
    font-size: 0.875rem;
}
/* 진행바 */
.bar-div-inner progress::-webkit-progress-value,
.bar-div-inner progress::-webkit-progress-bar {
    background-color: #f5f5f5;
    border-radius: 0px;
    height: 36px;
}
.bar-div-inner progress::-webkit-progress-value {
    background-color: #d5d2ff;
}
.i-style{
    background: url(../img/common/skillful.png)no-repeat;
    background-position: left center;
    background-size: 24px 24px;
    padding: 0 14px; padding-left: 24px;
    height: 100%;
}
/* 놀라운 */
.i-style.am{
    background: url(../img/common/amazing.png)no-repeat;
    background-size: 24px 24px;
}
/* 편안 */
.i-style.co{
    background: url(../img/common/cozy.png)no-repeat;
    background-size: 24px 24px;
}
/* 깊이있는 */
.i-style.de{
    background: url(../img/common/deep.png)no-repeat;
    background-size: 24px 24px;
}
/* 쉬운 */
.i-style.ez{
    background: url(../img/common/easy.png)no-repeat;
    background-size: 24px 24px;
}
/* 정확한 */
.i-style.ex{
    background: url(../img/common/exact.png)no-repeat;
    background-size: 24px 24px;
}
/* 빠른 */
.i-style.fa{
    background: url(../img/common/fast.png)no-repeat;
    background-size: 24px 24px;
}
/* 좋은 */
.i-style.go{
    background: url(../img/common/good.png)no-repeat;
    background-size: 24px 24px;
}
/* 솔직 */
.i-style.ho{
    background: url(../img/common/honest.png)no-repeat;
    background-size: 24px 24px;
}
/* 친절 */
.i-style.ki{
    background: url(../img/common/kind.png)no-repeat;
    background-size: 24px 24px;
}
/* 잘 들어주는 */
.i-style.li{
    background: url(../img/common/listener.png)no-repeat;
    background-size: 24px 24px;
}
/* 현실적 */
.i-style.re{
    background: url(../img/common/realistic.png)no-repeat;
    background-size: 24px 24px;
}
/* 소름 */
.i-style.sc{
    background: url(../img/common/scary.png)no-repeat;
    background-size: 24px 24px;
}
/* 공감 */
.i-style.sy{
    background: url(../img/common/sympathy.png)no-repeat;
    background-size: 24px 24px;
}
.good-review-btn{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 40px;
    border: 1px solid #e5e4e9;
    border-radius: 20px;
    padding: 0 16px;
    font-size: 0.875rem;
    margin-top: 24px;
}
.good-review-btn span.fred{
    color: #da4841; font-weight: bold;
}
.i-goodreview{
    background: url(../img/common/good_review.png)no-repeat left top 3px/14px 13px;
    padding-left: 20px;
    font-weight: bold;
}
.i-goodreview.active{
    background: url(../img/common/good_review_active.png)no-repeat left top 3px/14px 13px;
}
.writable-review.renewal .writable-list li .payback-coin{
    max-width: 69px;
    width: 100%; height: 24px;
    color: #222;
    font-size: 11px;
    border: 1px solid #e5e4e9;
    border-radius: 20px;
    font-weight: bold;
    padding: 3px 12px 5px 27px;
    margin-left: 6px;
    background: url(../img/common/review_payback.png)no-repeat left 12px center;
    background-size: 9px 10px;
    vertical-align: 2px
}
/* 후기쓰기 */
.review-write-inner.renewal dd.m6b{
    margin-bottom: 8px;
}
.month-tt .i-arrow-r{
    background: url("../img/common/arrowRight.png") right top 5.4px / 6px 10px no-repeat;
}
.search-wrap .post-list-inner .title{
    height: 18px; 
}
/* 전체 상담후기 */
.profile-wrap.hongtoon.renewal .hong-photo > a{
    width: 124px; height: 124px;
    margin-right: 10px; border-radius: 8px;
    overflow: hidden;
}
.profile-wrap.hongtoon.renewal .hong-photo > a:last-child{
    margin-right: 0;
}
.hongtoon.renewal .search-wrap{
    padding: 0;
}
.hongtoon.renewal .lately-search{
    height: 52px; 
    padding: 0 30px; 
    border-bottom: 1px solid #e9e9e9;
    background: #f5f5f5; 
    display: flex; justify-content: flex-end; align-items: center;
}
.renewal .counsel-tag{
    width: 100%;
    height: 34px;

    /* width: 100%;
    height: 50px;
    white-space: -webkit-nowrap;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
    display: flex; */
}
.renewal .counsel-tag > a{
    display: inline-block;
    border: 1px solid #e5e4e9;
    background: white;
    font-weight: normal;
    padding: 8px 12px 9px;
    margin-right: 6px;
    border-radius: 4px;
    float: left;
    width: auto !important;
}
.renewal .counsel-tag > a:last-child{
    margin-right: 0;
}
.renewal .counsel-tag > a > p{
    color: #222 !important;
    font-weight: normal !important;
    font-size: 15px !important;
}
.renewal .counsel-tag > a:hover,
.renewal .counsel-tag > a.active{
    background: #7f5bc8;
}
.renewal .counsel-tag > a:hover > p,
.renewal .counsel-tag > a.active > p{
    color: white !important;
}
.profile-wrap.hongtoon.renewal .review-top .review-body{
    padding: 18px 0 20px;
}
.profile-wrap.hongtoon.renewal .hong-photo{
    margin: 32px 0 18px;
}
.profile-wrap.hongtoon.renewal .hong-photo > a.hand-text{
    background: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between; padding: 22px 0;
}
.profile-wrap.hongtoon.renewal a.hand-text p:first-child{
    font-size: 18px !important; 
    color: #222 !important;
}
.profile-wrap.hongtoon.renewal a.hand-text p:nth-child(2) span{
    font-size: 16px; color: #da4841; font-weight: bold;
}
.profile-wrap.hongtoon.renewal a.hand-text .i-arrow-r{
    font-size: 13px;
}
.renewal .counsel-style.grid .f-bold span.active{
    background: #ffe600; padding: 0px 1px;
}
/* 단골 2203업데이트 */
.event-wrap.custom .checkbox-div.list-controller{
    height: 64px;
}
.custom-login .checkbox-div.end .select-available{
    display: none;
}
.event-wrap.custom .custom-select{
    background: url(../img/common/arrowBottom.png) right 20px top 54% / 12px 7px no-repeat;
    image-rendering: -webkit-optimize-contrast;
}
.event-wrap.custom .custom-login .list-item:first-child .list-item-inner{
    padding-top: 30px;
}
.event-wrap.custom .close-btn{
    position: absolute;
    width: 10px; height: 10px;
    right: 20px; top: 14px;
    image-rendering: -webkit-optimize-contrast;
}
.review-dg .info-con.color-text_g{
    line-height: 18px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.review-dg a.color-text_g{
    margin-left: auto;
    width: 100%;
    max-width: 26px;

}
/* 클래스 글꼴 갯수 */
.list-item.naming .list-content .i-coin{
    max-width: 110px; width: 100%;
}
.list-item.naming .list-content .coin .item{
    max-width: 200px;
    min-width: 70px; 
    text-align: right;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 1.2;
}
/* qa 여백 추가...... */
.mypage-wrap.detail.pb80 .inner-detail{
    padding-bottom: 50px;
}
.writable-review .writable-list{
    padding-bottom: 72px;
}
.mypage-wrap.item.status.pb80 .inner-body{
    padding-bottom: 64px;
}
/* 작명 배너 이미지 -> 텍스트로 변경 */
.category-wrap.banner-text .header-body{
    padding: 30px;
}
.category-wrap.banner-text .header-body .header-slide{
    position: relative;
    max-width: 100%; height: 202px;
    border-radius: 8px;
}
.category-wrap.banner-text .header-body .header-slide > div{
    position: absolute; top: 50%; left: 32px; transform: translateY(-50%);
}
.category-wrap.banner-text .header-body .header-slide .title{
    color: #feb02a; font-size: 28px; font-weight: bold;
}
.category-wrap.banner-text .header-body .header-slide .content{
    color: white; font-size: 22px; margin-top: 14px;
}
/* 4월 업데이트 */
.category-banner.class{
    background: #1ab8be;
}
.category-banner.class .i-category{
    background: url(../img/common/ic-category_class.png) center left / 24px 24px no-repeat, 
                url(../img/common/arrowRight_s_w.png) right top 10px / 7px 12px no-repeat
}
.sale .list-item-inner{
    padding-bottom: 20px;
}
.sale .list-item-inner .list-body{
    display: inline-block;
    height: 100%;
}
.sale .list-item-inner .title{
    width: 100%; 
    font-size: 20px; font-weight: bold; 
    margin-bottom: 16px;
    line-height: 24px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.sale .list-item-inner .list{
    display: flex; height: 108px;
}
.sale .list-item-inner .list-content{
    display: block; border-bottom: 0;
}
.sale .list-content .coin{
    display: flex;
    align-items: center; justify-content: space-between;
    margin: 12px 0 16px;
}
.sale .list-content .coin .class-data{
    font-size: 0.875rem;
    color: #666;
}

.sale .list-content .coin .class-data.text-sort{
    line-height: 1.4;
    max-width: 330px;
}

.sale .list-content .ml{
    margin-left: 10px;
}

.sale .list-item-inner .mlist-inner{
    position: relative;
    border-bottom: 1px solid #e9e9e9; width: 100%;
}
.sale .list-item-inner .mlist-inner .name{
    font-size: 1.125rem; font-weight: normal; margin-top: 4px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    position: relative;
}
.sale .list-item-inner .mlist-inner .name.partner{
    padding-right: 120px;
}
.sale .list-item-inner .mlist-inner .i-partner{
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    line-height: 20px;
}
.sale .list-item-inner .list-content .list-fot{
    background: transparent; height: 42px;
}
.sale .list-item-inner .i-coin.f-bold{
    height: 18px;
    background: url("../img/listIcon/listCoin.png") center left / 18px 18px no-repeat;
}
/* .class.sale */
.mypage-wrap.item .list-item.class.sale .list-text{
    font-size: 0.875rem; font-weight: bold; margin-top: 9px;
}
.mypage-wrap.item.class .list-item.class.sale .list-content .coin{
    margin: 6px 0 12px;
}
.mypage-wrap.item .list-item.class.sale .list-content .receipt{
    font-size: 12px;
}
.mypage-wrap.item .list-item.class.sale .list-content .receipt:nth-child(5){
    margin-top: 8px;
}
.class-content{
    font-size: 14px; line-height: 20px; margin-top: 12px;
}
.mypage-wrap.item .list-item.class.sale .btn-set > a{
    font-weight: bold;
}
/* 나의클래스 4월 */
.consult.class .list-item.myclass04 .list-content,
.class .list-item.myclass04 .list-content{
    /* padding: 5px 0; */
    padding-top: 5px;
    height: 100%;
    justify-content: flex-start;
}
.class .list-item.myclass04.mymenu .list-content {
    padding-top: 0; margin-top: 2px;
}
.consult.class .list-item.myclass04 .list-content{
    padding-top: 8px;
}
.class .list-item.myclass04 .list-content > p{
    margin-bottom: 10px;
}
.list-item.myclass04 .list-content .receipt{
    font-size: 12px !important;
}
.class .list-item.myclass04 .f12s{
    /* margin-top: -2px; */
    margin-top: 0;
}
.class .list-item.myclass04 .class-list-link{
    padding-bottom: 16px;
}
.myclass04 .list-text{
    font-size: 0.875rem !important;
    line-height: 18px !important;
    font-weight: bold !important;
}
.myclass04 .btn-set a{
    font-weight: bold !important;
}
.myclass04 .btn-set a:first-child,
.mymenu .btn-set a:first-child{
    display: inline-block !important;
    margin-right: 16px;
}
.btn-set a.disable .i-arrow-r{
    background: transparent; padding: 0;
    color: #ccc;
}
    /* 상담사 */
.class.consult .list-item.class-list.myclass04 .list-text{
    -webkit-line-clamp: 2;
}
.class.consult .list-item.myclass04 .class-list-btn{
    position: relative;
    max-width: 100%; width: 100%;
    display: flex;
    align-items: center;
    margin-top: 16px;
}
.class.consult .list-item.myclass04 .class-list-btn .on-off-check{
    font-size: 0.875rem; font-weight: bold; margin-right: 16px;
}
.class.consult .list-item.myclass04 .class-list-btn .on-off-check label{
    width: 76px; height: 36px;
}
.class.consult .list-item.myclass04 .class-list-btn .on-off-check label::before{
    font-size: 14px; right: 0;
}
.class.consult .list-item.myclass04 .class-list-btn .switch-btn .switch-label span{
    width: 24px; height: 24px; left: 6px;
}
.class.consult .list-item.myclass04 .class-list-btn .switch-btn input[type="checkbox"]:checked + label span{
    transform: translate(38px, -12px);
}
.class.consult .list-item.myclass04 .class-list-btn a:nth-child(2){
    border: 1px solid #ddd;
    border-radius: 4px;
}
.class.consult .list-item.myclass04 .list-content > p:last-child{
    margin-bottom: 0;
}
/* 판매상품관리 */
.mypage-wrap.status .myclass04 .list-text{
    margin: 0 !important;
}
.mypage-wrap.status .myclass04 .list-body,
.mypage-wrap.status .mymenu .list-body{
    margin-bottom: 16px;
}
.mypage-wrap.status .list-item.myclass04 .list-content{
    padding-top: 12px;
}
.mypage-wrap.status .tab04 .list-item.sale a{
    padding-bottom: 0;
}
.mypage-wrap.status .list-item.class.myclass04 .list-content .coin{
    margin: 8px 0 12px !important;
}
.mypage-wrap.item.class.status .list-item.class .list-content .list-text,
.mypage-wrap.item.class.status .list-item.class.sale .list-content .coin{
    margin-top: 8px;
    font-weight: 600;
}
.mypage-wrap.item.class.status .list-item.class.sale .list-content .coin{
    font-weight: 400;
}
/* 판매상품수정 */
.class-select > div{
    display: flex;
}
.class-select > div > div{
    display: flex; align-items: center;
    font-size: 20px;
    max-width: 38px;
    width: 100%;
}
.class-select input[type="number"] {
    -webkit-appearance: none;
    margin-left: 38px;
}
.class-select > div select{
    width: 100%;
    margin-left: 32px;
    background: url("../img/common/arrowBottom.png") right center / 12px 7px no-repeat;
    image-rendering: -webkit-optimize-contrast;
    padding-right: 20px;
}
.class-select > div select:first-child{
    /* margin: 0 32px 0 38px; */
}
.class-list-btn.m-10{
    margin-top: -10px !important;
}
.mdf-class .method{
    display: flex; align-items: center;
}
.mdf-class .method .txt-input{
    max-width: 204px;
    background: url("../img/common/arrowBottom.png") right center / 12px 7px no-repeat;
    image-rendering: -webkit-optimize-contrast;
    padding-right: 20px;
}
.mdf-class .method .text{
    font-size: 0.875rem;
    color: #999; margin-left: 12px;
}
.mdf-class .method .text p{
    display: inline-block;
}
.mdf-class .number-set{
    padding: 0;
    padding-top: 8px;
}
.mdf-class .number-set .point{
    font-size: 20px; color: #222; line-height: 36px;
}
.mdf-class textarea{
    line-height: 26px !important;
    margin-top: 8px !important;
}
/* qa 추가 */
.mypage-wrap.consult .inner-body .number-set.pt0{
    padding-top: 0;
    margin-top: -8px;
}
/* 22/5월 업데이트 - 태그 */
.list-item-inner.tag05_udt .mlist-inner{
    display: flex;flex-direction: column;
    justify-content: space-between;
    height: 85%;
}
.list-item-inner.tag05_udt .counsel-style{
    display: flex; align-items: center; 
    position: absolute;
    font-size: 1rem;
    top: 53px;
    left: 192px;
    height: 40px; border: 0;
    color: #999; padding: 0;
}
.list-item-inner.tag05_udt .counsel-style .style{
    margin-right: 14px; position: relative;
}
.tag05_udt .counsel-style a:first-child{
    padding-left: 0;
}
.tag05_udt .counsel-style a:first-child::before{
    display: none; 
}
.profile-wrap.profile ul li:first-child .tag05_udt .counsel-btn + div.counsel-style,
.profile-wrap.main ul li:first-child .tag05_udt .counsel-btn + div.counsel-style{
    top: 88px;
}




.column-content {
    text-align: center;
}
.column-content .column-content-text {
    padding: 0;
}
.column-content-text {
    padding: 10px;
    text-align: left;
    font-size: 16px;
    letter-spacing: -1px;
    color: #222222;
    line-height: 24px;
    background: #f6f6f6;
}
.column-content .column-content-text .intv_img {
    display: block;
}
.column-content img {
    max-width: 100%;
}
.column-content-text .intv {
    padding: 20px 30px;
    background: #fff;
    margin-bottom: 10px;
}
.column-content-text .intv .title {
    text-align: center;
    margin-right: 0;
    margin-bottom: 20px;
}
.renewal.default-list-layout .title {
    border-bottom: 0;
    padding: 0;
    margin-right: 10px;
    font-size: 14px;
}
.column-content-text .intv .title .t_sub {
    font-size: 12px;
    font-weight: 400;
    color: #EC5951;
    vertical-align: middle;
}
.column-content-text .intv .title .t_sub span {
    display: inline-block;
    color: #fff;
    font-weight: 600;
    background: #EC5951;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 50%;
    margin-left: 4px;
}
.column-content-text .intv .title .t_main {
    font-size: 16px;
}
.column-content-text .intv .intv_content {
    text-indent: 10px;
    word-break: break-all;
    color: #333;
    margin-bottom: 20px;
}
.interview_topImgBox {
    text-align: left;
}
.interview_ThisM {
    display: inline-block;
    margin-top: 45px;
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    background: #000;
    color: #fff;
}
.column_title {
    display: block;
    margin-top: 25px;
    margin-bottom: 30px;
    width: 100%;
    font-size: 75px;
    letter-spacing: -0.05em;
    font-weight: 400;
    text-align: center;
    color: #000;
}
.pd_30 {
    padding: 0 20px;
}
.master_introText {
    margin: 20px 0 20px 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #555;
    background: #f4f4f4;
    border: 1px solid #949494;
    padding: 15px;
    letter-spacing: -0.07em;
    border-radius: 10px;
    background: #fff;
}
.columnBox {
    padding: 0 15px;
    margin: 0 auto;
    margin-top: 15px;
}
.columnBox .Qnumber {
    display: inline-block;
    padding: 2px;
    margin-left: 0px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    background: #019ab5;
    line-height: 12px;
}
.columnBox .Q_txt {
    display: block;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 10px;
    padding: 0;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -0.05em;
    color: #ff0743;
    line-height: 20px;
    text-decoration: underline;
}
.C38009a {
    color: #540191 !important;
}
.columnBox .A_txt {
    display: block;
    width: 100%;
    margin: 0px;
    padding: 15px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.05em;
    color: #000;
    background: #fff;
    line-height: 20px;
    border-radius: 10px;
}
.columnBox .A_txt > img {
    width: 100%;
    margin-top: 10px;
}


/* 방문상담(6월) 추가 */
.main-nav-inner.visit{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 8px;
}
.main-nav-inner.visit li{
    margin-right: 0;
}
.main-nav-inner.visit li a{
    width: 100%; height: 56px;
    padding: 0 25px;
    flex-direction: row;
    align-items: center;
}
.main-nav-inner.visit .list-icon img{
    width: 24px; height: auto;
    margin: 0; margin-left: auto;
}
.main-nav-inner.visit li:nth-child(1) img{
    width: 30px;
}
.main-nav-inner.visit li:nth-child(2) img{
    width: 26px;
}
.main-nav-inner.visit li:nth-child(3) img{
    width: 32px;
}
.main-nav-inner.visit li:nth-child(4) img{
    width: 24px;
    margin-top: 5px;
}
.main-nav-inner.visit li:nth-child(5) img{
    width: 24px;
}
.main-nav-inner.visit li:nth-child(6) img{
    width: 24px; margin-top: 3px;
}
.main-nav-inner.visit li:nth-child(7) img{
    width: 24px;
}
.main-nav-inner.visit li:nth-child(8) img{
    width: 28px; height: 23px;
    margin-bottom: 3px;
}

.cate-tab{
    display: flex;
    align-items: center;
    padding: 22px 20px;
    background-color: #f5f5f5;
    border-top: #e9e9e9 1px solid;
    overflow: hidden;
}
.cate-tab a{
    border: #e9e9e9 1px solid;
    background-color: #fff;
    height: 40px;
    line-height: 38px;
    padding: 0 16px;
    border-radius: 4px;
    display: inline-block;
    width: auto;
}
.cate-tab a.active{
    background-color: #6335b4;
    color: #fff;
}
.visit-banner{
    padding: 30px;
}

.visit .list-item-inner{
    padding-bottom: 20px;
}
.visit .list-item-inner .list-body{
    height: auto;
}
.visit .list-img,
.visit .list-img img[src$=".png"]{
    height: auto;
    top: 0;
    height: 108px;
    border-radius: 8px;
}
.visit .list-content{
    display: block;
    flex: 1 1 auto;
    width: calc(100% - 174px);
    border-bottom: none;
}
.visit .list-content .con-hd{
    padding-right: 200px;
    position: relative;
}
.visit .list-content .con-hd .name{
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.visit .list-content .con-hd .cls{
    position: absolute; top: 0; right: 0;
}
.visit .list-content .con-hd .loc{
    position: absolute; top: 25px; right: 0;
}
.visit .list-content .con-bd{
    margin-top: 15px;
    padding-top: 15px;
    border-top: #e9e9e9 1px solid;
    display: flex;
}
/* 회원마이메뉴 나의예약 */
.mypage-wrap.item.class .list-item.mymenu-list{
    border-top: none;
    position: relative;
}
.mypage-wrap.item.class .list-item.mymenu-list + .list-item::before{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    height: 6px;
    background-color: #f5f5f5;
    border-top: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
    width: calc(100% + 32px);
}
.mypage-wrap.item.class .list-item.mymenu-list .list-content .list-text{
    margin-top: 0;
    min-height: 36px;
}
.hf .inner-detail .list-item{
    position: relative;
    margin: 0 -16px;
    width: calc(100% + 32px);
}
.hf .inner-detail .list-item::before{
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    height: 6px;
    background-color: #f5f5f5;
    border-top: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
    width: 100%;
    z-index: 2;
}
.hf .inner-detail .list-item .list-item-inner.ver2{
    padding: 30px 16px 16px;
}
.hf .inner-detail .list-item .list-item-inner.ver2 .title{
    font-size: 16px;
    margin: 0;
}
.hf .inner-detail .list-item .list-item-inner.ver2 .loc-inner .map-bx .map{
    height: 250px;
}
.popup-bg .popup-center .detail-grid > div{
    line-height: 1.2;
}
.list-item.hr{
    border-bottom: 1px solid #e9e9e9 !important;
}
.list-item.hr .list-item-inner{
    margin-bottom: 6px;
    border-bottom: 1px solid #e9e9e9;
}

.mypage-wrap.item .list-item-ul li.buyLst .list-body{
    width: 100%;
}
.mypage-wrap.item .list-item-ul li.buyLst > a{
    width: 100%;
    padding: 0;
}
.mypage-wrap.item .list-item-ul li.buyLst .btn-set{
    margin-top: 16px;
}
.mypage-wrap.item .list-item-ul li.buyLst .btn-set a:first-child{
    display: block !important;
}
.mypage-wrap.item .list-item-ul li.buyLst .list-content{
    flex: 1;
}
.mypage-wrap.item .list-item-ul li.buyLst .status{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin:0 0 8px 0;
}
.mypage-wrap.item .list-item-ul li.buyLst .status .nickname{
    font-size: 12px; color: #999; font-weight: normal;
    max-width: 118px; height: 12px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.mypage-wrap.item .list-item-ul li.buyLst .list-text{
    font-weight: 600;
    margin: 0;
    font-size: 14px;
}
.mypage-wrap.item .list-item-ul li.buyLst .coin{
    margin: 8px 0 0 0 !important;
}
.mypage-wrap.item .list-item-ul li.buyLst .receipt{
    margin: 10px 0 0 0 !important;
}
.mypage-wrap.item .list-item-ul li.buyLst .receipt + .receipt{
    margin-top: 8px !important;
}

.mypage-wrap.item .list-item-ul li.mymenu .list-text{
    margin: 0;
    font-weight: 600;
    line-height: 1.2;
    height: 36px;
}
.mypage-wrap.item .list-item-ul li.mymenu .receipt{
    margin: 8px 0 0 0;
}
.mypage-wrap.item.mymenuReser .list-item-ul{
    min-height: calc(100vh - 449px);
}
.mypage-wrap.item .list-item-ul .mymenu .list-content.w50{
    width: 50%;
}
.dotdot{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.mypage-wrap.item .list-item-ul .list-body{
    width:366px;
}

.calleeStudent .list-item.myclass04 .list-content > p {
    margin-bottom: 0;
}

.calleeStudent .list-item.class-list .list-text {
    margin-top: 8px;
    margin-bottom: 0px !important;
}

@media (max-width: 719px){
    .mypage-wrap.item .list-item-ul .list-body{
        width:100%;
    }
}

#coupon_disable_desc {
    display:none;
    font-size:14px;
    line-height: 20px;
}
.coupon-select {
    display:inline-block;
}
.coupon_img_wrap {
    width: auto;
    position: relative;
}
.coupon_text_wrap {
    position: absolute;
    top: 49%;
    left: 40%;
    width: 33%;
    transform: translate(-50%, -50%);
    text-align: center;
    vertical-align: middle;
    color: white;
    font-size: 14px;
    line-height: 18px;
}
.gs_btn {
    width: 110px;
    margin-top: 6px;
    border-radius: 5px;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    height: 44px !important;
    background: #6335b4;
    color: white;
    font-size: 13px;
    /*font-weight: bold;*/
}
.gs_div .gs_input {
    width: 100%;
    margin-top: 6px;
    height: 44px;
    padding: 0 12px;
    border-radius: 4px;
    border: solid 1px #e9e9e9;
    background-color: #fff;
}
#gs_zipcode {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.gs_div {
    margin-top: 12px;
}