@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css");
@import url("https://fonts.googleapis.com/css2?family=Baskervville:ital,wght@0,400;0,600;1,600&display=swap");

/* 페이퍼로지 미듐 (AGENDA 넘버 전용) */
@font-face{
    font-family:'Paperlogy';
    src:url('https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-5Medium.woff2') format('woff2');
    font-weight:500;
    font-style:normal;
    font-display:swap;
}


::-moz-selection {background: #0160e7;color: #fff;}
::selection {background: #0160e7;color: #fff;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}

#wrap{width:100%; height:100%; overflow:hidden; position:relative;}
.w1700{max-width:1700px; margin:0 auto;}
.w1600{max-width:1600px; margin:0 auto;}
.w1500{max-width:1500px; margin:0 auto;}
.w1400{max-width:1400px; margin:0 auto;}
.w1300{max-width:1300px; margin:0 auto;}
.w1200{max-width:1200px; margin:0 auto;}
.cbdb::after{clear:both; display:block; content:'';}

/* bxslider 초기화 */
.bx-wrapper{box-shadow: none!important;border: none!important;}

@media (max-width : 720px) {
    body{font-size: 14px!important;}
}

/* 탑버튼 [2026-08-06 디자인 통일]
   원래 여기 background:#ff8820(주황) 한 줄이 css/default.css 의 사각 버튼 위에 덮여
   사이트 메인 보라(#772278)와 따로 놀았음. 아래 한 덩어리로 통일.
   default.css 의 #top_btn 규칙보다 뒤에 로드되므로 그대로 이김.
   모바일 전용 페이지는 css/mobile.css 가 따로 담당함. */
#top_btn{
    position:fixed; right:30px; bottom:40px; z-index:90;
    display:flex; align-items:center; justify-content:center;
    width:56px; height:56px; padding:0;
    border:1px solid #772278; border-radius:50%;
    /* 반투명 흰색 + 배경 블러(글래스) */
    background:rgba(255,255,255,.35);
    -webkit-backdrop-filter:blur(12px) saturate(140%);
            backdrop-filter:blur(12px) saturate(140%);
    color:#772278;
    line-height:1; cursor:pointer; outline:none;
    box-shadow:0 6px 18px rgba(0,0,0,.10);
    transition:background .25s ease, color .25s ease, border-color .25s ease,
               transform .25s ease, box-shadow .25s ease, backdrop-filter .25s ease;
}
/* 아이콘 : tail_non.php 마크업이 <i class="ri-arrow-up-line"> (remixicon).
   remixicon.css 는 전 페이지에서 이미 로드되고 있으므로 크기만 잡아주면 됨. */
#top_btn i{
    font-size:24px; line-height:1;
    transition:transform .25s ease;
}
#top_btn:hover,
#top_btn:focus-visible{
    background:rgba(119,34,120,.92);
    -webkit-backdrop-filter:blur(12px) saturate(140%);
            backdrop-filter:blur(12px) saturate(140%);
    border-color:#772278; color:#fff;
    transform:translateY(-3px);
    box-shadow:0 10px 24px rgba(119,34,120,.28);
}
#top_btn:hover i{transform:translateY(-2px);}
/* backdrop-filter 미지원 브라우저에서는 너무 비쳐 보이지 않게 흰색을 올림 */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
    #top_btn{background:rgba(255,255,255,.85);}
}
@media (max-width:767px){
    #top_btn{right:16px; bottom:20px; width:48px; height:48px;}
    #top_btn i{font-size:21px;}
}

/* 팝업 반응형*/
@media (max-width:700px){
    .hd_pops{width: 95% !important;top: 65px !important;left: 10px !important;}
    .hd_pops_con{width: 100%!important;}
    .hd_pops_footer .hd_pops_reject,.hd_pops_footer .hd_pops_close{font-size: 12px;}
}

/* [2026-08-06] 게시판 카테고리 규칙 제거
   여기 있던 #bo_cate / #bo_cate.cate_line 블록(구 템플릿 잔재)이
   border-radius/padding/color 등을 !important 로 강제해서
   스킨 CSS(skin/board 하위 각 스킨의 style.css)의 카테고리 스타일을 전부 덮어쓰고 있었음.
   카테고리 디자인은 각 스킨 style.css 의 #bo_cate 블록에서 관리함.
   (.cate_line 은 사용처가 없어 함께 제거 — 원본은 git/백업 참고)
*/


