@charset "utf-8"; /* ============================================================ * am-guard.css — AM솔루션(애니스포츠) 프로그램 영역 보호 * * 프로그램이 들어가는 페이지에서만, 우리 CSS 맨 뒤에 로드합니다. * ($AM_PAGE = 1; 을 선언하면 title.php 가 자동으로 넣습니다) * * [ 왜 필요한가 ] * AM 스킨 CSS 는 안에서 로드되므로, 스킨이 직접 지정하는 속성은 * 우리 CSS 보다 뒤에 와서 그대로 이깁니다. 문제는 스킨이 지정하지 '않는' * 상속 속성(글자 크기·링크 색)입니다. 그건 우리 base.css 값이 그대로 * 프로그램 화면까지 흘러 들어갑니다. 이 파일은 그 부분만 되돌립니다. * * [ 모든 셀렉터를 :where() 로 감싼 이유 — 반드시 지켜주세요 ] * :where() 안의 클래스는 명시도가 0 으로 계산됩니다. * 즉 이 파일의 규칙은 "아무도 지정하지 않았을 때만" 적용되고, * AM 스킨이 조금이라도 지정한 속성은 언제나 스킨이 이깁니다. * * :where() 없이 `.apply_form a { color:#333 }` 로 쓰면 명시도가 (0,1,1) 이라 * 스킨의 `.address_btn { color:#fff }` (0,1,0) 를 눌러버립니다. * 실제로 2026-08-10 푸르메런에서 우편번호 버튼 글자색이 * 흰색 → 검은색으로 바뀌는 문제가 이 때문에 발생했습니다. * * [ 원칙 ] * · 기존 운영 사이트(common.css)에서 이미 검증된 값으로만 되돌립니다. * · 레이아웃(margin·padding·box-sizing)은 건드리지 않습니다. * 기존 사이트들도 * { margin:0; padding:0; box-sizing:border-box } 상태로 * AM 이 정상 동작 중이라, 손대면 오히려 어긋납니다. * ============================================================ */ /* AM 프로그램이 출력되는 래퍼들 ── 실제 확인: 게시판 .amboard / 참가신청 .apply_form / FAQ·게시판 .new_board_2021 ── kasmirun · mindrun · 더레이스 · 푸르메런에서 동일한 이름을 확인했습니다. ── 새 스킨을 쓰다가 빠진 래퍼가 보이면 아래 목록에 추가하세요. */ :where(.amboard, .amboard_paging, .apply_form, .new_board_2021) { /* 우리 body 는 18px 입니다. 프로그램 화면까지 커지지 않도록 되돌립니다. */ font-size: 16px; line-height: 1.5; } /* 링크 색 — base.css 는 color: inherit 이라 어두운 배경 섹션 안에 프로그램이 들어가면 글자가 안 보일 수 있습니다. 스킨이 색을 지정한 버튼·링크는 스킨 값이 그대로 유지됩니다. */ :where(.amboard, .apply_form, .new_board_2021) a { color: #333; } /* 폼 요소 — base.css 에서 지운 기본 여백을 프로그램 안에서는 되돌립니다. * * ※ revert 를 쓰면 안 됩니다. * revert 는 "브라우저 기본값"으로 돌아가는 것이지 부트스트랩 값이 아닙니다. * label 은 브라우저 기본 여백이 0 이라 revert 해도 그대로 0 이고, * fieldset 은 오히려 브라우저 기본 테두리(groove)가 되살아납니다. * 그래서 아래는 전부 Bootstrap 3.3.7 값을 직접 적어둡니다. * (2026-08-10 수정 — label 17개의 아래 여백 5px 이 사라져 있었습니다) */ :where(.amboard, .apply_form, .new_board_2021) label { margin-bottom: 5px; } :where(.amboard, .apply_form, .new_board_2021) legend { margin-bottom: 20px; } :where(.amboard, .apply_form, .new_board_2021) address { margin-bottom: 20px; } :where(.amboard, .apply_form, .new_board_2021) figure { margin: 1em 40px; } /* fieldset 은 부트스트랩도 0 입니다. base.css 와 같으므로 값만 명시해 둡니다. */ :where(.amboard, .apply_form, .new_board_2021) fieldset { margin: 0; padding: 0; border: 0; min-width: 0; } /* 표 캡션 — base.css 는 display:none 입니다. 프로그램 게시판이 캡션으로 안내문을 쓰는 경우가 있어 되살립니다. */ :where(.amboard, .apply_form, .new_board_2021) caption { display: table-caption; } /* ------------------------------------------------------------ * 문단·제목·목록 여백 복원 * * 기존 사이트들은 CSS 순서가 reset → utility → bootstrap 이라 * 부트스트랩이 마지막에 와서 기본 여백(p 아래 10px 등)이 살아있습니다. * 우리는 bootstrap → base.css → … 순이라 base.css 가 그걸 전부 0 으로 * 만들어 버립니다. AM 스킨은 그 여백이 있다고 보고 만들어져 있어서, * 스킨이 따로 지정하지 않은 문단·목록의 위아래 간격이 사라집니다. * * 아래 값은 Bootstrap 3.3.7 기본값 그대로입니다. * :where() 라 스킨이 지정한 곳은 스킨 값이 그대로 유지됩니다. * (2026-08-10 푸르메런 신청폼 여백 누락으로 추가) * ------------------------------------------------------------ */ :where(.amboard, .apply_form, .new_board_2021) p { margin: 0 0 10px; } :where(.amboard, .apply_form, .new_board_2021) :is(h1, h2, h3) { margin-top: 20px; margin-bottom: 10px; } :where(.amboard, .apply_form, .new_board_2021) :is(h4, h5, h6) { margin-top: 10px; margin-bottom: 10px; } :where(.amboard, .apply_form, .new_board_2021) :is(ul, ol) { margin-top: 0; margin-bottom: 10px; } :where(.amboard, .apply_form, .new_board_2021) dl { margin-top: 0; margin-bottom: 20px; } :where(.amboard, .apply_form, .new_board_2021) blockquote { margin: 0 0 20px; } /* ------------------------------------------------------------ * 클래스명 충돌 차단 — .sub_title * * AM 도 .sub_title 을 씁니다. 다만 성격이 다릅니다. * 우리 : 페이지 대제목 h2 (38px, 가운데, 아래여백 60px) * AM : h3 를 감싸는 래퍼 div (text-align 만 지정) * * AM 스킨은 font-size·margin·color 를 지정하지 않기 때문에, * 우리 sub.css 값이 AM 블록으로 그대로 새어 들어갑니다. * (신청확인 페이지에서 제목 아래 여백이 과하게 벌어지던 원인) * * 여기서 상속값으로 되돌려 둡니다. text-align 은 AM 스킨이 * 나중에 center 로 잡으므로 건드리지 않습니다. * * ※ 우리 페이지의 h2.sub_title 은 AM 래퍼 밖에 있어 영향받지 않습니다. * ------------------------------------------------------------ */ :where(.amboard, .apply_form, .new_board_2021) .sub_title { font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: normal; color: inherit; } /* ※ 여기에 margin-bottom: 0 을 넣지 마세요. sub.css 의 .sub_title 여백(60px)을 취소하려다 공간까지 없애서 안내문과 아래 박스가 붙어버립니다. (2026-08-10 되돌림) AM 은 .sub_title p 에 margin-bottom: 40px 을 갖고 있으니 여백은 그쪽에 맡기면 됩니다. */