@charset "utf-8";


.sub_contents_tm {margin-top:70px;}

/* Page Default Section */
.section_wrap { display:block}



/* 레이아웃 래퍼 */
.brand-page { max-width:1200px; margin:0 auto; color:#555; }

.top_sec_line {width:30px; height:1px; background:#000; margin:0 auto;}
/* 히어로 영역 */
.hero { width:100%; max-width:1000px; margin:72px auto 28px; text-align:left; }
.hero h1 { font-size:37px; font-family:'PolySans Bulky'; line-height:1.5; font-weight:bold; margin:0 0 15px 0; color:#000;}
.hero p.lead { font-size:16px; line-height:1.9; color:#555; margin:0; }

/* 히어로 하단 링크 라인 */
.hero-cta { display:flex; align-items:center; gap:0px; margin:22px auto 40px; max-width:1000px;}
.hero-cta a.date { display:flex; align-items:center; text-decoration:none; font-weight:bold; color:#000; font-size:13px; letter-spacing:0.03em; text-transform: uppercase; border-bottom:1px solid #000; padding-bottom:5px;}
.hero-cta a.date span.date_line { display:inline-block; width:1px; height:10px; background:#ccc; margin:1px 7px 0 7px;}

/* 메인 비주얼 이미지 */
.figure { width:100%; margin:0 auto 56px; padding:0 0px;}
.figure img { width:100%; height:auto; display:block; border-radius:8px; }

/* 본문 그리드 영역 */
.content { display:grid; grid-template-columns:70px 1fr; gap:30px; max-width:1000px; margin:0 auto 80px; }

/* 좌측 아이콘 스택 */
.icon-stack { display:flex; flex-direction:column; gap:12px; align-items:center; padding-top:6px; }
.icon-stack .ic { position:relative; width:34px; height:34px; border:1px solid #000; border-radius:50%; transition:all 0.2s;}
.icon-stack .ic:hover { background:#fff;}
.icon-stack .ic img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:55%;}

/* 섹션 타이포 */
.section h2 { font-size:25px; color:#000; font-weight:700; margin:0 0 10px 0; }
.section p { font-size:15px; line-height:1.9; color:#374151; margin:0 0 25px; }

/* 구분선 이후의 소제목들 */
.sub-block { margin-top:30px; }
.sub-block h3 { font-size:21px; color:#000; font-weight:700; margin:0 0 10px; }
.sub-block p { margin:0 0 35px; }


/* 이미지 블록: 항상 2열로 정렬 */
.sub-img-block {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2개씩 한 줄에 */
    gap: 12px; /* 이미지 간격 */
    margin: 40px 0;
}

/* 이미지 스타일 */
.sub-img-block img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

/* 마우스오버 확대 효과 */
.sub-img-block img:hover {transform: scale(1.03);}


@media (max-width: 768px) {
/* 레이아웃 래퍼 */
.brand-page { max-width:100%; margin:0 auto; color:#555; }

.top_sec_line {width:30px; height:1px; background:#000; margin:0 auto;}
/* 히어로 영역 */
.hero { width:100%; max-width:1000px; margin:20px auto 28px; text-align:left; }
.hero h1 { font-size:1.7rem; font-family:'PolySans Bulky'; line-height:1.5; font-weight:bold; margin:0 0 15px 0; color:#000; padding:0 25px;}
.hero p.lead { font-size:0.9rem; line-height:1.9; color:#555; margin:0; padding:0 25px;}

/* 히어로 하단 링크 라인 */
.hero-cta { display:flex; align-items:center; gap:10px; margin:22px auto 40px; max-width:1000px; padding:0 25px;}
.hero-cta .dot {width:15px; height:15px; margin:2px 0 0 0; border-radius:50%; border:1px solid #111827; background:none; display:inline-flex; align-items:center; justify-content:center; }
.hero-cta a.date { text-decoration:none; font-weight:bold; color:#000; font-size:13px; letter-spacing:0.03em;}

/* 메인 비주얼 이미지 */
.figure { width:100%; margin:0 auto 20px; padding:0 0px;}
.figure img { width:100%; height:auto; display:block; border-radius:0px; }

/* 본문 그리드 영역 */
.content { display:inline-block; grid-template-columns:70px 1fr; gap:30px; max-width:1000px; margin:0 auto 0px; }

/* 좌측 아이콘 스택 */
.icon-stack { display:flex; flex-direction:column; gap:12px; align-items:center; padding-top:10px; padding-bottom:25px;}
.icon-stack .ic { position:relative; width:34px; height:34px; border:1px solid #000; border-radius:50%; transition:all 0.2s;}
.icon-stack .ic:hover { background:#fff;}
.icon-stack .ic img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:55%;}

/* 섹션 타이포 */
.section h2 { font-size:1.3rem; color:#000; font-weight:700; margin:0 0 10px 0; padding:0 25px;}
.section p { font-size:0.9rem; line-height:1.9; color:#374151; margin:0 0 25px; padding:0 25px;}

/* 구분선 이후의 소제목들 */
.sub-block { margin-top:30px; }
.sub-block h3 { font-size:1.3rem; color:#000; font-weight:700; margin:0 0 10px; padding:0 25px;}
.sub-block p { margin:0 0 35px; }


/* 이미지 블록: 항상 2열로 정렬 */
.sub-img-block {
    display:inline-block;
    grid-template-columns: repeat(2, 1fr); /* 2개씩 한 줄에 */
    gap: 12px; /* 이미지 간격 */
    margin:0px 0;
}

/* 이미지 스타일 */
.sub-img-block img {
    width: 100%;
    height: auto;
    border-radius:0px;
    object-fit: cover;
    transition: transform 0.3s ease; margin-bottom:15px;
}

/* 마우스오버 확대 효과 */
.sub-img-block img:hover {transform: scale(1.03);}
}





/* 작성자, 저작권자 */

/* 섹션 래퍼: 페이지 가운데 정렬 및 최대 폭 지정 */
.author-section { max-width:1000px; margin:70px auto 0 auto;}

/* 카드 박스: 여백과 경계선으로 분리감 부여 */
.author-card { background:#fff; border:1px solid #ccc; border-radius:13px; padding:25px; }

/* 제목 스타일 */
.author-title { font-size:17px; font-family:'PolySans Bulky'; margin:0 0 10px 0; color:#000;}

/* 본문 문단 */
.author-text { font-size:13px !important; line-height:1.5 !important; color:#4b5563; margin:0 0 18px 0; }

/* 작성자 영역: 아바타와 텍스트를 가로 정렬 */
.author-author { display:flex; align-items:center; gap:12px; }

/* 아바타 */
.author-author .avatar { width:40px; height:40px; border-radius:50%; overflow:hidden; background:#e5e7eb; flex:0 0 40px; }
.author-author .avatar img { width:100%; height:100%; object-fit:cover; display:block; }

/* 작성자 텍스트 */
.author-author .meta { line-height:1.25; }
.author-author .meta .name { display:block; font-size:14px; font-weight:600; color:#111827; }
.author-author .meta .role { display:block; font-size:12px; color:#6b7280; letter-spacing:.02em; }

@media (max-width: 768px) {
/* 섹션 래퍼: 페이지 가운데 정렬 및 최대 폭 지정 */
.author-section { max-width:100%; margin:50px auto 0 auto;}

/* 카드 박스: 여백과 경계선으로 분리감 부여 */
.author-card { background:#fff; border:0px solid #ccc; border-radius:0px; padding:30px 25px; }

/* 제목 스타일 */
.author-title { font-size:1.1rem; font-family:'PolySans Bulky'; margin:0 0 10px 0; color:#000;}

/* 본문 문단 */
.author-text { font-size:0.8rem !important; line-height:1.7 !important; color:#4b5563; margin:0 0 0px 0; padding:0px !Important;}

/* 작성자 영역: 아바타와 텍스트를 가로 정렬 */
.author-author { display:flex; align-items:center; gap:12px; }

/* 아바타 */
.author-author .avatar { width:40px; height:40px; border-radius:50%; overflow:hidden; background:#e5e7eb; flex:0 0 40px; }
.author-author .avatar img { width:100%; height:100%; object-fit:cover; display:block; }

/* 작성자 텍스트 */
.author-author .meta { line-height:1.25; }
.author-author .meta .name { display:block; font-size:14px; font-weight:600; color:#111827; }
.author-author .meta .role { display:block; font-size:12px; color:#6b7280; letter-spacing:.02em; }

}