/*
slow 레이아웃 css를 수정하는 custom.css
필요한 스타일을 추가함으로써 원래 css를 변경하지 않고도 수정 가능
*/

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap');

/* audio,canvas,embed,iframe,img,object,svg,video{display:unset} /* 게시판 본문에서 이미지가 좌측으로 정렬되는 것 방지 */

/* .app-board-category>li>a {padding: 0.1rem 0.5rem; font-size: 1rem !important;}} */
/* .app-board-template-list li > a { font-size: 1em !important; } */

html, body, table, input, textarea, select, button { font-family: 'Gowun Dodum', 'Noto Sans CJK', 'Pretendard Variable', 'Noto Sans KR', 나눔고딕, NanumGothic, 'Malgun Gothic', sans-serif; } /* 레이아웃 전체 폰트 재설정 */
/* html, body, table, input, textarea, select, button { font-family: 'Segoe UI', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Lato', 'Liberation Sans', 'Noto Sans', 'Helvetica Neue', 'Helvetica', 나눔고딕, NanumGothic, 'Malgun Gothic', sans-serif; } /* 전체 폰트 */
/* html, body, table, input, textarea, select, button { font-family: 'Noto Sans Korean', 'Noto Sans Korea', 'NotoSansKR', 나눔고딕; } /* 레이아웃 전체 폰트 재설정 */

.tw-text-3xl, .app-header, .app-header-logo { font-size: 1.7rem !important; font-family: 'Gowun Dodum', 'Noto Sans CJK', 'Pretendard Variable', 'Noto Sans KR', 'Noto Sans Korean', 'Noto Sans Korea', 나눔고딕; font-weight: unset !important; } /* 문서 제목 폰트 사이즈 */
.tw-text-2xl { font-size: 1.3rem !important; font-family: 'Gowun Dodum', 'Noto Sans CJK', 'Pretendard Variable', 'Noto Sans KR', 'Noto Sans Korean', 'Noto Sans Korea', 나눔고딕; /* font-weight: unset !important; */ } /* 문서 제목 폰트 사이즈 */

.author { font-weight: unset !important; }

/* Gowun Dodum 사용 시 레이아웃 폰트 조절 */
.tw-text-base, .tw-text-sm, .app-sidebar-left__nav > li .app-sidebar-left__nav__item > a, .app-sidebar-left__nav__child > li > a, .app-widget-comment > li > a .app-widget-comment-body { font-size: .97rem !important; }
.rxp-tag-related .rxp-tag-related__title, .rxp-tag-related .rxp-tr-item__title { font-size: .97rem !important; }
/* .tw-text-sm .tw-font-bold .tw-text-primary { font-size: .8rem !important; } 작동 안함 */
/* 
사이드바 제목 .tw-text-base
사이드바 항목 .tw-text-sm
사이드바 댓글 위젯 .app-widget-comment > li > a .app-widget-comment-body
사이드 메뉴 제목 .app-sidebar-left__nav > li .app-sidebar-left__nav__item > a
사이드 메뉴 항목 .app-sidebar-left__nav__child > li > a
연관글 제목 .rxp-tag-related .rxp-tag-related__title
연관글 항목 .rxp-tag-related .rxp-tr-item__title
*/

.app-board-template-list li > .app-list-container, .app-board-template-list li > a {font-size: 1rem !important;} /* 목록 위 공지, 화제의 글 등 */
/* .app-board-template-table {font-size: 1rem !important;} /* 테이블형 목록에서 글자 크기 */

.tw-text-xs { display: none !important; } /* 최근글 위젯 글쓴이 항목 안보이게 */

.app-sidebar-left__nav__child > li { padding: 0.2rem 0.5rem 0.2rem 1.6rem !important; } /* 왼쪽 사이드 메뉴 2차 메뉴 위치 조절 */
/*.app-sidebar-left__nav__child > li > a { color: unset !important; } */
.app-sidebar-left__nav > li, .app-sidebar-left__nav__item > a { color: unset !important; } /* 메뉴 글자 색상 등 진하게 복원 */

