@charset "utf-8";
/* =========================== 주식공모 페이지 - 기존 business1025 구조 활용 */

/* CSS 변수 정의 */
:root {
    --section-spacing: 120px;
    --inner-spacing: 100px;
    --border-radius: 13px;
    --transition: all 0.3s ease;
    --shadow-light: 0 2px 20px rgba(0,0,0,0.08);
    --shadow-hover: 0 8px 30px rgba(0,0,0,0.15);
    --primary-gradient: linear-gradient(45deg, #667eea, #764ba2);
    --mainsize: 1200px;
}

/* =========================== 기본 페이지 설정 */
#business1025{overflow:hidden;position:relative;margin:0;font-size:15px;line-height:1.5;color:#777;font-family:'pretendard'}
#business1025 .pl{white-space:pre-line}
#business1025 *{word-break:keep-all}
#business1025 .inner{overflow:hidden;max-width:var(--mainsize);margin:0 auto;padding:var(--inner-spacing) 30px;position:relative;z-index:1}

/* =========================== 섹션 공통 스타일 */
.section-header,.section-overview,.section-profit-structure,.section-global-network,.section-ecosystem,.section-disclaimer,.section-contact,.section-image-break{position:relative;width:100%;margin:0;padding:0}

/* =========================== 섹션 타이틀 스타일 */
.section-title{text-align:center;margin-bottom:50px;position:relative}
.section-title h3{margin-bottom:15px;font-size:clamp(18px,1.8vw,32px);font-weight:700;color:#111}
.title-line{width:60px;height:3px;background:var(--primary-gradient);margin:0 auto;border-radius:2px}

/* =========================== 헤더 섹션 */
.section-header{background:#fff;padding:120px 0 80px;margin:0}
#business1025 .tit{text-align:center;margin-bottom:50px}
#business1025 .tit h1{margin-bottom:50px;font-size:clamp(25px,2.6vw,50px);font-weight:700;color:#111}
#business1025 .tit img{width:100%;border-radius:var(--border-radius);box-shadow:var(--shadow-light)}
#business1025 .full_txt{padding:100px 0 150px;text-align:center}
#business1025 h2{position:relative;font-size:clamp(20px,2.08vw,40px);font-weight:700;color:rgba(0,0,0,.3)}
#business1025 h2 p{display:inline;background:linear-gradient(to right,#111,#111) no-repeat;-webkit-background-clip:text;background-clip:text;background-size:0%;transition:background-size cubic-bezier(.1,.5,.5,1) 0.5s;white-space:pre-line}

/* 공통 설명 텍스트 */
.section-desc{text-align:center;margin-bottom:40px;color:#666;font-size:16px;font-style:italic}

/* =========================== 이미지 브레이크 섹션 */
.section-image-break{margin:0;padding:0;width:100%;overflow:hidden}
.image-container{position:relative;width:100%;height:400px;overflow:hidden}
.break-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 0.5s ease}
.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.4);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;padding:40px}
.image-overlay.investment-overlay{background:url('/page/img/sub/investment_overlay.jpg') center}
.image-overlay.business-overlay{background:url('/page/img/sub/business_overlay.jpg') center}
.image-overlay h3{font-size:clamp(24px,2.2vw,42px);font-weight:700;margin-bottom:15px;text-shadow:0 2px 4px rgba(0,0,0,0.3)}
.image-overlay p{font-size:clamp(16px,1.4vw,20px);font-weight:300;text-shadow:0 2px 4px rgba(0,0,0,0.3);max-width:600px;line-height:1.6}

/* =========================== 투자 개요 섹션 */
.section-overview{background:#f8f9fa;border-top:1px solid #e9ecef;border-bottom:1px solid #e9ecef;position:relative}
.section-overview::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#f8f9fa;z-index:-1}
#business1025 .b01{background:transparent;margin:0 20px;padding:var(--inner-spacing) 0}
#business1025 .overview-main{margin-bottom:50px;padding:40px;background:#fff;border-radius:var(--border-radius);border:1px solid #e1e1e1;text-align:center;box-shadow:var(--shadow-light);position:relative}
#business1025 .overview-main::before{content:'🎯';position:absolute;top:20px;right:30px;font-size:24px}
#business1025 .overview-main h4{color:#111;margin-bottom:25px;font-size:clamp(18px,1.5vw,24px)}
#business1025 .overview-main .highlight{color:#667eea;font-weight:bold;font-size:1.2em;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
#business1025 .overview-main .motto{font-style:italic;margin-top:25px;font-size:15px;color:#666;padding:15px;background:#f8f9fa;border-radius:8px;border-left:4px solid #667eea}

/* 투자 카드 그리드 */
#business1025 .investment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px}
#business1025 .investment-card{padding:35px;background:#fff;border-radius:var(--border-radius);border:1px solid #e1e1e1;transition:var(--transition);box-shadow:var(--shadow-light);position:relative;overflow:hidden}
#business1025 .investment-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary-gradient);transform:scaleX(0);transition:var(--transition)}
#business1025 .card-icon{font-size:32px;margin-bottom:20px;text-align:center;display:block}
#business1025 .investment-card h4{margin-bottom:25px;color:#111;font-size:clamp(16px,1.3vw,20px);text-align:center}
#business1025 .detail-row{margin-top:20px}
#business1025 .detail-item{display:flex;justify-content:space-between;padding:15px;background:#f8f9fa;border-radius:8px;margin-bottom:12px;border:1px solid #e8e9ea;transition:var(--transition)}
#business1025 .detail-item:last-child{margin-bottom:0}
#business1025 .label{font-weight:600;color:#555;font-size:14px}
#business1025 .value{font-weight:bold;color:#667eea;font-size:14px}

/* =========================== 수익 구조 섹션 */
.section-profit-structure{background:#fff;position:relative}
.section-profit-structure::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;z-index:-1}
#business1025 .b02{background:transparent;margin:0 20px;padding:var(--inner-spacing) 0}
#business1025 .profit-phases{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:40px 0 50px}
#business1025 .phase-card{background:#f8f9fa;border:1px solid #e1e1e1;border-radius:var(--border-radius);padding:35px;text-align:center;transition:var(--transition);box-shadow:var(--shadow-light);position:relative}
#business1025 .phase-icon{font-size:28px;margin-bottom:15px;display:block}
#business1025 .phase-number{width:55px;height:55px;border-radius:50%;background:var(--primary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;margin:0 auto 25px;box-shadow:0 4px 15px rgba(102,126,234,0.3)}
#business1025 .phase-card h4{margin-bottom:18px;color:#111;font-size:clamp(16px,1.2vw,18px)}
#business1025 .amount{font-size:clamp(26px,2.2vw,38px);font-weight:bold;color:#667eea;margin:20px 0;text-shadow:0 2px 4px rgba(0,0,0,0.1)}
#business1025 .phase-card p{color:#777;line-height:1.6;font-size:14px}

/* 연도별 수익 예상 */
#business1025 .yearly-profit{background:#f8f9fa;padding:40px;border-radius:var(--border-radius);border:1px solid #e1e1e1;text-align:center;box-shadow:var(--shadow-light)}
#business1025 .yearly-profit h4{color:#111;margin-bottom:25px;font-size:clamp(18px,1.4vw,22px)}
#business1025 .yearly-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}
#business1025 .yearly-item{background:#fff;padding:30px;border-radius:10px;border:1px solid #e1e1e1;transition:var(--transition);position:relative}
#business1025 .yearly-item h5{color:#667eea;margin-bottom:15px;font-size:16px;font-weight:600}
#business1025 .yearly-amount{font-size:clamp(22px,2vw,32px);font-weight:bold;color:#111;margin-bottom:15px}
#business1025 .yearly-item p{color:#777;font-size:13px;line-height:1.5}
#business1025 .yearly-note{color:#666;font-style:italic;font-size:14px;margin-top:25px;padding:15px;background:#fff;border-radius:8px;border:1px solid #e9ecef}

/* 연도별 색상 구분 */
#business1025 .yearly-item.initial{border-left:4px solid #28a745}
#business1025 .yearly-item.medium{border-left:4px solid #ffc107}
#business1025 .yearly-item.long-term{border-left:4px solid #007bff}

/* =========================== 글로벌 네트워크 섹션 */
.section-global-network{background:#f8f9fa;border-top:1px solid #e9ecef;border-bottom:1px solid #e9ecef;position:relative}
.section-global-network::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#f8f9fa;z-index:-1}
#business1025 .b03{background:transparent;margin:0 20px;padding:var(--inner-spacing) 0}
#business1025 .network-intro{background:#fff;padding:35px;border-radius:var(--border-radius);border:1px solid #e1e1e1;text-align:center;margin-bottom:40px;box-shadow:var(--shadow-light)}
#business1025 .network-intro h4{color:#111;margin-bottom:18px;font-size:clamp(16px,1.4vw,20px)}
#business1025 .network-intro p{color:#777;line-height:1.6}
#business1025 .users-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:40px}
#business1025 .user-country{padding:25px;background:#fff;border-radius:10px;text-align:center;font-size:14px;border:1px solid #e1e1e1;transition:var(--transition);box-shadow:var(--shadow-light)}
#business1025 .country-flag{font-size:28px;margin-bottom:12px;display:block}
#business1025 .country-name{font-weight:600;color:#111;margin-bottom:8px;font-size:13px}
#business1025 .user-count{color:#667eea;font-weight:bold;font-size:15px}

/* =========================== 사업 생태계 섹션 */
.section-ecosystem{background:#fff;position:relative}
.section-ecosystem::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;z-index:-1}
#business1025 .b04{background:transparent;margin:0 20px;padding:var(--inner-spacing) 0}
#business1025 .ecosystem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px}
#business1025 .ecosystem-card{background:#f8f9fa;padding:35px;border-radius:var(--border-radius);border:1px solid #e1e1e1;transition:var(--transition);box-shadow:var(--shadow-light);position:relative}
#business1025 .business-icon{font-size:32px;margin-bottom:20px;display:block;text-align:center}
#business1025 .ecosystem-card h4{color:#111;margin-bottom:20px;font-size:clamp(16px,1.3vw,18px);text-align:center}
#business1025 .ecosystem-card ul{margin-top:15px}
#business1025 .ecosystem-card li{padding:8px 0;color:#777;border-left:3px solid #ddd;padding-left:18px;margin-bottom:10px;font-size:14px;transition:var(--transition)}
#business1025 .ecosystem-card li:hover{border-left-color:#667eea;color:#555}

/* 주식모집 사용처 */
#business1025 .fund-usage{background:#f8f9fa;padding:35px;border-radius:var(--border-radius);border:1px solid #e1e1e1;margin-top:50px;text-align:center;box-shadow:var(--shadow-light)}
#business1025 .fund-usage h4{color:#111;margin-bottom:25px;font-size:clamp(18px,1.4vw,22px)}
#business1025 .usage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:25px}
#business1025 .usage-item{background:#fff;padding:25px;border-radius:10px;border:1px solid #e1e1e1;transition:var(--transition)}
#business1025 .usage-item h5{color:#667eea;margin-bottom:12px;font-size:15px;font-weight:600}
#business1025 .usage-item p{color:#777;font-size:13px;line-height:1.5}

/* =========================== 주의사항 섹션 */
.section-disclaimer{background:#f8f9fa;border-top:1px solid #e9ecef;border-bottom:1px solid #e9ecef;position:relative}
.section-disclaimer::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#f8f9fa;z-index:-1}
#business1025 .b06{background:transparent;margin:0 20px;padding:var(--inner-spacing) 0}
#business1025 .disclaimer-content{background:#fff;padding:40px;border-radius:var(--border-radius);border:1px solid #e1e1e1;line-height:1.8;box-shadow:var(--shadow-light)}
#business1025 .disclaimer-content ul{margin-left:0}
#business1025 .disclaimer-content li{margin-bottom:18px;color:#777;font-size:14px;padding:15px;background:#f8f9fa;border-radius:8px;border-left:4px solid #dc3545;list-style:none}
#business1025 .disclaimer-note{margin-top:25px;text-align:center;font-weight:bold;color:#555;padding:25px;background:#fff3cd;border-radius:10px;border:1px solid #ffeaa7}

/* =========================== 연락처 섹션 */
.section-contact{background:#fff;position:relative}
.section-contact::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;z-index:-1}
#business1025 .b07{background:transparent;margin:0 20px;padding:var(--inner-spacing) 0}
#business1025 .contact-info{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px}
#business1025 .contact-main{padding:35px;background:var(--primary-gradient);color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-light)}
#business1025 .contact-main h4{color:#fff;margin-bottom:25px;font-size:clamp(16px,1.4vw,20px)}
#business1025 .contact-details{margin-top:20px}
#business1025 .contact-item{margin-bottom:12px;font-size:15px;color:rgba(255,255,255,0.9)}
#business1025 .contact-item strong{color:#fff}
#business1025 .contact-address,#business1025 .contact-note{padding:35px;background:#f8f9fa;border-radius:var(--border-radius);border:1px solid #e1e1e1;box-shadow:var(--shadow-light)}
#business1025 .contact-address h4,#business1025 .contact-note h4{color:#111;margin-bottom:20px;font-size:clamp(16px,1.4vw,20px)}
#business1025 .contact-address p,#business1025 .contact-note p{color:#777;line-height:1.8}

/* =========================== 호버 효과 */
@media(hover:hover){
#business1025 .investment-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}
#business1025 .investment-card:hover::before{transform:scaleX(1)}
#business1025 .phase-card:hover,#business1025 .yearly-item:hover,#business1025 .user-country:hover,#business1025 .ecosystem-card:hover,#business1025 .usage-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}
#business1025 .user-country:hover{color:#111}
#business1025 .detail-item:hover{background:#fff;box-shadow:var(--shadow-light)}
.section-image-break:hover .break-image{transform:scale(1.05)}
}

/* =========================== 반응형 디자인 */
@media(max-width:1024px){
:root{--inner-spacing:60px}
#business1025 .inner{padding:var(--inner-spacing) 30px}
#business1025 .investment-grid{grid-template-columns:repeat(1,1fr);gap:20px}
#business1025 .profit-phases{grid-template-columns:repeat(1,1fr);gap:20px}
#business1025 .yearly-grid{grid-template-columns:repeat(1,1fr);gap:20px}
#business1025 .users-grid{grid-template-columns:repeat(4,1fr)}
#business1025 .ecosystem-grid{grid-template-columns:repeat(2,1fr);gap:20px}
#business1025 .usage-grid{grid-template-columns:repeat(2,1fr);gap:20px}
#business1025 .contact-info{grid-template-columns:repeat(1,1fr);gap:20px}
.image-container{height:300px}
}

@media(max-width:768px){
#business1025{font-size:14px}
#business1025 h2{text-align:center}
#business1025 .users-grid{grid-template-columns:repeat(3,1fr)}
#business1025 .ecosystem-grid{grid-template-columns:repeat(1,1fr)}
#business1025 .usage-grid{grid-template-columns:repeat(1,1fr)}
.image-container{height:250px}
.image-overlay{padding:30px}
}

@media(max-width:480px){
#business1025 .inner{padding:var(--inner-spacing) 15px}
#business1025 .users-grid{grid-template-columns:repeat(2,1fr)}
#business1025 .investment-card,#business1025 .phase-card,#business1025 .ecosystem-card{padding:25px}
#business1025 .overview-main,#business1025 .yearly-profit,#business1025 .network-intro,#business1025 .fund-usage,#business1025 .disclaimer-content{padding:25px}
#business1025 .contact-main,#business1025 .contact-address,#business1025 .contact-note{padding:25px}
.image-container{height:200px}
.image-overlay{padding:20px}
}

@media(max-width:390px){
#business1025 .users-grid{grid-template-columns:repeat(1,1fr)}
}