/* category */
.category {display: flex; justify-content: flex-start; align-items: center;border-bottom: 1px solid #d1d2d2;background-color: #fefbff;width: 100vw; height: 6rem;margin-top:6rem;}
.category h1 {font-size: 1.8rem; font-weight: bold; display: flex; align-items: center;font-family: 'Paybooc';}
.category h1 span {font-size: 2.5rem; font-weight: bold; color: #ce3875; padding-left: 2rem; word-break: break-all;margin-right: 1rem;}

/* content */
.content {width: 90%; margin: 1rem auto;}
.content {border: 1px solid #d1d2d2;}
.content h2 {display: flex; align-items: center; justify-content: center; font-weight: bold; background-color: #f9f9f9; height: 6rem; font-size: 1.8rem; border-bottom: 1px solid #d1d2d2; word-wrap: break-word; padding:1rem; text-align: center;}
.content > div {display: flex; flex-direction: column; align-items: center; justify-content: space-between;padding: 1rem;}
.content > div .luck {position: relative; display: flex; justify-content: center; align-items: center;margin-top: 1rem;}
.content > div .luck img {width: 100%; display: block; transform: translateX(.5rem);}
.content > div .luck p {position: absolute; top: 50%; left: 50%; transform: translate(-50%,calc(-50% - .5rem)); text-align: center; color: #fff; font-size: 1.5rem; width: 100%;}
.content > div .luck span {color: #fff; font-size: 3.8rem; font-weight: bold;display: block; line-height: 1.2em;
    /* nanum 한자 안보임 대체 */
    font-family: 'Paybooc'; 
}
.content > div .quot {width: 2rem;margin: 2rem 0;}
.content > div > p {font-size: 1.8rem; text-align: center; font-weight: 500; line-height: 1.3em;width: 70%; margin: 1rem 0;}