/**
 * 옛 테마 CSS 에서 넘겨받은 최소 규칙 (시안 원본에는 없는 테마 통합용 파일)
 *
 * 이식한 페이지는 옛 default.css(267KB)를 더 이상 걸지 않는다. 옛 CSS 가
 * #container 에 138px 윗여백을, #contents 에 1400px 폭 제한을 걸고, .btn 같은
 * 이름이 시안과 겹쳐 새 화면을 눌렀기 때문이다.
 *
 * 다만 새 화면도 그누보드 공통 기능 몇 가지는 계속 쓴다. 그 규칙만 여기로 옮겼다.
 *   - .sound_only        스크린리더 전용 글자 (게시판 목록·보기 스킨이 쓴다)
 *   - .btn_b01           게시판 수정·삭제·답변 같은 관리 버튼
 *   - #hd_pop, .hd_pops  메인 팝업 레이어
 *
 * 그리고 모든 페이지 공통으로 옛 래퍼를 새 헤더에 맞춘다.
 *   - 새 헤더(.hd)는 sticky 라 본문을 밀어 내릴 필요가 없다. 옛 138px 윗여백을 없앤다.
 *     (아직 이식하지 않은 페이지는 옛 CSS 를 그대로 쓰므로 이 파일이 그 뒤에서 덮는다.)
 */

/* 옛 래퍼 — 새 헤더 기준 */
#container{padding-top:0}

/* 이미지 축소 방식 되돌리기
   plugin/goplugin/css/reset.css 가 모든 img 에 image-rendering:crisp-edges 를 건다.
   줄일 때 픽셀을 섞지 않고 골라 떼어 내서, 크게 줄여 쓰는 시안 이미지(로고 500→210px,
   수강생 사진 240→64px 등)의 가장자리가 계단처럼 깨진다. 시안은 이 reset.css 를
   쓰지 않았다. 플러그인 파일은 5개 지점이 함께 쓰므로 여기서만 되돌린다. */
img{image-rendering:auto;-ms-interpolation-mode:bicubic}

/* 스크린리더 전용 */
.msg_sound_only, .sound_only{display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 게시판 관리 버튼 */
.btn_b01,.btn_b01{display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent}
.btn_b01:hover, .btn_b01:hover{color:#000}

/* 메인 팝업 레이어 */
#hd_pop{z-index:1000;position:absolute;left:0;top:0;margin:0 auto;width:100%;height:0}
#hd_pop h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops{position:absolute;max-width:100%;background:#fff}
.hd_pops img{max-width:100%}
.hd_pops_con{}
.hd_pops_footer{position:absolute;left:0;top:100%;padding:5px 0;width:100%;;color:#fff;text-align:left;}
.hd_pops_footer:after{display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button{padding:5px 10px;border:0;border-radius:100px;font-size:13px;font-size:0.8125rem;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:5px;right:0}
@media all and (max-width:1024px){.hd_pops{top:0 !important;left:0 !important;height:auto !important}.hd_pops_con{width:auto !important;height:auto !important}}
