somang4819/arko_renual
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

관리자페이지 글꼴 나눔고딕 일괄 교체
Some checks failed
deploy-dev / deploy (push) Failing after 0s
Details

Browse Source 
개별 CSS에 맑은고딕/돋움/굴림/dotum/Tahoma/Arial 지정이 흩어져 있고,
나눔 @font-face 도 파일마다 4중(nanumttf/nanumeot/_r) 으로 중복 선언되어
화면마다 글꼴이 달라 보이던 것을 하나로 정리한다.

- css/site/mnt/nanumgothic.css 신규: "NanumGothic" 패밀리 단일 정의(400/700/800),
  local() 우선 + eot/woff/ttf fallback, 전역 적용 및 벤더 위젯 override
- head.jsp 에 마지막 스타일시트로 등록 → /mnt/include/head.do 를 가져가는
  관리자 화면 293개(egovframework.com.* 표준화면 포함)에 일괄 적용
- mnt CSS 11개 파일의 font-family 지정 39곳 교체, 레거시 @font-face 16줄 제거
- head.do 를 쓰지 않는 쪽지 팝업 4개는 개별 link 추가
- ckeditor/contents.css: "nanumttf_r" 이 @font-face 선언 없이 사용되어
  실제로는 적용되지 않던 상태를 정상화(관리자 21 / 프론트 26 화면 공용)
- NanumGothicBold.ttf 추가: 기존에 Regular/ExtraBold 만 있어
  font-weight:bold 가 ExtraBold 로 렌더링되던 것을 정상 Bold 로 교정

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
infraurp 2026-07-30 12:57:38 +09:00
parent 031f6b85e9
commit 9684437374
19 changed files with 126 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/main/webapp/WEB-INF/jsp/site/mnt/biz/mypage/note/singleRcpNote_list.jsp
View File

