/* 사회공헌·업무협약 소개 (준비중) — /sub/sub_social.php, /mobile/sub/sub_social.php 공용 */
.social_wrap {font-family:'Noto Sans KR', sans-serif; color:#1f2937;}
.social_wrap * {word-break:keep-all;}

/* 상단 배너 */
.social_top {padding:190px 20px 90px; text-align:center; color:#fff;
	background:linear-gradient(rgba(10,22,45,0.55), rgba(10,22,45,0.55)), linear-gradient(135deg, #1E396C 0%, #125C9A 100%);}
.social_top_label {font-size:15px; font-weight:500; letter-spacing:0.25em; opacity:0.8;}
.social_top h2 {margin-top:14px; font-size:44px; font-weight:700; line-height:1.3;}
.social_top_desc {margin-top:14px; font-size:19px; font-weight:400; opacity:0.9;}

/* 소개 */
.social_intro {max-width:900px; margin:0 auto; padding:90px 20px 40px; text-align:center;}
.social_intro h3 {font-size:32px; font-weight:700; color:#1E396C; line-height:1.4;}
.social_intro h3:after {content:""; display:block; width:48px; height:3px; margin:22px auto 0; background:#1E396C;}
.social_intro p {margin-top:26px; font-size:18px; line-height:1.85; color:#4b5563;}

.social_points {display:flex; justify-content:center; gap:24px; max-width:900px; margin:30px auto 0; padding:0 20px;}
.social_point {flex:1; padding:34px 24px; border:1px solid #e3e9f3; border-radius:14px; background:#f1f4f9; text-align:center;}
.social_point strong {display:block; font-size:21px; font-weight:700; color:#1E396C;}
.social_point span {display:block; margin-top:10px; font-size:16px; line-height:1.7; color:#4b5563;}

/* 준비중 안내 */
.social_ready {max-width:900px; margin:60px auto 110px; padding:50px 30px; border:2px dashed #c9d4e6; border-radius:16px; text-align:center;}
.social_ready_badge {display:inline-block; padding:6px 16px; border-radius:30px; background:#1E396C; color:#fff; font-size:14px; font-weight:500; letter-spacing:0.05em;}
.social_ready h4 {margin-top:18px; font-size:26px; font-weight:700; color:#1f2937;}
.social_ready p {margin-top:12px; font-size:17px; line-height:1.8; color:#4b5563;}
.social_ready_btn {display:inline-block; margin-top:26px; padding:14px 34px; border-radius:40px; background:#1E396C; color:#fff !important; font-size:17px; font-weight:500;}
.social_ready_btn:hover {background:#125C9A;}

/* 모바일 */
.social_wrap.is_mobile .social_top {padding:48px 16px 44px;}
.social_wrap.is_mobile .social_top_label {font-size:12px;}
.social_wrap.is_mobile .social_top h2 {margin-top:10px; font-size:28px;}
.social_wrap.is_mobile .social_top_desc {margin-top:10px; font-size:15px;}
.social_wrap.is_mobile .social_intro {padding:44px 18px 10px;}
.social_wrap.is_mobile .social_intro h3 {font-size:22px;}
.social_wrap.is_mobile .social_intro h3:after {margin-top:16px;}
.social_wrap.is_mobile .social_intro p {margin-top:18px; font-size:15px; line-height:1.8;}
.social_wrap.is_mobile .social_intro p br,
.social_wrap.is_mobile .social_ready p br {display:none;}
.social_wrap.is_mobile .social_points {flex-direction:column; gap:12px; margin-top:24px; padding:0 18px;}
.social_wrap.is_mobile .social_point {padding:22px 18px;}
.social_wrap.is_mobile .social_point strong {font-size:18px;}
.social_wrap.is_mobile .social_point span {font-size:14px;}
.social_wrap.is_mobile .social_ready {margin:36px 18px 60px; padding:34px 18px;}
.social_wrap.is_mobile .social_ready h4 {font-size:20px;}
.social_wrap.is_mobile .social_ready p {font-size:14px;}
.social_wrap.is_mobile .social_ready_btn {padding:12px 28px; font-size:15px;}