/* 게시판 리스트 */
#bo_list .cnt_cmt{background: #dde6f3!important;color: #0160e7!important;} /* 코멘트*/
#bo_gall .bo_tit .cnt_cmt{background: #dde6f3!important;color: #0160e7!important;} /* 코멘트*/

/* 게시판 리스트 하단 page : 전 게시판 공통 (사이트 메인컬러 #772278 계열)
   - 학술활동 / 성과확산 / DB 등 모든 스킨(active, active_pub, basic, basic_new,
     gallery, gallery2, webzine)의 페이지네이션을 여기서 하나로 통일한다.
   - 각 스킨 style.css 의 .pg_current(#2f2f2f, #000 등)는 아래 규칙이 덮는다. */
.pg_wrap{display:flex!important;justify-content:center!important;align-items:center!important;float:none!important;width:100%!important;margin:0!important;padding:44px 0 0!important;}
.pg{display:flex!important;justify-content:center!important;align-items:center!important;gap:6px!important;}

.pg_page,
.pg_current{display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;
	min-width:38px!important;height:38px!important;padding:0 10px!important;
	font-size:16px!important;font-weight:500!important;line-height:1!important;
	border:0!important;border-radius:999px!important;box-shadow:none!important;
	background:transparent!important;color:#7A6E78!important;
	transition:background-color .18s ease,color .18s ease!important;}

