.contentPopular {
    margin-bottom: 13px;
}
.contentPopular .popularWrap {
    padding: 28px 30px;
}
.contentPopular .popularWrap .popularTitle {
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 2.5px;
    margin-left: 3px;
    margin-bottom: 19px;
}
.contentPopular .popularWrap .popularList {
    display: flex;
    flex-wrap: wrap;
} 
.contentPopular .popularWrap .popularList li {
    width: calc(100%/6 - 6px);
    margin: 5px 0;
}
.contentPopular .popularWrap .popularList li:not(:nth-child(6n)) {
    margin-right: 7px;
}
.contentPopular .popularWrap .popularList li a {
    display: block;
}
.contentPopular .popularWrap .popularList li a .popularPhoto {
    width: 100%;
    margin-bottom: 5px;
}
.contentPopular .popularWrap .popularList li a .popularPhoto img{
    width: 100%;
    aspect-ratio: 94/69;
    object-fit: cover;
    object-position: center;
    border-radius: 26px;
}
.contentPopular .popularWrap .popularList li a .popularCat {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
}


.areaRank.recommendTermRank .rankWrap {
    padding: 0;
    background-color: transparent;
}
.contentWrap .contentMain .areaRank.recommendTermRank .rankTop .topLeft {
    width: calc(100% - 310px);
}
.areaRank.recommendTermRank .rankList {
    display: block;
    overflow: inherit;
}
.areaRank.recommendTermRank .rankList .listBox {
    width: 100%;
    border: 1px solid #a5a3a9;
    border-radius: 10px;
    background: #fff;
    padding: 19px 18px 17px;
}
.areaRank.recommendTermRank .rankList .listBox:not(:last-child) {
    margin-bottom: 15px;
}
.areaRank.recommendTermRank .rankList .listBox .boxNumber {
    top: -1px;
    left: -1px;
    border-radius: 9px 0 12px 0;
}
.areaRank.recommendTermRank .rankList .listBox .boxPhoto {
    margin-bottom: 0;
    width: 44.7%;
}
.areaRank.recommendTermRank .rankList .listBox .boxPhoto a {
    display: block;
    width: 100%;
}
.areaRank.recommendTermRank .rankList .listBox .boxPhoto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 300 / 183;
    border-radius: 5px;
}
.areaRank.recommendTermRank .rankList .listBox .boxWrap {
    display: flex;
    justify-content: space-between;
	margin-bottom: 16px;
}
.areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo {
    position: relative;
	width: 51.6%;
	margin-top: -1px;
}
.areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo .medalPhoto {
    width: 43px;
    position: absolute;
    margin: 0;
    top: -18px;
    right: 0;
}
.rankList .boxWrap .starReview .star {
    margin-top: -7px;
    margin-right: 10px;
}
.rankList .boxWrap .starReview .star span.full {
    width: 99px;
}
.rankList .boxWrap .starReview .star span.full .bgColor {
    height: 15px;
}
.rankList .boxWrap .starReview .star span.full:after {
    background: url(../images/common/icon-star.svg) no-repeat top center / cover;
}
.rankList .boxWrap .starReview .score_avg {
    transform: translateY(-3px);
}
.rankList .boxWrap .starReview .score_avg span {
    font-size: 20px;
}
.areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo .infoTitle {
    margin-bottom: 7px;
    font-size: 20px;
    letter-spacing: 1.3px;
    transform: translateY(-5px);
}
.areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo .infoTitle a {
    font-size: 20px;
    letter-spacing: -0.6px;
}
.rankList .listBox .boxWrap .concernBtn {
    width: 60px;
    margin-left: 2px;
    transform: translateY(-2px);
}
.rankList .listBox .boxWrap .concernBtn a {
    position: relative;
    display: block;
    text-align: center;
    font-size: 7px;
    color: #f76969;
    border-radius: 50px;
    padding: 5px 0 3px;
    border: 1px solid #f76969;
}
.rankList .listBox .boxWrap .concernBtn a span {
    position: relative;
    padding-right: 11px;
}
.rankList .listBox .boxWrap .concernBtn a span::before {
    content: "";
    position: absolute;
	top: -2px;
    right: 1px;
	width: 16px;
    height: 14px;
    background: url(../images/trader-detail/concer-btn-02.svg) no-repeat center center / 100%;
}
.rankList .listBox .boxWrap .concernBtn.active a {
    background-color: #f76969;
    color: #fff;
}
.rankList .listBox .boxWrap .concernBtn.active a span::before {
    background-image: url(../images/trader-detail/concer-btn-01.svg);
}
.rankList .listBox .boxWrap .concernBtn a span.pc {
	padding: 0;
}
.rankList .listBox .boxWrap .concernBtn a span.pc::before {
	display: none;
} 
.areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo .wrapRevLike {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo .infoWrap {
	margin-bottom: 9px;
}
.areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo .starReview {
	margin-bottom: 0;
}
.rankList .boxWrap .starReview .seeReview{
    transform: translateY(-1px);
    font-size: 12px;
    font-weight: bold;
    color: #00AFEC;
	margin-left: 1px;
}
.rankList .boxWrap .starReview .seeReview a {
    font-weight: bold;
    color: #00afec;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo .txtAddress {
    position: relative;
    color: #40536a;
	font-size: 12px;
    font-weight: 400;
    margin-bottom: 8px;
    padding-left: 19px;
}
.areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo .txtAddress:before {
    content: "";
    position: absolute;
    top: 0;
    left: 2px;
    width: 12px;
    height: 20px;
    background: url(../images/trader-detail/icon-place.svg) no-repeat;
    background-size: 100%;
}
.areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo .txtAddress:before {
	width: 12px;
    left: 2px;
}
.areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo .listTag {
	height: 20px;
    font-size: 11px;
    list-style: none;
    margin-bottom: 5px;
    font-weight: 400;
    color: #40536A;
	margin-left: 1px;
	overflow: hidden;
}
.areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo .listTag .tagItem {
    display: inline-block;
    margin-right: 8px;
    border: 1px solid #40536A;
    margin-bottom: 5px;
    padding: 0 3px;
}
.areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo .recommendPoint {
    width: calc(100% + 4px);
	padding: 5px;
    background: #fffff1;
    margin-left: -4px;
}
.areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo .recommendPoint .recommendPointItem {
    display: flex;
    align-items: center;
    margin-bottom: 7px;
}
.areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo .recommendPoint .recommendPointItem:last-child {
    margin-bottom: 0;
}

.areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo .recommendPoint .recommendPointItem .recommendPointStep {
	flex-shrink: 0;
    margin-right: 7px;
    background: #f76969;
    padding: 2px 8px;
    font-weight: 500;
    color: #fff;
    font-size: 10px;
    border-radius: 5px;
}
.areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo .recommendPoint .recommendPointItem .recommendPointTitle {
	font-size: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    letter-spacing: 0px;
    font-weight: bold;
}
.areaRank.recommendTermRank .rankList .listBox .categories {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
.areaRank.recommendTermRank .rankList .listBox .categories li {
    margin-right: 7px;
    margin-bottom: 7px;
}
.areaRank.recommendTermRank .rankList .listBox .categories li a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    min-height: 34px;
    font-size: 10px;
    font-weight: bold;
    color: #D2CCCC;
    border: 2px solid #D2CCCC;
    border-radius: 8px;
    background: #fff;
    padding: 5px 8px;
    word-break: auto-phrase;
}
.areaRank.recommendTermRank .rankList .listBox .categories li.active a {
    color: #02AFEC;
    border-color: #02AFEC;
    background-color: #CFF3FF;
}
.listBox .rankContact {
    display: flex;
    justify-content: space-between;
}
.listBox .rankContact.phoneNumberHidden {
    justify-content: right;
}
.listBox .rankContact .ConsultationEstimate {
    display: flex;
    align-items: center;
}
.listBox .rankContact .ConsultationEstimate .consuTxt {
    color: #ff6e01;
    border: 1px solid #ff6e01;
    font-size: 12px;
    font-weight: bold;
    width: 70px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.4;
    text-align: center;
    margin-right: 10px;
    transform: translateY(-1px);
}
.listBox .rankContact .ConsultationEstimate .cosuPhone a {
    font-size: 30px;
    font-weight: bold;
    color: #ff6e01;
    background: url(../images/common/icon-phone-orange-02.svg) no-repeat left center / 23px;
    line-height: 1.05;
    padding-left: 27px;
    letter-spacing: 0.2px;
}
.listBox .rankContact .ConsultationEstimate .cosuPhone span {
    display: block;
    color: #ff6e01;
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}
.rankList .rankContact .rankContactWrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.listBox .rankContact .btnReviewDetail {
    width: 191px;
    transform: translate(-1px, 1px);
}
.listBox .rankContact .btnReviewDetail a {
    display: block;
    text-align: center;
    font-weight: bold;
    background-color: #00afec;
    border-radius: 10px;
    color: #fff;
    padding: 12px 0 11px;
}
.listBox .rankContact .btnReviewDetail a span {
    background: url(../images/category/icon-link-01.svg) no-repeat right center / 15px;
    padding-right: 20px;
}
.rankList .rankContact .btnPopUp {
    width: 161px;
    margin-right: 13px;
}
.rankList .rankContact .btnPopUp a {
	display: block;
    text-align: center;
    font-weight: bold;
    background-color: #ffef75;
    border-radius: 10px;
    padding: 5px 0px 10px 3px;
    color: #00afeb;
    letter-spacing: 0.5px;
}
.rankList .rankContact .btnPopUp a .yen {
	display: inline-block;
    font-size: 19px;
    margin-right: 4px;
    letter-spacing: 0;
    transform: translateY(1px);
}
.rankList .concernTxt {
	display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.areaRank.recommendTermRank .feePopup .popupHeader .popupName {
	flex-wrap: wrap;
}
.rankList .listBox .concInfo {
	width: 314px;
	transform: translateY(4px);
}
.rankList .listBox .concInfo li .infoName {
	width: 62px;
    font-size: 8px;
	padding: 8px 1px 7px;
	letter-spacing: 0;
}
.rankList .listBox .concInfo li .infoSub {
    width: calc(100% - 62px);
    font-size: 8px;
    letter-spacing: -0.4px;
}
.rankList .listBox .rankContact.phoneNumberHidden .btnPopUp {
	margin-right: 13px;
}

.areaRank.recommendTermRank .feePopup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99;
    background: rgba(0, 0, 0, 0.3);
}
.areaRank.recommendTermRank .feePopup .popupContainer {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.areaRank.recommendTermRank .feePopup .popupContainer .popupContent {
    max-width: 1146px;
    width: 100%;
    margin: 60px 40px;
    background: #fff;
    border-radius: 16px;
    padding: 40px;
    max-height: 80vh;
    overflow-y: auto;
}
.areaRank.recommendTermRank .feePopup .popupHeader {
    padding-left: 15px;
    padding-right: 15px;
}
.areaRank.recommendTermRank .feePopup .popupHeader .popupCategory {
    display: block;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 10px;
    letter-spacing: 0;
}
.areaRank.recommendTermRank .feePopup .popupHeader .popupName {
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
}
.areaRank.recommendTermRank .feePopup .popupHeader .popupName .popupTitle {
    font-size: 24px;
}
.areaRank.recommendTermRank .feePopup .popupHeader .popupName .starReview {
    display: flex;
    align-items: center;
    margin-left: 25px;
    margin-right: 29px;
}
.areaRank.recommendTermRank .feePopup .popupHeader .popupName .starReview .star {
    margin-top: 0;
}
.areaRank.recommendTermRank .feePopup .starReview .star span.full {
    width: 116px;
}
.areaRank.recommendTermRank .feePopup .starReview .star span.full .bgColor {
    height: 18px;
}
.areaRank.recommendTermRank .feePopup .starReview .star span.full:after {
    background: url(../images/common/icon-star.svg) no-repeat top center / cover;
}
.areaRank.recommendTermRank .feePopup .starReview .score_avg span {
    font-size: 24px;
    letter-spacing: 0.4px;
}
.areaRank.recommendTermRank .feePopup .starReview .seeReview {
    color: #00afec;
    font-weight: bold;
    margin-left: 9px;
    transform: translateY(2px);
}
.areaRank.recommendTermRank .feePopup .starReview .seeReview a {
    font-weight: bold;
    color: #00afec;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.rankList .listBox .concInfo {
    width: 314px;
    transform: translateY(4px);
}
.listBox .concInfo li {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 5px;
}
.listBox .concInfo li .infoName {
    width: 62px;
    font-size: 8px;
    font-weight: bold;
    background-color: #f1faff;
    border: 1px solid #d7f5ff;
    padding: 8px 1px 7px;
    letter-spacing: 0;
    border-right-width: 0;
    text-align: center;
    margin-left: 0;
}
.listBox .concInfo li .infoSub {
    display: flex;
    align-items: center;
    width: calc(100% - 62px);
    font-size: 8px;
    letter-spacing: -0.4px;
    border: 1px solid #f1faff;
    padding: 0px 8px;
    border-left-width: 0;
}
.areaRank.recommendTermRank .feePopup .tablePriceWrap {
    background: #F1FAFF;
    padding: 40px 33px;
}
.areaRank.recommendTermRank .feePopup .tablePriceWrap .listTab {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 9px;
    justify-content: unset;
    align-items: unset;
}
.areaRank.recommendTermRank .feePopup .tablePriceWrap .listTab li {
    width: calc(100% / 6 - 5px);
    margin-right: 6px;
    margin-bottom: 6px;
}
.areaRank.recommendTermRank .feePopup .tablePriceWrap .listTab li, .areaRank.recommendTermRank .feePopup .tablePriceWrap .listTab li.active {
    border: none;
}
.areaRank.recommendTermRank .feePopup .tablePriceWrap .listTab li a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #00AFEC;
    border: 2px solid #00AFEC;
    background: #fff;
    text-align: center;
    border-radius: 5px;
    font-weight: bold;
    padding: 7px;
    line-height: 1.2;
    height: 51px;
}
.areaRank.recommendTermRank .feePopup .tablePriceWrap .listTab li.active a {
    background: #00AFEC;
    color: #fff;
}
.areaRank.recommendTermRank .feePopup .tablePriceWrap .tabContent {
    max-height: 250px;
    overflow-y: auto;
}
.areaRank.recommendTermRank .feePopup .tablePriceWrap .tabContent .tabBox {
    display: none;
}
.areaRank.recommendTermRank .feePopup .tablePriceWrap .tabContent .tabBox .tableContent {
    padding: 0 1px;
}
.areaRank.recommendTermRank .feePopup .tablePriceWrap .tabContent .tabBox .tableContent table {
    width: 100%;
}
.areaRank.recommendTermRank .feePopup .tablePriceWrap .tabContent .tabBox .tableContent table tr th {
    background: #00AFEC;
    color: #fff;
    border: 1px solid #fff;
    border-bottom: 0;
    width: calc(100% / 3);
    padding: 14px 0 13px;
}
.areaRank.recommendTermRank .feePopup .tablePriceWrap .tabContent .tabBox .tableContent table tr td {
    border: 1px solid #E0E0E0;
    background: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 14px 5px 13px;
}
.areaRank.recommendTermRank .feePopup .feeClosePopup {
    margin-top: 20px;
    text-align: center;
}
.areaRank.recommendTermRank .feePopup .feeClosePopup a {
    font-weight: bold;
    font-size: 16px;
}
@media(max-width: 1110px) and (min-width: 769px){
	.rankList .rankContact .btnPopUp {
    	width: 145px;
	}
}
@media(max-width: 1100px) and (min-width: 769px){
    .contentPopular .popularWrap {
        padding: 30px 0;
    }
    .contentPopular .popularWrap .popularList li {
        width: calc(100% / 5 - 10px);
    }
    .contentPopular .popularWrap .popularList li:not(:nth-child(6n)) {
        margin-right: 0;
    }
    .contentPopular .popularWrap .popularList li:not(:nth-child(5n)) {
        margin-right: 12px;
    }
}
@media(max-width: 900px) and (min-width: 769px){
    .contentPopular .popularWrap .popularList li {
        width: calc(100% / 4 - 10px);
    }
    .contentPopular .popularWrap .popularList li:not(:nth-child(5n)) {
        margin-right: 0;
    }
    .contentPopular .popularWrap .popularList li:not(:nth-child(4n)) {
        margin-right: 12px;
    }
}
@media(max-width: 815px) and (min-width: 769px){
	.rankList .listBox .rankContact .btnReviewDetail {
    	width: 170px;
	}
	.rankList .rankContact .btnPopUp {
		width: 145px;
	}
	.rankList .listBox .rankContact .ConsultationEstimate .cosuPhone a {
    	font-size: 28px;
	}
}
@media (min-width: 769px) {
    .contentWrap .contentMain .areaRank.recommendTermRank .rankTop {
        margin-bottom: 32px;
    }
    .areaRank.recommendTermRank .rankList .listBox .rankContact .ConsultationEstimate .cosuPhone a {
        pointer-events: none;
    }
    .rankList .boxWrap .starReview .seeReview a:hover {
        text-decoration: none;
    }
    .areaRank.recommendTermRank .rankList .listBox .categories li a:hover {
        opacity: 0.7;
    }
}
@media(max-width: 768px) {
    .contentPopular {
        margin-bottom: 0;
    }
    .contentPopular .popularWrap {
        padding: 26px 8px 23px;
    }
    .contentPopular .popularWrap .popularTitle {
        font-size: 14px;
        letter-spacing: 0.1px;
        margin-left: -1px;
        margin-bottom: 12px;
    }
    .contentPopular .popularWrap .popularList li {
        width: calc(100% / 4 - 5px);
        margin-bottom: 6px;
    }
    .contentPopular .popularWrap .popularList li:not(:nth-child(6n)) {
        margin-right: 0;
    }
    .contentPopular .popularWrap .popularList li:not(:nth-child(4n)) {
        margin-right: 6px;
    }
    .contentPopular .popularWrap .popularList li a .popularPhoto {
        margin-bottom: 3px;
    }
    .contentPopular .popularWrap .popularList li a .popularPhoto img {
        aspect-ratio: 94/64;
        border-radius: 10px;
    }
    .contentPopular .popularWrap .popularList li a .popularCat {
        text-align: left;
        font-size: 12px;
        letter-spacing: 0px;
    }
    .contentWrap .contentMain .areaRank.recommendTermRank .rankTop {
        margin-bottom: 15px;
    }
    .contentWrap .contentMain .areaRank.recommendTermRank .rankTop .topLeft {
        width: 100%;
        margin-bottom: 20px;
    }
    .contentWrap .contentMain .areaRank.recommendTermRank .rankTop .rankSelect select {
        display: inline-block;
        min-width: 36%;
        width: auto;
    }
    .contentWrap .contentMain .areaRank.recommendTermRank .rankTop .rankSelect {
        width: 100%;
        text-align: right;
    }
	.areaRank.recommendTermRank .rankList .listBox {
        padding: 19px 3vw 14px;
	}
	.areaRank.recommendTermRank .rankList .listBox.listBox:not(:last-child) {
        margin-bottom: 23px;
    }
    .areaRank.recommendTermRank .rankList .listBox .boxNumber {
        border-radius: 0 0 12px 0;
    }
    .areaRank.recommendTermRank .rankList .listBox .boxPhoto {
        width: 100%;
        margin-bottom: 9px;
    }
    .areaRank.recommendTermRank .rankList .listBox .boxInfo {
        width: 100%;
        margin-top: 5px;
    }
    .areaRank.recommendTermRank .rankList .listBox .boxInfo .medalPhoto {
        width: 43px;
        top: -15px;
        right: 1px;
    }
    .areaRank.recommendTermRank .rankList .listBox .boxInfo .infoTitle {
        margin-left: 5px;
        margin-bottom: 5px;
    }
	.areaRank.recommendTermRank .rankList .listBox .boxWrap {
        flex-wrap: wrap;
    	margin-bottom: 14px;
	}
	.contentWrap .contentMain .rankList .rankTop {
		padding: 0 6.9%;
		margin-bottom: 11px;
	}
	.contentWrap .contentMain .rankList .rankTop .rankSelect {
		width: 138px;
	}

	.areaRank.recommendTermRank .rankWrap .rankList {
        padding: 0 5.3%;
    }
	.areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo {
		width: 100%;
		margin-top: 6px;
	}
	.areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo .medalPhoto {
        width: 42px;
        top: -16px;
        right: 1px;
	}
	.areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo .infoTitle {
        margin-left: 5px;
        margin-bottom: 3px;
    }
	.areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo .infoTitle a {
		letter-spacing: 1.4px;
	}
	.areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo .starReview {
		width: auto;
		margin-left: 8px;
	}
	.areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo .wrapRevLike {
		align-items: flex-end;
		justify-content: space-between;
        margin-left: -2px;
	}
	.rankList .boxWrap .starReview .star {
    	margin-top: -3px;
        margin-right: 9px;
	}
	.rankList .boxWrap .starReview .star span.full {
    	width: 112px;
        height: 17px;
		overflow: hidden;
	}
    .rankList .boxWrap .starReview .star span.full:after {
        background-size: 100%;
    }
	.rankList .boxWrap .starReview .star span.full .bgColor {
    	height: 18px;
	}
	.rankList .listBox .boxWrap .concernBtn {
        width: 34px;
        margin-right: 3px;
		transform: translateY(4px);
	}
	.rankList .listBox .boxWrap .concernBtn a {
		display: flex;
    	justify-content: center;
    	align-items: center;
		font-size: 10px;
    	padding: 5px 7px 4px 0;
        border-radius: 7px;
	}
    .rankList .listBox .boxWrap .concernBtn a span {
        width: clamp(25px, 6.7vw, 30px);
        display: block;
        margin: 0 auto;
        padding-right: 0;
    }
	.rankList .listBox .boxWrap .concernBtn a span:first-child {
		margin-right: -10px;
	}
    .rankList .listBox .boxWrap .concernBtn a span:before {
        content: none;
    }
	.rankList .listBox .concernBtn a span.pc {
		display: none;
	}
	.rankList .listBox .concernBtn a span.sp .pink {
		display: inline-block;
	}
	.rankList .listBox .concernBtn a span.sp .white{
		display: none;
	}
	.rankList .listBox .boxWrap .concernBtn.active a{
		color: #fff;
		background-color: #f76969;
	}
	.rankList .listBox .boxWrap .concernBtn.active a span.sp .pink {
		display: none;
	}
	.rankList .listBox .boxWrap .concernBtn.active a span.sp .white {
		display: block;
	}
    .areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo .infoWrap {
        margin-bottom: 7px;
    }
	.areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo .txtAddress {
		font-size: 15px;
		margin-bottom: 8px;
		padding-left: 23px;
		letter-spacing: -0.7px;
	}
	.areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo .txtAddress:before {
    	width: 15px;
    	left: 3px;
    	top: 1px;
	}
	.rankList .boxWrap .starReview .score_avg span {
        font-size: 24px;
        letter-spacing: 0.4px;
        margin-right: 0;
	}
	.rankList .boxWrap .starReview .seeReview {
		transform: translateY(3px);
		font-size: 15px;
        margin-left: 8px;
        letter-spacing: -0.9px;
	}
	.areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo .listTag {
		font-size: 10px;
		letter-spacing: 0.2px;
        margin-bottom: 6px;
		margin-left: 3px;
	}
    .areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo .listTag .tagItem {
        margin-right: 9px;
    }
	.areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo .recommendPoint {
		padding: 10px 8px;
	}
	.areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo .recommendPoint .recommendPointItem {
		margin-bottom: 9px;
	}
    .areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo .recommendPoint .recommendPointItem .recommendPointStep {
        margin-right: 9px;
        padding: 2px 10px;
        letter-spacing: -1.1px;
        font-size: 12px;
    }
    .areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo .recommendPoint .recommendPointItem .recommendPointTitle {
        font-size: 12px;
    }

	.rankList .rankContact .rankContactWrap {
		width: 65.1%;
	}
	.rankList .rankContact .btnPopUp {
    	width: 31.5%;
		margin: 0;
	}
	.rankList .rankContact .btnPopUp a {
		font-size: clamp(11px, 3vw, 14px);
		padding: clamp(6px, 1.2vw, 10px) 4px clamp(7px, 1.8vw, 10px) 5px;
		line-height: 1.3;
		letter-spacing: -0.9px;
	}
	.rankList .rankContact .btnPopUp a .yen {
		font-size: clamp(14px, 3.9vw, 16px);
	}
	.rankList .listBox .rankContact .btnReviewDetail {
        width: 49.9%;
    }
	.rankList .listBox .rankContact .btnReviewDetail a {
		font-size: clamp(11px, 3vw, 14px);
		padding: clamp(6px, 1.9vw, 10px) 4px clamp(6px, 1.9vw, 10px) 10px;
	}
	.rankList .listBox .rankContact .btnReviewDetail a span {
        padding-right: clamp(17px, 3.2vw, 22px);
	}
	.rankList .listBox .rankContact .btnPhone {
        width: 45.2%;
    }
	.rankList .listBox .rankContact .btnPhone a {
        display: block;
        text-align: center;
        font-weight: bold;
        color: #fff;
        background: #ff6e01;
        border-radius: 10px;
		font-size: clamp(11px, 3vw, 14px);
		padding: clamp(6px, 1.9vw, 10px) 4px clamp(6px, 1.9vw, 10px) 5px;
	}
	.rankList .listBox .rankContact .btnPhone a span {
        padding-left: clamp(17px, 3.2vw, 22px);
        background: url(../images/common/icon-phone-white-02.svg) no-repeat left center;
        background-size: clamp(14px, 2vw, 15px);
        margin-left: 0;
    }
	.rankList .listBox .rankContact.phoneNumberHidden {
		justify-content: center;
	}
	.listBox .rankContact.phoneNumberHidden .btnReviewDetail {
		margin-right: 0;
	}


	.areaRank.recommendTermRank .feePopup .popupContainer .popupContent {
        margin: 60px 10px;
        padding: 21px 22px;
    }
	.areaRank.recommendTermRank .feePopup .popupHeader .popupCategory {
		font-size: 13px;
		letter-spacing: -0.3px;
	}
    .areaRank.recommendTermRank .feePopup .popupHeader .popupName {
        flex-direction: column;
    }
	.areaRank.recommendTermRank .feePopup .popupHeader .popupName .popupTitle {
        font-size: 22px;
		letter-spacing: 1.3px;
	}
	.areaRank.recommendTermRank .feePopup .popupHeader .popupName .starReview {
		margin: 5px 0 14px;
	}
    .areaRank.recommendTermRank .feePopup .popupHeader .popupName .starReview .star {
        margin-right: 12px;
    }
	.areaRank.recommendTermRank .feePopup .popupHeader .popupName .starReview .star span.full {
        width: 95px;
        height: 15px;
		transform: translate(1px, 1px);
    }
	.areaRank.recommendTermRank .feePopup .popupHeader .popupName .starReview .star span.full .bgColor {
        height: 15px;
    }
	.areaRank.recommendTermRank .feePopup .popupHeader .popupName .starReview .score_avg span {
        font-size: 22px;
    }
	.areaRank.recommendTermRank .feePopup .popupHeader .popupName .starReview .seeReview {
        font-size: 11px;
        transform: translateY(2px);
        margin-left: 4px;
        letter-spacing: -0.4px;
    }
    .areaRank.recommendTermRank .feePopup .popupHeader .popupName .starReview .seeReview .score_avg {
        transform: translateY(-3px);
    }
    .areaRank.recommendTermRank .feePopup .popupHeader .popupName .starReview .seeReview .score_avg span {
        margin-right: 0;
    }
    .areaRank.recommendTermRank .feePopup .tablePriceWrap {
        padding: 27px 3.8% 27px;
    }
    .areaRank.recommendTermRank .feePopup .tablePriceWrap .listTab {
        justify-content: flex-start;
        margin-bottom: 8px;
    }
    .areaRank.recommendTermRank .feePopup .tablePriceWrap .listTab li {
        width: calc(100% / 3 - 7px);
        margin-right: 0;
        margin-bottom: 4px;
    }
    .areaRank.recommendTermRank .feePopup .tablePriceWrap .listTab li:not(:nth-child(3n)) {
        margin-right: 9px;
    }
    .areaRank.recommendTermRank .feePopup .tablePriceWrap .listTab li a {
        font-size: 11px;
        height: 49px;
    }
    .areaRank.recommendTermRank .feePopup .tablePriceWrap .tabContent .tabBox .tableContent table tr th {
        font-size: 13px;
        width: 110px;
    }
    .areaRank.recommendTermRank .feePopup .tablePriceWrap .tabContent .tabBox .tableContent table tr th:first-child {
        width: 162px;
    }
    .areaRank.recommendTermRank .feePopup .tablePriceWrap .tabContent .tabBox .tableContent table tr td {
        font-size: 14px;
    }
    .areaRank.recommendTermRank .feePopup .feeClosePopup {
        margin-top: 10px;
    }
	.rankList .listBox .concInfo {
    	width: calc(100% + 24px);
    	margin-left: -12px;
    	transform: translateY(4px);
		margin-bottom: 2px;
	}
	.rankList .listBox .concInfo li .infoName {
		width: 78px;
		font-size: 10px;
		padding: 9px 1px 11px;
		letter-spacing: 0;
	}
	.rankList .listBox .concInfo li .infoSub {
		width: calc(100% - 78px);
		font-size: 10px;
		letter-spacing: 0px;
	}

    .listBox .rankContact .ConsultationEstimate {
        display: none;
    }
    .areaRank.recommendTermRank .rankList .listBox .categories {
        margin-bottom: 11px;
    }
    .areaRank.recommendTermRank .rankList .listBox .categories li {
        margin-right: 5px;
        margin-bottom: 4px;
    }
    .areaRank.recommendTermRank .rankList .listBox .categories li a {
        min-height: 23px;
        font-size: 8px;
        border-radius: 9px;
        padding: 4px 5px 3px;
        border-width: 1px;
    }
}
@media(max-width: 430px) {
    .contentPopular .popularWrap .popularList li {
        width: calc(100% / 3 - 5px);
        margin-bottom: 6px;
    }
    .contentPopular .popularWrap .popularList li:not(:nth-child(4n)) {
        margin-right: 0;
    }
    .contentPopular .popularWrap .popularList li:not(:nth-child(3n)) {
        margin-right: 7px;
    }
    .contentPopular .popularWrap .popularList li a .popularCat {
        font-size: 8px;
    }
}
@media(max-width: 413px) {
    .areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo .recommendPoint {
        padding: 5px;
    }

    .areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo .recommendPoint .recommendPointItem .recommendPointStep {
        font-size: 10px;
        padding: 2px 5px;
        margin-right: 5px;
    }

    .areaRank.recommendTermRank .rankList .listBox .boxWrap .boxInfo .recommendPoint .recommendPointItem .recommendPointTitle {
        font-size: 10px;
    }
}