/*popup*/
.popup-bg .popup-center.modify_phone {
	padding:30px 16px 40px;
	text-align:left;
}
.popup-center.modify_phone p {
	line-height:1;
}
.popup-center.modify_phone .form-select {
	background: url(../img/common/select_ph_bl.png) no-repeat left center / 20px 20px, url(../img/common/arrowBottom.png) no-repeat right center / 12px 7px;
	border-bottom: 1px solid #ddd;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin:18px 0 10px;
}
.popup-center.modify_phone .form-input { border-bottom: 1px solid #ddd;}
.popup-center.modify_phone .number-rock {
	margin-top:14px;
}
.popup-center.modify_phone .number-rock .number-rock-btn {
	text-align:center;
	width:107px;
}
.popup-center.modify_phone .number-rock .i-lock_s {
	background-size:16px 18px;
}

/* ////////////////////////////////////////// 이벤트///////////////////////////////////////////////////////////////////// */
.blind {
    display: block;
    overflow: hidden;
    position: absolute;
    top: -999em;
    left: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
}
.tit-right-btn {
	display:flex;
	align-items: center;
}
.event-wrap-inner .payback-detail {
	margin:30px;
	border-radius: 6px;
	overflow:hidden;
}
.event-wrap-inner .payback-detail img {
	width: 100%;
	vertical-align: top;
}
.checkbox-div.list-controller {
	padding:18px 0 16px;
	margin:0 20px;
	border-bottom:1px solid #e9e9e9;
}
.event-wrap .list-item-inner.event-end {
	position:relative;
}
.event-wrap .list-item-inner.event-end .event-end {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgba(0, 0, 0, .6);
	z-index:5;
}
.event-wrap .list-item-inner.event-end .event-end span {
	font-size:1.25rem;
	color:#fff;
	text-align:center;
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.event-end-message, .end-message {
	position:relative;
	text-align:center;
	line-height:1.63;
	padding:100px 0;
	color:#707070;
	background:#fff;
	width:100%;
}
.event-end-message img, .end-message img {
	width:100px;
	height:100px;
	margin-bottom:24px;
}

.event-wrap-inner .event-list {
	margin:45px auto 0;
	width:400px;
}
.event-wrap-inner .event-list li {
	height:105px;
	margin-bottom:20px;
}
.event-detail {
	margin:30px;
	border-radius: 6px;
	overflow:hidden;
}
/* 텝밑 결과 및 설명 회색box */
.info-section {
	display:flex;
	align-items: center;
	justify-content: center;
	text-align:center;
	font-size:1.125rem;
	height:80px;
	background:#f5f5f5;
	color:#222;
	border-bottom:1px solid #e9e9e9;
}
.info-section .count {
	font-size:1.125rem;
	font-weight:bold;
	color:#6335b4;
}
.h-auto{
	height:auto !important;
}
.info-section .infotxt {
	padding:20px 0;
	font-size:1.125rem;
	color:#222;
	line-height:1.44;
}

/* ////////////////////////////////////////// 검색 ///////////////////////////////////////////////////////////////////// */
.search-wrap {
	padding-top: 80px;
}
.search-inputbox button , .search-keyword button {
	font-size:0;
	border:0;
	padding:0;
	background:none;
}
.search-wrap .search-header {
	border-bottom:1px solid #6335b4;
	padding:16px 30px;
}
.search-header .search-inputbox {
    display: flex;
}
.search-header .search-inputbox .inputbox {
    display: flex;
    width: 100%;
    margin-right: 20px;
}
.search-header .search-input::placeholder {
    color: #999;
    font-weight: normal;
}
.search-header .search-input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
}
.search-header .search-input::-ms-input-placeholder {
    color: #999;
    font-weight: normal;
}
.search-header .search-input {
    font-size: 1.125rem;
    width: 100%;
    padding: 0;
    color: #6335b4;
	/* color: #222; */
    font-weight: bold;
}
.search-header .btn_search span {
    display: block;
    width: 29px;
    height: 29px;
    background: url('../img/common/search.png') center center/24px 24px no-repeat;
    color: transparent;
}
.search-wrap .search-keyword {
    padding: 0 30px;
}
.search-wrap .search-keyword .keyword-list li {
    display: flex;
    justify-content: space-between;
    padding: 15px 0 15px 28px;
    border-bottom: 1px solid #e9e9e9;
    font-size: 1.125rem;
    line-height: 1.625rem;
    color: #999999;
    background: url('../img/common/restart.png') left center/20px 18px no-repeat;
}
.search-wrap .search-keyword .keyword-list li a {
    width: 95%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.btn-keyword-delete span {
    display: block;
    width: 24px;
    height: 24px;
    background: url('../img/common/close_gray.png') center center/24px 24px no-repeat;
}
.search-wrap .search-none {
    padding: 30px;
}
.search-wrap .search-none .notfound {
    margin-bottom: 24px;
    padding: 0 12px 24px;
    border-bottom: 1px solid #e9e9e9;
    font-size: 1.25rem;
    line-height: 1.45;
    color: #222;
}
.search-wrap .search-none .notfound em {
    display: block;
    margin-bottom: 4px;
    color: #6335b4;
    font-weight: bold;
    font-size: 1.625rem;
    line-height: 1.4;
}
.search-wrap .search-none .infotxt li {
    position: relative;
    padding-left: 9px;
    font-size: 1.125rem;
    line-height: 2;
    color: #999;
}
.search-wrap .search-none .infotxt li::after {
    position: absolute;
    /* top: 17px; */
	top: 18px;
    left: 1px;
    content: '';
    width: 2px;
    height: 2px;
    background: #999;
}

/* 포스팅 리스트 */
/* 디자인 수정되었습니다 post-list 공통으로 수정 */
/* .post-list {
    padding: 0 30px;
}
.post-list li {
    border-bottom: 1px solid #e9e9e9;
}
.post-list .post-list-inner {
    display: flex;
    justify-content: space-between;
    padding: 12px 0;
}
.post-list .post-content {
    overflow: hidden;
}
.post-list .post-content .title {
    color: #222;
    line-height: 1.5;
    padding: 12px 0 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.post-list .post-content .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;
}
.post-list .post-content span {
    padding-left: 16px;
    color: #222;
    font-size: 0.875rem;
    line-height: 1.4;
}
.post-list .post-content span:first-child {
    padding-left: 0;
}
.post-list .post-content .comment {
    font-weight: bold;
}
.post-list .post-content .date {
    color: #999;
}
.post-list .post-list-inner .photo {
    flex: none;
    width: 72px;
    height: 72px;
} */

/* 검색 pc에서 타이틀감추기 */
.pcweb-none { display:none;}

/*메인팝업*/
.popup-bg .popup-div.main{
    width: 328px;
    z-index: 5;
    border-radius: 0;
    overflow: hidden;
}
.popup-bg .popup-div.main .mainpopup-img {
	width: 328px;
	height :328px;
	overflow:hidden;
}
.popup-bg .popup-div.main .popup-btn {
		display:flex;
}
.popup-bg .popup-div.main .popup-btn .btn-main-pp {
	width:50%;
	height:50px;
	background:#c1c1c1;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height: 48px;
}
.popup-bg .popup-div.main .popup-btn .btn-main-pp.active {
	background:#6335b4;
}

/* ////////////////////////////////////////전화상담-후기//////////////////////////////////////////////////////////////////// */
.header-policy-btn {
	display: flex;
    justify-content: flex-end;
	align-items: center;
	color:#222;
	font-size:0.875rem;
	padding-right:11px;
    background: url('../img/common/arrowRight_s.png') right center / 5px 9px no-repeat;
}
.writable-review .info-section {
	font-weight:bold;
}
.writable-review .info-section span {
	font-size:0.937rem;
	font-weight:normal;
	color:#666;
}
.writable-review .info-section span em {
	font-size:0.937rem;
	vertical-align:baseline;
}
.writable-list {
	margin:8px 30px;
}
.writable-list li .list-inner {
	display:flex;
	justify-content: left;
    align-items: center;
    background: url('../img/common/arrowRight_s.png') right center / 5px 9px no-repeat;
	border-bottom:1px solid #e9e9e9;
	padding:12px 0;
	image-rendering: -webkit-optimize-contrast;
}
.writable-list li .list-inner .list-img, .review-cs .list-img, .counselor-inner .list-img{
	width:80px;
	min-width:80px;
	height:80px;
	margin-right:20px;
}
.counselor-info-con {
	width:100%;
}
.counselor-info-con .cs-name {
	position:relative;
	color:#222;
	font-size:1rem;
	font-weight:bold;
	text-align:left;
	line-height:1.35;
}
.counselor-info-con .cs-number {
	display:inline-block;
	position:relative;
	margin-left:6px;
	padding-left:10px;
	font-weight:normal;
}
.counselor-info-con .cs-number::before{
	display: inline-block;
    content: '';
    position: absolute;
    width: 1px;
    height: 12px;
    background: #dddddd;
    top: 50%;
    left: 0;
    margin-top: -6px;
}
.counselor-info-con .info {
	margin-top:6px;
	text-align:left;
}
.counselor-info-con .info + .info{
	margin-top:8px;
}
.counselor-info-con .info-con {
	display:inline-block;
	color:#999999;
	font-size:0.875rem;
	margin-left:10px;
}
.counselor-info-con .info-con:first-child {
	margin-left:0;
}
.review-cs {
	display:flex;
	align-items: center;
	padding-bottom:20px;
	border-bottom:1px solid #e9e9e9;
}
.review-cs-in {
	width:100%;
}
.review-cs-in .counselor-info-con {
	position:relative;
}
.review-cs-in .counselor-info-con + .counselor-info-con {
	/* margin-top:12px; */
	margin-top: 8px;
}
.review-cs-in .counselor-info-con .nickname {
	font-size:0.875rem;
	font-weight:bold;
	color:#222;
}
.review-cs-in .counselor-info-con .info-con {
	position:absolute;
	right:0;
	top: 50%;
    transform: translateY(-40%);
}
.review-cs-in .counselor-info-con .star-set {
	margin:0 6px 0 0;
}
.written-review .counsel-style {
	position:relative;
}
.written-review .counsel-style .hash-tag {
	position:absolute;
	font-size: 0.875rem;
	right:0;
	top:0;
	color:#222;
}
.written-review .counsel-style .hash-tag em {
	display:inline-block;
	margin-left:13px;
}
.written-review .counsel-style > p:first-child::after {
	display:none;
}
.written-review .counsel-style > p::after {
	display: inline-block;
    content: '';
    width: 1px;
    height: 12px;
    background: #ddd;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.info-section .counselor-inner {
	padding:14px 0;
}
.counselor-inner {
	display:flex;
	text-align: initial;
	align-items: center;
}
.review-write-inner {
	width: 400px;
	padding:0 15px;
    min-height: 100%;
    margin: 0 auto;
	box-sizing:border-box;
	border-left:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	padding-bottom: 80px;
}
.review-write-inner dl {
	padding:30px 0;
}
.review-write-inner dt {
	padding-left:28px;
	margin-bottom:14px;
	line-height:1.5;
	background:url('../img/common/num_01.png') left 2px / 20px 20px no-repeat;
	image-rendering: -webkit-optimize-contrast;;
}
.review-write-inner dt.numb2 {
	background-image:url('../img/common/num_02.png');
}
.review-write-inner dt.numb3 {
	background-image:url('../img/common/num_03.png');
}
.review-write-inner dt.numb4 {
	background-image:url('../img/common/num_04.png');
}
.review-write-inner dt.numb5 {
	background-image:url('../img/common/num_05.png');
}
.review-write-inner .txt-s{
	display:inline-block;
	color:#666;
	font-size:0.875rem;
	letter-spacing: -0.028rem;
}
.review-write-inner .txt-s .count{
	vertical-align:inherit;
}
.review-write-inner dd {
	margin-bottom:36px;
}
.review-write-inner .sel {
    background: url('../img/common/arrowBottom.png') 95% center / 14px 8px no-repeat #fff;
	display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
	padding:0 0 0 16px;
    color: #222;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 4px;
	border:1px solid #e5e4e9;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.review-write-inner .sel::-ms-expand {
    display: none;
}
.review-write-inner textarea {
	width:100%;
	height: 150px;
	padding: 16px;
	border-radius: 8px;
	/* background-color: #f5f5f5; */
	background: white; border: 1px solid #e5e4e9;
	resize: none; font-size: 1rem; line-height: 1.5;
}
.i-photo{
    background: url('../img/common/review_photo.png') center left / 18px 16px no-repeat;
    padding-left: 26px;
}
.i-trash{
    background: url('../img/common/trash.png') center left / 17px 18px no-repeat;
    padding-left: 24px;
}
.file-img {
	margin-top:30px;
	position:relative;
}
.file-img img{
	width:100%;
}
.del-btn-cw {
	position:absolute;
	width:32px;
	height:32px;
	top:12px;
	right:12px;
	background: url('../img/common/close_btn.png') center center / 14px 14px no-repeat #fff;
    color: transparent;
	border-radius:50%;
}


/*/// 별점 ////*/
.star-ratingbox {
	display: flex;
    flex-direction: column;
    justify-content: center;
	height:133px;
	border-radius: 4px;
	background-color:#6335b4;
	position:relative;
    overflow: hidden;
}
.star-ratingbox::before{
	position:absolute;
	width:26px;
	height:52px;
	content:'';
	background:#7f5bc8;
	top:0;
	left:0;
	transform: skewX( -48deg);
	-ms-transform: skewX( -48deg);
	-webkit-transform: skewX( -48deg);
}
.star-ratingbox::after{
	position:absolute;
	width:26px;
	height:52px;
	content:'';
	background:#7f5bc8;
	bottom:0;
	right:0;
	transform: skewX( -48deg);
	-ms-transform: skewX( -48deg);
	-webkit-transform: skewX( -48deg);
}
.star-rating {
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	text-align: center;
}
.star-rating input {
	display: none;
}
.star-rating label {
	width:17px;
	height:34px;
    color: transparent;
	cursor: pointer;
	background: url('../img/common/star_w.png') top left / 34px 34px no-repeat;
}
.star-rating label.star-l {
	background-position:top right;
	margin-right:4px;
}
.star-rating :checked ~ label {
	background-image: url('../img/common/star_y.png');
}
.star-rating label:hover,
.star-rating label:hover ~ label {
	background-image: url('../img/common/star_y.png');
}
.star-ratingbox .star-rating-txt {
	margin-top:20px;
	color:#fff;
	font-size:1.5rem;
	text-align:center;
}
/*//// switch 사이즈 big 82x34 //////*/
.switch-btn.size-b{
    width: 82px;
    margin-left: 12px;
}
.switch-btn.size-b label {
    width: 82px;
    height: 34px;
}
.switch-btn.size-b label span {
    width: 22px;
    height: 22px;
    left: 6px;
}
.switch-btn.size-b input[type="checkbox"]:checked + label span{
    transform: translate(46px, -11px);
}
.switch-btn.size-b label:before {
    width: 45px;
    right: 6px;
    top: 50%;
    font-size: 1rem;
}
.switch-btn.size-b input:checked + label:before {
    left: 6px;
}

/* ////////////////////////////////////////// 작명_구매하기///////////////////////////////////////////////////////////////////// */
.order-inner {
	border-left:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	box-sizing:border-box;
	width:400px;
	margin:0 auto;
}
.order-inner .list-item-inner, .inner-body .list-item-inner {
	padding:24px 16px 25px;
	min-height:auto;
}
.inner-body.pdnone {
	padding: 0;
}
.naming-wrap .counselor-inner {
	width:400px;
}
.list-img.rect-s {
	width:100px !important;
	min-width:100px !important;
	height:64px !important;
    border-radius: 4px;

}
.list-img.rect-m {
	width:125px !important;
	min-width:125px !important;
	height:80px !important;
    border-radius: 4px;

}
.order-inner .title {
    font-size: 1.125rem;
    font-weight: bold;
	height: auto;
}
.order-inner .checkbox-list {
	margin:16px 0 10px 28px;
}
.order-inner .checkbox-list .checkbox-div {
	margin-bottom:14px;
}
.order-inner .checkbox-list .checkbox-div .checkbox {
	color:#999;
	font-size:1rem;
}
.order-inner .checkbox-list .i-arrow-r {
	font-size: 0;
    width: 23px;
    height: 19px;
    display: block;
}
.quantitybox {
	display:flex;
}
.quantitybox .quantity-btn {
	width:28px;
	height:28px;
	background:url('../img/common/btn_minus.png') no-repeat;
	background-size:100%;
	border-radius:2px;
	border:0;
	padding: 0;
    cursor: pointer;
}
.quantitybox .quantity-btn.incr {
	background-image:url('../img/common/btn_plus.png');
}
.quantitybox .num {
	background:#f5f5f5;
	width:60px;
	height:28px;
	border-radius:2px;
	text-align:center;
	font-weight:bold;
	margin:0 5px;
}
.order-inner .payment {
	margin-top:12px;
    padding-top: 7px;
	border-top:1px solid #e9e9e9;
	margin-bottom: 8px;
}
.order-inner .payment label {
	display:flex;
	align-items: center;
	margin-top:6px;
}
.order-inner .payment .radio-span {
	top:auto;
    left:auto;
    transform:none;
}
.order-inner .payment .label-text{
    margin-top: -2px;
}
.order-inner .total_bt {
	display: flex;
    justify-content: space-between;
	align-items: center;
	font-weight:bold;
	border-top:1px solid #e9e9e9;
	padding:27px 15px;
	font-size:1.125rem;
}
.order-inner .total_bt span {
	font-weight:normal;
	font-size:1rem;
}
.order-inner .total_bt .price {
	color:#da4841;
	font-size:1.5rem;
}
.order-inner .tblist td { text-align:left;}
.tblist.left td{
    text-align: left;
}
.counselor-info-con .txt {
	margin:10px 0;
	color:#666;
	font-size:0.875rem;
	overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.counselor-info-con .data {
	position:absolute;
	right:0;
	font-size:0.875rem;
	color:#999;
	font-weight:normal;
}
.naming-wrap .writable-list li .list-inner {
	background:none;
}
.info-section .chat-qna-info {
	position:relative;
	width:100%;
	box-sizing:border-box;
	padding:20px 30px;
	text-align:left;
}
.info-section .chat-qna-info .tit {
	font-size:1.125rem;
	font-weight:bold;
	line-height:1.44;
	padding-bottom:8px;
}
.info-section .chat-qna-info .txt {
	font-size:0.875rem;
	line-height:1.5;
	color:#666;
}
.info-section .chat-qna-info .switch-btn {
	position:absolute;
	right:30px;
	top:50%;
}

/*  //////////////////// 채팅상담 연결 /////////////////////////////// */
.chatloader-wrap {
	height:100vh;
	background:#7f5bc8;
	position: relative;
}
.chatloader-wrap .loader-txt {
	margin:0 auto;
	padding:180px 0 50px;
	color:#fff;
	text-align:center;
}
.chatloader-wrap .loader-txt .counselor {
	font-size:2.123rem;
}
.chatloader-wrap .loader-txt .text {
	font-size:1.125rem;
	font-weight:100;
	margin-top:15px;
}
.chatloader-wrap .chat-close{
	position: absolute;
	top: 25px;
	right: 20px;
}
.chatloader-wrap .chat-close .i-close {
    background: url(../img/chat/chat_close.png)no-repeat right center /9px 9px;
    padding-right: 16px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.spinnerbox-inner {
	width:200px;
	height:200px;
	border:40px solid #7b54c4;
    border-radius: 50%;
	margin:0 auto;
	position:relative;
}
.spinnerbox-inner .number {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	display:flex;
	align-items: center;
    justify-content: center;
}
.spinnerbox-inner .number em {
	color:#fff;
	font-size:1.375rem;
}

.spinner::before {
	position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    content: '';
    border-radius: 50%;
    background: #ffdb4a;
    top: 3px;
    left: 5px;
}
.spinner::after {
	position: absolute;
    display: block;
    width: 12px;
    height: 12px;
    content: '';
    border-radius: 50%;
    background: #ffdb4a;
    top: 3px;
    right: 5px;
}
.spinner {
	position:relative;
    margin: 0 auto;
    width: 120px;
    height: 120px;
    border: 12px solid #9a79de;
    border-top: 12px solid #ffdb4a;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}
/*////채팅상담 결제 /////*/
.detail-wrap.order_result {
    border-top: 1px solid #e9e9e9;
}
.order_result .result-info .f-bold {
	padding:8px 0 10px;
	text-align:center;
	line-height:1.5;
}
.order_result .result-info .info-txt {
	font-size:0.875rem;
	line-height:1.5;
	color:#666;
	text-align:center;
	padding-bottom:14px;
}
.order_result .detail-grid {
	grid-template-columns: 25% 75%;
}
.order_result .detail-grid div p {
	overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

/* //////////// 마이페이지-1:1문의/////////// */
.mypage-wrap.qna .inner-detail {
	padding:0;
}
.mypage-wrap.item .list-consult-ul.qna  li a {
	padding:0;
}
.mypage-wrap.item .list-consult-ul.qna .list-body {
    display: flex;
    justify-content: left;
    align-items: flex-start;
	padding:12px 0;
}
.mypage-wrap.item .list-consult-ul.qna .text-sort.cont {
    -webkit-line-clamp: 1;
    margin: 7px 0 10px;
	font-size:1rem;
    color: #222;
    line-height: 1.5;
}
.mypage-wrap.item .list-consult-ul.qna .text-sort{
    margin-top: 12px;
}
.mypage-wrap.item .list-consult-ul.qna .list-content-inner {
    display: flex;
    justify-content: space-between;
}
.mypage-wrap.item .list-consult-ul.qna .list-content {
    display: inline-block;
	margin-top:15px;
}
.mypage-wrap.item .list-consult-ul.qna.answer .list-img.circle {
	width: 60px;
    min-width: 60px;
    height: 60px;
    margin-right: 14px;
}
.mypage-wrap.item .list-consult-ul.qna.answer .list-body {
	padding:16px 0;
}
.mypage-wrap.item .list-consult-ul.qna.answer .cut-line {
    font-size: 0.875rem;
}
.mypage-wrap.item .list-consult-ul.qna.answer .data {
	font-size:0.75rem;
}
.list-consult-ul.qna.answer .comment-question{
    margin-top: 10px;
	font-size:0.9375rem;
	line-height:1.45;
}
.mypage-wrap.item .list-consult-ul.qna.answer .list-content {
	margin-top:13px;
}
.list-consult-ul.qna.answer .comment-answer {
    padding: 14px 14px 16px;
    border-radius: 6px;
    margin: 16px 0 0 -14px;
}
.list-consult-ul.qna.answer .comment-answer .answer {
	line-height:1.57;
	color:#222;
}
.list-consult-ul.qna.answer .comment-answer .tit{
	font-weight:bold;
	padding-left:17px;
    background: url('../img/common/reply2png.png') center left /12px 10px no-repeat;
}
.mypage-wrap.question .inner-body, .mypage-wrap.notice .inner-body, .mypage-wrap.setup .inner-body {
	padding-top:8px;
}
.mypage-wrap.question .inner-top .btn.mint {
	margin:20px 0 6px;
}
.list-item .re-waiting {
	font-weight:bold;
	color:#da4841;
}
.list-item .re-fin {
}
.list-content .content-tt {
	display:flex;
	align-items: center;
}
.list-content .content-tt p {
	margin-left:12px;
}
.list-content .content-tt p:first-child {
	margin-left:0
}
.inner-top .item-info .text-icon.notice {
	font-size:1.125rem;
	padding-left:34px;
    background: url('../img/common/noticel.png') left center/24px 24px no-repeat;
}
.mypage-wrap.notice-detail {
	border-top: 1px solid #e9e9e9;
}
.mypage-wrap.notice-detail .inner-body {
	padding-top:0;
	line-height:1.5;
}
.mypage-wrap.notice-detail .notice-top {
	padding:24px 16px 23px;
	background:#f5f5f5;
	border-bottom:1px solid #e9e9e9;
}
.mypage-wrap.notice-detail .notice-top .tit {
	display: flex;
    font-weight: bold;
    margin-bottom: 6px;
    align-items: center;
    justify-content: space-between;
}
.mypage-wrap.notice-detail .data {
	font-size: 0.875rem;
	font-weight:normal;
    color: #999;
}
.mypage-wrap.notice-detail .question-detail {
	padding:16px 0 20px;
	border-top:1px solid #e9e9e9;
}
.mypage-wrap.notice-detail .question-detail:first-child {
	border:none;
}
.mypage-wrap.notice-detail .question-detail .top-cont{
	display: flex;
    margin:4px 0 12px;
    align-items: center;
    justify-content: space-between;
}
.mypage-wrap.notice-detail .question-detail:first-child .top-cont{
	padding-top:4px;
}
.mypage-wrap.notice-detail .question-detail .top-cont .reply {
	color:#6335b4;
	font-weight:bold;
	padding-left:24px;
    background: url('../img/common/reply_p.png') left center/16px 12px no-repeat;
}
.i-list {
    background: url('../img/common/i_list.png') left center/12px 10px no-repeat;
    padding-left: 20px;
}
.mypage-wrap.notice-detail .btn-list {
	border-top:1px solid #e9e9e9;
    padding: 16px 0;
	margin-top: 12px;
}
.mypage-wrap.notice-detail .question-detail img {
	margin-top:20px;
	border-radius: 8px;
}
/* 1:1문의쓰기 */
.type-check{
	display: grid;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
	margin-top:20px;
}
.btn-radio .label-txt {
	background:#fff;
	height:46px;
	line-height:44px;
	border-radius: 4px;
 	border: solid 1px #ddd;
	color:#222;
	text-align:center;
}
.btn-radio input[type="radio"]:checked + .label-txt {
	border:0;
	background-color: #1ab8be;
	color:#fff;
	font-weight:bold;
}
.question .input-wp {
	margin-top:16px;
}
.img-upload-wp {
	margin-top:12px;
	display:flex;
}
.img-upload-wp .imgbox:first-child{
	margin-left:0;
}
.img-upload-wp input[type=file] {
	display:none;
}
/*.img-upload-wp .imgbox {
	margin-left:14px;
}
.img-upload-wp label, .img-upload-wp .img_del {
	display:block;
	width:81px;
	height:32px;
	background-color:#fff;
	font-size:0.812rem;
	line-height:2.3;
	font-weight:bold;
	border-radius: 4px;
	border:1px solid #e5e4e9;
	text-align:center;
	margin:8px 0 0 0 !important;
}
.img-upload-wp .preview {
	width: 81px;
	height: 74px;
	border-radius: 4px;
	border: solid 1px #e5e4e9;
	background-color: #fff;
    background: url('../img/common/plus_gray.png') center center/18px 18px no-repeat;
}*/
.img-upload-wp .preview {
	width: 68px;
	height: 68px;
	border-radius: 4px;
	border: solid 1px #e5e4e9;
	background-color: #fff;
    background: url('../img/common/plus_gray.png') center center/16px 16px no-repeat;
}
.img-upload-wp .imgbox {
	margin-left:7px;
}
.img-upload-wp label, .img-upload-wp .img_del {
	display:block;
	width:68px;
	height:26px;
	background-color:#fff;
	font-size:0.6875rem;
	line-height:2.3;
	font-weight:bold;
	border-radius: 4px;
	border:1px solid #e5e4e9;
	text-align:center;
	margin:6px 0 0 0 !important;
}
.img-upload-wp .in .preview img{
	border-radius: 4px;
}
.footer-btn_r.btn_left {
	margin-right:10px;
}

/* //////////// 마이페이지-자주하는 질문/////////// */
.qna-list.myfaq {
	margin-top:-10px;
}
.qna-list.myfaq li:first-child {
	border-top:0;
}
.qna-list.myfaq .i-qna {
    background: url(../img/common/qna.png) left 20px / 14px 14px no-repeat, url(../img/common/arrowBottom.png) right 25px / 12px 7px no-repeat;
	-webkit-line-clamp: unset;
	line-height:1.56;
	min-height:52px;
	padding-top:14px;
	padding-bottom:14px;
}
.qna-list.myfaq .active .i-qna {
    background: url(../img/common/qna.png) left 20px / 14px 14px no-repeat, url(../img/common/arrowTop.png) right 25px / 12px 7px no-repeat;
}


/* ///////////////마이페이지-코인자동충전 ////////// */

.mypage-wrap.auto .inner-body {
	padding: 20px 16px;
}
.infotext {
	font-size:0.875rem;
	margin-top:14px;
	line-height:1.5;
}
.infotext em {
	color:#6335b4;
	font-weight:bold;
}
.item-auto-charge {
	border:#e9e9e9 1px solid;
}
.item-auto-charge li {
	border-top:#e9e9e9 1px solid;
	padding:11px 16px;
}
.item-auto-charge li:first-child {
	border-top:none;
}
.tblist .auto_check {
	display:flex;
	align-content: center;
    margin-top: 1px;
}
.tblist .auto_check p {
	font-size:0.875rem;
}
.auto_check .switch-btn {
	margin:0 10px 0 0;
}
.mypage-wrap.auto .btn-set {
	margin-top:32px;
}
.mypage-wrap.auto .btn-set .btn {
	font-size:0.875rem;
	height: 46px;
	margin-left:6px;
	margin-right:0;
    line-height: 44px;
}
.mypage-wrap.auto .btn-set .btn:nth-child(1){
	margin-left:0;
}
.mypage-wrap.auto .sub-tab {
	padding:0;
	margin:35px 0 30px;
}
.mypage-wrap .text-icon-card {
	display: flex;
    justify-content: center;
    font-weight: bold;
    color: #6335b4;
    font-size: 1.125rem;
    margin-top: 15px;
}
.mypage-wrap .text-icon-card p {
	padding-left:32px;
    background: url('../img/common/card.png') center left /22px 18px no-repeat;
}
.mypage-wrap.register, .mypage-wrap.auto {
    border-top: 1px solid #e9e9e9;
}
.mypage-wrap.register .inner-top, .mypage-wrap.auto .inner-top {
    border-top:none;
}
.mypage-wrap.register .cont-title {
	font-size:1.125rem;
	justify-content: space-around;
	padding-bottom:30px;
}
.mypage-wrap.register .fin-txt {
	margin-top:50px;
	text-align:center;
	line-height:1.625;
}
.register-top {
	display:flex;
	justify-content: space-around;
    align-items: center;
	background:#f5f5f5;
	border-bottom:1px solid #e9e9e9;
	height:120px;
	font-weight:bold;
	color:#c1c1c1;
	text-align:center;
	margin:-16px -16px 30px;
}
.register-top .card {
	flex: 1;
	position:relative;
	padding-top:49px;
    background: url('../img/common/card_gray.png') center 8px /32px 26px no-repeat;
}
.register-top .card.active{
    background: url('../img/common/card.png') center 8px /32px 26px no-repeat;
	color:#222;
}
.register-top .card::after {
	display:block;
	width:1px;
	height:50px;
	background:#ccc;
	position:absolute;
	top:18%;
	right:0;
	content:'';
}
.register-top .password {
	flex: 1;
	position:relative;
	padding-top:49px;
    background: url('../img/common/lock_gray.png') center top / 30px 34px no-repeat;
}
.register-top .password.active{
    background: url('../img/common/lock.png') center top / 30px 34px no-repeat;
	color:#222;
}
.pay-reg {
	padding-bottom:80px;
}
.pay-reg label, .input-wp label, .input-wp .stt {
	display:block;
	font-weight:bold;
	margin:40px 0 0;
}
.input-wp .stt .txt-s {
	font-size:0.875rem;
	font-weight:normal;
	margin-left:6px;
	color:#999;
}
.pay-reg label:first-child, .input-wp > label:first-child, .input-wp > .stt:first-child {
	margin-top:0;
}
.pay-reg .txt-input, .reg-select, .input-wp .txt-input {
	width:100%;
	padding:10px 0;
	border:0;
	border-bottom:1px solid #dddddd !important;
	font-size:1.25rem;
	line-height:1.45;
	letter-spacing:-0.04rem;
}
.input-wp textarea {
	width:100%;
	height:180px;
	font-size:1rem;
	line-height:1.68;
	border-radius: 4px;
	border: solid 1px #ddd;
	background-color: #fff;
	padding:14px;
	margin-top:16px;
	resize: none;
	font-family: 'Noto Sans KR','Noto Sans Korean', "Nanum Gothic", sans-serif;
}
.input-wp textarea::placeholder {
  color: #ccc;
}
.pay-reg .txt-input:focus, .pay-reg .txt-input.focus, .pin-password-input:focus, .pin-password-input.focus,
.input-wp .txt-input:focus, .input-wp .txt-input.focus {
	border-bottom:1px solid #222 !important;
}
.pay-reg .input-two, .pay-reg .input-gp{
	display:flex;
	align-items: center;
}
.pay-reg .input-gp em {
	padding:0 4px;
}
.cp-card .pay-reg label {
	color:#2c0051;
}
.pay-reg .checkbox {
	height:auto;
	font-weight:normal;
	background-position:top left;
}
.reg-select{
    padding-right: 10px;
	background: url(../img/common/arrowBottom.png) no-repeat center right / 12px 7px;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

}
.reg-select::-ms-expand {
	display: none;
}
.m30l {
	margin-left:30px;
}
.pin-password-input {
	width: 40px;
    height: 50px;
    padding: 20px 0 10px;
    border: 0;
    border-bottom: 1px solid #dddddd;
    font-size: 2.5rem;
    line-height: 1.45;
    text-align: center;
	margin-right:9px;
}
.pin-password-input:last-child{
	margin-right:0;
}
.pay-reg.password {
	margin-top:-15px;
}
.pay-reg.password .pin-password{
	height:165px;
	padding-top:45px;
	text-align:center;
}
.pay-reg.password label {
	font-size:1rem;
	font-weight:normal;
	text-align:center;
}


/* /////////////////// 코인충전 ////////////////////////////*/
.inner-top .item-info .textbox {
	font-size:1.125rem;
    text-align: center;
}
.inner-top .item-info .text-icon {
	font-size:1.125rem;
	padding-left:34px;
    background: url('../img/common/s_coin.png') left center/24px 24px no-repeat;
	letter-spacing: -0.04rem;
}
.inner-top .item-info .text-icon.auto-charge {
	padding-left:27px;
    background: url('../img/common/coin.png') left center/17px 18px no-repeat;
}
.inner-top.column.h-auto {
	padding:20px 0 24px;
	text-align:center;
}
.inner-body .inner-text {
	text-align:center;
	line-height:1.56;
	letter-spacing:-0.032rem;
}
.inner-body .item-gp {
	padding-bottom:35px;
}
.inner-body .item-gp p.txtr{
	margin-bottom:-10px;
}
.calculator-btn {
	display:inline-block;
	font-size:0.875rem;
	font-weight:bold;
	color:#999;
	padding-left:23px;
    background: url('../img/common/cal_gray.png') left center/15px 16px no-repeat;
	margin-top:14px;
	height: 15px;
}
.charge-wrap .tblist th {
	font-size:0.875rem;
}
.hongpay {
	border-top:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9;
	padding:10px 0 12px;
}
.guide-set + .hongpay {
	margin-top:16px;
}
.item-check {
	display:block;
	border: solid 1px #e9e9e9;
}
.item-check label {
	display: flex;
    border-top: solid 1px #e9e9e9;
    justify-content: flex-start;
}
.item-check label:first-child{
	border-top:none;
}
.item-check dt {
	min-width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -9px;
}
.item-check dd {
    border-left: solid 1px #e9e9e9;
	text-align:left;
	font-size:1rem;
	line-height:1.2;
	color:#222;
	padding:10px 0 10px 16px;
}
.item-check.coupon dd {
	font-size:0.8125rem;
	padding:12px 0 12px 16px;
}
.ico-naverpay {
	display:inline-block;
	/* padding-left:50px;
    background: url('../img/common/logo_naverpay.png') left center/42px 16px no-repeat; */
}
.price-gp {
	background:#f5f5f5;
	padding:10px 14px;
	border-top:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9;
	margin: 0 -16px 30px;
}
.price-gp .calc-list {
	display:flex;
	font-size:1.125rem;
	justify-content: space-between;
	padding:11px 0;
}
.price-gp .calc-list .price {
	color:#da4841;
	font-weight:bold;
}
.price-gp .calc-list em {
	font-size:0.875rem;
	color:#999;
}
.list-item-inner .hongpay-card {
	margin:0 -16px;
}
.hongpay-card {
	padding: 32px 0 30px;
	min-height:275px;
	background: linear-gradient( 180deg, #ffffff 0% 44%, #f5f5f5 44% 100% );
	background-image: -ms-linear-gradient(top, #ffffff 44%, #f5f5f5 44% );
	border-bottom:1px solid #e9e9e9;
}
.hongpay-card .cardimg-box {
	position:relative;
	margin:0 auto;
	width:284px;
	height:180px;
	background: linear-gradient( 180deg, #6335b4 0% 26%, #7f5bc8 26% 100% );
	background-image: -ms-linear-gradient(top, #6335b4 26%, #7f5bc8 26%);
	border-radius: 10px;
	color:#fff;
	font-size:1.25rem;
	padding:103px 0 0 24px;
}
.hongpay-card .cardimg-box .num {
	font-size:1.125rem;
	font-weight:bold;
	padding-top:11px;
}
.hongpay-card .cardimg-box::before {
	position:absolute;
	top:12px;
	right:24px;
	width:116px;
	height:22px;
	content:'';
    background: url('../img/common/logo_card.png') left center/116px 22px no-repeat;
}
.hongpay-card .cardimg-box::after {
	position:absolute;
	top:68px;
	right:24px;
	width:26px;
	height:20px;
	content:'';
    background: url('../img/common/cardchip.png') left center/26px 20px no-repeat;
}
.hongpay-card .cardimg-box .card-register {
	position:absolute;
	top:79px;
	/* left:calc(50% - 29px); */
	left: 50%; transform: translateX(-50%);
	display:block;
	font-size:0;
	color:transparent;
	width:54px;
	height:54px;
    background: url('../img/common/cardplus.png') center center/54px 54px no-repeat;
}
.hongpay-card .info {
	font-weight:bold;
	margin-top:12px;
	text-align:center;
}
.hongpay-card .info em {
	font-weight:normal;
}
.hongpay-card .btn-set {
	width: 284px;
    margin: 24px auto 0;
}
.hongpay-card .btn-set .btn {
	font-size:0.875rem;
	height: 40px;
	margin-left:10px;
    line-height: 38px;
}
.hongpay-card .btn-set .btn:first-child{
	margin-left:0;
}
.btn-point {
	position:relative;
	display:block;
	line-height:53px;
	height:54px;
	border-bottom:1px solid #e9e9e9;
	padding:0 16px 0 31px;
}
.btn-point span {
	display:block;
}
.btn-point:before {
    display: inline-block;
    content: "·";
    position: absolute;
    left: 16px;
    font-size: 0.750rem;
    color: #222;
    font-weight: bold;
}
.register .guide-set {
	padding:24px 16px;
	color:#999;
}
.register .guide-set li:before {
	color:#999;
}
.cont-title {
    position: relative;
	font-size:1rem;
	line-height:1.2;
	color:#222;
	font-weight:bold;
	padding-bottom:16px;
}
.cont-title .tt-btn{
    position: absolute; top: 50%; right: 0;
    margin-top: -13px;
}
.cont-title.type2 {
	font-size:1.125rem;
	padding-bottom:14px !important;
}
.cont-title.type2 + table {
	margin-top:0;
}
.cont-title + table {
	margin-top:7px;
}
.cont-title + .guide-set {
	margin-top:-7px;
}
.cont-title.password {
	margin-top:30px;
}
.tt-btn {
	display:inline-block;
	font-size:0.8125rem;
	padding:0 10px;
	height:26px;
	/* line-height:24px; */
	line-height:26px;
	border-radius:2px;
	background:#1ab8be;
	color:#fff;
}
.tt-btn .vip {
	display:inline-block;
	padding-left:18px;
    background: url('../img/common/vip_guide.png') left center/12px 12px no-repeat;
}
.tt-btn .clock {
	display:inline-block;
	padding-left:18px;
    background: url('../img/common/ic_clock_w.png') left center/10px 10px no-repeat;
}
.tt-btn .clock::after{
    content: '';
    width: 10px;
    height: 10px;
    display:inline-block;
    margin-left: 5px;
    background: url('../img/common/arrowRight_s_w.png') 50% center/4px auto no-repeat;
}
.tt-btn.bg-purple{
    background-color: #6335b4;
}
.txt-red {
	color:#da4841 !important;
}
.txt-purple {
	color:#6335b4 !important;
}
.txt-gray {
	color:#666 !important;
}


/* table */
.tblist {
	width:100%;
	border:solid 1px #e9e9e9;

}
.tblist th {
	border-left:solid 1px #e9e9e9;
	border-bottom:solid 1px #e9e9e9;
	background:#f5f5f5;
	color:#707070;
	font-weight:normal;
	line-height:1.6;
	padding:9px 14px;
	text-align:center;
	vertical-align: middle;
}
.tblist td {
	border-left:solid 1px #e9e9e9;
	border-bottom:solid 1px #e9e9e9;
	color:#222;
	font-weight:normal;
	line-height:1.6;
	padding:9px 16px;
	text-align:right;
}
.tblist.td-sizeb td {
	font-size:1.125rem;
}
.tblist.td-pd td, .tblist.td-pd th {
	padding-top:13px;
	padding-bottom:15px;
}
.tblist .price {
	color:#da4841;
	font-weight:bold;
}
.txtc {
	text-align:center !important;
}
.txtl {
	text-align:left !important;
}
.txtr {
	text-align:right !important;
}
.txt-s {
	font-size:0.875rem;
}
.guide-set li {
	position:relative;
	line-height:1.625rem;
	padding-left:15px;
}
.guide-set li:before {
    display: inline-block;
    content: "·";
    position: absolute;
    left: 2px;
    font-size: 0.750rem;
    color: #222;
    font-weight: bold;
}
/* ///////////파트너상담신청 /////////////*/
.mypage-wrap.recruit {
	border-top:#e9e9e9 1px solid;
}
.mypage-wrap.recruit .inner-body {
	padding-top:0;
}
.mypage-wrap.recruit .recruit-top {
	background:#f5f5f5;
	padding:24px 16px 19px;
	text-align:center;
    line-height: 1.4;
}
.mypage-wrap.recruit .recruit-top .tit{
	font-size:1.125rem;
	font-weight:bold;
	padding:52px 0 4px;
    background: url('../img/common/partner.png') top center/44px 44px no-repeat;
}
.mypage-wrap.recruit .recruit-top .info-txt {
	color:#666;
	font-size:0.875rem;
}
.mypage-wrap.recruit .recruit-top .contact-info {
	display:flex;
	margin-top:16px;
	padding-top:16px;
	border-top:#e5e4e9 1px solid;
	font-size:0.9375rem;
    justify-content: space-between;
}
.mypage-wrap.recruit .input-wp {
	margin-top:33px;
}
.input-wp .check-type {
	display:flex;
	margin-top:12px;
}
.input-wp .check-type label {
	font-size:1rem;
	font-weight:normal;
	margin:0 18px 0 0;
}
.check-type input[type="checkbox"]:checked + label {
    background-image: url(../img/common/check_on.png);
}
.check-type.check_radio input[type="radio"]:checked + label {
	background-image: url(../img/common/check_on.png);
}
.input-wp .check-type label:last-child {
	margin-right:0;
}
.mypage-wrap.recruit .btn-wp {
	margin-top:28px;
}
.mypage-wrap.recruit .btn-wp .info {
	margin-top:12px;
	font-size:0.875rem;
	color:#6335b4;
	line-height:1.5;
	text-align:center;
}
.mypage-wrap.recruit .btn-wp .info em{
	text-decoration:underline;
}
.mypage-wrap.recruit .recruit-banner .recruit-banner-in {
	padding:12px 16px 32px;
}
.mypage-wrap.recruit .recruit-infotxt {
	font-size:0.875rem;
	text-align:center;
	line-height:1.5;
	margin-top:16px;
}
.mypage-wrap.recruit .recruit-guide {
	position:relative;
	padding:0 16px;
	text-align:center;
}
.mypage-wrap.recruit .linebar {
	position:relative;
	padding-top:8px;
	border-top:0;
	height: 74px;
}
.mypage-wrap.recruit .linebar:before {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:6px;
	background:#f5f5f5;
	border-top:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9;
	content:'';
}
.mypage-wrap.recruit .recruit-guide .h2 {
	position:relative;
	font-size:1.5rem;
	color:#6335b4;
	line-height:1.48;
	padding:74px 0 49px;
	letter-spacing:-0.04rem;
    background: url('../img/common/mark_quot.png') center 50px / 16px 12px no-repeat;
}
.mypage-wrap.recruit .recruit-guide .h2.size-b { font-size:1.875rem;}
.mypage-wrap.recruit .recruit-guide .h2:after {
	position:absolute;
	left:50%;
    transform: translateX(-50%);
	bottom:24px;
	width:24px;
	height:1px;
	background:#222;
	content:'';
}
.mypage-wrap.recruit .recruit-guide .h2.no-img {
    background: url('../img/common/ic_recruit_no.png') center 50px / 44px 44px no-repeat;
	padding:106px 0 24px;
}
.mypage-wrap.recruit .recruit-guide .h2.no-line { padding-bottom:24px;}
.mypage-wrap.recruit .recruit-guide .h2.no-img:after, .mypage-wrap.recruit .recruit-guide .h2.no-line:after { display:none;}
.mypage-wrap.recruit .recruit-guide .guide-cont { font-size:1.125rem; line-height:1.5; }
.mypage-wrap.recruit .recruit-guide .guide-box, .mypage-wrap.recruit .recruit-guide .guide-type {
	background:#f5f5f5;
	border-radius: 6px;
	border: solid 1px #e9e9e9;
	padding:16px;
}
.mypage-wrap.recruit .recruit-guide .guide-type { padding:0; margin-top:28px;}
.mypage-wrap.recruit .recruit-guide .guide-type dt {
	font-weight:bold;
	font-size:1.625rem;
	padding-top:32px;
	border-top: solid 1px #e9e9e9;
}
.mypage-wrap.recruit .recruit-guide .guide-type dt:first-child { border-top:none;}
.mypage-wrap.recruit .recruit-guide .guide-type dd { line-height:1.5; padding-bottom:36px; }
.mypage-wrap.recruit .recruit-guide .guide-type .ty01 {
    background: url('../img/common/img_recruit01.png') center 20px / 130px 140px no-repeat;
	padding-top:180px;
}
.mypage-wrap.recruit .recruit-guide .guide-type .ty02 {
    background: url('../img/common/img_recruit02.png') center 28px / 159px 80px no-repeat;
	padding-top:128px;
}
.mypage-wrap.recruit .recruit-guide .guide-type .ty03 {
    background: url('../img/common/img_recruit03.png') center 24px / 106px 124px no-repeat;
	padding-top:168px;
}
.mypage-wrap.recruit .recruit-guide .guide-type .ty04 {
    background: url('../img/common/img_recruit04.png') center 24px / 98px 124px no-repeat;
	padding-top:168px;
}
.mypage-wrap.recruit .recruit-guide .guide-type .ty05 {
    background: url('../img/common/img_recruit05.png') center 24px / 150px 97px no-repeat;
	padding-top:158px;
}
.mypage-wrap.recruit .recruit-guide .guide-type .ty06 {
    background: url('../img/common/img_recruit06.png') center 24px / 119px 150px no-repeat;
	padding-top:200px;
}
.mypage-wrap.recruit .recruit-guide .guide-box.consult {
	padding:24px 16px;
}
.mypage-wrap.recruit .recruit-guide .guide-box .tt {
	font-size:1.125rem;
	font-weight:bold;
	color:#222;
	text-align:left;
	padding:24px 0 12px;
}
.mypage-wrap.recruit .recruit-guide .guide-box .tt:first-child {
	padding-top:0;
}
.mypage-wrap.recruit .recruit-guide .guide-box .consult-type {
	display:flex;
}
.mypage-wrap.recruit .recruit-guide .guide-box .consult-type li {
    display: flex;
	flex: 1;
	flex-grow: 1;
    border-radius: 6px;
    border: solid 1px #cfcfcf;
    background-color: #fff;
    font-size: 0.875rem;
    font-weight: bold;
    padding-top: 18px;
	height:114px;
	justify-content: center;
}
.mypage-wrap.recruit .recruit-guide .guide-box .consult-type.type li{
	height: 110px;
}
.mypage-wrap.recruit .recruit-guide .guide-box .consult-type li+li {
	margin-left:14px;
}
.guide-box.consult li:nth-child(1){
	background: url('../img/category/tarot.png') center bottom 26px / 38px 36px no-repeat;
}
.guide-box.consult li:nth-child(2){
	background: url('../img/category/saju.png') center bottom 26px / 32px 32px no-repeat;
}
.guide-box.consult li:nth-child(3){
	background: url('../img/category/fortune.png') center bottom 26px / 40px 41px no-repeat;
}
.guide-box.consult .type li:nth-child(1){
	background: url('../img/common/ic_recruit_phone.png') center bottom 24px / 34px 34px no-repeat;
	height:110px;
}
.guide-box.consult .type li:nth-child(2){
	background: url('../img/common/ic_recruit_keyboard.png') center bottom 24px / 75px 32px no-repeat;
	height:110px;
}
.guide-box.consult .type li.visit{
	background: url('../img/common/cate_visit.png') center bottom 24px / 34px 34px no-repeat;
	height:110px;
}
.mypage-wrap.recruit .recruit-guide .guide-box.ico-no li {
	text-align:left;
	background: url('../img/common/ic_recruit_no.png') left center / 16px 16px no-repeat;
	padding:0 0 0 24px;
	margin-right:-2px;
	line-height:1.8;
	letter-spacing: -0.04rem;
}
.mypage-wrap.recruit .recruit-guide .guide-box p {
	margin-top:36px;
}
.mypage-wrap.recruit .recruit-guide .guide-box.consult-benefit { padding:24px 16px;}
.mypage-wrap.recruit .recruit-guide .guide-box.consult-benefit li {
    display: flex;
    align-items: center;
    margin-top: 28px;
	padding-left: 76px;
    background: url(../img/common/ic_recruit01.png) left center / 60px 60px no-repeat;
    min-height: 60px;
	font-size: 1rem;
    line-height: 1.44;
    text-align: left;
    color: #333;
}
.mypage-wrap.recruit .recruit-guide .guide-box.consult-benefit li:nth-child(2){
	background-image:url(../img/common/ic_recruit02.png);
}
.mypage-wrap.recruit .recruit-guide .guide-box.consult-benefit li:nth-child(3){
	background-image:url(../img/common/ic_recruit03.png);
}
.mypage-wrap.recruit .recruit-guide .guide-box.consult-benefit li:nth-child(4){
	background-image:url(../img/common/ic_recruit04.png);
}
.mypage-wrap.recruit .recruit-guide .guide-box.consult-benefit2 li:nth-child(1){
	background-image:url(../img/common/ic_recruit21.png);
}
.mypage-wrap.recruit .recruit-guide .guide-box.consult-benefit2 li:nth-child(2){
	background-image:url(../img/common/ic_recruit01.png);
}
.mypage-wrap.recruit .recruit-guide .guide-box.consult-benefit2 li:nth-child(3){
	background-image:url(../img/common/ic_recruit02.png);
}
.mypage-wrap.recruit .recruit-guide .guide-box.consult-benefit2 li:nth-child(4){
	background-image:url(../img/common/ic_recruit24.png);
}
.mypage-wrap.recruit .recruit-guide .guide-box.consult-benefit2 li:nth-child(5){
	background-image:url(../img/common/ic_recruit25.png);
}
.mypage-wrap.recruit .recruit-guide .guide-box.consult-benefit2 li:nth-child(6){
	background-image:url(../img/common/ic_recruit26.png);
}
.mypage-wrap.recruit .recruit-guide .guide-box.consult-benefit li:first-child { margin-top:0;}
.mypage-wrap.recruit .recruit-guide .guide-cont + .guide-box { margin-top:24px;}
.mypage-wrap.recruit .recruit-guide .contact-info {
	font-size:0.937rem;
	color:#333;
	padding:24px 0;
}
.mypage-wrap.recruit .promotion-criteria { margin:20px 0 32px; text-align:left;}
.mypage-wrap.recruit .promotion-criteria .tt { margin-bottom:10px; font-size:1.125rem; font-weight:bold; color:#da4841;}
.mypage-wrap.recruit .promotion-criteria .step { line-height:1.56rem; font-weight:bold;}
.mypage-wrap.recruit .promotion-criteria .step+.step { margin-top:18px;}
.mypage-wrap.recruit .promotion-criteria .step p { font-weight:normal;}

.mypage-wrap.recruit .guide-box.item { padding:24px 16px;}
.mypage-wrap.recruit .guide-box.item .item-list {
	display:flex;
	align-items: flex-start;
	justify-content: center;
	flex-direction: column;
	padding-left:96px;
	min-height:80px;
    background: url(../img/common/ic_recruit_naming.png) left center / 80px 80px no-repeat;
	font-weight:bold;
}
.mypage-wrap.recruit .guide-box.item .item-list + .tt { margin-top:8px;}
.mypage-wrap.recruit .guide-box.item .item-list p {
	margin:10px 0 0 0;
	font-weight:normal;
	text-align:left;
	font-size:0.9375rem;
	line-height:1.5;
}
.mypage-wrap.recruit .guide-box.item .item-list.work {
	background-image:url(../img/common/ic_recruit_files.png);
}
.mypage-wrap.recruit .guide-box.item .info { margin:10px 0 8px; font-size:0.9375rem; text-align:left;}

.mypage-wrap.recruit .guide-box.item li {
	position:relative;
	padding-left:96px;
	min-height:80px;
	margin-top:28px;
	font-size:1.0625rem;
	line-height:1.47;
	text-align:left;
	background: url('../img/common/ic_recruit_income.png') left top / 80px 80px no-repeat;
}
.mypage-wrap.recruit .guide-box.item li:first-child { margin-top:0 !important;}
.mypage-wrap.recruit .guide-box.item.recom li:nth-child(1){
	background-image:url('../img/common/ic_recruit_income.png');
}
.mypage-wrap.recruit .guide-box.item.recom li:nth-child(2){
	background-image:url('../img/common/ic_recruit_selling.png');
}
.mypage-wrap.recruit .guide-box.item.recom li:nth-child(3){
	background-image:url('../img/common/ic_recruit_safe.png');
}
.mypage-wrap.recruit .guide-box.item.recom li:nth-child(4){
	background-image:url('../img/common/ic_recruit_manage.png');
}
.mypage-wrap.recruit .guide-box.item.reg-num { padding:34px 16px 32px 26px; margin-bottom:32px;}
.mypage-wrap.recruit .guide-box.item.reg-num li {
	font-size:0.9375rem;
	line-height:1.5;
	margin-top:30px;
}
.mypage-wrap.recruit .guide-box.item.reg-num li .tt {
	margin:0;
	padding:0 0 7px;
	font-size:1.0625rem;
	font-weight:bold;
}
.mypage-wrap.recruit .guide-box.item.reg-num li span {
	position:absolute;
	background: url('../img/common/ic_recruit_number01.png') left top / 30px 30px no-repeat;
    image-rendering: -webkit-optimize-contrast;
	color:transparent;
	width:30px;
	height:30px;
	top:-10px;
	left:-10px;
}
.mypage-wrap.recruit .guide-box.item.reg-num li:nth-child(2) span {
	background-image:url('../img/common/ic_recruit_number02.png');
}
.mypage-wrap.recruit .guide-box.item.reg-num li:nth-child(3) span {
	background-image:url('../img/common/ic_recruit_number03.png');
}
.mypage-wrap.recruit .guide-box.item.reg-num li:nth-child(4) span {
	background-image:url('../img/common/ic_recruit_number04.png');
}
.mypage-wrap.recruit .guide-box.item.reg-num li:nth-child(5) span {
	background-image:url('../img/common/ic_recruit_number05.png');
}
.mypage-wrap.recruit .guide-box.item.reg-num li:nth-child(1){
	background-image:url('../img/common/ic_recruit_sign.png');
}
.mypage-wrap.recruit .guide-box.item.reg-num li:nth-child(2){
	background-image:url('../img/common/ic_recruit_registe.png');
}
.mypage-wrap.recruit .guide-box.item.reg-num li:nth-child(3){
	background-image:url('../img/common/ic_recruit_conv.png');
}
.mypage-wrap.recruit .guide-box.item.reg-num li:nth-child(4){
	background-image:url('../img/common/ic_recruit_itemreg.png');
}
.mypage-wrap.recruit .guide-box.item.reg-num li:nth-child(5){
	background-image:url('../img/common/ic_recruit_sellitem.png');
}

/* ////////////////////////////////////////// 상담사마이메뉴 상품관리 FAQ /////////////////////////////////////////// */
.mypage-wrap.cs-faq .inner-body, .mypage-wrap.cs-post .inner-body {
	padding-top:0;
	padding-left:16px;
	padding-right:16px;
}
.mypage-wrap.cs-faq .inner-top .cut-line {
	margin-top:10px;
}
.list-board-ul li:first-child{
	border-bottom:1px solid #c1c1c1;
}
.list-board-ul li:first-child span {
	text-align:center;
}
.list-board-ul li{
	display:flex;
	justify-content: space-between;
	align-items: center;
	line-height:1.2;
	min-height:45px;
	padding:11px 0 13px;
	font-size:0.937rem;
	text-align:center;
	border-bottom:1px solid #e9e9e9;
	letter-spacing:-0.03rem;
}
.list-board-ul li:last-child{
	border-bottom:none;
}
.list-board-ul li .num {
	font-weight:bold;
	color:#666;
}
.list-board-ul li .num, .list-board-ul li .type {
	width:14%;
	padding:0 4px;
}
.list-board-ul li .content {
	width:72%;
	padding:0 12px;
	text-align:left;
}
/* 상담사 포스팅관리 영역 추가 / 혹시 다른쪽에서도 똑같은 내용이면 앞에 cs-post 삭제*/
.cs-post .list-board-ul li .num{
	max-width: 10.36%;
    width: 100%;
    /* margin-right: 10px; */
}
.cs-post .list-board-ul li > a{
	display: inline-block;
    text-align: left;
    width: 100%;
}
.cs-post .list-board-ul li .type{
	max-width: 7.62%;
    width: 100%;
}
/* ////////////////////////////////////////// 상담사마이메뉴 프로필 FAQ /////////////////////////////////////////// */
.mypage-wrap.cs-faq.profile {
	border-top:1px solid #e9e9e9;
}
.mypage-wrap.cs-faq.profile .input-wp {
	padding-top:30px;
}
.mypage-wrap.cs-faq.profile .input-wp textarea {
	height:157px;
}
.input-wp .txt-counter {
	padding-top:12px;
	font-size:0.875rem;
	text-align:right;
	color:#999;
}
.input-wp .txt-counter em {
	font-weight:bold;
	color:#222;
}
.box-select{
	margin-top:12px;
	width:100%;
	height:50px;
	line-height:49px;
	font-weight:bold;
	color:#da4841;
	border-radius: 4px;
	border:1px solid #ddd !important;
	padding:0 16px;
	background: url(../img/common/arrowBottom.png) no-repeat right 16px center / 14px 8px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

}
.box-select::-ms-expand {
	display: none;
}

/* ////////////////////////////////////////// 상담사마이메뉴 상품관리 채팅상담 /////////////////////////////////////////// */
.mypage-wrap.cs-chat-consult .list-item .list-body {
	flex-direction: inherit;
	align-items: flex-end;
}
.mypage-wrap.cs-chat-consult .list-item .list-body .list-left {
	width:100%;
}
.mypage-wrap.cs-chat-consult .list-item .list-body .list-content {
    justify-content: flex-start;
}
.mypage-wrap.cs-chat-consult .list-item .list-body .list-content .data {
	margin-left:12px; line-height: 14px;
}
.mypage-wrap.cs-chat-consult .list-item .text-sort {
    -webkit-line-clamp: 1;
}
.mark-ing {
	margin-left:20px;
	padding:0 9px;
	font-size:0.875rem;
	font-weight:bold;
	line-height:40px;
	background:#da4841;
	border-radius: 4px;
	color:#fff;
	white-space: nowrap;

	/* 기획서상변경 */
	line-height: 30px; height: 30px;
	/* margin-top: 10px; */
	position: absolute; bottom: 0; right: 0; margin: 0;
}
.mark-ing-div{
    display: flex; height: 54px;
    position: relative; align-items: end;
}
.mark-ing-div .data{
	right: 0; top: 0; text-align: right;
    position: absolute; width: 115px;
}

/* ////////////////////////////////////////// 상담사마이메뉴 금월상담현황 /////////////////////////////////////////// */
.mypage-wrap.status .inner-body {
	padding-top:0;
}
.mypage-wrap.status .tab-wrap .inner-top {
    border-top: 0;
	padding:24px 0;
}
.mypage-wrap.status .status-detail {
	padding:24px 16px 0;
}
.mypage-wrap.status .status-detail + .status-detail {
	padding-top:28px;
	position:relative;
}
.mypage-wrap.status .status-detail + .status-detail::before {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:6px;
	background:#f5f5f5;
	border-top:1px solid #e9e9e9;
	border-bottom:1px solid #e9e9e9;
	content:'';
}
.mypage-wrap.status .item-info .txt-s {
	font-size:0.875rem;
	margin-top:6px;
}
.mypage-wrap.status .month-tt {
	display:flex;
	position:relative;
	font-weight:bold;
	justify-content: space-between;
    align-items: center;
}
.mypage-wrap.status .cost-bx{
   display: flex;
    border-top: #e9e9e9 1px solid; margin-top: 1rem;
    padding: 1rem 1rem 0;
    justify-content: space-between;
	font-weight:bold;
    align-items: center;
}
.mypage-wrap.status .month-tt .point {
    padding-left: 15px;
    line-height: 1.4;
}
.mypage-wrap.status .month-tt .point::before {
	left:3px;
}
.mypage-wrap.status .month-tt .btn-more {
	font-size:0.875rem;
	font-weight:normal;
}
.grid-b.txtr > div:nth-child(2n) {
	text-align:right;
}
.grid-b.txtr + .grid-b.txtr {
	margin-top:-16px;
}
.grid-b .g-bg.org {
    background: #fcf9ee;
}
.grid-b.half {
	grid-template-columns: 1fr 1fr;
}
.mypage-wrap.status .time-ul {
	margin-top:3px;
}
.mypage-wrap.status .time-ul li {
	min-height: 86px;
    border-bottom: 1px solid #e9e9e9;
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.mypage-wrap.status .time-ul .month {
	font-weight:bold;
	margin-bottom:14px;
}
.info-indent{
	text-indent: -23px;
    margin-left: 23px;
    line-height: 1.4;
	color:#da4841;
}
dl.info-indent-dl {
	border-top: 1px solid #e9e9e9;
	margin-top:22px;
    padding-top: 26px;
}
.info-indent-dl dt {
	margin-bottom:10px;
	font-weight:bold;
}
.info-indent-dl dd, .info-indent-dl li{
	text-indent: -25px;
    margin-left: 25px;
    line-height: 1.75;
	letter-spacing:-0.03rem;
}
.info-indent-dl dd em, .info-indent-dl li em,  .info-indent em {
	min-width:16px;
	padding-right:5px;
}
.grid-list {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 16px;
    border-bottom: 1px solid #e9e9e9;
}
.grid-list .gr-head {
	color:#666;
	background-color: #f5f5f5;
}
.grid-list > div:nth-child(3n) {
    border-right: 1px solid #e9e9e9;
}
.grid-list > div {
    border-top: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
	min-height:45px;
	padding:11px 0;
    display: flex;
	align-items: center;
    justify-content: center;
}

/*//////////////// 판매현황 /////////////////////*/
.main-tab.status {
    height: 106px;
}
.main-tab.status ul li {
	position:relative;
}
.main-tab.status ul li a {
	display: flex;
    line-height: 1;
    flex-direction: column;
    justify-content: center;
}
.main-tab.status ul li::before {
	position:absolute;
	width:1px;
	height:66px;
	background:#ddd;
	top:20px;
	left:0;
	content:'';
}
.main-tab.status ul li:first-child::before {
	display:none;
}
.main-tab.status ul li .num {
	font-size:1.75rem;
	margin-top:10px;
}
.inner-top.column.h-auto .point {
	position:relative;
	text-align:left;
	width: 100%;
}
.mypage-wrap.item.status .list-item-ul li:first-child {
	border-top:0;
}

/* ////////////////////////////////////////// 상담사마이메뉴 상품관리 //////////////////////// */
.body-top {
	padding:24px 16px 10px;
}
.mypage-wrap.item.status .list-item-ul .list-content .status {
	font-size:0.875rem;
}
.mypage-wrap.item .list-item-ul .list-content .text-sort.txt-s {
    font-size: 0.875rem;

}
.mypage-wrap.item.status .list-item-ul li .cut-line {
    display: flex;
    font-size: 0.875rem;
    padding: 10px 0 9px;
}
.mypage-wrap.item.status .list-item-ul .list-content .coin {
    margin-bottom: 2px;
    margin-top: 10px;
}
.i-add-r {
    background: url(../img/common/add_w.png) no-repeat right 60%;
    background-size: 12px 12px;
    padding-right: 20px;
}
.i-plus-o {
    background: url(../img/common/ic_plus_o.png) no-repeat;
    background-size: 16px 16px;
    padding-left: 26px;
	margin-left:10px;
}
.mypage-wrap.item-add .inner-top.column {
	text-align:center;
}
.mypage-wrap.item-add .inner-body {
	padding-top:24px;
}
.mypage-wrap.item-add .radio-list {
	display:flex;
	margin-top:16px;
}
.mypage-wrap.item-add .radio-list label {
	text-align:center;
	margin:0 0 0 32px;
    font-weight:normal;
}
.mypage-wrap.item-add .radio-list label:first-child{
	margin-left:0;
}
.mypage-wrap.item-add .label-text {
    display: block;
    text-indent: 0;
	line-height:1;
	margin-top:14px;
}
.guide-btn {
	background: url(../img/common/ic_what_o.png) no-repeat;
    width: 18px;
    height: 18px;
    background-size: 100%;
    color: transparent;
	font-size:0;
}
.mypage-wrap.item-add .d-flex-be {
	align-items: flex-end;
}
.mypage-wrap.item-add .img-note { margin-top:16px; font-size:0.875rem; text-align:center; }
.mypage-wrap.item-add .stt .txt-s.txt-red { font-size:0.8125rem; }
.mypage-wrap.item-add .checkbox-div label {
	/* color:#999; */
	color: #666;
	font-weight:normal;
	margin-top:14px;
}

.mypage-wrap.item-add .box-select {
	min-height:50px;
	height:auto;
	white-space: pre-wrap;
	text-overflow: ellipsis;
}
.mypage-wrap.item-add .faq-select-wrap {
	margin:16px 0 20px;
	position:relative;
}
.mypage-wrap.item-add .d-flex-be + .btn.white.txtl { margin-top:16px;}
.mypage-wrap.item-add textarea.faq-textarea {
	margin-top:0;
	border-radius:0 0 4px 4px;
	border-top:none;
	height:104px;
}
.mypage-wrap.item-add .faq-select{
    border: 1px solid #ddd;
	border-radius:4px 4px 0 0;
    overflow: hidden;
    font-size: 1rem;
	font-weight:bold;
	line-height:1.5;
    color: #222;
	min-height:49px;
    padding: 12px 48px 12px 42px;
	margin-top:16px;
	background:url(../img/common/arrowBottom.png) no-repeat right 16px center / 14px 8px;
}
.mypage-wrap.item-add .disabled { pointer-events: none; }
.mypage-wrap.item-add .disabled .faq-select {
	color:#ccc;
	background-image: url(../img/common/ic_minu_o.png), url(../img/common/arrowBottom.png);
}
.mypage-wrap.item-add .faq-select-ul{
    display: none;
    list-style-type: none;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 1rem;
    line-height: 1.5;
    color: #222;
    border: 1px solid #ddd;
    position: absolute;
    background: #FFFFFF;
    border-top: none;
    width: 368px;
	padding:10px 0;
	z-index:10;
}
.mypage-wrap.item-add .faq-select-ul li{
	padding: 5px 14px;
}
.mypage-wrap.item-add .faq-select p{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.mypage-wrap.item-add .del-btn {
	position:absolute;
	top:17px; left:16px;
	width:16px;
	height:16px;
	background:url(../img/common/ic_minu_red_o.png) no-repeat;
    background-size: 16px;
	font-size:0;
	color: transparent;
	border: 0;
	cursor: pointer;
}
.input-wp input:disabled, .input-wp textarea:disabled,.input-wp input:disabled ~ p {
	color:#ccc; background: #fff;
}
.mypage-wrap.item-add .btn-mg { margin:22px 0 -6px;}
.input-wp .img-preview { margin:17px 0 0; }
.mypage-wrap.item-add .input-wp .img-preview { margin-bottom: -13px; }
.input-wp .img-preview img {
	border-radius:8px;
	margin-bottom:20px;
}
button:disabled , a.disabled { color:#ccc !important;}
.mypage-wrap.item-add .btn:disabled .i-photo {
	background-image: url('../img/common/review_photo_gray.png')
}

/* ////////////////////////////////////////// 상담사마이메뉴 공지사항 //////////////////////// */
.mypage-wrap.cs-notice {
    border-top: 1px solid #e9e9e9;
}
.mypage-wrap.cs-notice .inner-body {
    padding-top: 24px;
    padding-left: 16px;
    padding-right: 16px;
}
.mypage-wrap.cs-notice .input-wp textarea {
	height:208px;
	margin-bottom:24px;
}
.mypage-wrap.cs-notice .input-wp img {
	 border-radius: 8px;
}
.mypage-wrap.cs-notice .btnbox {
	display:flex;
	margin-top:20px;
}
.mypage-wrap.cs-notice .btnbox .btn {
	margin-left:8px;
}
.mypage-wrap.cs-notice .btnbox .btn:first-child{
	margin-left:0;
}
/* ////////////////////////////////////////// 상담사마이메뉴 후기관리 //////////////////////// */
.mypage-wrap.review .inner-top {
	border-top:0;
	text-align:center;
}
.mypage-wrap.review .profile-review .list-item-inner {
	padding: 30px 30px 24px;
}
.mypage-wrap.review .profile-review .title {
	display:flex;
	justify-content: space-between;
}
.mypage-wrap.review .profile-review .counsel-style {
	height:auto;
	line-height:1;
	border-bottom:0;
	font-weight:normal;
}
.mypage-wrap.review .profile-review .profile-review .call-info {
	padding:18px 0;
}
.mypage-wrap.review .profile-review .time {
	color:#222;
}
.mypage-wrap.review .profile-review li > .btn.white {
	margin-top:24px;
	max-width:324px;
}
.mypage-wrap.review .profile-review .answer-write textarea {
	width: 100%;
    height: 208px;
    font-size: 1rem;
    line-height: 1.68;
    border-radius: 4px;
    border: solid 1px #ddd;
    background-color: #fff;
    padding: 14px;
    margin-top: 24px;
    resize: none;
    font-family: 'Noto Sans KR','Noto Sans Korean', "Nanum Gothic", sans-serif;
}
.mypage-wrap.review .profile-review .answer-write .btn-set {
	margin-top:12px;
}
.mypage-wrap.review .profile-review .comment-answer .reply {
    font-weight: bold;
    padding-left: 24px;
    background: url(../img/common/reply2png.png) center left /16px 12px no-repeat;
}
.mypage-wrap.review .info-section {
	border-top:1px solid #e5e4e9;
	border-bottom:0;
}
.mypage-wrap.review.qna .inner-top.column {
	height:80px;
}

/* ////////////////////////////////////////// 상담사마이메뉴 포스팅관리 //////////////////////// */
.mypage-wrap.cs-post .post-detail-wrap {
	border-top:1px solid #e9e9e9;
}
.mypage-wrap.cs-post .post-detail-wrap .post_bg {
	min-height:calc(100vh - 244px);
	padding: 0 134px;
	padding-bottom: 80px;
}
.mypage-wrap.cs-post .post-detail-wrap .post-list .post-content {
	font-size:1rem;
}
.mypage-wrap.cs-post .post-detail-wrap .btn.h40 {
	margin-top:0;
}
.mypage-wrap.cs-post.register .inner-body {
	padding-top:24px;
}
.mypage-wrap.cs-post.register .inner-body .check-box  {
	margin: 10px 0 18px;
}
.mypage-wrap.cs-post.register .inner-body .radio-box {
	font-weight:normal;
	margin-top:0;
	margin-right: 24px;
}
.mypage-wrap.cs-post .inner-body .number-set p{
    font-size: 1rem;
	color: #222;
	padding-left: 12px;
}
.mypage-wrap.cs-post .inner-body .number-set p:first-child{
    margin-bottom: 0;
}
.mypage-wrap.cs-post .inner-body .number-set .point::before {
    padding-left: 2px;
}


/* ////////////////////////////////////////// 회원정보///////////////////////////////////////////////////////////////////// */
.memberinfo-wrap {
	border-top:1px solid #e9e9e9;
}
.memberinfo-wrap .inner-top {
	border-top:none;
	height:80px;
}
.memberinfo-wrap .inner-body, .memberinfo-wrap .inner-detail {
	padding-top:24px;
}
.memberinfo-wrap .btn-wp {
	margin-top:20px;
}
.memberinfo-wrap .btn-wp .info {
	font-size:0.8125rem;
	color:#666;
	margin:12px 0 40px;
	letter-spacing:-0.025rem;
}
.mes-in {
    position: relative;
}
.memberinfo-wrap .txt-notice {
	font-size:0.875rem;
	color:#da4841;
	margin-top:10px;
}
.memberinfo-wrap .mes-in .txt-notice {
	position:absolute;right:0; top:50%;
	transform: translate(0%, -50%);
	margin:0;
}
.memberinfo-wrap .btn-point-w {
	margin:0 -16px;
	border-top:1px solid #e9e9e9;
}
.memberinfo-wrap .btn-point {
	line-height: 56px;
    height: 58px;
}
.memberinfo-wrap .m50t{
    margin-top: 50px;
}

/* //////////////알림설정 //*/
.mypage-wrap.alarm.setup .list-item .list-body {
    flex-direction: row;
	justify-content: space-between;
}
.list-item .list-body .list-setup .text-sort { color:#666; letter-spacing:-0.03rem;}
.switch-btn.size-mb { min-width:64px;}

/* //////////////회원탈퇴 //*/
.mypage-wrap.withdrawal .inner-body {
	padding-top: 24px;
}
.mypage-wrap.withdrawal .info-indent-dl {
	padding-bottom:20px;
	border-bottom:1px solid #e9e9e9;
}
.mypage-wrap.withdrawal .info-indent {
	position:relative;
	color:#222;
	padding:20px 0;
	line-height:1.6;
}
.mypage-wrap.withdrawal .txt-info-b {
	border-top:1px solid #e9e9e9;
	padding:24px 0 45px;
	font-weight:bold;
	line-height:1.625;
}
.mypage-wrap.withdrawal .info-list {
	padding: 14px 14px 40px;
	border-radius: 4px;
	background-color: #f5f5f5;
	margin-bottom:12px;
}
.mypage-wrap.withdrawal .info-list .info-indent-dl {
	font-size:0.875rem;
	border:0;
	padding:0;
	margin-top:0;
}
.mypage-wrap.withdrawal .info-list .info-indent-dl dt{
	font-weight:normal;
}
.mypage-wrap.withdrawal .info-list .info-indent-dl dd {
    text-indent: -20px;
    margin-left: 20px;
}
.mypage-wrap.withdrawal .checkbox {
	color:#666;
	letter-spacing:-0.03rem;
}
.mypage-wrap.withdrawal .input-wp {
	margin:40px 0 50px;
}
/*////// 회원정보 포스팅/////*/
.info-section .post-info {
	margin: 30px 0;
    max-width: 400px;
    font-size: 1rem;
    width: 100%;
}
.post-info .search-header {
	margin-top:16px;
	padding:13px 16px;
	border-radius: 4px;
	border: solid 1px #ddd;
	background-color: #fff;
}
.post-info .search-header .search-input {
	font-size:1rem;
}
.post-info .search-header .search-inputbox .inputbox {
	margin-right: 14px;
}
.post-info .search-header .btn-keyword-delete span, .post-info .search-header .btn_search span {
	width:22px; height:22px;
	background-size:100%;
	image-rendering: -webkit-optimize-contrast;
}
/* .memberinfo-wrap .comment-write textarea {
	background:#fff;
	border: solid 1px #ddd;
} */
.memberinfo-wrap .post-counselor {
	display:flex;
	padding:17px 30px 16px;
	border-top: 1px solid #e9e9e9;
	align-items: center;
	background: url(../img/common/arrowRight.png) right 30px center / 7px 12px no-repeat;
}
.memberinfo-wrap .post-counselor .cut-line {
	display:flex;
}
.memberinfo-wrap .counselor-info-con .txt {
	color:#222;
	margin-bottom:0;
	-webkit-line-clamp: 1;
}
/*//유튜브 인스타그램 //*/
.sns-wrap .info-section {
	height:100px;
}
.info-section .logoimg{
	display: flex;
    align-items: center;
}
.info-section .hongtv img { width:128px; margin-right:10px;}
.info-section .hongsta img { width:122px; margin-right:10px;}
.sns-wrap .hongtv-list {
	margin:0 30px;
	padding:12px 0 30px;
}
.sns-wrap .hongtv-list li {
	display:flex;
	border-top:1px solid #e9e9e9;
	padding:12px 0;
    align-items: center;
	width:100%;
	line-height:1.57;
	letter-spacing:0.025rem;
}
.sns-wrap .hongtv-list li:last-child {
	padding-bottom:0;
}
.sns-wrap .hongtv-list li a {
	display:flex;
    align-items: center;
	width:100%;
	line-height:1.57;
}
.sns-wrap .hongtv-list li:first-child {
	border-top:0;
}
.sns-wrap .hongtv-list li .list-img-hongtv {
	width:172px; min-width:172px; height:96px; margin-right:20px;
}
.sns-wrap .hongtv-list li .list-txt {
	display:flex;
	font-size:0.875rem;
	color:#333;
	width: 100%;
    align-items: center;
}
.sns-wrap .hongtv-list li .list-txt p {
	width: 100%;
	overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.sns-wrap .hongtv-list li .date {
	font-size:0.875rem;
	color:#999;
	margin-left:30px;
}
.sns-wrap .hongsta-listwp {
	padding:24px 30px 40px;
}
.sns-wrap .hongsta-list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 8px;
}
.sns-wrap .btn.h40 {
	margin-top:40px;
}
.input-wp .ff-red{
	color: #da4841 !important;
	font-size: 0.875rem;
	margin-top: 10px;
}
@media (max-width: 719px){
.input-wp .ff-red{
	margin-top: 8px;
}
.info-section .chat-qna-info .txt {
	color:#222;
}
.event-wrap .list-item-inner.event-end .event-end {
	background: url(../img/banner/event_ye.png) rgba(0, 0, 0, .6) no-repeat;
	background-size: 85%;
	background-position: center center;
	z-index:5;
}
/*popup*/
.popup-bg .popup-center.modify_phone {
	padding:20px 16px 30px;
	text-align:left;
}
.popup-center.modify_phone .form-select {
	background: url(../img/common/select_ph_bl.png) no-repeat left center / 18px 18px, url(../img/common/arrowBottom.png) no-repeat right center / 9px 5px;
	margin:10px 0 8px;
}
.popup-center.modify_phone .number-rock {
	margin-top:10px;
}
.popup-center.modify_phone .number-rock .number-rock-btn {
	width:90px;
}
.popup-center.modify_phone .number-rock .i-lock_s {
	background-size:12px 14px;
}

/* ////////////////////////////////////////// 이벤트///////////////////////////////////////////////////////////////////// */
/* 이벤트 모바일에서 타이틀 감추기, 상단영역 높이조정 */
.event-wrap {
	padding-top: 50px;
}
.event-wrap.pdt-none{
	padding-top: 0;
}
.event-wrap.border-t.pdt-none{
	border-top:none;
}
.event-wrap-inner .payback-detail {
	margin:16px;
}
.checkbox-div.list-controller {
	padding:12px 0 13px;
	margin:0 16px;
}
.list-item-inner.event-end .event-end span {
	font-size:1.285rem;
}
.event-wrap-inner .event-end-message, .end-message {
	padding:80px 0;
	line-height:1.57;
}
.event-end-message img,  .end-message img{
	width:70px;
	height:70px;
	margin-bottom:20px;
}
.event-wrap-inner .event-list {
	margin:20px 16px 0;
	width:auto;
}
.event-wrap-inner .event-list li {
	height:auto;
}
.event-detail {
	margin:0;
	border-radius: 0;
}

/* 텝밑 결과 및 설명 회색box */
.info-section {
	font-size:1rem;
	height:60px;
}
.info-section .count {
	font-size:1rem;
}

.info-section .infotxt {
	font-size:1rem;
	line-height:1.5;
}

/* ////////////////////////////////////////// 검색///////////////////////////////////////////////////////////////////// */

.search-wrap {
    padding-top: 0;
	/* 추가 qa */
	padding-bottom: 54px;
}
.search-wrap .search-header {
    padding: 13px 16px;
}
.search-wrap .search-header .search-inputbox .inputbox {
    margin-right: 14px;
}
.search-wrap .search-header .search-input {
    font-size: 1.143rem;
}
.search-wrap .search-header .btn_search span {
    width: 20px;
    height: 20px;
    background-size: 18px 18px;
}
.search-wrap .search-keyword {
    padding: 0 16px;
}
.search-wrap .search-keyword .keyword-list li {
    padding: 13px 0 13px 21px;
    font-size: 1rem;
    line-height: 1.43rem;
    background-size: 15px 13px;
}
.search-wrap .btn-keyword-delete span {
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
}
.search-wrap .search-none {
    padding: 16px;
}
.search-wrap .search-none .notfound {
    margin-bottom: 24px;
    padding: 0 13px 20px;
    font-size: 1.143rem;
    line-height: 1.7;
}
.search-wrap .search-none .notfound em {
    margin-bottom: 5px;
    font-size: 1.57rem;
    line-height: 1.45;
}
.search-wrap .search-none .infotxt li {
    position: relative;
    padding-left: 9px;
    font-size: 1.125rem;
    line-height: 2;
    color: #999;
}
.search-wrap .search-none .infotxt li::after {
    position: absolute;
    /* top: 17px; */
	top: 12px;
    left: 1px;
    content: '';
    width: 2px;
    height: 2px;
    background: #999;
}
/* 포스팅 리스트 */
/* .post-list {
    padding: 0 16px;
}
.post-list .post-list-inner {
    padding: 12px 0;
}
.post-list .post-content .title {
    line-height: 1.7;
    padding: 0 0 2px;
}
.post-list .post-content .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;
}
.post-list .post-content span {
    padding-left: 14px;
}
.post-list .post-content .date {
    display: block;
    padding-left: 0;
}
.post-list .post-list-inner .photo {
    width: 60px;
    height: 60px;
} */
/* 검색 모바일에서 타이틀보이기 */
.pcweb-none {
    display: block;
}
/* 검색결과 등등의 main-tab 모바일에서 count부분 inline-block */
.main-tab.row .count {
    display: inline-block;
}
/* ////////////////////////////////////////전화상담-후기//////////////////////////////////////////////////////////////////// */

.tit-right-btn .i-arrow-r, .header-policy-btn {
	font-size:0.875rem;
	color:#fff;
    background: url('../img/common/arrowRight_s_w.png') right center / 5px 9px no-repeat;
}
.writable-review .info-section {
	font-size:1.142rem;
	line-height:1.5;
	height:84px;
}
.writable-review .info-section span {
	display:block;
	font-size:0.928rem;
	line-height:1.46;
	margin-top:4px;
}
.writable-review .info-section span em {
	font-size:0.928rem;
}
.writable-list {
	margin:6px 16px;
}
.writable-list li .list-inner .list-img, .review-cs .list-img, .counselor-inner .list-img {
	padding:10px 0;
	width:60px;
	min-width:60px;
	height:60px;
	margin-right:14px;
}
.counselor-info-con .cs-number {
	margin-left:2px;
	padding-left:6px;
}
.counselor-info-con .cs-number::before{
    height: 11px;
    top: 2px;
}
.counselor-info-con .info {
	margin-top:3px;
}
.writable-list .review-before.mymenu li .list-inner{
    background-image: none;
}
.counselor-info-con .info-con {
	margin-left:8px;
}
.review-cs {
	padding-bottom:16px;
}
.review-cs.c-style-n{
	padding-bottom: 10px;
}
.review-cs-in .counselor-info-con + .counselor-info-con {
	/* margin-top:10px; */
	margin-top: 6px;
}
.review-cs-in .counselor-info-con .star-set {
	margin:0 3px 0 0;
}
.written-review .counsel-style .hash-tag {
	display:none;
}
.written-review .counsel-style > p::after {
    height: 10px;
}
.review-wrap .info-section {
	justify-content: flex-start;
	padding:0 16px;
}
.info-section .counselor-inner {
	padding:12px 16px;
}
.review-write-inner {
	width: auto;
	padding:0;
    margin: 0 16px;
	border:0;
}
.review-write-inner dl {
	padding:24px 0;
}
.review-write-inner dt {
	padding-left:22px;
	margin-bottom:10px;
	line-height:1.428;
	background:url('../img/common/num_01.png') left 3px / 16px 16px no-repeat;
}
.review-write-inner dd {
	margin-bottom:30px;
}
.review-write-inner .sel {
    background: url('../img/common/arrowBottom.png') 95% center / 12px 7px no-repeat #fff;
    height: 46px;
    line-height: 46px;
}
.review-write-inner textarea {
	padding: 12px;
}
.i-photo{
    background: url('../img/common/review_photo.png') center left / 16px 14px no-repeat;
    padding-left: 24px;
}
.i-trash{
    background: url('../img/common/trash.png') center left / 17px 18px no-repeat;
    padding-left: 24px;
}
.file-img {
	margin-top:20px;
}
.del-btn-cw {
	position:absolute;
	width:30px;
	height:30px;
	top:9px;
	right:9px;
	background: url('../img/common/close_btn.png') center center / 12px 12px no-repeat #fff;
}

/*/// 별점 ////*/
.star-ratingbox {
	height:116px;
}
.star-ratingbox::before, .star-ratingbox::after{
	width:21px;
	height:42px;
}
.star-rating label {
	width:15px;
	height:30px;
	background: url('../img/common/star_w.png') top left / 30px 30px no-repeat;
}
.star-ratingbox .star-rating-txt {
	font-size:1.428rem;
}
/*////*/


.back-btn.mb-none {
	display:none;
}
.btn-close.mobile .i-close {
	display:block;
	margin-top:18px;
	background: url(../img/chat/chat_close.png)no-repeat right center /14px 14px;
	width:14px;
	height:14px;
}
.checkbox {
    height: 16px;
    line-height: 16px;
    background-size:16px 16px;
	padding-left: 24px;
}

/*//// switch 사이즈 big 모바일 64x26 //////*/
.switch-btn.size-b {
    width: 64px;
    margin-left: 12px;
}
.switch-btn.size-mb {
    width: 64px;
	min-width:64px;
}
.switch-btn.size-b label, .switch-btn.size-mb label {
    width: 64px;
    height: 26px;
}
.switch-btn.size-b label span, .switch-btn.size-mb label span {
    width: 16px;
    height: 16px;
    left: 5px;
}
.switch-btn.size-b input[type="checkbox"]:checked + label span, .switch-btn.size-mb input[type="checkbox"]:checked + label span{
    transform: translate(37px, -8px);
}
.switch-btn.size-b label:before, .switch-btn.size-mb label:before {
    width: 35px;
    right: 6px;
    top: 50%;
    font-size: 0.857rem;
}
.switch-btn.size-b input:checked + label:before, .switch-btn.size-mb input:checked + label:before {
	left:4px;
}

/* ////////////////////////////////////////// 작명_구매하기///////////////////////////////////////////////////////////////////// */
.order-inner {
	width:auto;
	margin:0 auto;
}
.order-inner.mymenu{
    min-height: auto;
}
.order-inner .list-item-inner, .inner-body .list-item-inner {
	padding:20px 16px;
}
.naming-wrap .counselor-inner {
	width:100%;
}
.list-img.rect-s {
	width:94px !important;
	min-width:94px !important;
	height:60px !important;

}
.list-img.rect-m {
	width:84px !important;
	min-width:84px !important;
	height:54px !important;
}
.order-inner .title {
    font-size: 1.07rem;
    font-weight: bold;
}
/* table */
.tblist td {
	padding:9px 12px;
}
.order-inner .checkbox-list {
	margin:11px 0 11px 23px;
}
.order-inner .checkbox-list .checkbox-div {
	margin-bottom:10px;
}
.quantitybox .quantity-btn {
	width:26px;
	height:26px;
}
.quantitybox .num {
	width:50px;
	height:26px;
}
.order-inner .payment {
	margin-top:12px;
    padding-top: 7px;
	border-top:1px solid #e9e9e9;
}
.order-inner .payment label {
	display:flex;
	align-items: center;
	margin-top:3px;
}
.order-inner .total_bt {
	padding:30px 16px;
	font-size:1rem;
}
.order-inner .total_bt span {
	font-size:0.857rem;
}
.order-inner .total_bt .price {
	font-size:1.285rem;
}
.counselor-info-con .txt {
	margin:4px 0;
    -webkit-line-clamp: 2;
	line-height:1.33;
}
.counselor-info-con .data {
	font-size:0.785rem;
}
.info-section .chat-qna-info {
	padding:15px 20px;
}
.info-section .chat-qna-info .switch-btn {
	position:absolute;
	right:20px;
	top:30px;
}

/*  //////////////////// 채팅상담 연결 /////////////////////////////// */
.chatloader-wrap {
	background:#6335b4;
	display:flex;
	align-items:center;
	margin-bottom: -50px;
}
.chatloader-in {
	width: 100%;
    padding-bottom: 107px;
}
.chatloader-wrap .loader-txt {
	padding:0 0 50px;
}
.chatloader-wrap .loader-txt .counselor {
	font-size:2.14rem;
}
.chatloader-wrap .loader-txt .text {
	font-size:1.143rem;
	margin-top:12px;
}
.spinnerbox-inner {
	width:180px;
	height:180px;
	border:40px solid #5e2bad;
}
.spinnerbox-inner .number em {
	font-size:1.57rem;
}
.spinner::before {
    width: 10px;
    height: 10px;
    top: 4px;
    left: 2px;
}
.spinner::after {
    width: 10px;
    height: 10px;
    top: 4px;
    right: 2px;
}
.spinner {
    width: 100px;
    height: 100px;
    border: 10px solid #7f5bc8;
    border-top: 10px solid #ffdb4a;
}
/* //////////// 마이페이지-1:1문의/////////// */
.mypage-wrap.item .list-consult-ul.qna li:first-child {
	padding-top:0;
}
.mypage-wrap.item .list-consult-ul.qna .list-body {
	padding:10px 0;
}
.mypage-wrap.item .list-consult-ul.qna .text-sort.cont {
    margin: 7px 0 10px;
}
.mypage-wrap.item .list-consult-ul.qna .list-content {
	margin-top:11px;
}
.mypage-wrap.item .list-consult-ul.qna.answer .list-img.circle {
	width: 60px;
    min-width: 60px;
    height: 60px;
    margin-right: 14px;
}
.mypage-wrap.item .list-consult-ul.qna.answer .list-body {
	padding:20px 0 16px;
}
.mypage-wrap.item .list-consult-ul.qna.answer .cut-line {
    font-size: 1rem;
}
.mypage-wrap.item .list-consult-ul.qna.answer .data {
	font-size:0.857rem;
}
.list-consult-ul.qna.answer .comment-question{
    margin-top: 14px;
	font-size:1rem;
	line-height:1.5;
}
.list-consult-ul.qna.answer .list-content {
	margin-top:13px;
}
.list-consult-ul.qna.answer .comment-answer {
    padding: 14px 14px 16px;
    border-radius: 6px;
    margin: 16px 0 0 -14px;
}
.list-consult-ul.qna.answer .comment-answer .answer {
	font-size:1rem;
}
.list-consult-ul.qna.answer .comment-answer .tit{
	font-size:1rem;
}
.mypage-wrap.question .inner-top .btn.mint {
	margin:20px 0 0;
}
.list-content .content-tt p {
	margin-left:10px;
}
.inner-top .item-info .text-icon.notice {
	font-size:1rem;
	padding-left:28px;
    background: url('../img/common/noticel.png') left center/20px 20px no-repeat;
}
.mypage-wrap.notice-detail .inner-body {
	padding-top:0;
	line-height:1.5;
}
.mypage-wrap.notice-detail .notice-top {
	padding:20px 16px;
}
.mypage-wrap.notice-detail .question-detail {
	padding:16px 0;
}
.mypage-wrap.notice-detail .question-detail .top-cont{
    margin:0 0 10px;
    align-items: center;
    justify-content: space-between;
}
.mypage-wrap.notice-detail .question-detail:first-child .top-cont{
	padding-top:4px;
}
.mypage-wrap.notice-detail .question-detail .top-cont .reply {
	color:#6335b4;
	font-weight:bold;
	padding-left:24px;
    background: url('../img/common/reply_p.png') left center/16px 12px no-repeat;
}
.i-list {
    background: url('../img/common/i_list.png') left center/12px 10px no-repeat;
    padding-left: 20px;
}
.mypage-wrap.notice-detail .btn-list {
	border-top:1px solid #e9e9e9;
    padding: 16px 0;
	margin-top: 12px;
}
.mypage-wrap.notice-detail .question-detail img {
	margin-top:20px;
	border-radius: 8px;
}
/* 1:1문의쓰기 */
.btn-radio .label-txt {
	height:40px;
	line-height:38px;
}
.question .input-wp {
	margin-top:12px;
}
.img-upload-wp {
	margin-top:10px;
}
.img-upload-wp .imgbox {
	/* margin-left:16px; */
	margin-left: 6px;
}
.img-upload-wp label, .img-upload-wp .img_del {
	/* width:70px; height:26px; */
	width: 60px; height: 22px;
	font-size: 10px;
    line-height: 20px;
}
.img-upload-wp .preview {
	/* width: 70px; height: 64px; */
	width: 60px; height: 60px;
    background: url('../img/common/plus_gray.png') center center/16px 16px no-repeat;
}
.footer-btn_r.btn_left {
	margin-right:8px;
}

/* //////////// 마이페이지-자주하는 질문/////////// */
.mypage-wrap.faq .main-tab ul{
	/* padding:0 13px; */
}
.qna-list.myfaq {
	margin-top:-10px;
}
.qna-list.myfaq .i-qna {
    /* background: url(../img/common/qna.png) left 15px / 12px 12px no-repeat, url(../img/common/arrowBottom.png) right 20px / 9px 5px no-repeat; */
    background: url(../img/common/qna.png) left 16px / 12px 12px no-repeat, url(../img/common/arrowBottom.png) right 20px / 9px 5px no-repeat;
	min-height:44px;
	padding:10px 15px 10px 18px;

	display: flex; align-items: center; line-height: 22px;
}
.qna-list.myfaq .active .i-qna {
    background: url(../img/common/qna.png) left 16px / 12px 12px no-repeat, url(../img/common/arrowTop.png) right 20px / 9px 5px no-repeat;
}
.qna-list.myfaq .qna-answer {
    padding: 12px 13px 14px 18px;
}
.qna-list.myfaq .qna-answer p {
    line-height: 1.63;
}

/* ///////////////마이페이지-코인자동충전 ////////// */
.mypage-wrap.auto .sub-tab {
	margin:30px 0 24px;
}
.mypage-wrap.auto .btn-set {
	margin-top:29px;
}
.mypage-wrap.auto .btn-set .btn {
	height: 40px;
	margin-left:5px;
    line-height: 38px;
}
.mypage-wrap.register .fin-txt {
	margin-top:39px;
	font-size:1.142rem;
}
.register-top {
	height:117px;
	margin:-16px -16px 19px;
}
.register-top .card {
	padding-top:45px;
}
.register-top .card::after {
	display:block;
	width:1px;
	height:55px;
	background:#ccc;
	position:absolute;
	top:15%;
	right:0;
	content:'';
}
.register-top .password {
	padding-top:45px;
}
.pay-reg {
	padding-bottom:20px;
}
.pay-reg label {
	font-size:0.857rem;
	margin:30px 0 0;
}
.input-wp label,.input-wp .stt {
	margin:30px 0 0;
}
.pay-reg .txt-input, .reg-select,.input-wp .txt-input {
	padding:7px 0;
	font-size:1.142rem;
	line-height:1.45;
}
.input-wp textarea {
	height:150px;
	padding:12px;
	margin-top:11px;
}
.reg-select{
	background: url(../img/common/arrowBottom.png) no-repeat center right / 9px 5px;
}
.m30l {
	margin-left:30px;
}
.pin-password-input {
	width: 36px;
    height: 40px;
    padding: 5px 0 0 0;
    font-size: 2.3rem;
    line-height: 1.45;
    margin-right: 10px;
	-webkit-text-size-adjust:100%;
}
.pay-reg.password {
	margin-top:-22px;
}
.pay-reg.password .pin-password{
	height: 136px;
    padding-top: 38px;
}
.pay-reg.password label {
	font-size:1rem;
	font-weight:normal;
	text-align:center;
}



/* /////////////////// 코인충전 ////////////////////////////*/
.inner-top.column.h-auto {
	padding: 21px 0 24px;
}
.inner-top.column.h-auto .item-info {
	padding:0 16px;
	letter-spacing:-0.025rem;
}
.inner-top .item-info .textbox {
	font-size:1.125rem;
    text-align: center;
}
.inner-top .item-info .text-icon {
	font-size:1rem;
	padding-left:28px;
    background: url('../img/common/coinc.png') left center/20px 20px no-repeat;
}
.inner-top .item-info .text-icon.auto-charge {
	font-size:1.142rem;
	padding-left:25px;
    background: url('../img/common/coin.png') left center/15px 20px no-repeat;
}
.inner-body .inner-text {
	text-align:center;
	line-height:1.56;
	letter-spacing:-0.032rem;
}
.inner-body .item-gp {
	padding-bottom:30px;
}
.calculator-btn {
	padding-left:20px;
    background: url('../img/common/cal_gray.png') left center/13px 14px no-repeat;
}
.item-check.coupon dd {
	font-size:0.857rem;
	padding:11px 0 11px 16px;
}
.ico-naverpay {
	/* padding-left:42px;
    background: url('../img/common/logo_naverpay.png') left center/36px 14px no-repeat; */
}
.hongpay-card {
	padding: 34px 0 37px;
	min-height:253px;
}
.hongpay-card .cardimg-box {
	width:256px;
	height:160px;
	font-size:1.285rem;
	padding:87px 0 0 24px;
}
.hongpay-card .cardimg-box .num {
	font-size:1.14rem;
	padding-top:13px;
}
.hongpay-card .cardimg-box::before {
	top:11px;
	right:24px;
	width:107px;
	height:20.2px;
    background: url('../img/common/logo_card.png') left center/107px 20.2px no-repeat;
}
.hongpay-card .cardimg-box::after {
	top:61px;
	right:24px;
	width:23.6px;
	height:18.3px;
    background: url('../img/common/cardchip.png') left center/23.6px 18.3px no-repeat;
}
.hongpay-card .cardimg-box .card-register {
	position:absolute;
	top:79px;
	/* left:calc(50% - 29px); */
	display:block;
	font-size:0;
	color:transparent;
	width:54px;
	height:54px;
    background: url('../img/common/cardplus.png') center center/54px 54px no-repeat;
}
.hongpay-card .info {
	margin-top:12px;
}
.hongpay-card .btn-set {
	width: 252px;
    margin: 20px auto 0;
}
.hongpay-card .btn-set .btn {
	height: 32px;
    line-height: 30px;
}
.btn-point {
	line-height:49px;
	height:50px;
	/* padding:0 16px 0 31px; */
	padding: 0 16px 0 24px;
}
.register .guide-set {
	padding:20px 16px;
}
.cont-title {
	padding-bottom:12px;
}

.tt-btn {
	display:inline-block;
	font-size:0.8125rem;
	line-height:24px;
	height:24px;
}
.tt-btn .vip {
	padding-left:14px;
    background: url('../img/common/vip_guide.png') left center/10px 10px no-repeat;
}
/* table */
.tblist.td-sizeb td {
	font-size:1.125rem;
}
/* ///////////파트너상담신청 /////////////*/
.mypage-wrap.recruit .recruit-top .tit{
	font-size:1.285rem;
	padding:43px 0 3px;
    background: url('../img/common/partner.png') top center/36px 36px no-repeat;
}
.mypage-wrap.recruit .recruit-top .contact-info {
	margin-top:14px;
	padding-top:16px;
}
.mypage-wrap.recruit .input-wp {
	margin-top:20px;
}
.input-wp .check-type {
	margin-top:10px;
}
.input-wp .check-type label {
	margin:0 16px 0 0;
}
.mypage-wrap.recruit .btn-wp {
	margin-top:24px;
}
.mypage-wrap.recruit .btn-wp .info {
	margin-top:10px;
}



.mypage-wrap.recruit .recruit-banner .recruit-banner-in {
	padding:10px 16px 25px;
}
.mypage-wrap.recruit .recruit-infotxt {
	font-size:1rem;
	margin-top:12px;
}
.mypage-wrap.recruit .linebar {
	height: 60px;
}
.mypage-wrap.recruit .recruit-guide .h2 {
	font-size:1.57rem;
	padding:57px 0 33px;
    background: url('../img/common/mark_quot.png') center 40px / 12px 9px no-repeat;
}
.mypage-wrap.recruit .recruit-guide .h2.size-b {
    font-size:1.715rem;
    }
.mypage-wrap.recruit .recruit-guide .h2:after {
	width:16px;
	bottom:16px;
}
.mypage-wrap.recruit .recruit-guide .h2.no-img {
    background: url('../img/common/ic_recruit_no.png') center 40px / 36px 36px no-repeat;
	padding:96px 0 20px;
}
.mypage-wrap.recruit .recruit-guide .h2.no-line { padding-bottom:20px;}
.mypage-wrap.recruit .recruit-guide .guide-cont { line-height:1.428; }
.mypage-wrap.recruit .recruit-guide .guide-type { margin-top:30px;}
.mypage-wrap.recruit .recruit-guide .guide-type dt {
	font-size:1.714rem;
	padding-top:30px;
}
.mypage-wrap.recruit .recruit-guide .guide-type dd { line-height:1.4; padding-bottom:34px; }
.mypage-wrap.recruit .recruit-guide .guide-type .ty01 {
    background: url('../img/common/img_recruit01.png') center 14px / 114px 122px no-repeat;
	padding-top:152px;
}
.mypage-wrap.recruit .recruit-guide .guide-type .ty02 {
    background: url('../img/common/img_recruit02.png') center 23px / 146px 74px no-repeat;
	padding-top:115px;
}
.mypage-wrap.recruit .recruit-guide .guide-type .ty03 {
    background: url('../img/common/img_recruit03.png') center 25px / 97px 113px no-repeat;
	padding-top:153px;
}
.mypage-wrap.recruit .recruit-guide .guide-type .ty04 {
    background: url('../img/common/img_recruit04.png') center 13px / 85px 108px no-repeat;
	padding-top:133px;
}
.mypage-wrap.recruit .recruit-guide .guide-box .consult-type li {
	height:99px;
	font-size:1rem;
}
.mypage-wrap.recruit .recruit-guide .guide-box .consult-type li+li {
	margin-left:10px;
}
.guide-box.consult li:nth-child(1){
	background: url('../img/category/tarot.png') center bottom 19px / 34.3px 32.8px no-repeat;
}
.guide-box.consult li:nth-child(2){
	background: url('../img/category/saju.png') center bottom 19px / 30.8px 30.8px no-repeat;
}
.guide-box.consult li:nth-child(3){
	background: url('../img/category/fortune.png') center bottom 19px / 38.1px 39px no-repeat;
}
.guide-box.consult .type li:nth-child(1){
	background: url('../img/common/ic_recruit_phone.png') center bottom 19.6px / 26.8px 26.8px no-repeat;
	height:92px !important;
}
.guide-box.consult .type li:nth-child(2){
	background: url('../img/common/ic_recruit_keyboard.png') center bottom 18px / 70px 30px no-repeat;
	height:92px !important;
}
.guide-box.consult .type li.visit {
	background: url(../img/common/cate_visit.png) center bottom 14px / 34px 34px no-repeat;
}
.mypage-wrap.recruit .recruit-guide .guide-box.ico-no li {
	background: url('../img/common/ic_recruit_no.png') left center / 14px 14px no-repeat;
	padding:0 0 0 22px;
	line-height:1.7;
	letter-spacing: -0.04rem;
}
.mypage-wrap.recruit .recruit-guide .guide-box.consult-benefit { padding:24px 26px 24px 16px;}
.mypage-wrap.recruit .recruit-guide .guide-box.consult-benefit li {
    margin-top: 24px;
	padding-left: 62px;
    background: url(../img/common/ic_recruit01.png) left center / 48px 48px no-repeat;
    min-height: 48px;
	font-size: 14px;
}
.mypage-wrap.recruit .recruit-guide .guide-box p {
	margin-top:30px;
}
.mypage-wrap.recruit .recruit-guide .guide-cont + .guide-box { margin-top:20px;}
.mypage-wrap.recruit .recruit-guide .contact-info {
	font-size:1rem;
	padding:20px 0;
}
.mypage-wrap.recruit .promotion-criteria { margin:15px 0 30px;}
.mypage-wrap.recruit .promotion-criteria .tt {font-size:1.14rem;}
.mypage-wrap.recruit .promotion-criteria .step+.step { margin-top:16px;}

.mypage-wrap.recruit .guide-box.item { padding:20px 12px 30px 16px;}
.mypage-wrap.recruit .guide-box.item .item-list {
	padding-left:84px;
	min-height:70px;
    background: url(../img/common/ic_recruit_naming.png) left center / 70px 70px no-repeat;
}
.mypage-wrap.recruit .guide-box.item .item-list + .tt { margin-top:6px;}
.mypage-wrap.recruit .guide-box.item .item-list p {
	margin:6px 0 0 0;
	font-size:1rem;
	line-height:1.43;
	letter-spacing:-0.04rem;
}
.mypage-wrap.recruit .guide-box.item .info { margin:8px 0 0;}

.mypage-wrap.recruit .guide-box.item li {
	padding-left:86px;
	min-height:70px;
	margin-top:24px;
	font-size:1.14rem;
	line-height:1.43;
	background: url('../img/common/ic_recruit_income.png') left top / 70px 70px no-repeat;
}
.mypage-wrap.recruit .guide-box.item.reg-num { padding:28px 16px 30px 20px; margin-bottom:30px;}
.mypage-wrap.recruit .guide-box.item.reg-num li {
	font-size:1rem;
	line-height:1.42;
	letter-spacing:-0.04rem;
	margin-top:24px;
}
.mypage-wrap.recruit .guide-box.item.reg-num li .tt {
	padding:0 0 3px;
	font-size:1.14rem;
}
.mypage-wrap.recruit .guide-box.item.reg-num li span {
	background: url('../img/common/ic_recruit_number01.png') left top / 26px 26px no-repeat;
	width:26px;
	height:26px;
	top:-8px;
	left:-8px;
}

/* ////////////////////////////////////////// 상담사마이메뉴 상품관리 FAQ /////////////////////////////////////////// */
.list-board-ul li{
	line-height:1.5;
	font-size:1rem;
}
.list-board-ul li .num {
	width: 14%;
	font-size:0.875rem;
	padding:0 3px;
}
.list-board-ul li:first-child span{
	font-size: 1rem !important;
	font-weight: normal;
	color: #666;
}
.list-board-ul li .type {
	width: 12%;
	padding:0 3px;
}
.list-board-ul li .content {
	width: 74%;
    padding: 0 7px;
}
/* ////////////////////////////////////////// 상담사마이메뉴 프로필 FAQ /////////////////////////////////////////// */

.mypage-wrap.cs-faq.profile .input-wp {
	padding-top:24px;
}
.mypage-wrap.cs-faq.profile .input-wp textarea {
	height:150px;
}
.input-wp .txt-counter {
	padding-top:10px;
	font-size:1rem;
}
.box-select{
	margin-top:10px;
	height:46px;
	line-height:44px;
	background: url(../img/common/arrowBottom.png) no-repeat 95% center / 12px 7px;
}

/* ////////////////////////////////////////// 상담사마이메뉴 상품관리 채팅상담 /////////////////////////////////////////// */
.mypage-wrap.cs-chat-consult .list-item .list-body .list-content .data {
	margin-left:10px;
}
.mark-ing {
	margin-left:10px;
	line-height:36px;
	color:#fff;

	height: 25px; line-height: 25px;
}
.mark-ing-div{
	height: 43px;
}

/* ////////////////////////////////////////// 상담사마이메뉴 금월상담현황 /////////////////////////////////////////// */
.mypage-wrap.status > .inner-top.column {
	height:60px;
}
.mypage-wrap.status .inner-top.column.h-auto {
    padding: 21px 0 20px;
}
.mypage-wrap.status .status-detail {
	padding:20px 16px 0;
}
.mypage-wrap.status .status-detail + .status-detail {
	padding-top:26px;
}
.mypage-wrap.status .item-info .txt-s {
	margin-top:4px;
}
.mypage-wrap.status .month-tt .point {
    padding-left: 12px;
}
.mypage-wrap.status .time-ul li {
	min-height: 74px;
}
.mypage-wrap.status .time-ul .month {
	margin-bottom:12px;
}
.grid-list {
    margin-top: 12px;
}
.grid-list > div {
	min-height:40px;
}

/*//////////////// 판매현황 /////////////////////*/
.main-tab.status {
    height: 87px;
}
.main-tab.status ul li::before {
	height:49px;
}
.main-tab.status ul li a{
	font-size:0.875rem;
}
.main-tab.status ul li .num {
	font-size:1.57rem;
	margin-top:6px;
}
.inner-top.column.h-auto .point{
	padding-left: 10px;
}

/* ////////////////////////////////////////// 상담사마이메뉴 상품관리 //////////////////////// */
.body-top {
	padding:20px 16px 8px;
}
.mypage-wrap.item.status .list-item-ul .list-content .status {
	font-size:1rem;
}
.mypage-wrap.item .list-item-ul .list-content .text-sort.txt-s {
    font-size:1rem;
}
.mypage-wrap.item.status .list-item-ul li .cut-line {
    font-size: 1rem;
    padding: 10px 0 9px;
	margin-top:0;
}
.mypage-wrap.item.status .list-item-ul .list-content .coin {
    margin-bottom: 6px;
}
.i-add-r {
    background-size: 10px 10px;
    padding-right: 16px;
}
.i-plus-o {
    background-size: 14px 14px;
    padding-left: 22px;
	margin-left:10px;
}
.mypage-wrap.item-add .inner-body {
	padding-top:20px;
}
.mypage-wrap.item-add .input-wp label, .mypage-wrap.item-add  .input-wp .stt {
	font-size:0.875rem;
}
.mypage-wrap.item-add .radio-list {
	margin-top:10px;
}
.mypage-wrap.item-add .radio-list label {
	margin:0 0 0 30px;
}
.mypage-wrap.item-add .label-text {
	margin-top:12px;
}
.guide-btn {
    width: 16px;
    height: 16px;
}
.mypage-wrap.item-add .img-note { margin:8px 0 -9px; font-size:0.857rem;}
.mypage-wrap.item-add .checkbox-div label {
	margin-top:12px;
}

.mypage-wrap.item-add .box-select {
	min-height:46px;
}
.mypage-wrap.item-add .faq-select-wrap {
	margin:9px 0 20px;
}
.mypage-wrap.item-add .d-flex-be + .btn.white.txtl { margin-top:9px;}
.mypage-wrap.item-add textarea.faq-textarea {
	height:92px;
    padding: 9px 12px 6px 12px;
}
.mypage-wrap.item-add .faq-select{
	min-height:49px;
    padding: 12px 48px 12px 38px;
	margin-top:16px;
	background:url(../img/common/arrowBottom.png) no-repeat right 16px center / 14px 8px;
}
.mypage-wrap.item-add .faq-select-ul{
    width: 100%;
	padding:8px 0;
}
.mypage-wrap.item-add .faq-select-ul li{
	padding: 10px 14px;
}
.mypage-wrap.item-add .del-btn {
	top:17px; left:16px;
	width:14px;
	height:14px;
    background-size: 14px;
}
.mypage-wrap.item-add .element { pointer-events: none; }
.mypage-wrap.item-add .btn-mg { margin:13px 0 0;}
.mypage-wrap.item-add .input-wp .img-preview { margin-bottom:0;}
.input-wp .img-preview { margin:14px 0 0; }
.input-wp .img-preview img { margin-bottom:16px; }


/* ////////////////////////////////////////// 상담사마이메뉴 공지사항 //////////////////////// */
.mypage-wrap.cs-notice .inner-body {
    padding-top: 20px;
    padding-left: 16px;
    padding-right: 16px;
}
.mypage-wrap.cs-notice .input-wp .tts {
	font-size:0.857rem;
}
.mypage-wrap.cs-notice .input-wp textarea {
	height:200px;
	margin-bottom:20px;
}
.mypage-wrap.cs-notice .input-wp textarea.write {
	height:150px;
}
.mypage-wrap.cs-notice .btnbox {
	margin-top:16px;
}

/* ////////////////////////////////////////// 상담사마이메뉴 후기관리 //////////////////////// */

.mypage-wrap.review .profile-review .list-item-inner {
	padding: 20px 16px;
}
.mypage-wrap.review .profile-review .profile-review .call-info {
	padding:15px 0;
}
.mypage-wrap.review .profile-review li > .btn.white {
	margin-top:20px;
	max-width:inherit;
}
.mypage-wrap.review .profile-review li .btn.white {
	height: 40px;
    line-height: 38px;
}
.mypage-wrap.review .profile-review .answer-write textarea {
	width: 100%;
    height: 150px;
    margin-top: 20px;
}
.mypage-wrap.review .profile-review .comment-answer .reply {
    padding-left: 17px;
	background-size:12px 10px
}

.mypage-wrap.review.qna .inner-top.column {
	height:60px;
}


/* ////////////////////////////////////////// 상담사마이메뉴 포스팅관리 //////////////////////// */

.mypage-wrap.cs-post .inner-top.column {
	padding: 24px 0 18px;
}
.mypage-wrap.cs-post .post-detail-wrap .post-list {
	height:auto;
    min-height: 84px;
    background: #f5f5f5;
    padding: 0 16px;
}
.mypage-wrap.cs-post .post-detail-wrap .post_bg {
	background:none;
	min-height:auto;
	padding: 0;
	padding-bottom: 50px;
}
.mypage-wrap.cs-post .post-detail-wrap .post-list .post-content {
	font-size:1rem;
	height:auto;
	padding:18px 0 16px;
}
.mypage-wrap.cs-post .post-detail-wrap .post-list .post-content .title {
	line-height:1.5;
}
.mypage-wrap.cs-post .post-detail-wrap .post-list .list-info-num {
	margin-top:8px;
}
.mypage-wrap.cs-post .post-detail-wrap .profile-notice_text {
	margin:0;
	padding-bottom:0;
}
.mypage-wrap.cs-post .post-detail-wrap .btn.h40 {
	margin-top:40px;
}
.mypage-wrap.cs-post.register .inner-body {
	padding-top:20px;
}
.mypage-wrap.cs-post.register .inner-body .check-box  {
	/* margin: 8px 0 16px; */
	margin: 8px 0 20px;
}
.mypage-wrap.cs-post.register .inner-body .radio-box {
	margin-right: 16px;
}
.mypage-wrap.cs-post .inner-body .number-set {
	padding:20px 0;
}
.mypage-wrap.cs-post .inner-body .number-set .point::before {
    /* padding-left: 6px; */
}

/* ////////////////////////////////////////// 회원정보///////////////////////////////////////////////////////////////////// */

.memberinfo-wrap .inner-detail {
	padding-top:20px;
}
.memberinfo-wrap .inner-top {
	height:60px;
}
.memberinfo-wrap .inner-body{
	padding:20px 16px 0;
}
.memberinfo-wrap .input-wp label {
	font-size:0.875rem;
}
.memberinfo-wrap .btn-wp {
	margin-top:16px;
}
.memberinfo-wrap .btn-wp .info {
	font-size:0.857rem;
	margin:10px 0 30px;
}
.memberinfo-wrap .btn-point {
	line-height: 48px;
    height: 50px;
}

/* //////////////알림설정 //*/
.mypage-wrap.alarm.setup .list-item .list-body {
    flex-direction: row;
}
.mypage-wrap.alarm.setup .list-item:first-child .list-body {
    padding-top:14px;
}

/* //////////////회원탈퇴 //*/
.mypage-wrap.withdrawal .inner-body {
	padding-top: 20px;
}
.mypage-wrap.withdrawal .info-indent-dl {
	padding-bottom:16px;
}
.mypage-wrap.withdrawal .info-indent {
	padding:16px 0;
}
.mypage-wrap.withdrawal .txt-info-b {
	padding:20px 0 16px;
}
.mypage-wrap.withdrawal .info-list {
	padding: 12px 12px 39px;
	margin-bottom:10px;
}
.mypage-wrap.withdrawal .info-list .info-indent-dl dd {
    text-indent: -16px;
    margin-left: 16px;
}
.mypage-wrap.withdrawal .input-wp {
	margin:30px 0 40px;
}
.mypage-wrap.withdrawal .input-wp label {
	font-size:0.875rem;
}
/*////// 회원정보 포스팅/////*/
.info-section .post-info {
	margin: 24px 16px 20px;
    max-width: none;
}
.post-info .search-header {
	margin-top:14px;
	padding: 14px 16px 12px;
}
.post-info .search-header .search-inputbox .inputbox {
	margin-right: 12px;
}
.post-info .search-header .btn-keyword-delete span, .post-info .search-header .btn_search span {
	width:18px; height:18px;
	background-size:100%;
}
.memberinfo-wrap .post-counselor {
	padding: 20px 21px 20px 16px;
	background: url(../img/common/arrowRight.png) right 16px center / 5px 9px no-repeat;
}
.memberinfo-wrap .post-counselor .cut-line {
	margin-top:0;
	font-size:1.0714rem;
}
.memberinfo-wrap .counselor-info-con .txt {
	margin-top: 10px;
}
.memberinfo-wrap .post-counselor .list-img {
	margin-right: 12px;
}

/*//유튜브 인스타그램 //*/
.sns-wrap .info-section {
	height:89px;
}
.info-section .logoimg{
	font-size:1.145rem;
}
.info-section .hongtv img { width:109px;}
.info-section .hongsta img { width:108px;}
.sns-wrap .hongtv-list {
	margin:0 16px;
	padding:10px 0 30px;
}
.sns-wrap .hongtv-list li {
	padding:10px 0;
	line-height:1.4;
	letter-spacing:0.025rem;
}
.sns-wrap .hongtv-list li a {
	line-height:1.4;
}
.sns-wrap .hongtv-list li .list-img-hongtv {
	width:158px; min-width:158px; height:88px; margin-right:14px;
}
.sns-wrap .hongtv-list li .list-txt {
	font-size:1rem;
	align-items: flex-start;
    flex-direction: column;
}
.sns-wrap .hongtv-list li .date {
	font-size:0.875rem;
	margin-left:0;
	margin-top:4px;
}
.sns-wrap .hongsta-listwp {
	padding:20px 16px 30px;
}
.sns-wrap .hongsta-list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 5px;
}
.sns-wrap .btn.h40 {
	margin-top:30px;
}

}





/* 화면 높이 */
.event-wrap-inner .event-list{
	min-height: 322px;
}
@media (max-width: 719px){
	.event-wrap-inner .event-list{
		min-height: 300px;
	}
}

/* ////////////////////////////////////////대면상담//////////////////////////////////////////////////////////////////// */
.header-customer-btn {
	display: flex;
    justify-content: flex-end;
	align-items: center;
	color:#6335b4;
	font-size:1rem;
	padding-left:26px;
    font-weight: 600;
    background: url('../img/common/ic_service.png') 0 center / 16px 14px no-repeat;
}
.visit-wrap{
    border-top: 1px solid #e9e9e9;
}
.visit-wrap > .linebar {
    position: relative;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 8px;
    border-top: 0;
    height: 8px;
}
.visit-wrap > .linebar:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background: #f5f5f5;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    content: '';
}
.visit-loc-wrap {
	width: 400px;
	padding:20px 15px;
    min-height: 100%;
    margin: 0 auto;
	box-sizing:border-box;
	border-left:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	padding-bottom: 80px;
}
.visit-loc-wrap .loc-inner{
    display: flex;
    border-top: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
    font-size: 16px;
}
.visit-loc-wrap .loc-inner .depth1{
    width: 120px;
    background-color: #f5f5f5;
}
.visit-loc-wrap .loc-inner .depth1 a{
    height: 50px; line-height: 50px;
    padding: 0 15px;
    display: block;
}
.visit-loc-wrap .loc-inner .depth1 a span,
.visit-loc-wrap .loc-inner .depth2 a span{
    font-size: 12px;
    font-weight: 400 !important;
}
.visit-loc-wrap .loc-inner .depth1 .active a{
    background-color: #6335b4;
    color: #fff;
    font-weight: 600;
}
.visit-loc-wrap .loc-inner .depth2{
    flex: 1;
}
.visit-loc-wrap .loc-inner .depth2 a{
    display: block;
    padding: 16px 12px;
}
.visit-loc-wrap .loc-inner .depth2 li + li{
    border-top: #e9e9e9 1px solid;
}
.visit-loc-wrap .loc-inner .depth2 a span{
    font-size: 12px;
}
.visit-loc-wrap .loc-inner .loc-lst .active a{
    color: #6335b4;
    font-weight: 600;
}
.visit-loc-wrap .loc-inner .depth2 a span i{
    font-style: normal;
    color: #da4841;
    font-weight: 600;
}
.visit-detail-wrap .review{
    display: none;
}
.visit-detail-wrap .profile-info-con .cs-coin{
    position: relative;
}
.visit-detail-wrap .profile-info-con .cs-coin .share-btn{
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -13px;
}
.visit-info-img_s{
    width: 276px; height: 176px; position: relative;
    background: url(../img/profile/bg_profile.png)no-repeat;
    background-size: cover; margin-right: 18px; border-radius: 6px;
    overflow: hidden;
}
.list-item .title{
    display: flex;
    align-items: center;
    font-weight: 600;
}
.list-item .title .right{
    margin-left: auto;
}
.list-item .title .btAddr{
    background-color: #6335b4;
    color: #fff;
    border-radius: 4px;
    font-size: 13px;
    line-height: 28px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.list-item .title .btAddr img{
    width: 10px; margin-right: 6px;
}
.list-item .loc-inner{
    margin-top: 16px;
    padding-top: 14px;
    line-height: 26px;
    font-size: 1rem;
    border-top: 1px solid #e9e9e9;
}
.list-item .loc-inner .loc-tx > li{
    display: flex;
}
.list-item .loc-inner .loc-tx > li + li{
    margin-top: .5rem;
}
.list-item .loc-inner .loc-tx > li img{
    width: 16px;
    margin-top: 6px;
    margin-right: 10px;
}
.list-item .loc-inner .map-bx{
    margin: 15px 0 0 0 ;
}
.list-item .loc-inner .map-bx .map{
    width: 100%;
    height: 460px;
}
.visit-detail-wrap .profile-notice_img{
    position: relative;
}
.visit-detail-wrap .profile-notice_img .swiper-slide{
    border-radius: 8px;
    overflow: hidden;
}
.visit-detail-wrap .profile-notice_img .swiper-pagination{
    position: relative;
    top: auto; bottom: auto;
    margin-top: 10px;
}
.visit-detail-wrap .profile-notice_img .swiper-pagination .swiper-pagination-bullet {
    background-color: #c1c1c1;
    opacity: 1;
}
.visit-detail-wrap .profile-notice_img .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #6335b4;
}
.profile-item-list > li.fir .counsel-style{
    top: 88px;
}
.inner-top.brdTn{
    border-top: none;
}
.title-bx{
    display: flex;
    align-items: center;
}
.title-bx .remarks{
    margin-left: auto;

}
.remarks{
    font-size: 14px;
}
.remarks span{
    display: inline-block;
}
.remarks span + span{
    margin-left: 20px;
}
.remarks span i{
    display: inline-block;
    width: 16px; height: 16px;
    background-color: #f1f1f1;
    border: #e1e1e1 1px solid;
    border-radius: 2px;
    vertical-align: -2px; margin-right: 5px;
}
.remarks span i.green{
    border-color: #90d634;
    background-color: #90d634;
}
.remarks span i.green2{
    border-color: #d8e9c2;
    background-color: #e7ffc8;
}
.remarks span i.white{
    border-color: #e4e4e4;
    background-color: #fff;
}
.time-sel{
    margin-top: 15px;
    padding-top: 15px;
    margin-bottom: 30px;
    border-top: #e9e9e9 1px solid;
}
.time-sel dt{
    font-weight: 600;
    color: #222;
}
.time-sel dd{
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 -3%;
}
.time-sel dd button{
    width: 22%;
    margin: 10px 0 0 3%;
    height: 40px;
    line-height: 40px;
    background-color: #90d634;
    color: #fff;
    border-radius: 4px;
    border: none;
    font-weight: 600;
    font-size: 16px;
}
.time-sel dd button:disabled{
	color: #666 !important;
	font-weight: 400;
	background-color: #f1f1f1;
}
.time-sel dd button.none:disabled{
	color: #FFFFFF !important;
	font-weight: 600;
	background-color: #DA4841;
}
.time-sel dd button.active{
    background-color: #6335b4;
}
.time-sel dd button.dis{
	color: #666 !important;
	font-weight: 400;
	background-color: #f1f1f1;
}
.time-sel dd + dt{
    margin-top: 20px;
}
.datapicker-bx{
    margin-top: 25px;
    position: relative;
}
.datapicker-bx .ui-widget.ui-widget-content{
    width: 100%;
    border: none;
    padding: 0;
    border-radius: 0;
}
.datapicker-bx .ui-widget.ui-widget-content .ui-widget-header{
    background-color: #f8f8f8;
    border: none;
    border-top: #eee 1px solid;
    border-bottom: #eee 1px solid;
    border-radius: 0;
    padding: 1em 0;
}
.datapicker-bx .ui-widget.ui-widget-content .ui-widget-header .ui-datepicker-prev{
    left: 20%;
    cursor: pointer;
    background-color: transparent !important;
    border: none !important;
    top: 8px !important;
}
.datapicker-bx .ui-widget.ui-widget-content .ui-widget-header .ui-datepicker-next{
    right: 20%;
    cursor: pointer;
    background-color: transparent !important;
    border: none !important;
    top: 8px !important;
}
.datapicker-bx .ui-widget.ui-widget-content .ui-widget-header .ui-datepicker-prev.ui-state-hover,
.datapicker-bx .ui-widget.ui-widget-content .ui-widget-header .ui-datepicker-next.ui-state-hover{
    background-color: transparent !important;
    border: none !important;
}
.datapicker-bx .ui-widget.ui-widget-content .ui-widget-header .ui-datepicker-prev::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(-135deg);
}
.datapicker-bx .ui-widget.ui-widget-content .ui-widget-header .ui-datepicker-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);
}
.datapicker-bx .ui-widget.ui-widget-content .ui-widget-header .ui-datepicker-title{
    line-height: 1;
}
.datapicker-bx .ui-widget.ui-widget-content .ui-widget-header .ui-datepicker-prev span,
.datapicker-bx .ui-widget.ui-widget-content .ui-widget-header .ui-datepicker-next span{
    display: none;
}
.datapicker-bx .ui-widget.ui-widget-content th:first-child{
    color: #da4841;
}
.datapicker-bx .ui-widget.ui-widget-content .ui-state-default{
   width: 27px;
    height: 27px; border-radius: 50%;
    margin: 0 auto;
    line-height: 27px;
    text-align: center;
    border: none;
    background-color: transparent;
    padding: 0;
}
.datapicker-bx .ui-widget.ui-widget-content .ui-state-active{
    background-color: #6335b4;
    color: #fff;
}
.datapicker-bx .ui-widget.ui-widget-content .ui-datepicker-buttonpane{
    border: none; padding: 0; margin: 0;
}
.datapicker-bx .ui-widget.ui-widget-content .ui-datepicker-buttonpane .ui-datepicker-current{
    position: absolute;
    top: 11px;
    right: 10px;
    border: #ddd 1px solid;
    height: 28px;
    line-height: 28px; padding: 0 10px;
    border-radius: 20px;
    width: auto;
    background-color: #fff;
    font-size: 14px;
    color: #222; font-weight: 600;
}
.visit-buy-notice{
    text-align: center;
    line-height: 1.4;
    color: #666;
    font-size: 14px;
}
.visit-buy-notice b{
    font-size: 16px;
    color: #222;
    display: block;
    margin-bottom: .6rem;
}

.mymenu-rev-tg .toggle-hd{
    position: relative;
}
.mymenu-rev-tg .toggle-hd .bt{
    position: absolute;
    width: 20px;
    height: 20px;
    background-color:transparent;
    border: none;
    right: 0;
    top: 0;
    padding: 0;
    cursor: pointer;
}
.mymenu-rev-tg .toggle-hd .bt::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6px; height: 6px;
    border-top: #333 2px solid;
    border-right: #333 2px solid;
    display: block;
    transform: rotate(135deg);
    margin: -3px 0 0 -3px;
}
.mymenu-rev-tg .toggle-hd.active .bt::after{
    transform: rotate(-45deg);
}
.mymenu-rev-tg .toggle-hd .bt span{
    position: absolute;
    top: -9999px;
    left: -9999px;
}
.mymenu-rev-tg .toggle-bd{
    display: none;
}
.mymenu-rev-tg .toggle-bd .remarks{
    text-align: center;
    border-top: #e9e9e9 1px solid;
    padding-top: 15px;
    margin-top: 15px;

}

/* 채팅문의 */
.chat-bg{
    min-height: 100%;
    height: auto !important;
}
.admin .chat_bub .number-set{
    margin: 10px 0 20px;
    border-top: #dbd8e4 1px solid;
    padding-top: 10px;
}

/* 상담사 마이메뉴 */
.addr-form{
    padding: 16px 0 0;
}
.addr-form div + div{
    margin-top: 10px;
}
.addr-form .sel {
    background: url('../img/common/arrowBottom.png') 95% center / 14px 8px no-repeat #fff;
	display: inline-block;
    width: 100%;
    height: 46px;
    line-height: 46px;
	padding:0 25px 0 16px;
    color: #222;
    font-size: 1rem;
    border-radius: 4px;
	border:1px solid #e5e4e9;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-overflow: ellipsis;
}
.addr-form .input {
	display: inline-block;
    width: 100%;
    height: 46px;
    line-height: 44px;
	padding:0 16px;
    color: #222;
    font-size: 1rem;
    border-radius: 4px;
	border:1px solid #e5e4e9;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.addr-form .bt{
    background-color: #6335b4;
    color: #fff;
    height: 46px;
    line-height: 46px;
    width: 100px;
    text-align: center;
    border-radius: 0 4px 4px 0;
}
.addr-form .bt.mint{
    background-color: #1ab8be;
}
.addr-form .selgrp{
    display: flex;
}
.addr-form .selgrp .sel + .sel{
    margin-left: 10px;
}
.addr-form .inpgrp{
    display: flex;
}
.addr-form .inpgrp .input{
    border-radius: 4px 0 0 4px;
    flex: 1;
}
.visit-wrap .inner-body{
    padding-top: 24px;
}

.mypage-wrap.reserv .inner-body{
    padding: 0 16px 140px;
}

/* 달력 */
.calendar-bx{
    margin-top: 25px;
}
.calendar-bx .cal-hd{
    position: relative;
    background-color: #f8f8f8;
    padding: 7px 80px;
    border-top: #eee 1px solid;
    border-bottom: #eee 1px solid;
}
.calendar-bx .cal-hd .today{
    background-color: #fff;
    height: 28px;
    line-height: 26px;
    border: #ddd 1px solid;
    padding: 0 12px;
    border-radius: 15px;
    font-weight: 600;
    position: absolute;
    top: 50%; right: 12px;
    margin-top: -14px;
    cursor: pointer;
    color: #222;
    font-family: 'Noto Sans KR','Noto Sans Korean', "Nanum Gothic", sans-serif !important;
}
.calendar-bx .date-tx{
    display: flex;
    align-items: center;
    font-weight: 600;
    color: #333;
    font-weight: 600;
    font-size: 16px;
}
.calendar-bx .date-tx .date{
    margin: 0 30px;
    white-space: nowrap;
}
.calendar-bx .date-tx .prev,
.calendar-bx .date-tx .next{
    position: relative;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
}
.calendar-bx .date-tx .prev span,
.calendar-bx .date-tx .next span{
    position: absolute;
    top: -9999px;
    left: -9999px;
}
.calendar-bx .date-tx .prev::after,
.calendar-bx .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);
}
.calendar-bx .date-tx .prev::after{
    transform: rotate(-135deg);
}
.calendar-bx table{
    table-layout: fixed;
    width: 100%;
    font-size: 14px;
}
.calendar-bx table thead th{
    text-align: center;
    padding: 16px 0 5px;
}
.calendar-bx table thead th:first-child{
    color: #da4841;
}
.calendar-bx table tbody td{
    text-align: center;
    padding: 8px 0;
    font-weight: 600;
}
.calendar-bx table tbody td.dis > span{
    color: #ccc !important;
}
.calendar-bx table tbody td > span,
.calendar-bx table tbody td > a{
    width: 27px;
    height: 27px;
    display: block;
    text-align: center;
    line-height: 27px;
    margin: 0 auto;
    position: relative;
    border-radius: 50%;
}
.calendar-bx table tbody td:first-child > a{
    color: #da4841;
}
.calendar-bx table tbody td.today > a{
    background-color: #6335b4;
    color: #fff;
    text-indent: -1px;
}
.calendar-bx table tbody td.today > a::after{
    content: '오늘';
    font-size: 11px;
    color: #6335b4;
    position: absolute;
    bottom: -14px; left: 0;
    width: 100%;
    display: block;
    line-height: 1;
}
.calendar-bx table tbody td.on > a{
    border: #da4841 2px solid;
    line-height: 23px;

}
.calendar-bx.cs{
    margin: 45px 0 20px;
    border-top: #222 1px solid;
    border-bottom: #222 1px solid;
}
.calendar-bx.cs .cal-hd{
    background-color: #fff;
    border-top: none;
}
.calendar-bx.cs table thead th{
    padding: 16px 0;
    border-bottom: #222 1px solid;
}
.calendar-bx.cs table tbody td{
    border-bottom: #e9e9e9 1px solid;
    border-left: #e9e9e9 1px solid;
    font-size: 12px;
    font-weight: 400;
    padding: 4px;
    height: 48px;
    text-align: right;
    position: relative;
}
.calendar-bx.cs table tbody td.active::before{
    content: '';
    position: absolute;
    top: -1px; left: -1px; right: -1px; bottom: -1px;
    border: #6335b4 1px solid;
    background-color: transparent;
}
.calendar-bx.cs table tbody td > span{
    display: inline-block;
    width: 20px; height: 20px;
    line-height: 20px;
    border-radius: 50%;
    text-align: center;
    position: relative;

}
.calendar-bx.cs table tbody td:first-child > span{
    color: #da4841;
}
.calendar-bx.cs table tbody td.today > span{
    background-color: #6335b4;
    color: #fff;
    font-weight: 600;
}
.calendar-bx.cs table tbody td.today > span::before{
    content: '오늘';
    color: #333;
    position: absolute;
    left: -26px; top: 0;
    font-size: 10px;
}
.calendar-bx.cs table tbody td:last-child{
    border-right: #e9e9e9 1px solid;
}
.calendar-bx.cs table tbody tr:last-child td{
    border-bottom: none;
}
.calendar-bx.cs table tbody td.off{
    background-color: #f5f5f5;
}
.calendar-bx.cs table tbody td.on{
    background-color: #e7ffc8;
}
.calendar-bx.cs table tbody td > p{
    position: relative;
    text-align: left;
    margin-top: 4px;
    font-weight: 600;
}
.calendar-bx.cs table tbody td > p::before{
    content: '';
    width: 4px;
    height: 4px;
    display: inline-block;
    background-color: #999;
    border-radius: 50%; margin-right: 5px;
    vertical-align: 3px;
}
.calendar-bx.cs table tbody td > p.on::before{
    background-color: #da4841;
}

.reserv .inner-body .f-bold{
    margin-bottom: 14px;
}
.reserv .inner-body .f-bold .switch-btn{
    vertical-align: 5px;
}
.reserv .inner-body .cs-time-select{
    border-bottom: none;
    padding-bottom: 0;
}
.reserv .inner-body .cs-time-select .f-bold{
    font-size: inherit;
}
.cs-mem-select{
    margin-top: 40px;
}
.cs-mem-select .time-box{
    display: flex;
    align-items: center;
}
.cs-mem-select .time-box .input{
    width: 56px;
    height: 32px;
    border: #ddd 1px solid;
    text-align: center;
    font-size: 18px;
    color: #222;
    font-weight: 600;
    margin: 0 12px;

}
.cs-mem-select .time-select{
    display: flex;
}
.cs-mem-select .time-select .sel-box + .sel-box {
    margin-left: 30px;
}
.cs-mem-select .time-select .sel-box{
    flex: 1;
}
.cs-mem-select .time-select .sel-box .sel{
    width: 100%;
    display: block;
    background: url('../img/common/arrowBottom.png') 95% center / 14px 8px no-repeat #fff;
	display: inline-block;
    width: 100%;
    height: 50px;
    line-height: 50px;
	padding:0 25px 0 0;
    color: #222;
    font-size: 1rem;
    border-radius: 0;
    border: none;
	border-bottom:1px solid #e5e4e9;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 18px;
    color: #222;
    font-weight: 600;
}
.cs-mem-select .time-select .sel-box.dis{
    color: #ccc;
}
.cs-mem-select .time-select .sel-box.dis .sel{
    opacity: .4;
}
.cs-mem-select .tx01{
    line-height: 1.4;
    font-size: 14px;
}
.cs-mem-select .remarks{
    margin-top: 15px;
    border-top: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
    padding: 14px 0;
    text-align: center;
}
.time-select-wr .toggle-hd{
    position: relative;
    padding: 20px 0;
    border-bottom: #e9e9e9 1px solid;
}
.time-select-wr .toggle-hd .bt{
    position: absolute;
    bottom: 28px;
    right: 0;
    background-color: transparent;
    border: none;
    color: #222;
    cursor: pointer;
}
.time-select-wr .toggle-hd .bt::after{
    content: '';
    display: inline-block;
    width: 14px;
    height: 8px;
    background: url(../img/common/arrowBottom.png) 100% center / 14px 8px no-repeat;
    margin-left: 10px;
}
.time-select-wr .toggle-hd.active .bt::after{
    transform: rotate(180deg);
}
.time-select-wr .hd-bx1{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.time-select-wr .hd-bx1 .t-tx{
    font-weight: 600;
    color: #333;
}
.time-select-wr .hd-bx1 .t-tx .btn-keyword-delete{
    padding: 0;
    background-color: transparent;
    border: none;
    vertical-align: 3px;
}
.time-select-wr .hd-bx1 .t-tx .btn-keyword-delete span{
    background: url(../img/common/btn_del_r.png) 50% 50%/20px 20px no-repeat;
    text-indent: -9999px;
}
.time-select-wr .hd-bx2{
    margin-top: 10px;
    padding-right: 95px;
    display: flex;
    align-items: center;
}
.time-select-wr .hd-bx2 .sel{
	flex: 1;
	background: url(../img/common/arrowBottom.png) 90% center / 14px 8px no-repeat #fff;
	display: inline-block;
	width: 100%;
	height: 36px;
	line-height: 34px;
	padding: 0 25px 0 10px;
	color: #222;
	font-size: 1rem;
	border-radius: 0;
	border: 1px solid #ddd;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.time-select-wr .hd-bx2 .sel-box{
	flex: 1;
	background: url(../img/common/arrowBottom.png) 90% center / 14px 8px no-repeat #fff;
	display: inline-block;
	width: 100%;
	height: 36px;
	line-height: 34px;
	padding: 0 25px 0 10px;
	color: #222;
	font-size: 1rem;
	border-radius: 0;
	border: 1px solid #ddd;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.time-select-wr .hd-bx2 span{
    width: 3rem;
    text-align: center;
}
.time-select-wr .bd{
    padding: 15px 10px;
    background-color: #f6f6f6;
    border-bottom: #e9e9e9 1px solid;
    display: none;
}
.time-select-wr .time-sel{
    margin: 0;
    padding: 0;
    border: none;
}

.list-reserv{
    margin: 24px 16px 0;
}
.list-reserv .itm{
    position: relative;
    padding: 0 0 30px 96px;
}
.list-reserv .itm + .itm::before{
    content: '';
    display: block;
    position: absolute;
    width: 1px; height: 90%;
    border-left: #ccc 1px dashed;
    top: -90%; left: 40px;
}
.list-reserv .itm .time{
	color: #fff;
	text-align: center;
	background-color: #6335b4;
	border-radius: 4px;
	width: 80px;
	padding: 15px 10px;
	line-height: 1.2;
	font-size: 13px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.list-reserv .itm .prev{
	color: #fff;
	text-align: center;
	background-color: #808080;
	border-radius: 4px;
	width: 80px;
	padding: 15px 10px;
	line-height: 1.2;
	font-size: 13px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.list-reserv .itm .time span{
    display: block;
}
.list-reserv .itm .status{
    font-weight: 600;
    font-size: 16px;
}
.list-reserv .itm .list-text{
    font-weight: 600;
    font-size: 14px;
    margin-top: 10px;
}
.list-reserv .itm .coin{
    margin-top: 10px;
}
.list-reserv .itm .coin em{
    color: #999;
    display: inline-block; margin-left: 10px;
    font-size: 14px;
}
.list-reserv .itm .receipt{
    margin-top: 10px;
    font-size: 14px;
}
.list-reserv .itm .btn-set{
    margin-top: 20px;
}

.list-reserv-week{
    margin: 24px 16px 0;
}
.list-reserv-week .itm{
    padding-bottom: 36px;
}
.list-reserv-week .itm .time{
    width: 95px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    background-color: #6335b4;
    text-align: center;
    border-radius: 4px;
    font-size: 13px;
}
.list-reserv-week .itm .list-body{
    margin-top: 15px;
    font-size: 15px;
}
.list-reserv-week .itm .list-body p + p{
    margin-top: 14px;
}
.list-reserv-week .itm .list-body p{
    display: flex;
    line-height: 1.2;
    align-items: center;
}
.list-reserv-week .itm .list-body p.dis{
    color: #999;
}
.list-reserv-week .itm .list-body i{
    position: relative;
    background-color: #da4841;
    width: 16px; height: 16px;
    border-radius: 50%;
    height: 16px;
}
.list-reserv-week .itm .list-body i::after{
    content: '';
    display: none;
    position: absolute;
    top: 50%; left: 50%;
    width: 6px; height: 3px;
    border-top: #fff 2px solid; border-right: #fff 2px solid;
    margin: -3px 0 0 -4px;
    transform: rotate(130deg);
}
.list-reserv-week .itm .list-body i.chk::after{
    display: block;
}
.list-reserv-week .itm .list-body .dis i{
    background-color: #e9e9e9;
}
.list-reserv-week .itm .list-body b{
    margin: 0 0 0 8px;
    width: 100px;
}
.list-reserv-week .itm .list-body span{
    flex: 1;
}
.list-reserv-month{
    padding: 0;
}
.list-reserv-month .tit-tx{
    font-weight: 600; color: #222;
    font-size: 16px;
    margin: 0 16px;
    line-height: 24px;
}
.list-reserv-month .i-calendar{
    background: url(../img/common/calendar.png) center left / 20px 20px no-repeat;
    padding-left: 28px;
}
.list-reserv-month .calendar-bx.cs{
    margin: 0 16px 35px;
    border-top: none;
}
.review-lst .list-item-inner{
    margin-bottom: 0;
    border-bottom: none;
}
.review-lst .list-item-inner + .list-item-inner{
    margin-top: 24px;
}
.review-lst .list-item-inner + .list-item-inner::before{
    content: '';
    display: block;
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 6px;
    background-color: #f5f5f5;
    border-top: #e9e9e9 1px solid;
    border-bottom: #e9e9e9 1px solid;
}
.review-lst .title .tx01{
    display: flex;
}
.review-lst .title .tx01 .star-set{
    margin-left: 10px;
}
.review-lst .title .tx02{
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 400;
}
.review-lst .comment{
    margin-top: 15px;
    border-top: #e9e9e9 1px solid;
    padding: 25px 0;
    line-height: 1.5;
}
.review-lst .btn-set{
    margin-top: 0;
}
.review-lst .btn-set.half{
    width: 50%;
}
.review-lst .reply .text-ar{
    border: #ddd 1px solid;
    width: 100%;
    padding: 14px;
    font-size: 16px;
}
.review-lst .reply .btn-set{
    margin-top: 12px;
}
.cs-profile .title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 30px 11px 42px;
    font-weight: 400;
}
.cs-profile .title p{
    font-size: 16px;
    color: #222;
    font-weight: 600;
}
.cs-profile .profile-info-con_s{
    background-color: #f7f7fa;
    padding: 0 30px 76px 42px;
    margin-top: 6px;
}
.cs-profile .profile-info-con_s .profile-info-img_s{
    margin-top: -4px;
}
.review-lst .list-item-inner .comment-answer{
    margin-top: 0;
}
.review-lst .list-item-inner .comment-answer .i-reply2.f-bold{
    background-position: 0 1px;
    line-height: 1.4;
}
.review-lst .list-item-inner .comment-answer .text-date{
    line-height: 1.4;
    margin-top: 5px;
    padding-left: 24px;
}

.time-selbx{
    padding: 30px 16px;
}
.time-selbx .inner{
    overflow-y: auto;
    max-height: 354px;
}
.time-selbx dl dt{
    color: #222; font-size: 18px;
    font-weight: 600;
    text-align: center;
    background-color: #f5f5f5;
    border-radius: 4px;
    height: 46px; line-height: 46px;
}
.time-selbx dl dd{
    padding: 10px 0;
}
.time-selbx dl + dl{
    margin-top: 11px;
}
.time-selbx dl dd button{
    display: block; background-color: transparent;
    border: none;
    height: 34px;
    line-height: 34px;
    font-size: 20px;
    color: #222;
    font-weight: 600;
    text-align: center; width: 100%; cursor: pointer;
}

.total-lat{
    background-color: #1ab8be;
    padding: 14px 16px 26px;
}
.total-lat .sale{
    color: #fff954;
    font-size: 12px;
}
.total-lat .cost-bx{
    display: flex;
    justify-content: space-between;
    margin-top: 7px;
    color: #fff;
}
.total-lat .cost-bx .t-tx{
    font-size: 16px;
}
.total-lat .cost-bx .t-tx b{
    font-size: 18px;
}
.total-lat .cost-bx .cost{
    font-size: 24px;
    font-weight: 600;
}

@media (max-width: 719px){
    .list-item .title{
        font-size: 1.072rem;
    }
    .visit-loc-wrap{
        width: 100%;
    }
    .visit-info-img_s{
        margin-right: 0;
        width: 100%;
        max-width: 100%;
        height: 58vw;
        min-height: 210px;
        border-radius: 10px;
    }
    .list-item .loc-inner{
        line-height: 22px;
    }
    .list-item .loc-inner .map-bx .map{
        height: 22rem;
    }
    .visit-detail-wrap .profile-notice_img .swiper-pagination{
        position: absolute;
        bottom: 20px;
    }
    .visit-detail-wrap .profile-info-con .cs-coin .share-btn{
        position: relative;
        top: auto;
        right: auto;
        margin-top: 0;
        margin-left: 10px;
        vertical-align: -4px;
    }
    .profile-item-list > li.fir .counsel-style {
        top: 76px;  width: calc(100% - 210px);
    }
    .profile-item-list > li.fir .counsel-style .style{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        width: 100%;
    }
    .time-sel dd button{
        height: 36px; line-height: 36px;
        font-size: 1.1rem;
    }
    .datapicker-bx .ui-widget.ui-widget-content .ui-datepicker-buttonpane .ui-datepicker-current{
        top:8px;
    }
    .calendar-bx .cal-hd .today{
        font-size: .857rem;
    }
    .addr-form .sel{
        height: 34px;
        line-height: 34px;
    }
    .addr-form .input{
        height: 34px;
        line-height: 32px;
    }
    .addr-form .bt{
        height: 34px;
        line-height: 34px;
        font-size: 11px;
        width: 66px;
    }
    .cs-mem-select .time-select .sel-box span{
        font-size: 12px;
        height: 30px;
        line-height: 28px;
    }
    .cs-mem-select .time-select .sel-box .sel{
        background-size: 9px auto;
        font-size: 16px;
        height: 36px; line-height: 36px;
    }
    .cs-mem-select .time-box .input{
        font-size: 16px;
    }
    .calendar-bx table tbody td > span,
    .calendar-bx table tbody td > a{
        font-size: 12px;
        width: 24px;
        height: 24px;
        line-height: 24px;
    }
    .calendar-bx table tbody td.on > span,
    .calendar-bx table tbody td.on > a{
        line-height: 20px;
    }
    .calendar-bx.cs{
        margin: -1px 0 8px;
    }
    .calendar-bx.cs table thead th{
        padding: 12px 0;
        font-size: 13px;
    }
    .calendar-bx.cs table tbody td{
        padding: 2px;
        font-size: 10px;
        height: 42px;
    }
    .calendar-bx.cs table tbody td > span{
        width: 16px; height: 16px; line-height: 16px;
    }
    .calendar-bx.cs table tbody td > span{
        font-size: 10px;
    }
    .time-select-wr .toggle-hd{
        font-size: 12px;
        padding: 12px 0;
    }
    .time-select-wr .hd-bx1 .t-tx .btn-keyword-delete{
        vertical-align: -3px;
        margin-left: 5px;
    }
    .time-select-wr .hd-bx1 .t-tx .btn-keyword-delete span{
        width: 14px; height: 14px;
        background-size: 14px;
    }
	.time-select-wr .hd-bx2 .sel{
		height: 28px; line-height: 28px;
		background-size: 7px auto;
	}
	.time-select-wr .hd-bx2 .sel-box{
		height: 28px; line-height: 28px;
		background-size: 7px auto;
	}
    .time-select-wr .hd-bx2 span{
        width: 20px;
    }
    .time-select-wr .toggle-hd .bt{
        font-size: 12px;
        bottom: 17px;
    }
    .time-select-wr .toggle-hd .bt::after{
        width: 9px; height: 5px;
        background-size: 9px auto;
    }
    .list-reserv .itm .time{
        font-size: 11px;
        width: 64px;
        padding: 7px 0;
    }
    .list-reserv .itm .list-text{
        margin-top: 8px;
    }
    .list-reserv .itm .receipt{
        margin-top: 8px;
    }
    .list-reserv .itm .btn-set{
        margin-top: 10px;
    }
    .list-reserv .itm .btn-set .btn{
        height: 32px; font-size: 12px; line-height: 30px;
    }
    .list-reserv .itm{
        padding: 0 0 22px 80px;
    }
	.list-reserv .itm .list-body.dis{
		color: #999;
	}
    .status-div.type1{
        padding: 10px 0;
    }
    .visit-wrap .sub-tab{
        padding: 0;
    }
    .visit-wrap .status-div.type1{
        margin: 0;
    }
    .list-reserv{
        margin: 24px 0 0;
    }
    .list-reserv-week .itm .time{
        font-size: 11px;
        width: 75px; line-height: 24px; height: 24px;
    }
    .list-reserv-week .itm .list-body{
        font-size: 14px;
    }
    .list-reserv-week{
        margin: 24px 0 0;
    }
    .list-reserv-week .itm .list-body i{
        width: 12px; height: 12px;
    }
    .list-reserv-week .itm .list-body i::after{
        width: 5px; height: 3px;
    }
    .list-reserv-week .itm .list-body b{
        margin-left: 6px;
    }

    .review-lst .title .tx01{
        font-size: 14px;
    }
    .review-lst .title .tx02{
        font-size: 12px;
        margin-top: 10px;
    }
    .review-lst .btn-set.half{
        width: 100%;
    }
    .review-lst .btn-set .btn{
        height: 40px; line-height: 38px;
    }
    .review-lst .list-item-inner + .list-item-inner{
        margin-top: 20px;
    }
    .review-lst .list-item-inner .comment-answer{
        margin-top: 0;
    }
    .review-lst .comment{
        padding: 20px 0;
    }
    .review-lst .list-item-inner .comment-answer .d-flex-be{
        display: block;
    }
    .review-lst .list-item-inner .comment-answer .i-reply2.f-bold{
        line-height: 1.4; background-position: 0 5px;
    }
    .review-lst .list-item-inner .comment-answer .d-flex-be .text-date{
        margin-top: 5px;
        padding-left: 22px;
    }
    .review-lst .reply .text-ar{
        height: 150px;
    }
    .profile-info-inner_s .d-flex .i-partner{
        background-size: 14px;
        padding-left: 18px;
        background-position: 0 3px;
    }
    .list-reserv-month .calendar-bx.cs{
        margin: 0 0 25px;
    }
    .list-reserv-month .tit-tx{
        margin: 0;
        font-size: 14px;
    }
    .calendar-bx.cs table tbody td > p{
        margin-top: 9px;
        padding-left: 4px;
    }
    .calendar-bx.cs table tbody td.today > span::before{
        font-size: 9px;
    }
    .calendar-bx.cs table tbody td > p::before{
        vertical-align: 2px;
    }
    .list-reserv-month .i-calendar{
        background-size:18px;
    }
    .review-lst .list-item-inner .comment-answer .text-date{
        margin-top: 2px;
    }
    .time-selbx{
        padding: 17px 12px 30px;
    }
    .time-selbx .inner{
        max-height: 313px;
    }
    .time-selbx dl dt{
        font-size: 14px;
        height: 42px;
        line-height: 42px;
    }
    .time-selbx dl dd button{
        font-size: 18px;
        height: 30px;
        line-height: 30px;
    }

    .total-lat .sale{
        font-size: 11px;
    }
    .total-lat .cost-bx .t-tx{
        font-size: 12px;
    }
    .total-lat .cost-bx .t-tx b{
        font-size: 14px;
    }
    .total-lat .cost-bx .cost{
        font-size: 18px;
    }
    .list-item .title .btAddr{
        height: 24px;
        line-height: 24px;
        font-size: 11px;
        font-weight: 400;
        padding: 0 12px;
    }
    .list-item .title .btAddr img{
        height: 10px;
        width: auto;
    }
}