@ -17,6 +17,8 @@
<link rel="stylesheet" href="/css/site/frt/new/layout.css" /> <link rel="stylesheet" href="/css/site/frt/new/layout.css" />
<link rel="stylesheet" href="/css/site/frt/new/common.css" /> <link rel="stylesheet" href="/css/site/frt/new/common.css" />
<link rel="stylesheet" href="/css/site/frt/new/print.css" media="print" /> <link rel="stylesheet" href="/css/site/frt/new/print.css" media="print" />
<%-- 관리자 공통 글꼴(나눔고딕) --%>
<link rel="stylesheet" type="text/css" href="/css/site/mnt/nanumgothic.css" />
<style> <style>
html, body { html, body {
min-width: 750px; min-width: 750px;

2
src/main/webapp/WEB-INF/jsp/site/mnt/biz/mypage/note/singleRcpNote_view.jsp
View File

@ -17,6 +17,8 @@
<link rel="stylesheet" href="/css/site/frt/new/layout.css" /> <link rel="stylesheet" href="/css/site/frt/new/layout.css" />
<link rel="stylesheet" href="/css/site/frt/new/common.css" /> <link rel="stylesheet" href="/css/site/frt/new/common.css" />
<link rel="stylesheet" href="/css/site/frt/new/print.css" media="print" /> <link rel="stylesheet" href="/css/site/frt/new/print.css" media="print" />
<%-- 관리자 공통 글꼴(나눔고딕) --%>
<link rel="stylesheet" type="text/css" href="/css/site/mnt/nanumgothic.css" />
<style> <style>
html, body { html, body {
min-width: 750px; min-width: 750px;

2
src/main/webapp/WEB-INF/jsp/site/mnt/biz/mypage/note/singleSndNote_list.jsp
View File

@ -17,6 +17,8 @@
<link rel="stylesheet" href="/css/site/frt/new/layout.css" /> <link rel="stylesheet" href="/css/site/frt/new/layout.css" />
<link rel="stylesheet" href="/css/site/frt/new/common.css" /> <link rel="stylesheet" href="/css/site/frt/new/common.css" />
<link rel="stylesheet" href="/css/site/frt/new/print.css" media="print" /> <link rel="stylesheet" href="/css/site/frt/new/print.css" media="print" />
<%-- 관리자 공통 글꼴(나눔고딕) --%>
<link rel="stylesheet" type="text/css" href="/css/site/mnt/nanumgothic.css" />
<style> <style>
html, body { html, body {
min-width: 750px; min-width: 750px;

2
src/main/webapp/WEB-INF/jsp/site/mnt/biz/mypage/note/singleSndNote_view.jsp
View File

@ -17,6 +17,8 @@
<link rel="stylesheet" href="/css/site/frt/new/layout.css" /> <link rel="stylesheet" href="/css/site/frt/new/layout.css" />
<link rel="stylesheet" href="/css/site/frt/new/common.css" /> <link rel="stylesheet" href="/css/site/frt/new/common.css" />
<link rel="stylesheet" href="/css/site/frt/new/print.css" media="print" /> <link rel="stylesheet" href="/css/site/frt/new/print.css" media="print" />
<%-- 관리자 공통 글꼴(나눔고딕) --%>
<link rel="stylesheet" type="text/css" href="/css/site/mnt/nanumgothic.css" />
<style> <style>
html, body { html, body {
min-width: 750px; min-width: 750px;

2
src/main/webapp/WEB-INF/jsp/site/mnt/include/head.jsp
View File

@ -15,6 +15,8 @@
<link rel="stylesheet" href="<c:url value='/css/site/mnt/admin.css' />" type="text/css"> <link rel="stylesheet" href="<c:url value='/css/site/mnt/admin.css' />" type="text/css">
<link rel="stylesheet" type="text/css" href="/css/site/mnt/style.css" /> <link rel="stylesheet" type="text/css" href="/css/site/mnt/style.css" />
<link rel="stylesheet" type="text/css" href="/css/site/mnt/style_202108.css" /> <link rel="stylesheet" type="text/css" href="/css/site/mnt/style_202108.css" />
<%-- 관리자 공통 글꼴(나눔고딕) - 다른 CSS를 덮어쓰기 위해 항상 마지막에 로드 --%>
<link rel="stylesheet" type="text/css" href="/css/site/mnt/nanumgothic.css" />
<script src="/js/site/frt/new/plugins/jquery-1.11.3.min.js"></script> <script src="/js/site/frt/new/plugins/jquery-1.11.3.min.js"></script>
<%--<script src="/js/site/cmm/jquery.js"></script>--%> <%--<script src="/js/site/cmm/jquery.js"></script>--%>
<script src="/js/site/frt/new/plugins/jquery-ui.js"></script> <script src="/js/site/frt/new/plugins/jquery-ui.js"></script>

30
src/main/webapp/css/site/mnt/admin.css
View File

@ -10,14 +10,14 @@
#left_area{width:100%; float:left;} #left_area{width:100%; float:left;}
#left_area h1{ margin-top:18px; margin-bottom:43px;} #left_area h1{ margin-top:18px; margin-bottom:43px;}
#left_area .leftmenu{ background:url(/images/site/mnt/leftmenu_bg01.gif) #fff 1px 1px repeat-x; border:1px solid #b9b9b9; padding:20px 0; margin-bottom:10px; font-family:'맑은 고딕', gulim;} #left_area .leftmenu{ background:url(/images/site/mnt/leftmenu_bg01.gif) #fff 1px 1px repeat-x; border:1px solid #b9b9b9; padding:20px 0; margin-bottom:10px; font-family:"NanumGothic","Nanum Gothic","나눔고딕",sans-serif;}
#left_area .leftmenu dt{ font-size:150%; font-weight:bold; padding:0 15px 10px 15px; border-bottom:1px solid #b9b9b9; margin-bottom:10px; color:#464646;} #left_area .leftmenu dt{ font-size:150%; font-weight:bold; padding:0 15px 10px 15px; border-bottom:1px solid #b9b9b9; margin-bottom:10px; color:#464646;}
#left_area .leftmenu dd{ vertical-align:middle; margin:0 10px; border-bottom:1px dotted #d1d1d1;} #left_area .leftmenu dd{ vertical-align:middle; margin:0 10px; border-bottom:1px dotted #d1d1d1;}
#left_area .leftmenu dd a{color:#424242; font-size:110%; background:url(/images/site/mnt/bullet_left.gif) 0px 15px no-repeat; padding:12px 15px; display:block} #left_area .leftmenu dd a{color:#424242; font-size:110%; background:url(/images/site/mnt/bullet_left.gif) 0px 15px no-repeat; padding:12px 15px; display:block}
#left_area .leftmenu dd a:hover{ color:#00a2e2;} #left_area .leftmenu dd a:hover{ color:#00a2e2;}
#left_area .leftmenu dd a.on{background:url(/images/site/mnt/bullet_left_on.gif) 10px 15px no-repeat #00a2e2; padding-left:25px; border:1px solid #0092cb;color:#fff; font-weight:bold;} #left_area .leftmenu dd a.on{background:url(/images/site/mnt/bullet_left_on.gif) 10px 15px no-repeat #00a2e2; padding-left:25px; border:1px solid #0092cb;color:#fff; font-weight:bold;}
#left_area .logout{display:block; background:url(/images/site/mnt/bg_logout.gif) #676767 left top repeat-x; border:1px solid #7a7a7a; padding:12px 10px;color:#fff; font-family:'맑은 고딕', gulim; font-size:90%;} #left_area .logout{display:block; background:url(/images/site/mnt/bg_logout.gif) #676767 left top repeat-x; border:1px solid #7a7a7a; padding:12px 10px;color:#fff; font-family:"NanumGothic","Nanum Gothic","나눔고딕",sans-serif; font-size:90%;}
#left_area .submenu{ border-left:1px solid #0092cb; border-right:1px solid #0092cb; border-bottom:1px solid #0092cb; background:#00a2e2; padding:10px;} #left_area .submenu{ border-left:1px solid #0092cb; border-right:1px solid #0092cb; border-bottom:1px solid #0092cb; background:#00a2e2; padding:10px;}
#left_area .submenu li{ border-bottom:1px dashed #0092cb; font-size:85%;background:none; margin-left:10px;} #left_area .submenu li{ border-bottom:1px dashed #0092cb; font-size:85%;background:none; margin-left:10px;}
@ -32,7 +32,7 @@
#top_area .state{ text-align:right; margin-bottom:5px; font-size:95%;} #top_area .state{ text-align:right; margin-bottom:5px; font-size:95%;}
#top_area .topmenu{background:url(/images/site/mnt/menu_bg.gif) repeat-x top right; width:100%; overflow:hidden; height:50px;} #top_area .topmenu{background:url(/images/site/mnt/menu_bg.gif) repeat-x top right; width:100%; overflow:hidden; height:50px;}
#top_area .topmenu li{float:left; padding:14px; margin:0 5px; font-size:110%; font-family:'맑은 고딕', gulim; font-weight:bold;} #top_area .topmenu li{float:left; padding:14px; margin:0 5px; font-size:110%; font-family:"NanumGothic","Nanum Gothic","나눔고딕",sans-serif; font-weight:bold;}
#top_area .topmenu li a{color:#fff;} #top_area .topmenu li a{color:#fff;}
#top_area .topmenu li a:hover{ color:#19c6ff;} #top_area .topmenu li a:hover{ color:#19c6ff;}
#top_area .topmenu a.on{ font-weight:bold; background:url(/images/site/mnt/menu_over_bg.gif) repeat-x top left #00a2e2; padding:3px 7px; border:1px solid #0d8ebe;} #top_area .topmenu a.on{ font-weight:bold; background:url(/images/site/mnt/menu_over_bg.gif) repeat-x top left #00a2e2; padding:3px 7px; border:1px solid #0d8ebe;}
@ -64,11 +64,11 @@
#center{width:100%; float:left;} #center{width:100%; float:left;}
#center .title{width:100%; overflow:hidden; border-bottom:2px solid #005ea8; margin-bottom:40px; padding-bottom:10px;} #center .title{width:100%; overflow:hidden; border-bottom:2px solid #005ea8; margin-bottom:40px; padding-bottom:10px;}
#center .title h2{float:left; font-family:'맑은 고딕', gulim; font-size:170%;font-weight:normal; margin-right:10px; line-height:1.2em} #center .title h2{float:left; font-family:"NanumGothic","Nanum Gothic","나눔고딕",sans-serif; font-size:170%;font-weight:normal; margin-right:10px; line-height:1.2em}
#center .title h3{ float:left; font-family:'맑은 고딕', gulim; font-size:170%; font-weight:normal; margin-right:10px; line-height:1.2em} #center .title h3{ float:left; font-family:"NanumGothic","Nanum Gothic","나눔고딕",sans-serif; font-size:170%; font-weight:normal; margin-right:10px; line-height:1.2em}
#center .title h4{ float:left; font-family:'맑은 고딕', gulim; font-size:170%; font-weight:normal; margin-right:10px; line-height:1.2em} #center .title h4{ float:left; font-family:"NanumGothic","Nanum Gothic","나눔고딕",sans-serif; font-size:170%; font-weight:normal; margin-right:10px; line-height:1.2em}
#center .title h5{ float:left; font-family:'맑은 고딕', gulim; font-size:170%; font-weight:normal; margin-right:10px; line-height:1.2em} #center .title h5{ float:left; font-family:"NanumGothic","Nanum Gothic","나눔고딕",sans-serif; font-size:170%; font-weight:normal; margin-right:10px; line-height:1.2em}
#center .title h6{ float:left; font-family:'맑은 고딕', gulim; font-size:170%; font-weight:normal; margin-right:10px; line-height:1.2em} #center .title h6{ float:left; font-family:"NanumGothic","Nanum Gothic","나눔고딕",sans-serif; font-size:170%; font-weight:normal; margin-right:10px; line-height:1.2em}
#center .title strong{color:#333; font-size:110%;} #center .title strong{color:#333; font-size:110%;}
#center .title a.guide{float:right; font-size:95%; background:url(/images/site/mnt/guide_icon.gif) left top no-repeat; padding-left:30px; padding-top:10px;} #center .title a.guide{float:right; font-size:95%; background:url(/images/site/mnt/guide_icon.gif) left top no-repeat; padding-left:30px; padding-top:10px;}
@ -126,10 +126,10 @@
#guide_pop{position:absolute; right:0; top:70px; width:500px; background:url(/images/site/mnt/guide_arrow.gif) right 20px no-repeat; margin-right:110px;} #guide_pop{position:absolute; right:0; top:70px; width:500px; background:url(/images/site/mnt/guide_arrow.gif) right 20px no-repeat; margin-right:110px;}
#guide_pop .wrap{ padding:20px; border:2px solid #d9d96d; background:#fdfdca; margin-right:19px; line-height:1.4em; font-size:95%} #guide_pop .wrap{ padding:20px; border:2px solid #d9d96d; background:#fdfdca; margin-right:19px; line-height:1.4em; font-size:95%}
#guide_pop .wrap .close{ float:right;} #guide_pop .wrap .close{ float:right;}
#guide_pop .wrap h4{font-family:gulim; font-size:105%; margin-bottom:10px;} #guide_pop .wrap h4{font-family:"NanumGothic","Nanum Gothic","나눔고딕",sans-serif; font-size:105%; margin-bottom:10px;}
.btn_zone{overflow:hidden; margin-bottom:30px;font-family:"nanumttf_r","nanumeot_r"; font-weight:bold;} .btn_zone{overflow:hidden; margin-bottom:30px;font-family:"NanumGothic","Nanum Gothic","나눔고딕",sans-serif; font-weight:bold;}
.btn_zone .btn_left{ float:left;} .btn_zone .btn_left{ float:left;}
.btn_zone .btn_right{float:right;} .btn_zone .btn_right{float:right;}
.btn_zone a{display:inline-block; text-align:center; padding:10px;} .btn_zone a{display:inline-block; text-align:center; padding:10px;}
@ -167,22 +167,22 @@
.noticeForm {width:650px;margin:0 auto;padding:40px 25px} .noticeForm {width:650px;margin:0 auto;padding:40px 25px}
.noticeBg {padding-bottom:77px;background:url(/images/site/frt/new/bg/bg_noticeCon_bg02.png) no-repeat bottom} .noticeBg {padding-bottom:77px;background:url(/images/site/frt/new/bg/bg_noticeCon_bg02.png) no-repeat bottom}
.noticeFormTop {border-bottom:1px solid #c8c8c8;font-family:"맑은 고딕", Malgun Gothic, "돋움", Dotum, Arial, sans-serif;text-align:center} .noticeFormTop {border-bottom:1px solid #c8c8c8;font-family:"NanumGothic","Nanum Gothic","나눔고딕",sans-serif;text-align:center}
.noticeFormTop p {margin-top:32px;margin-bottom:37px;color:#f1592a;font-size:26px;letter-spacing:-1px} .noticeFormTop p {margin-top:32px;margin-bottom:37px;color:#f1592a;font-size:26px;letter-spacing:-1px}
.noticeFormTop dt {width:311px;height:87px;margin:0 auto;background:url(/images/site/frt/new/logo_new.png) no-repeat;text-indent:-9999px} .noticeFormTop dt {width:311px;height:87px;margin:0 auto;background:url(/images/site/frt/new/logo_new.png) no-repeat;text-indent:-9999px}
.noticeFormTop dd {margin-top:35px;margin-bottom:38px;color:#8d8d8d;font-size:16px;font-weight:bold;letter-spacing:-0.8px} .noticeFormTop dd {margin-top:35px;margin-bottom:38px;color:#8d8d8d;font-size:16px;font-weight:bold;letter-spacing:-0.8px}
.noticeFormTitle {margin-bottom:82px;padding-top:101px;background:url(/images/site/frt/new/bg/bg_noticeCon_bg01.png) no-repeat top;font-family:"맑은 고딕", Malgun Gothic, "돋움", Dotum, Arial, sans-serif;font-weight:bold;text-align:center;letter-spacing:-1px} .noticeFormTitle {margin-bottom:82px;padding-top:101px;background:url(/images/site/frt/new/bg/bg_noticeCon_bg01.png) no-repeat top;font-family:"NanumGothic","Nanum Gothic","나눔고딕",sans-serif;font-weight:bold;text-align:center;letter-spacing:-1px}
.noticeFormTitle dt {margin-bottom:17px;padding-bottom:13px;border-bottom:1px solid #a3a3a3;color:#f47726;font-size:40px} .noticeFormTitle dt {margin-bottom:17px;padding-bottom:13px;border-bottom:1px solid #a3a3a3;color:#f47726;font-size:40px}
.noticeFormTitle dd {color:#242424;font-size:18px} .noticeFormTitle dd {color:#242424;font-size:18px}
.noticeFormTitle dd span{display:block;color:#676767} .noticeFormTitle dd span{display:block;color:#676767}
.tableTitle {display:inline-block;background:url(/images/site/frt/new/bul/bul_noticeTable.png) no-repeat left;padding-left:12px;color:#3a3a3a;font-family:"맑은 고딕", Malgun Gothic, "돋움", Dotum, Arial, sans-serif;font-size:21px;font-weight:bold} .tableTitle {display:inline-block;background:url(/images/site/frt/new/bul/bul_noticeTable.png) no-repeat left;padding-left:12px;color:#3a3a3a;font-family:"NanumGothic","Nanum Gothic","나눔고딕",sans-serif;font-size:21px;font-weight:bold}
.tableNotice {float:right;padding-top:13px;color:#1c7fa4;} .tableNotice {float:right;padding-top:13px;color:#1c7fa4;}
.noticeCon li {margin-top:41px;color:#242424;font-family:"맑은 고딕", Malgun Gothic, "돋움", Dotum, Arial, sans-serif;font-size:18px;font-weight:bold} .noticeCon li {margin-top:41px;color:#242424;font-family:"NanumGothic","Nanum Gothic","나눔고딕",sans-serif;font-size:18px;font-weight:bold}
.noticeCon li:first-child {margin-top:45px} .noticeCon li:first-child {margin-top:45px}
.noticeCon dl, .noticeCon p {font-family:"돋움", Dotum, Arial, sans-serif;font-size:12px} .noticeCon dl, .noticeCon p {font-family:"NanumGothic","Nanum Gothic","나눔고딕",sans-serif;font-size:12px}
.noticeCon dl {margin-top:15px;margin-bottom:15px} .noticeCon dl {margin-top:15px;margin-bottom:15px}
.noticeCon dt, .noticeCon dd {display:inline-block;color:#555} .noticeCon dt, .noticeCon dd {display:inline-block;color:#555}

8
src/main/webapp/css/site/mnt/basic.css
View File

@ -1,9 +1,6 @@
@charset "utf-8"; @charset "utf-8";
@font-face{ font-family:"nanumttf"; src:url(font/NanumGothicExtraBold.ttf)} @import url(/css/site/mnt/nanumgothic.css);
@font-face{ font-family:"nanumeot"; src:url(font/NanumGothicExtraBold.eot)}
@font-face{ font-family:"nanumttf_r"; src:url(font/NanumGothic.ttf)}
@font-face{ font-family:"nanumeot_r"; src:url(font/NanumGothic.eot)}
/* 테그별 기본 설정 */ /* 테그별 기본 설정 */
@ -11,8 +8,7 @@ html {overflow-y:scroll;}
body { body {
margin:0; margin:0;
padding:0; padding:0;
/*font-family:Dotum, "돋움", sans-serif;*/ font-family:"NanumGothic","Nanum Gothic","나눔고딕",sans-serif;
font-family:"nanumttf_r","nanumeot_r";
font-size:12px; font-size:12px;
line-height: 1.2em; line-height: 1.2em;

8
src/main/webapp/css/site/mnt/board.css
View File

@ -76,7 +76,7 @@ ul, ol, li{list-style:none;}
.write_form li label{width:15%; font-weight:bold; font-size:95%; display:block; position:absolute; left:0; padding-left:10px;} .write_form li label{width:15%; font-weight:bold; font-size:95%; display:block; position:absolute; left:0; padding-left:10px;}
.write_form li textarea{width:98%;} .write_form li textarea{width:98%;}
.btn_zone{text-align:right; margin-bottom:20px;font-family:'맑은 고딕', gulim; position:relative;} .btn_zone{text-align:right; margin-bottom:20px;font-family:"NanumGothic","Nanum Gothic","나눔고딕",sans-serif; position:relative;}
.btn0{display:inline-block; background:url(/images/site/mnt/btn_bg1.gif) repeat-x left top #7d7d7d; padding:4px 20px; color:#fff !important; font-weight:bold; text-align:center; border:1px solid #6e6e6e;} .btn0{display:inline-block; background:url(/images/site/mnt/btn_bg1.gif) repeat-x left top #7d7d7d; padding:4px 20px; color:#fff !important; font-weight:bold; text-align:center; border:1px solid #6e6e6e;}
.btn1{display:inline-block; background:url(/images/site/mnt/btn_bg1.gif) repeat-x left top #7d7d7d; padding:12px 20px; color:#fff !important; font-weight:bold; text-align:center; border:1px solid #6e6e6e;} .btn1{display:inline-block; background:url(/images/site/mnt/btn_bg1.gif) repeat-x left top #7d7d7d; padding:12px 20px; color:#fff !important; font-weight:bold; text-align:center; border:1px solid #6e6e6e;}
.btn2{display:inline-block; background:url(/images/site/mnt/btn_bg2.gif) repeat-x left top #149fd3; padding:12px 15px; color:#fff !important; font-weight:bold; text-align:center; border:1px solid #0d8ebe;} .btn2{display:inline-block; background:url(/images/site/mnt/btn_bg2.gif) repeat-x left top #149fd3; padding:12px 15px; color:#fff !important; font-weight:bold; text-align:center; border:1px solid #0d8ebe;}
@ -84,7 +84,7 @@ ul, ol, li{list-style:none;}
.btn4{display:inline-block; background:#f9f9f9; padding:12px 20px; color:#636363 !important; font-weight:bold; text-align:center; border:1px solid #ccc;} .btn4{display:inline-block; background:#f9f9f9; padding:12px 20px; color:#636363 !important; font-weight:bold; text-align:center; border:1px solid #ccc;}
.btn5{display:inline-block; background:url(/images/site/mnt/btn_bg5.gif) repeat-x left top #f04c1b; padding:12px 20px; color:#fff !important; font-weight:bold; text-align:center; border:1px solid #f04c1b;} .btn5{display:inline-block; background:url(/images/site/mnt/btn_bg5.gif) repeat-x left top #f04c1b; padding:12px 20px; color:#fff !important; font-weight:bold; text-align:center; border:1px solid #f04c1b;}
.btn{display:inline-block; background:url(/images/site/mnt/btn_bg4.gif) left bottom repeat-x #fff; padding:3px 5px; font-family:dotum; font-size:11px; font-weight:bold; color:#636363; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ccc; border-bottom:1px solid #ccc;} .btn{display:inline-block; background:url(/images/site/mnt/btn_bg4.gif) left bottom repeat-x #fff; padding:3px 5px; font-family:"NanumGothic","Nanum Gothic","나눔고딕",sans-serif; font-size:11px; font-weight:bold; color:#636363; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.btn_left{ position:absolute; left:0;} .btn_left{ position:absolute; left:0;}
@ -95,7 +95,7 @@ ul, ol, li{list-style:none;}
.w4{width:25%;} .w4{width:25%;}
.w5{width:200px;} .w5{width:200px;}
.w6{width:100px;} .w6{width:100px;}
.btn_bg1{background:url(/images/site/mnt/admin/btn_bg.gif) left top repeat-x; height:22px; border:1px solid #a9a9a9; font-weight:bold; color:#5f4c33; font-size:11px; font-family:dotum; padding:0 5px;} .btn_bg1{background:url(/images/site/mnt/admin/btn_bg.gif) left top repeat-x; height:22px; border:1px solid #a9a9a9; font-weight:bold; color:#5f4c33; font-size:11px; font-family:"NanumGothic","Nanum Gothic","나눔고딕",sans-serif; padding:0 5px;}
#cont_area p.page_txt{ text-align:right; font-size:95%; width:100%; overflow:hidden;} #cont_area p.page_txt{ text-align:right; font-size:95%; width:100%; overflow:hidden;}
#cont_area p.page_txt .btn{float:left;} #cont_area p.page_txt .btn{float:left;}
@ -104,7 +104,7 @@ ul, ol, li{list-style:none;}
.success{color:#4caf50} .success{color:#4caf50}
/* paginate */ /* paginate */
.paginate{padding:15px 0;text-align:center;line-height:normal} .paginate{padding:15px 0;text-align:center;line-height:normal}
.paginate *{display:inline-block;position:relative;margin:0 -2px;padding:2px 4px;font-size:11px;font-family:Tahoma, Sans-serif;color:#333;line-height:normal;text-decoration:none;vertical-align:middle} .paginate *{display:inline-block;position:relative;margin:0 -2px;padding:2px 4px;font-size:11px;font-family:"NanumGothic","Nanum Gothic","나눔고딕",sans-serif;color:#333;line-height:normal;text-decoration:none;vertical-align:middle}
.paginate strong{color:#796e64; border:2px solid #fdb645; height:25px; line-height:25px; padding:0 7px;} .paginate strong{color:#796e64; border:2px solid #fdb645; height:25px; line-height:25px; padding:0 7px;}
.paginate .direction{font-weight:bold;color:#666;margin:0; padding:0} .paginate .direction{font-weight:bold;color:#666;margin:0; padding:0}

15
src/main/webapp/css/site/mnt/board_skin.css
View File

@ -2,10 +2,7 @@
/* CSS Document */ /* CSS Document */
@import url(basic.css); @import url(basic.css);
@font-face{ font-family:"nanumttf"; src:url(font/NanumGothicExtraBold.ttf)} @import url(/css/site/mnt/nanumgothic.css);
@font-face{ font-family:"nanumeot"; src:url(font/NanumGothicExtraBold.eot)}
@font-face{ font-family:"nanumttf_r"; src:url(font/NanumGothic.ttf)}
@font-face{ font-family:"nanumeot_r"; src:url(font/NanumGothic.eot)}
#contents{padding:20px;} #contents{padding:20px;}
@ -21,14 +18,14 @@ fieldset.search_box input.tbox{ border:1px solid #d1d1d1;height:20px;}
.list_type1 span.notice{ background:#939393; font-size:95%; color:#fff; padding:3px;} .list_type1 span.notice{ background:#939393; font-size:95%; color:#fff; padding:3px;}
.list_type1 a:hover{ color:#464646;} .list_type1 a:hover{ color:#464646;}
.paginate{ text-align:center; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif;} .paginate{ text-align:center; margin-bottom:10px; font-family:"NanumGothic","Nanum Gothic","나눔고딕",sans-serif;}
.paginate span{display:inline-block; padding:0 5px; } .paginate span{display:inline-block; padding:0 5px; }
.paginate span.on{font-weight:bold; color:#464646;} .paginate span.on{font-weight:bold; color:#464646;}
.paginate a:active, .paginate a:active,
.paginate a:hover, .paginate a:hover,
.paginate a:focus {font-weight:bold; color:#464646;} .paginate a:focus {font-weight:bold; color:#464646;}
.btn_zone{overflow:hidden; margin-bottom:30px;font-family:"nanumttf_r","nanumeot_r"; font-weight:bold;} .btn_zone{overflow:hidden; margin-bottom:30px;font-family:"NanumGothic","Nanum Gothic","나눔고딕",sans-serif; font-weight:bold;}
.btn_zone .btn_left{ float:left;} .btn_zone .btn_left{ float:left;}
.btn_zone .btn_right{float:right;} .btn_zone .btn_right{float:right;}
.btn_zone a{display:inline-block; text-align:center; padding:10px;} .btn_zone a{display:inline-block; text-align:center; padding:10px;}
@ -74,13 +71,13 @@ fieldset.search_box input.tbox{ border:1px solid #d1d1d1;height:20px;}
.w10{width:10%;} .w10{width:10%;}
.comment{ margin-bottom:30px;} .comment{ margin-bottom:30px;}
.comment p.tit{ font-family:"nanumttf_r","nanumeot_r"; font-weight:bold; color:#464646; font-size:110%; margin-bottom:5px;} .comment p.tit{ font-family:"NanumGothic","Nanum Gothic","나눔고딕",sans-serif; font-weight:bold; color:#464646; font-size:110%; margin-bottom:5px;}
.comment p.tit strong{ color:#005fa6;} .comment p.tit strong{ color:#005fa6;}
.comment ul{ border-top:2px solid #8a8a8a; margin-bottom:10px;} .comment ul{ border-top:2px solid #8a8a8a; margin-bottom:10px;}
.comment ul li{ border-bottom:1px solid #ddd;} .comment ul li{ border-bottom:1px solid #ddd;}
.comment dl{position:relative; padding:10px; } .comment dl{position:relative; padding:10px; }
.comment dt{ font-size:95%; font-weight:bold; margin-bottom:10px;} .comment dt{ font-size:95%; font-weight:bold; margin-bottom:10px;}
.comment dt span.date{ color:#979797; font-weight:normal; font-family:tahoma;} .comment dt span.date{ color:#979797; font-weight:normal; font-family:"NanumGothic","Nanum Gothic","나눔고딕",sans-serif;}
.comment dd.btn_del{ font-size:95%; position:absolute; right:0;top:10px;} .comment dd.btn_del{ font-size:95%; position:absolute; right:0;top:10px;}
.comment .comt_box{ border:1px solid #d1d1d1; padding:10px; overflow:hidden; } .comment .comt_box{ border:1px solid #d1d1d1; padding:10px; overflow:hidden; }
@ -88,5 +85,5 @@ fieldset.search_box input.tbox{ border:1px solid #d1d1d1;height:20px;}
.comment .comt_box p strong{ font-size:95%;} .comment .comt_box p strong{ font-size:95%;}
.comment .comt_box input.tbox{border:1px solid #d1d1d1; height:20px;} .comment .comt_box input.tbox{border:1px solid #d1d1d1; height:20px;}
.comment .comt_box textarea{width:90%; height:50px; float:left} .comment .comt_box textarea{width:90%; height:50px; float:left}
.comment .comt_box input.btn{ float:right; width:8%; height:50px; border:1px solid #7d7d7d; background:#939393; color:#fff; font-size:95%; font-weight:bold;font-family:"nanumttf_r","nanumeot_r";} .comment .comt_box input.btn{ float:right; width:8%; height:50px; border:1px solid #7d7d7d; background:#939393; color:#fff; font-size:95%; font-weight:bold;font-family:"NanumGothic","Nanum Gothic","나눔고딕",sans-serif;}

4
src/main/webapp/css/site/mnt/contents.css
View File

@ -1,7 +1,7 @@
/* subContents */ /* subContents */
.conTop{position:relative; height:166px; border-bottom:1px solid #d1d1d1;} .conTop{position:relative; height:166px; border-bottom:1px solid #d1d1d1;}
.conTop .location{position:absolute; left:0; top:50px; height:12px; font-family:돋움, 'Dotum'; color:#606060; font-size:12px;} .conTop .location{position:absolute; left:0; top:50px; height:12px; font-family:"NanumGothic","Nanum Gothic","나눔고딕",sans-serif; color:#606060; font-size:12px;}
.conTop .location ul:after{content:""; display:block; clear:both;} .conTop .location ul:after{content:""; display:block; clear:both;}
.conTop .location ul li{float:left; padding-left:15px; height:12px; line-height:1.2em; background:url("/images/site/frt/bg/bg_location_arrow.gif") no-repeat 6px 45%;} .conTop .location ul li{float:left; padding-left:15px; height:12px; line-height:1.2em; background:url("/images/site/frt/bg/bg_location_arrow.gif") no-repeat 6px 45%;}
.conTop .location ul li *{vertical-align:middle;} .conTop .location ul li *{vertical-align:middle;}
@ -153,7 +153,7 @@ p.bottExp_join{font-size:13px; text-align:left; text-indent:170px;}
/* 마이페이지 */ /* 마이페이지 */
.popTop{height:77px; padding-top:48px; background:url("/images/site/frt/bg/bg_symbol.gif") no-repeat 100% 36px; border-bottom:1px solid #dcdcdc;} .popTop{height:77px; padding-top:48px; background:url("/images/site/frt/bg/bg_symbol.gif") no-repeat 100% 36px; border-bottom:1px solid #dcdcdc;}
.popTop .location{height:12px; font-family:돋움, 'Dotum'; color:#606060; font-size:12px;} .popTop .location{height:12px; font-family:"NanumGothic","Nanum Gothic","나눔고딕",sans-serif; color:#606060; font-size:12px;}
.popTop .location ul:after{content:""; display:block; clear:both;} .popTop .location ul:after{content:""; display:block; clear:both;}
.popTop .location ul{float:left;} .popTop .location ul{float:left;}
.popTop .location ul li{float:left; padding-left:15px; height:12px; line-height:1.2em; background:url("/images/site/frt/bg/bg_location_arrow.gif") no-repeat 6px 50%;} .popTop .location ul li{float:left; padding-left:15px; height:12px; line-height:1.2em; background:url("/images/site/frt/bg/bg_location_arrow.gif") no-repeat 6px 50%;}

BIN
src/main/webapp/css/site/mnt/font/NanumGothicBold.ttf Normal file
View File

Binary file not shown.

2
src/main/webapp/css/site/mnt/layout.css
View File

@ -1,5 +1,5 @@
/* DashBoard */ /* DashBoard */
#contents {font-family:"맑은 고딕",Malgun Gothic,"돋움",Dotum,sans-serif} #contents {font-family:"NanumGothic","Nanum Gothic","나눔고딕",sans-serif}
.con_title {margin-bottom:5px;color:#005ea8;font-size:20px;line-height:1.2em} .con_title {margin-bottom:5px;color:#005ea8;font-size:20px;line-height:1.2em}
.con_title span {margin-left:9px;color:#555;font-size:14px;font-weight:normal} .con_title span {margin-left:9px;color:#555;font-size:14px;font-weight:normal}

69
src/main/webapp/css/site/mnt/nanumgothic.css Normal file
View File

@ -0,0 +1,69 @@
@charset "utf-8";
/* ==========================================================================
* 관리자(mnt) 공통 글꼴 - 나눔고딕
*
* 2026-07-30 관리자페이지 글꼴 일괄 나눔고딕 교체
* - 기존에 개별 CSS에 흩어져 있던 맑은고딕/돋움/굴림/Tahoma/Arial 지정을 대체
* - 웹폰트 파일: /css/site/mnt/font/ (ttf/eot), /css/site/cmm/font/NanumGothic.woff
* - PC에 나눔고딕이 설치된 경우 local() 로 먼저 잡아 웹폰트 다운로드를 생략
* - head.jsp 에서 마지막에 로드하여 프레임워크/벤더 CSS 지정을 덮어쓴다
* ========================================================================== */
@font-face {
font-family:"NanumGothic";
font-style:normal;
font-weight:400;
src:url(/css/site/mnt/font/NanumGothic.eot); /* IE9 이하 */
src:local("NanumGothic"), local("Nanum Gothic"), local("나눔고딕"),
url(/css/site/mnt/font/NanumGothic.eot?#iefix) format("embedded-opentype"),
url(/css/site/cmm/font/NanumGothic.woff) format("woff"),
url(/css/site/mnt/font/NanumGothic.ttf) format("truetype");
}
@font-face {
font-family:"NanumGothic";
font-style:normal;
font-weight:700;
src:url(/css/site/mnt/font/NanumGothicExtraBold.eot); /* IE9 이하 (Bold eot 없음 → ExtraBold 대체) */
src:local("NanumGothicBold"), local("Nanum Gothic Bold"), local("나눔고딕 Bold"),
url(/css/site/mnt/font/NanumGothicExtraBold.eot?#iefix) format("embedded-opentype"),
url(/css/site/mnt/font/NanumGothicBold.ttf) format("truetype");
}
@font-face {
font-family:"NanumGothic";
font-style:normal;
font-weight:800;
src:url(/css/site/mnt/font/NanumGothicExtraBold.eot); /* IE9 이하 */
src:local("NanumGothicExtraBold"), local("Nanum Gothic ExtraBold"),
url(/css/site/mnt/font/NanumGothicExtraBold.eot?#iefix) format("embedded-opentype"),
url(/css/site/mnt/font/NanumGothicExtraBold.ttf) format("truetype");
}
/* 관리자 화면 전체 기본 글꼴
* 아이콘 폰트(.glyphicon 등)는 선택자 우선순위가 더 높아 영향받지 않는다. */
html body,
html body * {
font-family:"NanumGothic","Nanum Gothic","나눔고딕",sans-serif;
}
/* 벤더 위젯(jQuery UI / DataTables / daterangepicker / bootstrap-datepicker) 지정 덮어쓰기.
* 화면별로 head.do 이후에 링크되는 경우가 있어 !important 로 고정한다. */
.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button,
.daterangepicker,
.daterangepicker input,
.datepicker,
.datepicker table,
table.dataTable,
table.dataTable thead th,
table.dataTable tbody td,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
font-family:"NanumGothic","Nanum Gothic","나눔고딕",sans-serif !important;
}

7
src/main/webapp/css/site/mnt/popup.css
View File

@ -1,14 +1,11 @@
@charset "utf-8"; @charset "utf-8";
/* CSS Document */ /* CSS Document */
@import url(basic.css); @import url(basic.css);
@font-face{ font-family:"nanumttf"; src:url(font/NanumGothicExtraBold.ttf)} @import url(/css/site/mnt/nanumgothic.css);
@font-face{ font-family:"nanumeot"; src:url(font/NanumGothicExtraBold.eot)}
@font-face{ font-family:"nanumttf_r"; src:url(font/NanumGothic.ttf)}
@font-face{ font-family:"nanumeot_r"; src:url(font/NanumGothic.eot)}
html, body { height:100%;} html, body { height:100%;}
body{border:6px solid #00a2e2; margin-top:-12px;} body{border:6px solid #00a2e2; margin-top:-12px;}
h1{ background:#00a2e2; padding-top:20px; height:25px; font-size:18px;font-family:"nanumttf_r","nanumeot_r"; color:#fff; line-height:1em; } h1{ background:#00a2e2; padding-top:20px; height:25px; font-size:18px;font-family:"NanumGothic","Nanum Gothic","나눔고딕",sans-serif; color:#fff; line-height:1em; }
#popup{ padding:30px 20px;} #popup{ padding:30px 20px;}
#popup p.txt_box{ border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:30px 0; text-align:center; margin-bottom:30px;} #popup p.txt_box{ border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; padding:30px 0; text-align:center; margin-bottom:30px;}

2
src/main/webapp/css/site/mnt/prev-year-stat.css
View File

@ -16,7 +16,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
margin: 0; margin: 0;
padding: 0; padding: 0;
unicode-bidi: isolate; unicode-bidi: isolate;
font-family: "맑은 고딕", Malgun Gothic, "돋움", Dotum, Arial, sans-serif; font-family: "NanumGothic","Nanum Gothic","나눔고딕",sans-serif;
} }
/*************테이블*************/ /*************테이블*************/

9
src/main/webapp/css/site/mnt/stat-summary-list.css
View File

@ -1,6 +1,5 @@
@import url(/css/site/mnt/basic.css); @import url(/css/site/mnt/basic.css);
@font-face{ font-family:"nanumttf_r"; src:url(/css/site/mnt/font/NanumGothic.ttf)} @import url(/css/site/mnt/nanumgothic.css);
@font-face{ font-family:"nanumeot_r"; src:url(/css/site/mnt/font/NanumGothic.eot)}
/* 헤더 */ /* 헤더 */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
@ -21,7 +20,7 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
margin: 0; margin: 0;
padding: 0; padding: 0;
unicode-bidi: isolate; unicode-bidi: isolate;
font-family: "맑은 고딕", Malgun Gothic, "돋움", Dotum, Arial, sans-serif; font-family: "NanumGothic","Nanum Gothic","나눔고딕",sans-serif;
} }
/* Modal 기본 스타일 */ /* Modal 기본 스타일 */
@ -125,14 +124,14 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
} }
.wideBtn { .wideBtn {
font-family: 'nanumttf_r', "nanumeot_r" !important; font-family: "NanumGothic","Nanum Gothic","나눔고딕",sans-serif !important;
margin-top: 20px !important; margin-top: 20px !important;
margin-bottom: 2px !important; margin-bottom: 2px !important;
padding: 10px 30px 10px 30px !important; padding: 10px 30px 10px 30px !important;
} }
.statBtn { .statBtn {
font-family: 'nanumttf_r', "nanumeot_r" !important; font-family: "NanumGothic","Nanum Gothic","나눔고딕",sans-serif !important;
margin-top: 20px !important; margin-top: 20px !important;
margin-bottom: 5px !important; margin-bottom: 5px !important;
padding: 10px !important; padding: 10px !important;

5
src/main/webapp/css/site/mnt/stat-summary-view.css
View File

@ -1,6 +1,5 @@
@import url(/css/site/mnt/basic.css); @import url(/css/site/mnt/basic.css);
@font-face{ font-family:"nanumttf_r"; src:url(/css/site/mnt/font/NanumGothic.ttf)} @import url(/css/site/mnt/nanumgothic.css);
@font-face{ font-family:"nanumeot_r"; src:url(/css/site/mnt/font/NanumGothic.eot)}
/*************테이블*************/ /*************테이블*************/
/* 테이블 전체 테두리 설정 */ /* 테이블 전체 테두리 설정 */
@ -29,7 +28,7 @@
} }
#statBtn { #statBtn {
font-family: 'nanumttf_r', "nanumeot_r" !important; /* 기본 브라우저 스타일로 되돌림 */ font-family: "NanumGothic","Nanum Gothic","나눔고딕",sans-serif !important; /* 기본 브라우저 스타일로 되돌림 */
margin-top: 20px !important; margin-top: 20px !important;
margin-bottom: 5px !important; margin-bottom: 5px !important;
padding: 10px !important; padding: 10px !important;

8
src/main/webapp/css/site/mnt/style_202108.css
View File

@ -12,7 +12,7 @@ html, body {
} }
#admin-main { #admin-main {
font-family: "맑은 고딕", Malgun Gothic, "돋움", Dotum, Arial, sans-serif; font-family: "NanumGothic","Nanum Gothic","나눔고딕",sans-serif;
font-size: 13px; font-size: 13px;
color: #333; color: #333;
text-decoration: none; text-decoration: none;
@ -200,7 +200,7 @@ html, body {
justify-content: space-between; justify-content: space-between;
width: 100%; width: 100%;
height: 51px; height: 51px;
font-family: "돋움", Dotum, Arial, sans-serif; font-family: "NanumGothic","Nanum Gothic","나눔고딕",sans-serif;
font-size: 12px; font-size: 12px;
background-color: #fcfcfc; background-color: #fcfcfc;
margin: 0; margin: 0;
@ -244,7 +244,7 @@ html, body {
} }
#new-header .btn-white { #new-header .btn-white {
font-family: "돋움", Dotum, Arial, sans-serif; font-family: "NanumGothic","Nanum Gothic","나눔고딕",sans-serif;
font-size: 12px; font-size: 12px;
color: #333; color: #333;
background-color: #fff; background-color: #fff;
@ -261,7 +261,7 @@ html, body {
} }
#new-header .btn-logout { #new-header .btn-logout {
font-family: "돋움", Dotum, Arial, sans-serif; font-family: "NanumGothic","Nanum Gothic","나눔고딕",sans-serif;
font-size: 12px; font-size: 12px;
color: #fff; color: #fff;
background-color: #404040; background-color: #404040;

6
src/main/webapp/html/site/cmm/ckeditor/contents.css
View File

@ -3,11 +3,13 @@ Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.md or http://ckeditor.com/license For licensing, see LICENSE.md or http://ckeditor.com/license
*/ */
/* 나눔고딕 웹폰트 정의 (기존 "nanumttf_r" 은 @font-face 선언이 없어 적용되지 않던 상태) */
@import url(/css/site/mnt/nanumgothic.css);
body body
{ {
/* Font */ /* Font */
/*font-family: sans-serif, Arial, Verdana, "Trebuchet MS";*/ font-family:"NanumGothic","Nanum Gothic","나눔고딕",sans-serif;
font-family:"nanumttf_r","nanumeot_r";
font-size: 12px; font-size: 12px;
/* Text color */ /* Text color */