/*
 * css 작성 예시
 *
 * - 디자인 타입별 공통 스타일 추가/수정 :
 * .section-recopick.section-recopick-[layoutType] ... { ... }
 * 
 * - 페이지 별 스타일 추가/수정 :
 * .section-recopick.section-recopick-[layoutType].[refPage] ... { ... }
 *
 */
.section-recopick a { cursor:pointer; }
.section-recopick .swiper-wrapper { max-height:fit-content; }
.section-recopick .swiper-button-prev, .section-recopick .swiper-button-next { transform:translateY(-50%); }

.section-recopick.section-recopick-basic { padding-top:0; }
.section-recopick.section-recopick-basic .content-wrap { position:relative;width: 1052px;margin:0 auto; }
.section-recopick.section-recopick-basic .content-wrap .clfix { padding:20px 0; }
.section-recopick.section-recopick-basic .content-wrap .title{ font-size:22px;font-weight: 700;line-height: 30px;letter-spacing: -1.2px;font-family: 'Noto Sans KR', sans-serif;color: #333;margin-top: 12px;margin-bottom: 20px;margin-left: 0; }
.section-recopick.section-recopick-basic .content-wrap .clfix .recopickrecomm-list .product { border:none; }
.section-recopick.section-recopick-basic .content-wrap .clfix .recopickrecomm-list .product .text-wrap .cost { padding-top:5px; }
.section-recopick.section-recopick-basic .swiper-button-prev { background-position: 0px -177px !important; }
.section-recopick.section-recopick-basic .swiper-button-prev:hover { background-position: 0px -118px !important; }
.section-recopick.section-recopick-basic .swiper-button-next { background-position: -34px -177px !important; }
.section-recopick.section-recopick-basic .swiper-button-next:hover { background-position: -34px -118px !important; }

.section-recopick.section-recopick-basic.main .content-wrap .clfix { padding: 80px 0 0 0; }
.section-recopick.section-recopick-basic.main .content-wrap .clfix .title { margin-bottom:30px;font-size:28px;color:#222;letter-spacing:-0.1px;font-weight:700;line-height:1;vertical-align:baseline; }
.section-recopick.section-recopick-basic.main .content-wrap .clfix .recopickrecomm-list .product { margin: 0;float: none;width: 250px;border-bottom: 1px solid #cccccc; }
.section-recopick.section-recopick-basic.main .content-wrap .clfix .recopickrecomm-list .product .img-wrap { height: 300px;width: 250px;border: 1px solid #f4f4f4;box-sizing: border-box; }
.section-recopick.section-recopick-basic.main .content-wrap .clfix .recopickrecomm-list .product .img-wrap .img_hover { height: 300px;width: 250px; }
.section-recopick.section-recopick-basic.main .content-wrap .clfix .recopickrecomm-list .product .img-wrap .img_hover_bg { height: 300px;width: 250px; }
.section-recopick.section-recopick-basic.main .content-wrap .clfix .recopickrecomm-list .product .text-wrap { padding: 10px;font-size: 16px;line-height: 26px; }
.section-recopick.section-recopick-basic.main .content-wrap .clfix .recopickrecomm-list .product .text-wrap .name { overflow:hidden;text-overflow:ellipsis;white-space: nowrap; }

.section-recopick.section-recopick-compact .content-wrap .clfix { padding:25px 0;position: relative;width: 1050px;margin: 0 auto; }
.section-recopick.section-recopick-compact .title { font-weight: 700;line-height: 1;letter-spacing: -0.1px;font-family: 'Noto Sans KR', sans-serif;color: #222;margin-bottom: 25px;font-size: 23px; }
.section-recopick.section-recopick-compact .recopickrecomm-list { overflow: hidden;position:relative;box-sizing:border-box;padding:25px 20px;background:#fff; }
.section-recopick.section-recopick-compact .content-wrap .clfix .recopickrecomm-list .img-wrap { width:186px; }
.section-recopick.section-recopick-compact .content-wrap .clfix .recopickrecomm-list .img-wrap img { width:186px;height:223px; }
.section-recopick.section-recopick-compact .content-wrap .clfix .recopickrecomm-list .text-wrap { position: relative;background: #ffffff;box-sizing: border-box;width:186px;height:80px;overflow: hidden; }
.section-recopick.section-recopick-compact .content-wrap .clfix .recopickrecomm-list .text-wrap .name { line-height: 21px;font-size: 15px;font-weight:300;color: #000;letter-spacing: -1px;margin: 10px 0;width: 100%;height: 41px;text-overflow: ellipsis;overflow: hidden;white-space: pre-line;word-break: break-all;font-family: 'Noto Sans KR', 'Noto Sans', sans-serif;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; }
.section-recopick.section-recopick-compact .content-wrap .clfix .recopickrecomm-list .text-wrap .cost { font-weight:600;font-family: 'Noto Sans KR', 'Noto Sans', sans-serif; }
.section-recopick.section-recopick-compact .content-wrap .clfix .recopickrecomm-list .text-wrap .cost strong { font-size:14px; }
.section-recopick.section-recopick-compact .content-wrap .clfix .recopickrecomm-list .text-wrap .cost .saleprice { font-size:13px;margin-left:10px; }
.section-recopick.section-recopick-compact .swiper-button-prev, .section-recopick-compact .swiper-button-next { position:absolute;top:50%;display:block;width:12px;height:20px;background:url(https://tistory2.daumcdn.net/tistory/1549379/skin/images/widget_control3.png); }
.section-recopick.section-recopick-compact .swiper-button-prev { left:4px;background-position:0 -20px; }
.section-recopick.section-recopick-compact .swiper-button-next { right:4px;background-position:-12px 0; }

.section-recopick.section-recopick-compact.detail { background:#f2f2f2;margin-top:70px; }
.section-recopick.section-recopick-compact.detail .title { font-size:20px; }

.section-recopick.section-recopick-compact.cart .title { margin:0 0 0 20px; }

.section-recopick.section-recopick-compact.order .title { margin:0 0 0 20px; }