/* 왼쪽 사이드바 스크롤 및 간격 조정 */
.app-layout__sidebar-left { margin-right: 10px !important; }
.app-sidebar-left { padding: 2rem 1.2rem 2rem 0 !important; position: unset !important; height: unset !important; }
/* 헤더 고정 해제, 여백 없애고 */
.app-header { position: unset !important; }
.app-header-space { height: 0 !important; }
.app-custom-scroll::-webkit-scrollbar-thumb { background: none; } /* 스크롤바 컬러 안보이게 */

/* .search input[type="text"] { height: 32px !important; } /* isx 모듈로 인해 검색창 좁아진 문제 해결.. isx 자체 문제로 미사용 */
.quiz_wrap, .quiz_list {  margin: 40px 20px 10px 20px !important; } /* 퀴즈게임 문제 상자 위치 - 윗 여백 */

/* 변수 설정 창 */
/* .app-extra-form > ul { display: flex !important; } */

.app-header .app-header-logo { font-size: 1.45rem !important; font-weight: 700 !important; } /* 로고 폰트 사이즈 */

/* 통계 페이지 iframe 정보 */
.xe_content iframe { border: unset; } /* 레이아웃 차원에서 iframe 외곽선 없애 */
.sts_para { background-color: white !important; padding: 20px; display: unset; font-size: 15px; line-height: 150%; } /* div 전체로 묶어 전체 흰색 */
.sts_para a { color: #0066ff !important; }
/* .sts_p { font-size: 15px; line-height: 150%; } /* p 태그에 적용할 스타일 */

/* .app-board-grid, .app-grid-title, .app-grid-title__text { font-size: .91rem !important; } */

/* 폰트어썸 사용
layout head 부분에 아래 코드 삽입
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> 혹은
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"> 혹은
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
https://cdnjs.com/libraries/font-awesome 이곳에서 CDN 링크 확인
*/
/* wiki 텍스트 있는 링크 뒤에 사전 아이콘 추가하기 - 본문 부분 /f00e f06a*/
.xe_content a[href*="wiki"]::after {
    padding: 0 2px;
    font-family: "Font Awesome 5 Free";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto;
	font-size: 10px;
	font-weight: 600; /* 900, 400, 300 */
	vertical-align: 20%;
    content: "\f08e"; /* \f02d - 책, \f266 - 위키, f4ad - 말풍선, f08e - 바깥 화살표 ... free icon 만 가능 */
	} /* wiki 텍스트 있는 링크 뒤에 사전 아이콘 추가하기 - 본문 부분 /f00e f06a*/

/* 레이아웃 중앙과 우측 사이드바 윗 여백 조정 */

/* .app-layout > .app-content { padding-top: 1rem; } /* 중앙 */
/* .app-aside .app-aside-container { padding-top: 1rem !important; } /* 우측 사이드바 */
/* .app-aside { padding-right: 1.5rem; } /* 우측 메뉴 우측 패딩 조절 */
/* .app-layout > .app-content { margin-right: -30px; } /* 페이지 가운데 영역 우측 확장 */
/* .app-layout-aside { border-left: unset !important; margin-left: unset !important; }
/* slow lay-out에서 첫 화면 / xet 위젯 재설정 */
.app-aside { padding-left: unset !important; } /* 통계구역 우측 여백 없애기 위해 우측 메뉴의 좌 여백 삭제 */
.app-layout-aside { border-left: unset !important; margin-left: 1.8rem !important; } /* 우측 메뉴 왼쪽 선 없애기, 폭 좁히기 */

.xet_widget_webzine > li {
  padding: 0 !important;
  margin: 10px 3px !important;
  background-color: white;
  border-radius: 0px;
  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.11);
}

.xet_widget_webzine > a {
    display: block;
  }

.xet_widget_webzine > li:hover {
  /* cursor: pointer; */
  background-color: #F8F8F8;
}

.xet_widget_webzine .content_wrp { padding: 10px 25px 0 5px; }
/* .title_wrp { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} */

/* .xet_widget_wrp * { border-radius: 5px; } 섬네일 */
/* .xet_widget_webzine .title_wrp .subject { font-size: 20px !important; } */

