@charset "UTF-8";

/* 카테고리 탭. 퍼블 정본은 /_share/acnhor/board/photo-gallery.do 이고
   규칙 원본은 _share/css/img01-02.css 에 있다. 그 파일은 이미지 게시판 전용 자산이라
   iacf.css 의 @import 체인에 없고, 무스코프 규칙이 많아 통째로 실으면 목록이 오염된다.
   그래서 탭 규칙만 이 유형 스코프로 옮겨 쓴다. 값은 퍼블 원본 그대로다. */
.research-report-anchor .b-tabs-container {display: flex; flex-direction: column;}
.research-report-anchor .b-tabs-header {display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 40px;}
.research-report-anchor .b-tab-a {cursor: pointer; transition: background ease .2s; flex: 0 0 auto; border: 1px solid rgba(0, 0, 0, 0.2); font-weight: 600; font-size: 18px; line-height: 120%; text-align: center; color: #767676; padding: 12px 20px; border-radius: 50px;}
.research-report-anchor .b-tab-a.active {background: #000000; color: #fff;}

/* 퍼블은 탭마다 패널을 두고 JS 로 전환하지만 이 게시판은 카테고리를 서버에서 걸러
   한 번에 한 패널만 그린다. 패널 인셋(padding·margin)을 그대로 두면 표가 검색바와 어긋나므로 뺀다 */
.research-report-anchor .b-tab-content {display: none; padding: 0; margin: 0; background: none;}
.research-report-anchor .b-tab-content.active {display: block;}

@media screen and (max-width: 768px) {
	.research-report-anchor .b-tabs-header {margin-bottom: 20px;}
	.research-report-anchor .b-tab-a {font-size: 16px; padding: 10px 16px;}
}

/* 보안문자. 퍼블 정본에 없는 요소라(비회원 등록 게시판에서만 나온다) 최소 배치만 준다.
   이미지 옆에 새로고침·음성듣기 아이콘을 붙이고 입력칸을 아래 줄에 둔다 */
.research-report-anchor .b-captcha-box {display: flex; align-items: center; gap: 8px; margin: 0 0 10px;}
.research-report-anchor .b-captcha-box img {display: block;}
.research-report-anchor .b-captcha-box a {display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px;}