@charset "utf-8";
/* =========================================================================
   박하나수학교실 (SUV0) - style_last.css   ( 공통모듈 CSS 덮어쓰기 전용 )
   -------------------------------------------------------------------------
   ★ Bottom.asp 에서 "맨 마지막"에 불러옵니다. 순서가 생명입니다. (탑아너스와 같은 방식)

   게시판(list.asp) · 입학FAQ · 상담실 · 강좌안내 같은 공통모듈은
   Homepage/CSS/UI_Common.css, Homepage/css/style.css 등을 우리 style.css "뒤에" 붙이고,
   그 안에서 p / li / td / div / a / img / input 에 글자색·글꼴·크기를 직접 박아 놓았습니다.
   → 우리 영역(아래 목록) 안에서만 상속(inherit)으로 되돌립니다. 게시판 디자인은 건드리지 않습니다.

       #header · #footer · .quick_banner · .main_box · .main_visual · .lnb · .sub_head

   :where() 는 우선순위 0 → 공통모듈 태그선택자와 같은 무게(나중에 읽혀서 이김),
   우리 style.css 의 클래스 규칙보다는 가벼움(우리 값은 그대로 유지).
   ========================================================================= */

/* 1) 글자 상속 복구 */
:where(#header, #footer, .quick_banner, .main_box, .main_visual, .lnb, .sub_head)
  :is(div, span, p, td, th, table, tr, ul, ol, li, dl, dt, dd, strong, b, em, i, label, form, h1, h2, h3, address) {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
#header, .quick_banner, .main_box, .lnb, .sub_head { font-family: inherit; }

/* 2) 링크 : 공통모듈의 a:link / a:visited 를 같은 방식으로 되돌림
      ( :link 와 :visited 는 묶어 쓰면 브라우저가 무시하므로 따로 적습니다 ) */
:where(#header, #footer, .quick_banner, .main_box, .main_visual, .lnb, .sub_head) a:link,
:where(#header, #footer, .quick_banner, .main_box, .main_visual, .lnb, .sub_head) a:visited,
:where(#header, #footer, .quick_banner, .main_box, .main_visual, .lnb, .sub_head) a:hover,
:where(#header, #footer, .quick_banner, .main_box, .main_visual, .lnb, .sub_head) a:active {
    color: inherit;
    text-decoration: none;
}
/* 2-1) 색을 따로 준 링크 : style.css 와 같은 값 (style.css 를 바꾸면 여기도 같이) */
#header .btn_consult:link, #header .btn_consult:visited { color: #fff; }
#header .gnb > ul > li > a:link, #header .gnb > ul > li > a:visited { color: #111; }
#header .gnb > ul > li:hover > a, #header .gnb > ul > li > a.on { color: #0595f8; }
#header .gnb .dep2 a:link, #header .gnb .dep2 a:visited { color: #555; }
#header .gnb .dep2 a:hover, #header .gnb .dep2 a.on { color: #0595f8; }
#footer .ft_btn:link, #footer .ft_btn:visited { color: #0893fa; }
#footer .ft_btn:hover { color: #fff; }
#footer .ft_link a:link, #footer .ft_link a:visited { color: #939393; }
#footer .ft_link a:hover, #footer .ft_sns a:hover { color: #0595f8; }
#footer .ft_sns a:link, #footer .ft_sns a:visited { color: #797979; }
.lnb ul li a:link, .lnb ul li a:visited { color: #111; }
.lnb ul li a:hover, .lnb ul li a.on { color: #3072b9; }
.sub_head .location a:link, .sub_head .location a:visited { color: #979797; }

/* 3) 이미지 : 공통모듈 img{vertical-align:middle} 되돌림 */
:where(#header, #footer, .quick_banner, .main_box, .main_visual, .lnb, .sub_head) img {
    border: 0;
    vertical-align: top;
}
#header .sys_permit img { vertical-align: middle; }

/* 4) 입력요소 */
:where(#header, #footer, .main_box) :is(input, select, textarea, button) {
    font-family: inherit;
}

/* 5) PageView.asp 등이 본문 위에 뿌리는 시스템 타이틀(NaviArea) 숨기기
      ─ 우리 타이틀(.sub_head)이 나온 페이지(.has_head)에서만 숨깁니다.
        메뉴(URL.XML)에 없는 페이지는 우리 타이틀이 없으므로 시스템 타이틀을 그대로 둡니다. */
.sub_wrap.has_head .sub_cont table:has(td.NaviArea),
.sub_wrap.has_head .sub_cont table:has(td.NaviArea) + br { display: none; }
.sub_wrap.has_head td.NaviArea { display: none; }

/* 6) 서브 본문 글꼴을 Pretendard 로 (크기·색·줄간격은 공통모듈 그대로)
      게시판을 원래 나눔고딕으로 되돌리려면 이 구간만 지우면 됩니다.
      ( 아이콘 글꼴을 쓰는 요소 class*="icon" / <i> 는 제외 ) */
body.sub .sub_cont,
body.sub .sub_cont *:not([class*="icon"]):not(i) { font-family: inherit; }


/* -------------------------------------------------------------------------
   7) 글꼴을 사이트 전체 Pretendard 로 통일  ( 서브 · 게시판 · 로그인 상태 모두 )
      -----------------------------------------------------------------------
      공통모듈 UI_Common.css 가 아래처럼 !important 로 나눔고딕을 박아 둡니다.
          body { font-family:"Nanum Gothic" !important }
          table, span, div, p, td, input, select, ul, li, pre, textarea { font-family:... !important }
      → 상속(inherit)으로는 절대 못 이기므로, 같은 !important 에 우선순위를 더 높여(html body …) 덮습니다.
      · 게시판 / 로그인 후 화면 / 관리자 버튼 등 공통모듈이 붙는 모든 경우에 똑같이 적용됩니다.
      · 아이콘 글꼴은 ::before 에 걸려 있어 영향 없음. 요소 자체에 아이콘 글꼴을 쓰는
        <i> 와 class 에 icon 이 들어간 요소는 제외했습니다.
      · 게시판만 나눔고딕으로 되돌리려면 이 구간을 지우면 됩니다.
   ------------------------------------------------------------------------- */
html body,
html body :is(table, thead, tbody, tr, th, td, span, div, p, ul, ol, li, dl, dt, dd, pre, textarea, input, select, option, button,
              a, label, strong, b, em, font, h1, h2, h3, h4, h5, h6, address, form, fieldset, legend, caption, small):not(i):not([class*="icon"]) {
    font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Malgun Gothic", "맑은 고딕", sans-serif !important;
}
/* PageView 시스템 타이틀(메뉴에 없는 페이지에서만 보임)도 Pretendard 로 */
html body td.NaviTitleArea { font-family: "Pretendard Variable", Pretendard, sans-serif !important; }


/* -------------------------------------------------------------------------
   8) 게시판 글 보기(content.asp) 본문 글자 키우기  ( 공지사항 · 리뷰 · 성적향상 등 모든 게시판 )
      -----------------------------------------------------------------------
      공통모듈은 본문을 <td height="350"> 안의 <div style="overflow:hidden;width:1070 ..."> 에 넣고
      p / div / span 에 12px 을 박아 둡니다.
      · 크기 : 아래 16px / 줄간격 1.8 만 바꾸면 됩니다.
      · 글쓴이가 에디터에서 글자 크기를 직접 정한 부분(style 에 font-size)은 그대로 둡니다.
   ------------------------------------------------------------------------- */
html body.sub .sub_cont td[height="350"] > div[style*="overflow"],
html body.sub .sub_cont td[height="350"] > div[style*="overflow"] :is(p, div, span, li, td, strong, b, a):not([style*="font-size"]) {
    font-size: 16px !important;
    line-height: 1.8 !important;
}
html body.sub .sub_cont td[height="350"] > div[style*="overflow"] { color: #333 !important; }


/* -------------------------------------------------------------------------
   9) 게시판(커뮤니티) 목록 · 글보기 머리 부분 글자 키우기
      -----------------------------------------------------------------------
      · top.asp 가 주소에 /community/ 가 있으면 body 에 bd_page 를 붙입니다.
      · 게시판 표 안 글자를 15px 로 (목록 번호·제목·작성자·날짜 / 글보기 제목·작성자·작성일 등)
      · :where() 로 감싸서 우선순위를 낮췄습니다 → 위 8) 본문 16px 이 그대로 이김
      · 글쓴이가 에디터에서 크기를 직접 정한 글자는 그대로 둡니다.
      · 크기 바꾸기 : 아래 15px 만 수정
   ------------------------------------------------------------------------- */
html body.bd_page .sub_cont :where(table, td, th, a, span, font, b, strong, div, p, li, label):where(:not([style*="font-size"])) {
    font-size: 15px !important;
}
html body.bd_page .sub_cont :where(input, select, button) { font-size: 14px !important; }

/* 9-1) 목록 : 글자를 키워도 작성자 · 작성일 · 조회수가 두 줄로 떨어지지 않게
        (글 링크가 들어 있는 목록 표에서, 링크가 없는 칸 = 제목 말고 나머지 칸만 한 줄 고정) */
html body.bd_page .sub_cont table:has(a[href*="content.asp"]) td:not(:has(a)):not([height]) {
    white-space: nowrap !important;
}