@charset "utf-8";
 
 /*about_historyfirst*/
 /* Greetings Styles */
      

/* 1. 스타일시트 내부에서 폰트 불러오기 (@import) */
    @import url('https://fonts.googleapis.com/css2?family=Parisienne&family=Montserrat:wght@500&display=swap');
  /* 1. Yuji Syuku 포함 필요한 모든 폰트 호출 */
    @import url('https://fonts.googleapis.com/css2?family=Parisienne&family=Montserrat:wght@800&family=Yuji+Syuku&display=swap');
 
 
    .since-container {
        display: block;
        color: #1a3a83; /* 기존 이미지의 네이비 색상 */
        padding-bottom: 8px;
        
    }

    /* 3. 영문 (since) 스타일 - 마음에 들어하신 필기체 */
    .since-eng {
        font-family: 'Parisienne', cursive;
        font-size: 65px;   /* 영문은 크고 화려하게 */
        margin-right: 15px;
        line-height: 1;
    }

    /* 4. 숫자 (1997.1.) 스타일 - 깔끔하고 현대적인 고딕 */
    .since-num {
        font-family: 'Montserrat', sans-serif;
        font-size: 24px;   /* 숫자는 훨씬 작게 */
        font-weight: 500;
        letter-spacing: 2px; /* 가독성을 위해 숫자 간격 넓힘 */
        vertical-align: baseline; /* 영문 아래쪽에 맞춤 */
    }




    /* 2. 한자 제목 스타일 */
    .hanja-title {
       font-family: 'Yuji Syuku', serif; /* 요청하신 서예풍 폰트 */
        font-size: 40px;
        font-weight: 300;
        color: #333;
        letter-spacing: 12px;
        display: block;
        text-align: center;
        margin: 60px auto 20px auto;
        position: relative;
    }


        /* Greetings Styles */
        .cb_greetings_top { display: block !important;margin-bottom: 60px; }
        .cb_greetings_text { font-size: 16px; color: var(--cb-slate-900); line-height: 1.8; }
        .cb_greetings_text h3 { 
            font-size: 52px; 
            font-weight: 900; 
            color: #1e3a8a; 
            margin-bottom: 48px; 
            line-height: 1; 
            letter-spacing: -0.05em;
            display: flex;
            align-items: baseline;
            gap: 12px;
        }
        .cb_greetings_text h3::after {
            content: "";
            height: 2px;
            flex: 1;
            background: linear-gradient(to right, #1e3a8a, transparent);
            margin-bottom: 12px;
        }
        .cb_greetings_text p { margin-bottom: 20px; }
        .cb_greetings_sign { text-align: right; margin-top: 40px; font-size: 18px; font-weight: 700; color: var(--cb-slate-900); display: flex; flex-direction: column; align-items: flex-end; gap: 8px; }
        .cb_greetings_sign b { font-family: 'Nanum Pen Script', cursive; font-size: 32px; font-weight: 400; color: #1e3a8a; }

        .cb_contribution_info { 
            text-align: right; 
            margin-top: 24px; 
            font-size: 15px; 
            color: var(--cb-slate-500); 
            font-weight: 500; 
        }
        .cb_contribution_image { 
            margin-top: 40px; 
            border-radius: 16px; 
            overflow: hidden; 
            border: 1px solid var(--cb-slate-200); 
            background: var(--cb-slate-50);
        }
        .cb_contribution_image img { 
            width: 100%; 
            display: block; 
            max-height: 500px;
            object-fit: contain;
        }

        .cb_signature_wrapper {
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            margin-top: 60px;
            padding-top: 40px;
            border-top: 1px solid var(--cb-slate-100);
        }
        .cb_signature_photo {
            width: 160px;
            height: 160px;
            border: 1px solid var(--cb-slate-300);
            background: var(--cb-slate-50);
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
            border-radius: 50%;
        }
        .cb_signature_photo img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        .cb_signature_content {
            display: flex;
            flex-direction: column;
            align-items: flex-end;
        }