• 목록
• 답변
• 글쓰기
• 게시판 리스트 옵션
  • 수정
  • 삭제

/* 안전놀이터 ------------------------ */
/* 기본 콘텐츠 영역 */
/* ------------------------ */
.rf-content {
color: #2e2e2e !important;
line-height: 1.7 !important;
font-size: 15px !important;
background: #fffdf8 !important;
padding: 20px;
border-radius: 10px;
}
.rf-content h2 {
font-size: 22px !important;
margin: 28px 0 16px !important;
color: #8a6a00 !important;
border-left: 6px solid #ffde84 !important;
padding-left: 14px !important;
font-weight: 800 !important;
background: linear-gradient(90deg, rgba(255,222,132,0.25), transparent) !important;
border-radius: 4px !important;
}
.rf-content h3 {
font-size: 18px !important;
margin: 22px 0 14px !important;
color: #8a6a00 !important;
font-weight: 600 !important;
border-bottom: 2px dashed #ffde84 !important;
padding-bottom: 6px !important;
}
.rf-content h4 {
font-size: 16px !important;
margin: 18px 0 10px !important;
color: #555 !important;
font-weight: 600 !important;
}
.rf-content h4::before {
content: "☀️ " !important;
color: #ffde84 !important;
}
.rf-content a {
color: #b38600 !important;
text-decoration: none !important;
font-weight: 600 !important;
}
.rf-content a:hover {
color: #ff9900 !important;
text-decoration: underline !important;
}
.rf-content blockquote {
margin: 20px auto !important;
padding: 18px 22px !important;
background: #fff9e6 !important;
border-left: 6px solid #ffde84 !important;
font-style: italic !important;
color: #8a6a00 !important;
border-radius: 10px !important;
box-shadow: 0 3px 12px rgba(255,222,132,0.35) !important;
max-width: 850px !important;
}

/* ------------------------ */
/* Notice 영역 */
/* ------------------------ */
.rf-content .rf-notice {
max-width: 900px !important;
margin: 25px auto !important;
padding: 18px 28px !important;
background: linear-gradient(135deg, #fffdf5, #fff9e0) !important;
border: 2px solid #ffde84 !important;
border-radius: 12px !important;
text-align: center !important;
font-size: 15px !important;
font-weight: 700 !important;
color: #8a6a00 !important;
box-shadow: 0 4px 14px rgba(255,222,132,0.35) !important;
}

/* ------------------------ */
/* Product Box (한 줄 1개, 독창적 레이아웃) */
/* ------------------------ */
.product-container {
max-width: 900px;
margin: 30px auto;
display: flex;
flex-direction: column;
gap: 22px;
}
.product-box {
display: grid;
grid-template-columns: 200px 1fr;
border: 2px solid #ffde84;
border-radius: 18px;
background: #fffefa;
overflow: hidden;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.product-box:hover {
transform: translateY(-4px);
box-shadow: 0 8px 20px rgba(255,222,132,0.4);
}
.product-image {
background: linear-gradient(135deg, #fff, #fff2cc);
display: flex;
align-items: center;
justify-content: center;
padding: 16px;
}
.product-image img {
max-width: 100%;
border-radius: 12px;
border: 1px solid #ffde84;
}
.product-content {
padding: 20px 24px;
}
.product-title {
font-size: 20px;
font-weight: 700;
color: #8a6a00;
margin-bottom: 10px;
}
.badge {
display: inline-block;
margin-left: 8px;
padding: 5px 12px;
background: linear-gradient(45deg, #ffde84, #d4aa00);
color: #fff;
border-radius: 16px;
font-size: 12px;
font-weight: 600;
}
.feature-list { margin: 12px 0}
.feature-item {
display: flex;
align-items: center;
margin-bottom: 6px;
font-size: 15px;
}
.feature-item::before {
content: "