@charset "utf-8";
/* ? Common */
.cont_tit { font-size: 18px; font-weight: 700; line-height: 26px; } 

/** 선물받기 **/
.gift_box { width: 100%; text-align: center; padding: 32px; background: #FAFAFA; border-radius: 12px; margin-top: 54px; }
.gift_box img { max-width: 100%; border-radius: 12px; box-shadow: 0px 8px 8px 0px rgba(116, 116, 116, 0.10); }
.gift_box p { font-size: 18px; font-weight: 700; line-height: 24px; margin-top: 20px; }
.gift_box p em { display: block; font-size: 16px; font-weight: 500; color: var(--purple); }

.guide_box { width: 100%; padding: 24px 16px; background: #FFF; border-radius: 8px; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.10); margin-top: 16px; }
.guide_box dl { position: relative; width: 100%; min-height: 78px; padding-left: 86px; }
.guide_box dl::before { position: absolute; left: 0; top: 0; width: 78px; height: 78px; background: url(../../image/gift/img_sample_pack.webp) no-repeat center center; background-size: 100%; content: ''; display: block; }
.guide_box dl dt { font-size: 16px; font-weight: 600; margin-bottom: 4px; }
.guide_box dl dd { font-size: 15px; line-height: 20px; word-break: keep-all; } 
.guide_box ul { width: 100%; padding-top: 24px; border-top: 1px solid var(--gray-300); margin-top: 24px; }
.guide_box ul li { margin-bottom: 12px; }
.guide_box ul li:last-of-type { margin-bottom: 0; }
.guide_box ul li .title { font-size: 16px; font-weight: 600; line-height: 22px; margin-bottom: 4px; }
.guide_box ul li .title .numb { display: inline-block; min-width: 20px; height: 20px; font-size: 10px; font-weight: 600; color: var(--purple); line-height: 18px; text-align: center; background: var(--purple-100); border: 1px solid var(--purple); border-radius: 10px; box-sizing: border-box; padding: 0 5px; vertical-align: 2px; margin-right: 4px; }
.guide_box ul li .text { font-size: 16px; line-height: 22px; word-break: keep-all; }