/*
 * seo-heading.css
 * SEO: 페이지마다 h1 을 하나만 두기 위해 일부 제목을 h1 → h2 로 바꿨습니다.
 * 아래는 기존 h1 스타일을 h2 에 그대로 적용하는 규칙입니다 (style.css, 게시판 스킨 CSS 에서 자동 복사).
 * h1 쪽 스타일을 고치면 이 파일의 같은 선택자도 함께 고쳐 주세요.
 */

/* from css/style.css */
.sub-visual .visual-inner > h2 { display: block; margin:0 auto; max-width:1280px; width: 100%; font-weight:700; font-size:50px; color:#fff; text-align:left; word-break:keep-all; }
@media screen and (max-width: 1260px) {
  .sub-visual .visual-inner > h2 { padding:0 30px; }
}
@media screen and (max-width: 768px) {
  .sub-visual .visual-inner > h2 { padding:0 20px; font-size:44px; }
  .sub-visual .visual-inner > h2 span { font-size:14px; }
}
@media screen and (max-width: 640px) {
  .sub-visual .visual-inner > h2 { font-size:30px; }
  .sub-visual .visual-inner > h2 span { margin-top:5px; font-size:12px; letter-spacing:.5px; }
}
.sub-page-tit h2 { margin-bottom: 30px; }
.sub-page-tit h2 em { position: relative; display: inline-block; margin-bottom: 10px; font-style: normal; font-size: 16px; color: #133e35; text-overflow:ellipsis; text-transform:uppercase; letter-spacing: 0; }
.sub-page-tit h2 em:after { content:''; display: inline-block; vertical-align: baseline; margin-left: 10px; width:6px; height:6px; border-radius:50%; background:#133e35; }
.sub-page-tit h2 span { display:inline-block; font-weight:800; font-size:50px; color:#1d1d1d; }
@media screen and (max-width: 768px) {
  .sub-page-tit h2 { margin-bottom: 27px; }
  .sub-page-tit h2 em { margin-bottom: 8px; font-size: 14px; }
  .sub-page-tit h2 em:after { margin-left: 8px; width: 5px; height: 5px; }
  .sub-page-tit h2 span { font-size: 40px; }
}
@media screen and (max-width: 640px) {
  .sub-page-tit h2 { margin-bottom: 15px; }
  .sub-page-tit h2 em { margin-bottom: 5px; font-size: 12px; }
  .sub-page-tit h2 em:after { margin-left: 5px; width: 4px; height: 4px; }
  .sub-page-tit h2 span { font-size: 27px; }
}
.location-wrap .location-info h2 { font-weight: 700; font-size: 30px; color: #133e35; }
@media screen and (max-width: 767px) {
  .location-wrap .location-info h2 { font-size: 20px; }
}
.board-quick .board-title h2 { position:relative; display:inline-block; margin-bottom: 10px; font-weight:700; font-size:30px; font-family: 'Poppins'; color:#444; letter-spacing:1px; text-transform: uppercase; }
.board-quick .board-title h2:after { content:''; position:absolute; top:4px; left:100%; margin-left: 10px; width:26px; height:25px; background: url('/images/sub/sub_visual_bullet.png') no-repeat 0 0; }
@media screen and (max-width: 640px) {
  .board-quick .board-title h2 { margin-bottom:5px; font-size:22px; }
  .board-quick .board-title h2:after { top:0; margin-left:5px; height:12px; background-size:auto 100%; }
}
.board-quick .board-quick-inner > div > h2 { margin-top:50px; margin-bottom:15px; font-weight:500; font-size:20px; color:#1a1a1a; }
.board-quick .board-quick-inner > div > h2:first-child { margin-top:0; }
.view-case-list > .inner > h2 { margin-bottom:45px; font-weight:500; font-size:24px; color:#000; }
@media screen and (max-width: 768px) {
  .view-case-list > .inner > h2 { margin-bottom:20px; font-size:18px; }
}
.member-view .member-view-conts > h2 { margin:75px 0 38px; font-weight: 700; font-size: 30px; color: #1d1d1d; }
.member-view .member-case .member-case-box .txt-wrap h2 { font-weight: 800; font-size: 26px; color: #fceea3; word-break:keep-all; }
@media screen and (max-width: 767px) {
  .member-view .member-view-conts > h2 { margin:45px 0 20px; font-size: 22px; }
  .member-view .member-case .member-case-box .txt-wrap h2 { font-size: 18px; }
}
/* from skin/board/boximage/style.css */
.board-view-outer > h2 { position:relative; display:block; margin-bottom: 20px; width:100%; font-weight: 400; font-size:20px; color:#005596; }
.board-view-outer > h2 a { position:absolute; top:50%; right:0; margin-top:-8px; width:16px; height:16px; font-size:0; }
.board-view-outer > h2 a:before, .board-view-outer > h2 a:after { content:''; position:absolute; top:0; left:50%; margin-left:-2px; width:2px; height:100%; background:#005596; }
.board-view-outer > h2 a:after { transform:rotate(-90deg); }
.board-view-outer > h2 + p { margin-bottom: 60px; font-weight: 300; font-size:16px; color:#111; }
.board-view-outer ul li .text-wrap h2 { margin-bottom: 13px; font-weight:300; font-size:14px; color:#666; }
.board-view-outer ul li .text-wrap h2 strong { display:block; font-weight:400; font-size:18px; color:#333; }
@media screen and (max-width: 480px) {
  .board-view-outer > h2 { font-size: 18px; margin-bottom: 10px; }
  .board-view-outer > h2 + p { margin-bottom: 22px; }
}
/* from skin/board/case3_1/style.css */
.board-view-outer > h2 { position:relative; display:block; margin-bottom: 20px; width:100%; font-weight: 400; font-size:20px; color:#005596; }
.board-view-outer > h2 a { position:absolute; top:50%; right:0; margin-top:-8px; width:16px; height:16px; font-size:0; }
.board-view-outer > h2 a:before, .board-view-outer > h2 a:after { content:''; position:absolute; top:0; left:50%; margin-left:-2px; width:2px; height:100%; background:#005596; }
.board-view-outer > h2 a:after { transform:rotate(-90deg); }
.board-view-outer > h2 + p { margin-bottom: 60px; font-weight: 300; font-size:16px; color:#111; }
.board-view-outer ul li .text-wrap h2 { margin-bottom: 13px; font-weight:300; font-size:14px; color:#666; }
.board-view-outer ul li .text-wrap h2 strong { display:block; font-weight:400; font-size:18px; color:#333; }
@media screen and (max-width: 480px) {
  .board-view-outer > h2 { font-size: 18px; margin-bottom: 10px; }
  .board-view-outer > h2 + p { margin-bottom: 22px; }
}


/* 칼럼 글 제목: <p class="bo_v_tit"> → <h1 class="bo_v_tit"> (모양은 기존 p 와 동일하게) */
#bo_v2 .bo_v_title .cate_tit h1.bo_v_tit { margin:0; padding:0; font:inherit; color:inherit; letter-spacing:inherit; word-break:break-all; }
