.hide{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.family-process{display: flex;flex-direction: column;align-items: center;width: 100%;max-width: 920px;margin: 0 auto;box-sizing: border-box;}
.family-process .process-top{display: flex;flex-direction: column;align-items: center;width: 100%;max-width: 360px;}
.family-process .process-card{width: 100%;padding: 20px 16px;border-radius: 10px;text-align: center;box-sizing: border-box;}
.family-process .process-card.card-primary{background-color: #5865D6;}
.family-process .process-card .card-title{font-family: 'Pretendard', sans-serif;font-weight: 700;font-size: 20px;line-height: 120%;color: #ffffff;margin: 0;}
.family-process .process-card .card-sub{font-family: 'Pretendard', sans-serif;font-weight: 400;font-size: 17px;line-height: 140%;color: rgba(255,255,255,0.85);margin: 4px 0 0 0;}
.family-process .arrow-down{position: relative;width: 2px;height: 32px;background-color: #cccccc;margin: 0 auto;}
.family-process .arrow-down::after{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 5px solid #cccccc;}
.family-process .process-connector{display: flex;flex-direction: column;align-items: center;width: 100%;}
.family-process .process-connector .line-v-top{width: 2px;height: 32px;background-color: #cccccc;}
.family-process .process-connector .line-h-wrap{position: relative;width: calc(50% + 15px);height: 32px;}
.family-process .process-connector .line-h{position: absolute;top: 0;left: 0;right: 0;height: 2px;background-color: #cccccc;}
.family-process .process-connector .line-v-left{position: absolute;top: 0;left: 0;width: 2px;height: 32px;background-color: #cccccc;}
.family-process .process-connector .line-v-left::after{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 5px solid #cccccc;}
.family-process .process-connector .line-v-right{position: absolute;top: 0;right: 0;width: 2px;height: 32px;background-color: #cccccc;}
.family-process .process-connector .line-v-right::after{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 5px solid #cccccc;}
.family-process .process-columns{display: flex;gap: 30px;width: 100%;box-sizing: border-box;}
.family-process .process-col{flex: 1;display: flex;flex-direction: column;align-items: center;padding: 36px 28px 40px;border-radius: 12px;box-sizing: border-box;}
.family-process .process-col.col-general{background-color: #F4F5FA;}
.family-process .process-col.col-paid{background-color: #EFF8F8;}
.family-process .col-header{display: flex;flex-direction: column;justify-content: center;align-items: center;min-height: 52px;margin-bottom: 28px;text-align: center;}
.family-process .col-title{font-family: 'Pretendard', sans-serif;font-weight: 700;font-size: 20px;line-height: 130%;color: #222222;margin: 0;}
.family-process .col-sub{font-family: 'Pretendard', sans-serif;font-weight: 500;font-size: 17px;line-height: 140%;color: #00A8C6;margin: 4px 0 0 0;}
.family-process .col-steps{display: flex;flex-direction: column;align-items: center;width: 100%;}
.family-process .step-card{width: 100%;padding: 22px 16px;background-color: #ffffff;border-radius: 0;box-sizing: border-box;text-align: center;position:relative;}
.family-process .step-card::before{    content: '';
    position: absolute;
    z-index: 1;
    left: 4px;
    top: 4px;
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    background: #fff;}
.family-process .step-card.card-cyan{background: linear-gradient(45deg, #1667d7 0%, #16e3e1 100%);}
.family-process .step-card.card-blue{background: linear-gradient(to bottom, #1E90FF 0%, #6A5ACD 100%)}
.family-process .step-title{font-family: 'Pretendard', sans-serif;font-weight: 700;font-size: 20px;line-height: 140%;color: #222222;margin: 0;position:relative;z-index:2;}
.family-process .step-sub{font-family: 'Pretendard', sans-serif;font-weight: 500;font-size: 17px;line-height: 140%;color: #00A8C6;margin: 4px 0 0 0;position:relative;z-index:2;}
.family-process .step-arrow{position: relative;width: 2px;height: 28px;background-color: #cccccc;margin: 0;}
.family-process .step-arrow::after{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 5px solid #cccccc;}
@media(max-width:768px){
	.family-process .process-columns{flex-direction: column;align-items: stretch;gap: 30px;}
	.family-process .process-connector .line-h-wrap{display: none;}
	.family-process .process-connector .line-v-top{position: relative;height: 36px;}
	.family-process .process-connector .line-v-top::after{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 5px solid #cccccc;}
	.family-process .process-col{padding: 24px 20px 30px;}
}