/*
 * seo-heading.css
 * SEO: 페이지마다 h1 을 하나만 두기 위해 일부 제목 태그를 바꿨습니다.
 *  - 배너·섹션 제목 h1 → h2
 *  - 센터 페이지 상단 큰 제목 h3 → h1
 * 아래는 기존 스타일을 바뀐 태그에 그대로 적용하는 규칙입니다 (기존 CSS 에서 자동 복사).
 * 원래 스타일을 고치면 이 파일의 같은 선택자도 함께 고쳐 주세요.
 */

/* h1 → h2 : css/style.css */
.main-conts-tit-wrap h2 { color:#fff; font-size:54px; font-weight:700; word-break:keep-all; }
.main-conts-tit-wrap h2.bk { color:#000; }
@media screen and (max-width: 1024px) {
  .main-conts-tit-wrap h2 { font-size:44px; }
}
@media screen and (max-width: 768px) {
  .main-conts-tit-wrap h2 { font-size:26px; }
}
.privacy-pop h2 { margin-bottom:0; padding:0 20px; background:#333; font-weight:500; font-size:16px; line-height:40px; color:#fff; text-align:left; }
.sub-visual .visual-inner > h2 { font-weight:600; font-size:58px; color:#fff; }
@media screen and (max-width: 1024px) {
  .sub-visual .visual-inner > h2 { font-size:48px; }
}
@media screen and (max-width: 768px) {
  .sub-visual .visual-inner > h2 { font-size:28px; }
}
/* h1 → h2 : skin/board/column/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; }
}
/* h1 → h2 : skin/board/review/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; }
}
/* h3 → h1 : css/criminal.css */
.criminal-wrap .visual .text h1 { padding-top:25px; color:#fff; font-size:70px; font-weight:400; line-height:1.3; }
.criminal-wrap .visual .text h1 span { background-image: linear-gradient(93deg,rgba(250, 199, 107, 1) 6%, rgba(254, 234, 163, 1) 33%, rgba(214, 157, 75, 1) 60%, rgba(193, 134, 52, 1) 82%, rgba(254, 213, 131, 1) 100%); background-clip: text; -webkit-background-clip: text; color: transparent; font-weight:700; }
@media screen and (max-width: 1024px) {
  .criminal-wrap .visual .text h1 { font-size:50px; }
}
@media screen and (max-width: 768px) {
  .criminal-wrap .visual .text h1 { padding-top:15px; font-size:35px; }
}
/* h3 → h1 : css/sex.css */
.sex-wrap .visual .text h1 { padding-bottom:30px; color:#fff; font-size:70px; font-weight:400; line-height:1.3; word-break:keep-all; }
.sex-wrap .visual .text h1 strong { background-image: linear-gradient( -3deg, rgb(250,199,107) 6%, rgb(254,234,163) 33%, rgb(214,157,75) 60%, rgb(193,134,52) 82%, rgb(254,213,131) 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; display: inline-block; }
.sex-wrap .visual .text h1 span { color:#a29874; font-weight:700; }
@media screen and (max-width: 1024px) {
  .sex-wrap .visual .text h1 { font-size:50px; }
}
@media screen and (max-width: 768px) {
  .sex-wrap .visual .text h1 { padding-bottom:20px; font-size:32px; }
}
/* h3 → h1 : css/civil.css */
.civil-wrap .visual .text h1 { padding-bottom:30px; color:#fff; font-size:70px; font-weight:400; line-height:1.3; word-break:keep-all; }
.civil-wrap .visual .text h1 span { background-image: linear-gradient(93deg,rgba(170, 161, 124, 1) 6%, rgba(235, 224, 188, 1) 33%, rgba(158, 149, 114, 1) 60%, rgba(153, 141, 122, 1) 82%, rgba(148, 140, 113, 1) 100%); background-clip: text; -webkit-background-clip: text; color: transparent; font-weight:700; }
@media screen and (max-width: 1024px) {
  .civil-wrap .visual .text h1 { font-size:50px; }
}
@media screen and (max-width: 768px) {
  .civil-wrap .visual .text h1 { padding-bottom:20px; font-size:32px; }
}
/* h3 → h1 : css/divorce.css */
.divorce-wrap .visual .slide01 .text h1 { padding-bottom:30px; color:#fff; font-size:70px; font-weight:400; line-height:1.3; word-break:keep-all; }
.divorce-wrap .visual .slide01 .text h1 span { color:#cd9292; }
.divorce-wrap .visual .slide01 .text h1 strong { font-weight:700; }
@media screen and (max-width: 1024px) {
  .divorce-wrap .visual .slide01 .text h1 { font-size:50px; }
}
@media screen and (max-width: 768px) {
  .divorce-wrap .visual .slide01 .text h1 { padding-bottom:20px; font-size:32px; }
}