@charset "utf-8";
/* 이 파일은 tools/build-ckeditor5-content-css.js 가 생성합니다. 직접 수정하지 마세요.
   포탈 CSS 중 "본문에 실제로 적용되는 규칙"만 추려 .ck-content 로 옮긴 것입니다.
   레이아웃 전용 규칙(#header, .family-site 등)은 편집영역에 걸릴 일이 없어 제외했습니다. */

/* ========== css/portal/default.css ========== */
/* =====================================================
   폰트
===================================================== */
@font-face {
    font-family: 'Pretendard GOV';
    font-style: normal;
    font-weight: 400;
    src: url('../../fonts/PretendardGOV/PretendardGOV-Regular.woff2') format('woff2'),
         url('../../fonts/PretendardGOV/PretendardGOV-Regular.woff') format('woff'),
         url('../../fonts/PretendardGOV/PretendardGOV-Regular.otf') format('opentype');
}
@font-face {
    font-family: 'Pretendard GOV';
    font-style: normal;
    font-weight: 500;
    src: url('../../fonts/PretendardGOV/PretendardGOV-Medium.woff2') format('woff2'),
         url('../../fonts/PretendardGOV/PretendardGOV-Medium.woff') format('woff'),
         url('../../fonts/PretendardGOV/PretendardGOV-Medium.otf') format('opentype');
}
@font-face {
    font-family: 'Pretendard GOV';
    font-style: normal;
    font-weight: 600;
    src: url('../../fonts/PretendardGOV/PretendardGOV-Bold.woff2') format('woff2'),
         url('../../fonts/PretendardGOV/PretendardGOV-Bold.woff') format('woff'),
         url('../../fonts/PretendardGOV/PretendardGOV-Bold.otf') format('opentype');
}

/* =====================================================
   root 정의
===================================================== */
.ck-content {
    --headerHeight: 168px;
    --inner: 1280px;
    --font-type: 'Pretendard GOV', sans-serif;
    --font-size-large: 22px;
    --font-size-medium: 19px;
    --font-size-small: 17px;
    --font-size-xsmall: 15px;
    --line-height: 1.5;
    --trs-base: 0.4s ease-in-out;

    /* Primary */
    --primary-5:  #ecf2fe;
    --primary-10: #d8e5fd;
    --primary-50: #256ef4;
    --primary-60: #0b50d0;
    --primary-70: #083891;

    /* Secondary */
    --secondary-5:  #eef2f7;
    --secondary-10: #d6e0eb;
    --secondary-50: #346fb2;
    --secondary-60: #1c589c;
    --secondary-70: #063a74;

    /* Gray */
    --gray-0:   #ffffff;
    --gray-5:   #f4f5f6;
    --gray-10:  #e6e8ea;
    --gray-20:  #cdd1d5;
    --gray-30:  #b1b8be;
    --gray-40:  #8a949e;
    --gray-50:  #6d7882;
    --gray-60:  #58616a;
    --gray-70:  #464c53;
    --gray-80:  #33363d;
    --gray-90:  #1e2124;
    --gray-95:  #131416;
    --gray-100: #000000;

    /* Radius */
    --radius-small:  4px;
    --radius-medium: 6px;
    --radius-large:  8px;
    --radius-xlarge: 12px;
}

/* =====================================================
   리셋
===================================================== */
.ck-content {
    font-size: 10px;
}

.ck-content {
    font-size: var(--font-size-medium);
    line-height: var(--line-height);
    font-family: var(--font-type);
    color: var(--gray-90);
    word-break: keep-all;
}

.ck-content ul, .ck-content ol, .ck-content li, .ck-content dl, .ck-content dt, .ck-content dd { margin: 0; padding: 0; list-style: none; }

.ck-content h1, .ck-content h2, .ck-content h3, .ck-content h4, .ck-content h5, .ck-content h6, .ck-content p, .ck-content figure, .ck-content figcaption { margin: 0; padding: 0; }

.ck-content hr { display: block; margin: 0; padding: 0; border: 0; }

.ck-content em, .ck-content i { font-style: normal; }

.ck-content a {
    color: inherit;
    text-decoration: none;
    line-height: inherit;
    text-underline-offset: 3px;
    transition: var(--trs-base);
}

.ck-content img { max-width: 100%; border: 0; vertical-align: middle; }

.ck-content table { width: 100%; border-collapse: collapse; border-spacing: 0; }

.ck-content caption {
    overflow: hidden;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    position: absolute;
}

/* =====================================================
   접근성 유틸리티
===================================================== */

/* 화면에 보이지 않지만 스크린리더에서 읽힘 */

/* 건너뛰기 내비게이션 */

/* 새창 아이콘 */

/* 공통 컨테이너 */

/* 미디어 반응형 폰트 */
@media (max-width: 1280px) { .ck-content { font-size: 9px; } }
@media (max-width: 360px)  { .ck-content { font-size: 8px; } }