.pg_page:hover{background:#F8F3F7!important;color:#772278!important;border:0!important;}
.pg_current{background:#772278!important;color:#fff!important;font-weight:700!important;border:0!important;}

/* 처음 / 이전 / 다음 / 맨끝 : 텍스트 숨기고 화살표 아이콘 */
.pg_start,.pg_prev,.pg_next,.pg_end{width:38px!important;padding:0!important;
	text-indent:-9999px!important;overflow:hidden!important;
	background-color:#F4F1F4!important;background-repeat:no-repeat!important;background-position:50% 50%!important;}
.pg_start{background-image:url(../img/btn_first.gif)!important;}
.pg_prev {background-image:url(../img/btn_prev.gif)!important;}
.pg_next {background-image:url(../img/btn_next.gif)!important;}
.pg_end  {background-image:url(../img/btn_end.gif)!important;}
.pg_start:hover,.pg_prev:hover,.pg_next:hover,.pg_end:hover{background-color:#F3E7F0!important;}


/* =========================================================
   게시판 검색창 : 전 게시판 공통 (공지사항[basic_new] 디자인 기준)
   - 학술활동(active) / 출판물(active_pub) / 시민강좌·리빙랩(gallery2) /
     학술DB·언론보도(basic_new) / 뉴스레터(webzine) 를 여기서 하나로 통일한다.
   - 셀렉트 화살표는 외부 이미지 대신 인라인 SVG 를 쓴다(이미지 누락 방지).
   ========================================================= */
#bo_sch{clear:both!important;float:none!important;width:auto!important;max-width:none!important;
	margin:20px auto!important;padding:0!important;
	display:flex!important;gap:10px!important;align-items:center!important;justify-content:center!important;
	border:0!important;background:#fff!important;border-radius:0!important;overflow:visible!important;}
#bo_sch:after{display:block;visibility:hidden;clear:both;content:"";}
#bo_sch form{display:flex!important;gap:5px!important;position:relative!important;}
#bo_sch legend{position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}

#bo_sch select{box-sizing:border-box!important;float:none!important;
	height:45px!important;width:240px!important;margin:0!important;padding:10px 34px 10px 12px!important;
	font-size:16px!important;color:#333!important;line-height:1.2!important;
	border:1px solid #E1E1E1!important;border-radius:var(--bd-r-sm,10px)!important;
	background-color:#fff!important;background-repeat:no-repeat!important;background-position:right 12px center!important;
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23767676' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E")!important;
	-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;
	box-shadow:none!important;outline:none!important;cursor:pointer;}

#bo_sch .sch_input{box-sizing:border-box!important;float:none!important;
	height:45px!important;width:100%!important;min-width:260px!important;max-width:100%!important;
	margin:0!important;padding:10px 44px 10px 14px!important;
	font-size:16px!important;line-height:1.2!important;
	background:#fff!important;border:1px solid #E1E1E1!important;border-radius:var(--bd-r-sm,10px)!important;
	box-shadow:none!important;outline:none!important;}
#bo_sch .sch_input:focus{border-color:#772278!important;}

#bo_sch .sch_btn{position:absolute!important;right:15px!important;top:0!important;
	width:auto!important;height:45px!important;padding:0!important;
	display:flex!important;align-items:center!important;justify-content:center!important;
	background:transparent!important;border:0!important;border-radius:var(--bd-r-sm,10px)!important;
	font-size:20px!important;color:#afb5b7!important;cursor:pointer;transition:color .3s!important;}
#bo_sch .sch_btn:hover{color:#772278!important;}

/* 검색창 위치 : 목록 '위 오른쪽'으로 통일 (기준 = 학술활동 kact)
   .bo_schrow = basic_new / gallery2 / webzine 에 추가한 래퍼
   .kact-schrow = active / active_pub 의 기존 래퍼 */
.bo_schrow,
.kact-schrow{display:flex!important;align-items:center!important;justify-content:flex-end!important;
	width:100%!important;margin:0 0 20px!important;}
.bo_schrow #bo_sch,
.kact-schrow #bo_sch{margin:0!important;justify-content:flex-end!important;}

@media (max-width:767px){
	#bo_sch{width:100%!important;}
	#bo_sch form{width:100%;}
	#bo_sch select{width:130px!important;font-size:14px!important;}
	#bo_sch .sch_input{min-width:0!important;font-size:14px!important;}
	.bo_schrow,
	.kact-schrow{justify-content:stretch!important;}
	.bo_schrow #bo_sch,
	.kact-schrow #bo_sch{width:100%!important;}
	.bo_schrow #bo_sch form,
	.kact-schrow #bo_sch form{width:100%;}
}


/* 게시판 보기 */
.cmt_btn span.total{color:#0160e7!important}
.cmt_btn span.total:after{background:#0160e7!important}
#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active,
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active
{color: #0160e7!important;}
#bo_v_file li:hover i, #bo_v_link li:hover i{color: #0160e7!important;}
#bo_v_file li:hover, #bo_v_link li:hover{color: #dde6f3!important;background: #f8fbff!important;}
.bo_v_nb li .nb_tit{color:#0160e7!important}

/* 버튼 */
/* [2026-08-06] 게시판 버튼 강제 규칙 제거
   여기 있던 아래 5줄(구 템플릿 잔재)이 !important 로 스킨 CSS 를 덮어써서
   skin/board 하위 각 스킨 style.css 의 버튼 통일 규칙(크기·색)이 목록 페이지에만 적용되고
   글쓰기·읽기 페이지에서는 무시되고 있었음.
       #bo_w .btn_submit{font-size:1em!important}    ← 작성완료 글씨 크기 고정
       #bo_w .btn_cancel{font-size:1em!important}    ← 취소 글씨 크기 고정
       #bo_v  .btn      {font-size:14px!important}   ← 읽기 페이지 버튼 전부 14px 고정
       a.btn_b02,.btn_b02{background:#0160e7!important}       ← 글쓰기 버튼 파랑 고정
       a.btn_b02:hover,.btn_b02:hover{background:#87bef5!important}
   게시판 버튼 디자인은 각 스킨 style.css 의 "게시판 버튼 통일" 블록에서 관리함.
   (active / basic_new / gallery2 / webzine 4개 파일 동일 유지) */
.btn_submit{background:#0160e7!important;transition: .2s}
.btn_submit:hover{background:#87bef5!important;}
.btn_b01:hover, .btn_b01:hover{opacity:0.7;}
.more_opt li button, .more_opt li a{font-size: 14px!important;}

/* 게시판 보기 */

/* 로그인 탭*/
/*.mb_log_cate{display: none;}*/
.mbskin{margin: 50px auto !important;}


/*링크 검은 테두리 삭제*/
:focus, a, button{outline: none!important;}

/* 다음 지도 */
.root_daum_roughmap.root_daum_roughmap_landing{width: 100%;}
.root_daum_roughmap .wrap_controllers{display: none !important;}
.root_daum_roughmap_landing .border2{display: block!important;}