/* solution_creaction 전용 — 공통 sol_* 컴포넌트는 main/css/service.css에 있고, 이 페이지에서만 달라지는 값(히어로 배경 이미지)만 여기서 지정한다 */
.sol_hero.none_line{background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url('/main/images/sub/service/solution_thumb_creaction.png') center/cover no-repeat;}
.sol_table tbody tr th { background: none; color: #333; text-align: center; font-family: Pretendard; font-size: 15px; font-style: normal; font-weight: 600; line-height: 140%;letter-spacing: -0.375px;}
.sol_func_icon { width: 120px; height: 120px;}

/* sol func type2 — 이 페이지 전용, 아이콘+텍스트 가로 배치 카드(수료관리/온라인전시실/운영통계) */
.sol_func_bottom.type2 .sol_func_card{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon tit" "icon desc";align-items:center;column-gap:30px;row-gap:12px;flex:1;max-width:none;padding:28px 30px;border-radius:2px;background:var(--color-white);text-align:left;}
.sol_func_bottom.type2 .sol_func_icon{grid-area:icon;}
.sol_func_bottom.type2 .sol_func_tit{grid-area:tit;align-self:end;white-space:nowrap;}
.sol_func_bottom.type2 .sol_func_desc{grid-area:desc;align-self:start;}

.sol_table .sol_versions_head {width: 300px;}

/* sol benefit — 이 페이지에서만 쓰는 3단계 카드(STEP + 타이틀/설명 + 체크리스트) 레이아웃이라 공통 service.css 대신 여기서 관리 */
.sol_benefit_list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.sol_benefit_card{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:25px 30px;border-radius:2px;background:var(--color-white);}
.sol_benefit_head{display:flex;flex-direction:column;gap:8px;}
.sol_benefit_tit{font-family:var(--font-body);font-weight:700;font-size:24px;letter-spacing:-3%;color:var(--color-text-dark);}
.sol_benefit_desc{font-family:var(--font-body);font-weight:400;font-size:15px;letter-spacing:-3%;color:var(--color-text-muted);word-break:keep-all;}

/* sol matter — 이 페이지에서만 쓰는 레이아웃(제목 박스 + 설명 박스 행 3개)이라 공통 service.css 대신 여기서 관리 */
.sol_matter{display:flex;flex-direction:column;justify-content:center;width:100%;padding:100px 0;background:var(--color-matter-bg);}
.sol_matter .sol_sec_tit{color:var(--color-bg-alt);}
.sol_matter_list{display:flex;flex-direction:column;gap:10px;}
.sol_matter_row{display:flex;align-items:stretch;justify-content:center;gap:5px;}
.sol_matter_row_tit{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:420px;padding:30px 20px;border-radius:2px;background:var(--color-bg-alt);}
.sol_matter_row_tit p{font-family:var(--font-body);font-weight:700;font-size:30px;text-align:center;letter-spacing:-3%;color:var(--color-white);white-space:nowrap;}
.sol_matter_row_desc{display:flex;flex:1;align-items:center;justify-content:center;min-width:0;padding:20px 40px;border-radius:2px;background:var(--color-white);}
.sol_matter_row_desc p{font-family:var(--font-body);font-weight:500;font-size:20px;line-height:150%;letter-spacing:-5%;color:var(--color-bg-alt);word-break:keep-all;}
@media screen and (min-width:1025px) and (max-width:1920px){
.sol_func_icon{width:6.25vw;height:6.25vw;}
.sol_func_bottom.type2 .sol_func_card{column-gap:1.5625vw;row-gap:0.625vw;padding:1.4583vw 1.5625vw;}
.sol_benefit_card{gap:1.0417vw;padding:1.3021vw 1.5625vw;}
.sol_benefit_head{gap:0.4167vw;}
.sol_benefit_tit{font-size:1.25vw;}
.sol_benefit_desc{font-size:0.7813vw;}
.sol_matter{padding:5.2083vw 0;}
.sol_matter_list{gap:0.5208vw;}
.sol_matter_row{gap:0.2604vw;}
.sol_matter_row_tit{width:21.875vw;padding:1.5625vw 1.0417vw;}
.sol_matter_row_tit p{font-size:1.5625vw;}
.sol_matter_row_desc{padding:1.0417vw 2.0833vw;}
.sol_matter_row_desc p{font-size:1.0417vw;}
.sol_table .sol_versions_head {width: 15.625vw;}
.sol_table tbody tr th{padding: 1.25vw 1.5625vw;font-size: 0.7813vw;}}
@media only screen and (max-width:1024px){
.sol_func_icon{width:100px;height:100px;}
.sol_func_bottom.type2 .sol_func_card{column-gap:20px;row-gap:8px;padding:20px;}
.sol_benefit_list{grid-template-columns:1fr;}
.sol_benefit_card{gap:5px;padding:20px;}
.sol_benefit_tit{font-size:18px;}
.sol_benefit_desc{font-size:13px;}
.sol_matter{padding:60px 0;}
.sol_matter .sol_inner {width: 100%;}
.sol_matter_row{flex-direction:column;gap:1.3333vw;}
.sol_matter_row_tit{width:100%;padding:25px 40px;}
.sol_matter_row_tit p{font-size:clamp(22px,5.867vw,30px);white-space:normal;}
.sol_matter_row_desc{padding:25px;}
.sol_matter_row_desc p{font-size:15px;text-align:center;}
.sol_table .sol_versions_head {width: 180px;}
.sol_table tbody tr th{padding: 15px;font-size: 13px;}
}