/* ========== css/portal/common.css ========== */
/* =====================================================
   masthead — 누리집 안내 띠
===================================================== */

/* =====================================================
   header
===================================================== */

/* 로고 + 검색/전체메뉴 */

/* 검색 버튼 */

/* 전체메뉴 버튼 — head-body 내부 (모바일용, 기본 숨김) */

/* 전체메뉴 버튼 공통 */

/* =====================================================
   GNB
===================================================== */

/* 1단 메뉴 링크 */

/* 서브메뉴 열림/닫힘 화살표 회전 */

/* 2단 서브메뉴 */

/* 2단 메뉴 링크 */

/* 3단 메뉴 */

/* =====================================================
   footer
===================================================== */

/* 패밀리사이트 */

/* 이전/정지/다음 컨트롤 */

/* 관련사이트 링크 목록 */

/* 카테고리 아코디언 */

/* 카테고리 드롭다운 목록 */

/* 푸터 본문 */

/* 좌측 */

/* 우측 */

/* SNS */

/* 저작권 바 */

/* 보건복지부 안내 띠 */

/* =====================================================
   모바일 전용 전체메뉴
===================================================== */

/* ==========================================================================
 * 인라인 스타일(style="...") 정리용 공통 클래스
 * - JSP 의 style 속성을 제거하고 아래 클래스로 대체한다.
 * - 모든 포탈 레이아웃(layout / main_layout / login_layout)과 독립 팝업 JSP 가
 *   common.css 를 로드하므로 공통 유틸리티는 이 파일에 둔다.
 * - 너비 .w5~.w100(5% 단위), 여백 .mt0~.mt30 은 sub.css 에 이미 정의되어 있다.
 * ========================================================================== */

/* --- 표시 / 흐름 / 정렬 ------------------------------------------------ */

/* --- 너비(%) : sub.css 의 5% 단위 클래스 보완 -------------------------- */

/* --- 너비 / 높이(px) --------------------------------------------------- */

/* --- 여백 -------------------------------------------------------------- */
/* .pagging 은 margin 단축 속성이 지정되어 있어 복합 선택자로 덮어쓴다 */

/* --- 높이 / 넘침 처리 --------------------------------------------------- */

/* --- 글자 / 색상 / 테두리 ---------------------------------------------- */
/* .sub-header .sub_tit 은 font-size:2.8rem 이 지정되어 있어 복합 선택자로 덮어쓴다 */

/* --- 레이어 팝업 위치 -------------------------------------------------- */

/* --- 개별 컴포넌트 ----------------------------------------------------- */
/* CKEditor 치환 전 textarea 크기 (.tbl_info tr td textarea 규칙을 덮어씀) */
/* 댓글 입력창 */
/* 컨텐츠 미리보기 좌측메뉴 배경 */

/* ==========================================================================
 * JS 가 생성하던 인라인 style 속성 대체 클래스 (CSP style-src 대응)
 * ========================================================================== */
/* 첨부 이미지 썸네일 */
/* 말줄임 처리되는 목록 셀 */
/* datepicker 달력 아이콘 (lib/common.js 에서 부여) */
/* 데이터 없음 안내 박스 */
/* .result_list > ul > li 이 padding:2rem 0 을 지정하므로 복합 선택자로 덮어쓴다 */


/* ========== css/portal/sub.css ========== */
/* CSS Document */
.ck-content p {margin-top:20px}
.ck-content p:first-child {margin-top:0}
.ck-content p img {max-width:100%;width:100%}
.ck-content p div img {max-width:100%}
.ck-content .board-cont_text {color:#555;font-size:16px}
.ck-content .board-cont_img {width:100%;text-align:center}
.ck-content .board-cont_img img {max-width:100%}

/*추가*/


/*이사진소개*/


/*연혁*/


/*ci소개*/


/*오시는길*/

 

/*조직도*/


/*관련사이트*/


/*문화홍보-홍보소개*/


/*순회설명회*/


/*신청안내*/


/*다운로드버튼*/


/*이용안내*/


/*이메일무단수집거부*/


/*rss*/


/*싸이트맵*/


/*뷰어다운로드*/


/*상주의 우선순위*/


/*뉴스레터*/




/*pdf*/



/*진흥원동영상*/

/* 통합검색 */

/* ========== css/portal/main.css ========== */
/* =====================================================
   section1 — 비주얼 슬라이더 + 팝업 배너
===================================================== */

/* 슬라이더 컨트롤 공통 */

/* 팝업 배너 */

/* =====================================================
   section2 — 서비스 바로가기 + 교육 캘린더
===================================================== */

/* 교육 캘린더 */

/* 교육 목록 */

/* 더보기 버튼 */

/* =====================================================
   section3 — 공지사항 + 공모/공고 + 진흥원 소식
===================================================== */

/* 진흥원 소식 */