/* xet 위젯 웹진 리스트 모바일일 때 내용, 카테고리 감춤
@media (max-width: 1216px) {
  .xet_widget_webzine, .title_wrp .subject { font-size: 18px; }
}*/

/* xet 위젯 웹진 리스트 제목 .. 끝 자르기 
.xet_widget_webzine .title_wrp .subject { text-overflow: ellipsis; white-space: nowrap; } */

/* xet 위젯 웹진 리스트 모바일일 때 본문 요약 감춤 */
@media (min-width:641px) and (max-width:800px) {
  .mobile_res { display: none; }
  .xet_widget_gallery_wrp { padding: 10px 15px !important; }
  .xet_widget_webzine .title_wrp .subject { font-size: 16px !important; }
}

/* 카테고리, 날짜 감춤 */
@media (max-width: 640px) {
  .cate_wrp, .date { display: none !important; }
  .mobile_res { display: none; }
  .xet_widget_gallery_wrp { padding: 10px 15px !important; }
  .xet_widget_webzine .title_wrp .subject { font-size: 14px !important; }
  .title_wrp { overflow: unset; text-overflow: unset; white-space: unset;}
}

.xet_widgetTitle h3 { font-size: 20px !important; font-weight: 600; } /* 대문 위젯 타이틀 크기 */
.xet_widgetTitle { margin-left: 10px !important; }
.xet_widget_gallery_wrp { background-color: #fff; padding: 10px 20px; margin: 0 3px; border-radius: 0px; box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 11%); } /* xet 갤러리 위젯 css */
.xet_widget_gallery li { padding: 0 5px !important; }
.replyNum, .replyNum a { font-style: unset; font-size: 100% !important; }

/* 게시판 플로팅 메뉴 감추기 */
.app-article-floating-menu, .app-fr-button { display: none !important; }

/* .xet_widget_webzine .title_wrp .subject:hover { color: #D35400; } */
.xet_widget_gallery li .title_wrp .subject:hover { color: #D35400; }

/* 통합검색 스킨 - neverest 메인 배경 색상 */
.nr.section { background-color: #fff; }
.nr * { font-family: unset !important; }

/* 스케치북 게시판 폰트 조절 */
.bd_tb_lst td.title { font-size: .97rem !important; }
.bd_tb_lst th, .bd_tb_lst td { font-size: .97rem !important; }

/* 검색 결과 게시판 폰트 색상 */
.nr.list li a:visited { color: #8184a9 !important; }

/* 인쇄 예쁘게 애드온 css */
.read_header { margin-left: 10px; } /* 튀어나온 헤더 부분 위치 조정 */
.read_body .xe_content { margin-top: 20px; }

/* 글 상태(새로운글, 업데이트됨 등) 박스 위치 */
.app-post-item__status { top: 2px !important; left: 0px !important; }

/* 구글 애드센스 미송출 시 여백 가리는 css */
ins.adsbygoogle[data-ad-status="unfilled"] { display: none !important; }

/* 작성 댓글 보기 모듈 - 스케치북 스타일 */
.xmc .full-width { width: 100% !important; } /* 폭 최대로 기존 90% */
#commentListTable { font-size: 15px; }
.xm .table { font-size: 15px; } /* default 스타일 */

/* 링크 프리뷰 모듈  */
.preview_card_wrapper { max-width: unset !important; }
.preview_card_text_container { max-height: 130px !important; }
.preview_card_link img { height: 130px !important; }
.preview_card_text_container span { font-size: 85% !important; }
.preview_card_text_container .preview_card_title { font-size: 100% !important; font-weight: 700; }

/* ap_templete details 접기 펼치기 */
.details_box { font-size: 90%; border-left: 3px solid lightgrey; background-color: #f3f3f3; padding: 10px 30px 5px 20px; border-radius: 10px; }
.details_summary { font-size: 110% !important; display: list-item !important; border-bottom: 2px solid #ddd; line-height: 200%; /* margin-bottom: 10px; */ }

/* 스케줄 모듈 */
.atc { font-size: 130%; }

/* 이미지 등 가로 꽉채우기 100% */
.full-width { width: 100%; }
