/*********************************************************************
해당 CSS는 commonLayout.css 에서  *** 라벨 영역 주석처리해야 겹치지 않음
기본 지역현장 기준으로 공통 작업완료, 메인페이지는 별도로 #mainPage 로 앞에 클래스명 추가
*********************************************************************/


/*********************************************************************
 * 상품별 공통
 *********************************************************************/
.cl_productWrap {display: flex; flex-wrap: wrap;}
.cl_productWrap .cl_productArea{border-radius: 10px; box-sizing: border-box; overflow: hidden; background-color: #fff;}
.cl_productWrap .cl_productArea:hover {box-shadow: 4px 4px 15px 0 rgba(92, 92, 92, 0.16);}
.cl_productWrap .cl_productArea .imgArea{border-radius: 10px 10px 0 0; box-sizing: border-box; background-repeat: no-repeat;background-size: cover;background-position: center center;}
.cl_productWrap .cl_productArea .imgArea .badgeWrap {text-align: right;display: flex; align-items: center; justify-content: end; gap: 7px;}
.cl_productWrap .cl_productArea .imgArea .badgeWrap .cl_badgeFlat { font-size: 14px; font-family: "PretendardM"; height: 27px; margin-right: 0;}
.cl_productWrap .cl_productArea .textArea{width: 100%; border-radius: 0 0 10px 10px; border: 1px solid #D9D9D9; box-sizing: border-box;}
.cl_productWrap .cl_productArea .textArea .titleWrap{}
.cl_productWrap .cl_productArea .textArea .titleWrap .titleHeader{display: flex; align-items: center; justify-content: space-between;}
.cl_productWrap .cl_productArea .textArea .titleWrap .titleHeader .hashtagCell{color: #17A2E2; font-family: "PretendardM";}
.cl_productWrap .cl_productArea .textArea .titleWrap .titleHeader .cl_favorCell{}
.cl_productWrap .cl_productArea .textArea .titleWrap .titleBody .mainText{color: #111111; font-family: "PretendardSB";}
.cl_productWrap .cl_productArea .textArea .titleWrap .titleFooter .subText{color: #728499; font-family: "PretendardM";}
.cl_productWrap .cl_productArea .textArea .labelWrap {display: flex; align-items: center;}
.cl_productWrap .cl_productArea .cl_productBox {display: flex; gap: 15px; overflow: hidden;}
.cl_productWrap .cl_productArea .cl_productBox .labelWrap{width: 100%;}



/*********************************************************************
 * 임시로 상품별 라벨 공통
 *********************************************************************/
.cl_productWrap .cl_productArea .labelWrap {gap: 4px;}
.cl_productWrap .cl_productArea .labelWrap .cl_labelSquareFlat {font-size: 14px; line-height: 1.28; text-align: center; word-break: normal; border-radius:5px; display: flex; align-items: center; justify-content: center; margin-right: 0; box-sizing: border-box; word-break: keep-all;}
.cl_productWrap .cl_productArea .labelWrap.type01 .cl_labelSquareFlat {color:#111111; font-family:"PretendardM";background-color:#00BCD5;}
.cl_productWrap .cl_productArea .labelWrap.type02 .cl_labelSquareFlat {color:#fff; font-family:"PretendardSB";background-color:#00BCD5;}
.cl_productWrap .cl_productArea .labelWrap .cl_labelSquareFlat.infoBoxType1 {background-color:#F9DCCE;}
.cl_productWrap .cl_productArea .labelWrap .cl_labelSquareFlat.infoBoxType2 {background-color:#CBEDCE;}
.cl_productWrap .cl_productArea .labelWrap .cl_labelSquareFlat.infoBoxType3 {background-color:#C5EBEE;}
.cl_productWrap .cl_productArea .labelWrap .cl_labelSquareFlat.infoBoxType4 {background-color:#E2CCF5;}
.cl_productWrap .cl_productArea .labelWrap .cl_labelSquareFlat.infoBoxType5 {background-color:#F3D1DA; word-break: normal;}

.cl_productWrap .cl_productArea .labelWrap .cl_labelSquareFlat.infoBoxType6 {background-color:#4AB2C0;}
.cl_productWrap .cl_productArea .labelWrap .cl_labelSquareFlat.infoBoxType7 {background-color:#43A0AC;}
.cl_productWrap .cl_productArea .labelWrap .cl_labelSquareFlat.infoBoxType8 {background-color:#4A9FC0;}
.cl_productWrap .cl_productArea .labelWrap .cl_labelSquareFlat.infoBoxType9 {background-color:#5BB1D2;}


.cl_productWrap .cl_productArea .labelWrap .textLabel {color: #418BCA; font-family: "PretendardM"; line-height: 1;}
.cl_productWrap .cl_productArea .labelWrap .textLabel:not(:last-of-type){border-right: 1px solid #AEBDCF; padding-right: 5px; box-sizing: border-box;}


/* 유니크 */
.cl_productWrap.uniqueWrap {gap: 25px; --webkit-gap: 25px;}
.cl_productWrap.uniqueWrap .cl_productArea {flex: 0 0 calc(100% / 2 - 13px);}
.cl_productWrap.uniqueWrap .cl_productArea .imgArea{height: 394px; padding: 15px;}
.cl_productWrap.uniqueWrap .cl_productArea .textArea {padding: 20px;}
.cl_productWrap.uniqueWrap .cl_productArea .textArea .titleWrap .titleHeader {margin-bottom: 10px;}
.cl_productWrap.uniqueWrap .cl_productArea .textArea .titleWrap .titleHeader .hashtagCell{font-size: 16px; line-height: 1.375;}
.cl_productWrap.uniqueWrap .cl_productArea .textArea .titleWrap .titleBody {margin-bottom: 10px;}
.cl_productWrap.uniqueWrap .cl_productArea .textArea .titleWrap .titleBody .mainText{font-size: 22px; line-height: 1; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cl_productWrap.uniqueWrap .cl_productArea .textArea .titleWrap .titleFooter .subText{font-size: 16px; line-height: 1.375; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cl_productWrap.uniqueWrap .cl_productArea .textArea .labelWrap {margin-top: 15px;}
.cl_productWrap.uniqueWrap .cl_productArea .labelWrap .cl_labelSquareFlat {width: 110px; height: 45px;}
.cl_productWrap.uniqueWrap .cl_productArea .labelWrap .cl_labelSquareFlat.infoBoxType5 {width: 134px;}


/* 슈페리어 */
.cl_productWrap.superiorWrap {gap: 22px; --webkit-gap: 22px;}
.cl_productWrap.superiorWrap .cl_productArea {flex: 0 0 calc((100% - 44px) / 3);}
.cl_productWrap.superiorWrap .cl_productArea .imgArea{height: 258px; padding: 10px;}
.cl_productWrap.superiorWrap .cl_productArea .textArea {padding: 15px;}
.cl_productWrap.superiorWrap .cl_productArea .textArea .titleWrap .titleHeader {margin-bottom: 10px;}
.cl_productWrap.superiorWrap .cl_productArea .textArea .titleWrap .titleHeader .hashtagCell{font-size: 16px; line-height: 1.375;}
.cl_productWrap.superiorWrap .cl_productArea .textArea .titleWrap .titleBody {margin-bottom: 10px;}
.cl_productWrap.superiorWrap .cl_productArea .textArea .titleWrap .titleBody .mainText{font-size: 22px; line-height: 1; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cl_productWrap.superiorWrap .cl_productArea .textArea .titleWrap .titleFooter .subText{font-size: 16px; line-height: 1.375; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cl_productWrap.superiorWrap .cl_productArea .textArea .labelWrap {margin-top: 15px;}
.cl_productWrap.superiorWrap .cl_productArea .labelWrap .cl_labelSquareFlat {width: 70px; height: 45px; padding: 4px;}
.cl_productWrap.superiorWrap .cl_productArea .labelWrap .cl_labelSquareFlat.infoBoxType5 {width: 86px;}


/* 프리미엄 */
.cl_productWrap.topPlatinumWrap {gap: 20px; --webkit-gap: 20px;}
.cl_productWrap.topPlatinumWrap .cl_productArea {flex: 0 0 calc(100% / 4 - 15px);}
.cl_productWrap.topPlatinumWrap .cl_productArea .imgArea{height: 190px; padding: 10px;}
.cl_productWrap.topPlatinumWrap .cl_productArea .textArea {padding: 15px;}
.cl_productWrap.topPlatinumWrap .cl_productArea .textArea .titleWrap .titleHeader {margin-bottom: 10px;}
.cl_productWrap.topPlatinumWrap .cl_productArea .textArea .titleWrap .titleHeader .hashtagCell{font-size: 16px; line-height: 1.375;}
.cl_productWrap.topPlatinumWrap .cl_productArea .textArea .titleWrap .titleBody {margin-bottom: 10px;}
.cl_productWrap.topPlatinumWrap .cl_productArea .textArea .titleWrap .titleBody .mainText{font-size: 22px; line-height: 1; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cl_productWrap.topPlatinumWrap .cl_productArea .textArea .titleWrap .titleFooter {height: 44px;}
.cl_productWrap.topPlatinumWrap .cl_productArea .textArea .titleWrap .titleFooter .subText{font-size: 16px; line-height: 1.375; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.cl_productWrap.topPlatinumWrap .cl_productArea .textArea .labelWrap {margin-top: 15px;}
.cl_productWrap.topPlatinumWrap .cl_productArea .labelWrap .cl_labelSquareFlat {width: 65px; height: 45px; padding: 4px;}
.cl_productWrap.topPlatinumWrap .cl_productArea .labelWrap .cl_labelSquareFlat.infoBoxType5 {width: 70px;}


/* 전국 TOP */
.cl_productWrap.topBasicWrap {gap: 20px;--webkit-gap: 20px;}
.cl_productWrap.topBasicWrap .cl_productArea {flex: 0 0 calc(100% / 4 - 15px);}
.cl_productWrap.topBasicWrap .cl_productArea .imgArea{height: 190px; padding: 10px;}
.cl_productWrap.topBasicWrap .cl_productArea .textArea {padding: 15px;}
.cl_productWrap.topBasicWrap .cl_productArea .textArea .titleWrap .titleHeader {margin-bottom: 10px;}
.cl_productWrap.topBasicWrap .cl_productArea .textArea .titleWrap .titleHeader .hashtagCell{font-size: 16px; line-height: 1.375;}
.cl_productWrap.topBasicWrap .cl_productArea .textArea .titleWrap .titleBody {margin-bottom: 10px;}
.cl_productWrap.topBasicWrap .cl_productArea .textArea .titleWrap .titleBody .mainText{font-size: 22px; line-height: 1; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cl_productWrap.topBasicWrap .cl_productArea .textArea .titleWrap .titleFooter {height: 44px;}
.cl_productWrap.topBasicWrap .cl_productArea .textArea .titleWrap .titleFooter .subText{font-size: 16px; line-height: 1.375;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.cl_productWrap.topBasicWrap .cl_productArea .textArea .labelWrap {margin-top: 15px;}
.cl_productWrap.topBasicWrap .cl_productArea .labelWrap .cl_labelSquareFlat {width: 65px; height: 45px; padding: 4px;}
.cl_productWrap.topBasicWrap .cl_productArea .labelWrap .cl_labelSquareFlat.infoBoxType5 {width: 70px;}



/* 지역 TOP */
.cl_productWrap.regionTopWrap {gap: 15px;--webkit-gap: 15px;}
.cl_productWrap.regionTopWrap .cl_productArea {flex: 0 0 calc(100% / 2 - 8px);padding: 15px;border: 1px solid #D9D9D9;}
.cl_productWrap.regionTopWrap .cl_productArea .imgArea{min-width: 200px; width: 200px; height: 150px; padding: 10px;border-radius: 8px;}
.cl_productWrap.regionTopWrap .cl_productArea .imgArea .badgeWrap {gap: 4px;}
.cl_productWrap.regionTopWrap .cl_productArea .textArea {width: calc(100% - 215px); border: 0;border-radius: 0;}
.cl_productWrap.regionTopWrap .cl_productArea .textArea .titleWrap .titleHeader {margin-bottom: 10px;}
.cl_productWrap.regionTopWrap .cl_productArea .textArea .titleWrap .titleHeader .hashtagCell{font-size: 14px; line-height: 1.42;}
.cl_productWrap.regionTopWrap .cl_productArea .textArea .titleWrap .titleBody {margin-bottom: 4px;}
.cl_productWrap.regionTopWrap .cl_productArea .textArea .titleWrap .titleBody .mainText{font-size: 18px; line-height: 1.333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cl_productWrap.regionTopWrap .cl_productArea .textArea .titleWrap .titleFooter {height: 40px;}
.cl_productWrap.regionTopWrap .cl_productArea .textArea .titleWrap .titleFooter .subText{font-size: 14px; line-height: 1.42;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.cl_productWrap.regionTopWrap .cl_productArea .textArea .labelWrap {margin-top: 13px;}
.cl_productWrap.regionTopWrap .cl_productArea .labelWrap .cl_labelSquareFlat {width: 92px; height: 35px; padding: 3px;}
.cl_productWrap.regionTopWrap .cl_productArea .labelWrap .cl_labelSquareFlat.infoBoxType5 {width: 96px;}


/* 일반 구인 */
.cl_productWrap.basicWrap {gap: 15px;--webkit-gap: 15px;}
.cl_productWrap.basicWrap .cl_productArea {flex: 0 0 calc(100% / 3 - 10px); padding: 15px;border: 1px solid #D9D9D9;}
.cl_productWrap.basicWrap .cl_productArea .imgArea{min-width: 120px; width: 120px; height: 90px;border-radius: 8px;}
.cl_productWrap.basicWrap .cl_productArea .textArea {width: calc(100% - 120px - 15px); border: 0; border-radius: 0;}
.cl_productWrap.basicWrap .cl_productArea .textArea .titleWrap .titleHeader .hashtagCell{font-size: 14px; line-height: 1.42;}
.cl_productWrap.basicWrap .cl_productArea .textArea .titleWrap .titleBody .mainText{font-size: 18px; line-height: 1.333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cl_productWrap.basicWrap .cl_productArea .textArea .titleWrap .titleBody {margin-bottom: 5px;}
.cl_productWrap.basicWrap .cl_productArea .textArea .titleWrap .titleFooter {height: 40px;}
.cl_productWrap.basicWrap .cl_productArea .textArea .titleWrap .titleFooter .subText{font-size: 14px; line-height: 1.42; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.cl_productWrap.basicWrap .cl_productArea .labelWrap {display: flex; align-items: center; gap: 5px; margin-top: 10px;}
.cl_productWrap.basicWrap .cl_productArea .labelWrap .cl_labelSquareFlat {width: 90px; height: 35px; padding: 3px;}
.cl_productWrap.basicWrap .cl_productArea .labelWrap .cl_labelSquareFlat.infoBoxType5 {width: 100px;}

/*일반구인글 이미지 없을때*/
.cl_productWrap.basicWrap .cl_productArea .textArea.noImg {width: 100%;}
.cl_productWrap.basicWrap .cl_productArea .textArea.noImg .titleWrap .titleFooter {height: auto;}
.cl_productWrap.basicWrap .cl_productArea .textArea.noImg .titleWrap .titleFooter .subText{white-space: nowrap;}
.cl_productWrap.basicWrap .cl_productArea .labelWrap.noImg {gap: 10px; margin-top: 5px;}
.cl_productWrap.basicWrap .cl_productArea .labelWrap.noImg .textLabel{font-size: 14px;}


/*서포터즈 불꽃*/
.cl_productWrap.supporterFireWrap {gap: 20px; --webkit-gap: 20px;}
.cl_productWrap.supporterFireWrap .cl_productArea {flex: 0 0 calc(100% / 2 - 10px);}
.cl_productWrap.supporterFireWrap .cl_productArea .imgArea{height: 394px;}
.cl_productWrap.supporterFireWrap .cl_productArea .textArea {padding: 20px;}
.cl_productWrap.supporterFireWrap .cl_productArea .textArea .titleWrap .titleHeader {margin-bottom: 10px;}
.cl_productWrap.supporterFireWrap .cl_productArea .textArea .titleWrap .titleHeader .hashtagCell{font-size: 16px; line-height: 1.375;}
.cl_productWrap.supporterFireWrap .cl_productArea .textArea .titleWrap .titleBody {margin-bottom: 10px;}
.cl_productWrap.supporterFireWrap .cl_productArea .textArea .titleWrap .titleBody .mainText{font-size: 22px; line-height: 1; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cl_productWrap.supporterFireWrap .cl_productArea .textArea .titleWrap .titleFooter .subText{font-size: 16px; line-height: 1.375; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cl_productWrap.supporterFireWrap .cl_productArea .textArea .labelWrap {margin-top: 15px; gap: 5px;}
.cl_productWrap.supporterFireWrap .cl_productArea .labelWrap .cl_labelSquareFlat {width: 143px; height: 41px;}


/* 서포터즈 불씨 */
.cl_productWrap.supporterEmberWrap {gap: 20px; --webkit-gap: 20px;}
.cl_productWrap.supporterEmberWrap .cl_productArea {flex: 0 0 calc(100% / 4 - 15px);}
.cl_productWrap.supporterEmberWrap .cl_productArea .imgArea{height: 190px;}
.cl_productWrap.supporterEmberWrap .cl_productArea .textArea {padding: 15px;}
.cl_productWrap.supporterEmberWrap .cl_productArea .textArea .titleWrap .titleHeader {margin-bottom: 10px;}
.cl_productWrap.supporterEmberWrap .cl_productArea .textArea .titleWrap .titleHeader .hashtagCell{font-size: 16px; line-height: 1.375;}
.cl_productWrap.supporterEmberWrap .cl_productArea .textArea .titleWrap .titleBody {margin-bottom: 10px;}
.cl_productWrap.supporterEmberWrap .cl_productArea .textArea .titleWrap .titleBody .mainText{font-size: 22px; line-height: 1; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cl_productWrap.supporterEmberWrap .cl_productArea .textArea .titleWrap .titleFooter {height: 44px;}
.cl_productWrap.supporterEmberWrap .cl_productArea .textArea .titleWrap .titleFooter .subText{font-size: 16px; line-height: 1.375; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.cl_productWrap.supporterEmberWrap .cl_productArea .textArea .labelWrap {margin-top: 15px; gap: 5px;}
.cl_productWrap.supporterEmberWrap .cl_productArea .labelWrap .cl_labelSquareFlat {width: 65px;height: 40px;}


/* 서포터즈 파도 */
.cl_productWrap.supporterSeaWrap {gap: 20px; --webkit-gap: 20px;}
.cl_productWrap.supporterSeaWrap .cl_productArea {flex: 0 0 calc(100% / 4 - 15px);}
.cl_productWrap.supporterSeaWrap .cl_productArea .imgArea{height: 190px;}
.cl_productWrap.supporterSeaWrap .cl_productArea .textArea {padding: 15px;}
.cl_productWrap.supporterSeaWrap .cl_productArea .textArea .titleWrap .titleHeader {margin-bottom: 10px;}
.cl_productWrap.supporterSeaWrap .cl_productArea .textArea .titleWrap .titleHeader .hashtagCell{font-size: 16px; line-height: 1.375;}
.cl_productWrap.supporterSeaWrap .cl_productArea .textArea .titleWrap .titleBody {margin-bottom: 10px;}
.cl_productWrap.supporterSeaWrap .cl_productArea .textArea .titleWrap .titleBody .mainText{font-size: 22px; line-height: 1; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cl_productWrap.supporterSeaWrap .cl_productArea .textArea .titleWrap .titleFooter {height: 44px;}
.cl_productWrap.supporterSeaWrap .cl_productArea .textArea .titleWrap .titleFooter .subText{font-size: 16px; line-height: 1.375; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.cl_productWrap.supporterSeaWrap .cl_productArea .textArea .labelWrap {margin-top: 15px;}
.cl_productWrap.supporterSeaWrap .cl_productArea .labelWrap .cl_labelSquareFlat {width: 65px;height: 40px;}


/* 서포터즈 물결 */
.cl_productWrap.supporterFlowWrap {gap: 20px; --webkit-gap: 20px;}
.cl_productWrap.supporterFlowWrap .cl_productArea {flex: 0 0 calc(100% / 5 - 16px);}
.cl_productWrap.supporterFlowWrap .cl_productArea .imgArea{height: 150px;}
.cl_productWrap.supporterFlowWrap .cl_productArea .textArea {padding: 15px;}
.cl_productWrap.supporterFlowWrap .cl_productArea .textArea .titleWrap .titleHeader {margin-bottom: 8px;}
.cl_productWrap.supporterFlowWrap .cl_productArea .textArea .titleWrap .titleHeader .hashtagCell{font-size: 14px; line-height: 1.42;}
.cl_productWrap.supporterFlowWrap .cl_productArea .textArea .titleWrap .titleBody {height: 42px;margin-bottom: 8px;}
.cl_productWrap.supporterFlowWrap .cl_productArea .textArea .titleWrap .titleBody .mainText{font-size: 18px;line-height: 1.3; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.cl_productWrap.supporterFlowWrap .cl_productArea .textArea .titleWrap .titleFooter {height: 44px;}
.cl_productWrap.supporterFlowWrap .cl_productArea .textArea .titleWrap .titleFooter .subText{font-size: 16px; line-height: 1.375; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.cl_productWrap.supporterFlowWrap .cl_productArea .textArea .labelWrap {margin-top: 15px;gap: 6px;}
.cl_productWrap.supporterFlowWrap .cl_productArea .labelWrap .cl_labelSquareFlat {font-size: 12px; width: 48px;height: 40px;}




/* 사포터즈 일반 광고글 */
.cl_productWrap.supporterBasicWrap {gap: 14px;--webkit-gap: 14px;}
.cl_productWrap.supporterBasicWrap .cl_productArea {flex: 0 0 calc(100% / 3 - 10px); padding: 12px 15px;border: 1px solid #D9D9D9;}
.cl_productWrap.supporterBasicWrap .cl_productArea .imgArea{min-width: 150px; width: 150px; height: 94px;border-radius: 8px;}
.cl_productWrap.supporterBasicWrap .cl_productArea .textArea {width: calc(100% - 150px - 15px); border: 0; border-radius: 0;}
.cl_productWrap.supporterBasicWrap .cl_productArea .textArea .titleWrap .titleHeader .hashtagCell{font-size: 14px; line-height: 1.42;}
.cl_productWrap.supporterBasicWrap .cl_productArea .textArea .titleWrap .titleBody .mainText{font-size: 18px; line-height: 1.333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cl_productWrap.supporterBasicWrap .cl_productArea .textArea .titleWrap .titleBody {margin-bottom: 5px;}
.cl_productWrap.supporterBasicWrap .cl_productArea .textArea .titleWrap .titleFooter {height: 40px;}
.cl_productWrap.supporterBasicWrap .cl_productArea .textArea .titleWrap .titleFooter .subText{font-size: 14px; line-height: 1.42; overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.cl_productWrap.supporterBasicWrap .cl_productArea .labelWrap {display: flex; align-items: center; gap: 5px; margin-top: 10px;}
.cl_productWrap.supporterBasicWrap .cl_productArea .labelWrap .textLabel {font-size: 12px; }

/*이미지 없을때*/
.cl_productWrap.supporterBasicWrap .cl_productArea .noImg .textArea {width: 100%;}


/* 베스트현장 */

.cl_productWrap.bestWrap {gap: 19px;--webkit-gap: 19px;}
.cl_productWrap.bestWrap .cl_productArea {flex: 0 0 calc(100% / 3 - 13px); padding: 15px;border: 1px solid #D9D9D9;}
.cl_productWrap.bestWrap .cl_productArea .imgArea{min-width: 100%; width: 150px; height: 240px;border-radius: 8px; }
.cl_productWrap.bestWrap .cl_productArea .textArea {padding-top:15px; border: 0; border-radius: 0;}
.cl_productWrap.bestWrap .cl_productArea .textArea .titleWrap .titleHeader {margin-bottom: 8px;}
.cl_productWrap.bestWrap .cl_productArea .textArea .titleWrap .titleHeader .hashtagCell {font-size: 14px; line-height: 1;}
.cl_productWrap.bestWrap .cl_productArea .textArea .titleWrap .titleBody {margin-bottom: 10px;}
.cl_productWrap.bestWrap .cl_productArea .textArea .titleWrap .titleBody .mainText {font-size: 18px;line-height: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cl_productWrap.bestWrap .cl_productArea .textArea .titleWrap .titleFooter .subText {font-size: 14px;line-height: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cl_productWrap.bestWrap .cl_productArea .labelWrap {display: flex; align-items: center; gap: 5px; margin-top: 10px;}
.cl_productWrap.bestWrap .cl_productArea .labelWrap .textLabel {font-size: 14px; }




/*********************************************************************
 * 메인 페이지
 *********************************************************************/
/*유니크*/
#mainPage .cl_productWrap.uniqueWrap {gap: 22px;--webkit-gap: 22px;}
#mainPage .cl_productWrap.uniqueWrap .cl_productArea {flex: 0 0 calc((100% - 44px) / 3);}
#mainPage .cl_productWrap.uniqueWrap .cl_productArea .imgArea{height: 258px;}
#mainPage .cl_productWrap.uniqueWrap .cl_productArea .textArea{padding: 15px;}
#mainPage .cl_productWrap.uniqueWrap .cl_productArea.cl_emptyProductBox {min-height: 438px;}
#mainPage .cl_productWrap.uniqueWrap .cl_productArea .labelWrap .cl_labelSquareFlat {width: 70px; height: 45px;}
#mainPage .cl_productWrap.uniqueWrap .cl_productArea .labelWrap .cl_labelSquareFlat.infoBoxType5 {width: 86px;}


/*서포터즈 불꽃*/
#mainPage .cl_productWrap.supporterFireWrap .cl_productArea {flex: 0 0 calc(100% / 4 - 15px);}
#mainPage .cl_productWrap.supporterFireWrap .cl_productArea .imgArea{height: 190px;}
#mainPage .cl_productWrap.supporterFireWrap .cl_productArea .textArea {padding: 15px;}
#mainPage .cl_productWrap.supporterFireWrap .cl_productArea .textArea .titleWrap .titleFooter {height: 44px;}
#mainPage .cl_productWrap.supporterFireWrap .cl_productArea .textArea .titleWrap .titleFooter .subText{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}
#mainPage .cl_productWrap.supporterFireWrap .cl_productArea .labelWrap .cl_labelSquareFlat {font-family: "PretendardM"; width: 65px;height: 45px;}
#mainPage .cl_productWrap.supporterFireWrap .cl_productArea.cl_emptyProductBox {height: 392px;}


/*슈페리어*/
#mainPage .cl_productWrap.superiorWrap {gap: 20px;--webkit-gap: 20px;}
#mainPage .cl_productWrap.superiorWrap .cl_productArea {flex: 0 0 calc((100% - 60px) / 4);}
#mainPage .cl_productWrap.superiorWrap .cl_productArea .imgArea {height: 190px;}
#mainPage .cl_productWrap.superiorWrap .cl_productArea .textArea .titleWrap .titleFooter {height: 44px;}
#mainPage .cl_productWrap.superiorWrap .cl_productArea .textArea .titleWrap .titleFooter .subText {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}
#mainPage .cl_productWrap.superiorWrap .cl_productArea .labelWrap .cl_labelSquareFlat {width: 65px;}
#mainPage .cl_productWrap.superiorWrap .cl_productArea .labelWrap .cl_labelSquareFlat.infoBoxType5 {width: 70px;}
#mainPage .cl_productWrap.superiorWrap .cl_productArea.cl_emptyProductBox {height: 392px;}


/*프리미엄*/
#mainPage .cl_productWrap.topPlatinumWrap .cl_productArea {flex: 0 0 calc(100% / 5 - 16px);}
#mainPage .cl_productWrap.topPlatinumWrap .cl_productArea .imgArea{height: 150px;}
#mainPage .cl_productWrap.topPlatinumWrap .cl_productArea .imgArea .badgeWrap {gap: 5px;}
#mainPage .cl_productWrap.topPlatinumWrap .cl_productArea .imgArea .badgeWrap .cl_badgeFlat {font-size: 12px; height: 24px;}
#mainPage .cl_productWrap.topPlatinumWrap .cl_productArea .textArea .titleWrap .titleBody {height: 44px;}
#mainPage .cl_productWrap.topPlatinumWrap .cl_productArea .textArea .titleWrap .titleBody .mainText{font-size: 18px; line-height: 1.3; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}
#mainPage .cl_productWrap.topPlatinumWrap .cl_productArea.cl_emptyProductBox {min-height: 358px;}



/* 서포터즈 불씨 */
#mainPage .cl_productWrap.supporterEmberWrap .cl_productArea {flex: 0 0 calc(100% / 5 - 16px);}
#mainPage .cl_productWrap.supporterEmberWrap .cl_productArea .imgArea{height: 150px;}
#mainPage .cl_productWrap.supporterEmberWrap .cl_productArea .imgArea .badgeWrap {gap: 5px;}
#mainPage .cl_productWrap.supporterEmberWrap .cl_productArea .imgArea .badgeWrap .cl_badgeFlat {font-size: 12px; height: 24px;}
#mainPage .cl_productWrap.supporterEmberWrap .cl_productArea .textArea .titleWrap .titleBody {height: 44px;}
#mainPage .cl_productWrap.supporterEmberWrap .cl_productArea .textArea .titleWrap .titleBody .mainText{font-size: 18px; line-height: 1.3; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: normal;}
#mainPage .cl_productWrap.supporterEmberWrap .cl_productArea.cl_emptyProductBox {min-height: 358px;}



/*상품이 없을때 상품안내 영역*/
.cl_emptyProductBox .textArea {border: 0 !important;}