/* 공통 사용자 로고 설정
 * background
 *     none: 보이지 않음
 *     url(이미지URL): 설정한 URL이 나타납니다.
 *     이미지 사이즈는 너비는 93px, 높이는 12px를 권장합니다.
 *     해당하는 이미지보다 큰 이미지를 사용하는 경우, 이미지 크기에 맞게 width와 height를 조정하시면 됩니다.
 *     로고 위치를 조정할 경우 margin(margin-top, margin-left, margin-right)을 조정하여 사용하시면 됩니다.
 *     권장하는 사이즈 보다 작을 시에 no-repeat; 를 추가하면 로고 이미지가 반복되지 않습니다.
*/
/* .wrap__logo {
	background: none;
} */

/* 모바일 모드 사용자 로고 설정
 * background
 *     none: 보이지 않음
 *     url(이미지URL): 설정한 URL이 나타납니다.
 *     이미지 사이즈는 너비는 46px, 높이는 12px를 권장합니다.
 *     해당하는 이미지보다 큰 이미지를 사용하는 경우, 이미지 크기에 맞게 width와 height를 조정하시면 됩니다.
 *     로고 위치를 조정할 경우 margin(margin-top, margin-left, margin-right)을 조정하여 사용하시면 됩니다.
 *     권장하는 사이즈 보다 작을 시에 no-repeat; 를 추가하면 로고 이미지가 반복되지 않습니다.
*/
/* @media screen and (max-width: 768px) {
	.wrap__logo {
		background: none;
	}
} */

/* 문서명 폰트 설정
 * 문서명 폰트의 크기를 조정할 수 있습니다.
*/
/* .wrap__title {
	font-size: 15px;
} */

/* 상단 헤더 색상 설정
 * --menu-bg-color를 이용해 상단 헤더 배경색을 설정할 수 있습니다.
 * fill, stroke를 이용해 상단 헤더의 버튼 색상을 설정할 수 있습니다.
 * --menu-hover-bg-color, --more-submenu-hover-bg-color를 이용해 버튼의 호버 색상을 설정할 수 있습니다.
 * --submenu-font-color를 사용해 상단헤더 더보기 버튼의 글자 색상을 설정할 수 있습니다.
 */
/* .wrap__header {
	fill: #363636;
	stroke: #363636;
	--menu-bg-color: #ffffff;
	--menu-hover-bg-color: #f1f3f5;
	--more-submenu-hover-bg-color: #f8f8f8;
	--submenu-font-color: #565656;
} */

/* 페이지 / 시트 이동 입력창 배경색 설정
 * --select-page-focus-bg-color로 현재 보이거나 포커싱되는 부분의 색상을 설정할 수 있습니다.
 * --select-page-bg-color로 포커싱되지 않는 부분의 색상을 설정할 수 있습니다.
 */
/* .page__input, .header-tablist__input, .page-scroll-blind__item, .tab-scroll-blind__li{
	--select-page-focus-bg-color: #eeeeee;
	--select-page-bg-color: #dadada;
} */

/* 패널 영역의 배경색 설정
 * --sub-bg-color로 패널 영역의 배경색을 설정할 수 있습니다.
*/
/* .wrap__panel {
	--sub-bg-color: #ffffff;
} */


/* 패널탭 영역의 배경색 설정
 * --sub-bg-color로 패널 영역의 배경색을 설정할 수 있습니다.
 * fill, stroke를 이용해 패널탭 버튼 색상을 설정할 수 있습니다.
 */
/* .wrap__panel__header__tabs {
	--sub-bg-color: #ffffff;
	fill: #363636;
	stroke: #363636;
} */

/* 패널탭 버튼의 포커스 배경색 설정
 * fill, stroke를 이용해 패널탭 버튼이 선택되었을 때 색상을 설정할 수 있습니다.
 */
/* .wrap__panel__header__tabs .on {
	fill: #ff9900;
	stroke: #ff9900;
} */

/* 썸네일 번호 색상 변경
 * 썸네일 번호의 색상이나 크기를 설정할 수 있습니다.
*/
/* .thumb__span {
	color: #bcbcbc;
	font-size: 12px !important;
} */

/* 선택한 썸네일의 테두리색 설정
 * 선택한 썸네일의 테두리색을 설정할 수 있습니다.
*/
/* .thumb__focus {
	border: 4px solid #c8c8c8 !important;
} */

/* 문서 영역 배경색 설정
 * --body-bg-color, --sub-bg-color로 문서 영역의 배경색을 설정할 수 있습니다.
 */
/* body, .wrap__container, .wrap__contents {
	--body-bg-color: #dadada;
	--sub-bg-color: #dadada;
} */

/* 웹접근성 표현 설정
 * 키보드를 사용하여 포커싱이 될 때 표현되는 색상 또는 스타일을 설정할 수 있습니다.
 */
/* .cfv:focus-visible {
	outline: auto;
} */

/* 이미지 변환 시트 왼쪽 여백 설정
 * 설정한 값만큼 시트의 왼쪽에 여백이 추가됩니다.
 */
/* .sheet_left {
	left: 0;
} */

/* 컨트롤바 색상 설정
 * --controlbar-bg-color로 컨트롤바의 배경색을 설정할 수 있습니다.
 * fill, stroke로 버튼의 색상을 설정할 수 있습니다.
 * --controlbar-hover-color로 컨트롤바 호버 색상을 설정할 수 있습니다.
 */
 /* .controlbar-expand, .window-controlbar-function, .controlbar__block {
	--controlbar-bg-color: #939393;
	fill: #d4d4d4;
	stroke: #d4d4d4;
	--controlbar-hover-color: #bababa;
} */

/* 모바일 모드의 상단 헤더 더보기 버튼 제거
 * 제거하기를 원하지 않는다면, 아래의 내용을 지우면 됩니다.
 */
/* @media screen and (max-width: 768px) {
	#more-btn {
		display: none;
	}
} */