diff --git a/src/main/webapp/site/itn/html/egovframework/com/cmm/utl/ckeditor/plugins/a11yhelp/dialogs/lang/hi.js b/src/main/webapp/site/itn/html/egovframework/com/cmm/utl/ckeditor/plugins/a11yhelp/dialogs/lang/hi.js
new file mode 100644
index 00000000..2e50a82a
--- /dev/null
+++ b/src/main/webapp/site/itn/html/egovframework/com/cmm/utl/ckeditor/plugins/a11yhelp/dialogs/lang/hi.js
@@ -0,0 +1,11 @@
+/*
+ Copyright (c) 2003-2014, CKSource - Frederico Knabben. All rights reserved.
+ For licensing, see LICENSE.md or http://ckeditor.com/license
+*/
+CKEDITOR.plugins.setLang("a11yhelp","hi",{title:"Accessibility Instructions",contents:"Help Contents. To close this dialog press ESC.",legend:[{name:"सामान्य",items:[{name:"Editor Toolbar",legend:"Press ${toolbarFocus} to navigate to the toolbar. Move to the next and previous toolbar group with TAB and SHIFT-TAB. Move to the next and previous toolbar button with RIGHT ARROW or LEFT ARROW. Press SPACE or ENTER to activate the toolbar button."},{name:"Editor Dialog",legend:"Inside a dialog, press TAB to navigate to next dialog field, press SHIFT + TAB to move to previous field, press ENTER to submit dialog, press ESC to cancel dialog. For dialogs that have multiple tab pages, press ALT + F10 to navigate to tab-list. Then move to next tab with TAB OR RIGTH ARROW. Move to previous tab with SHIFT + TAB or LEFT ARROW. Press SPACE or ENTER to select the tab page."},
+{name:"Editor Context Menu",legend:"Press ${contextMenu} or APPLICATION KEY to open context-menu. Then move to next menu option with TAB or DOWN ARROW. Move to previous option with SHIFT+TAB or UP ARROW. Press SPACE or ENTER to select the menu option. Open sub-menu of current option with SPACE or ENTER or RIGHT ARROW. Go back to parent menu item with ESC or LEFT ARROW. Close context menu with ESC."},{name:"Editor List Box",legend:"Inside a list-box, move to next list item with TAB OR DOWN ARROW. Move to previous list item with SHIFT + TAB or UP ARROW. Press SPACE or ENTER to select the list option. Press ESC to close the list-box."},
+{name:"Editor Element Path Bar",legend:"Press ${elementsPathFocus} to navigate to the elements path bar. Move to next element button with TAB or RIGHT ARROW. Move to previous button with SHIFT+TAB or LEFT ARROW. Press SPACE or ENTER to select the element in editor."}]},{name:"Commands",items:[{name:" Undo command",legend:"Press ${undo}"},{name:" Redo command",legend:"Press ${redo}"},{name:" Bold command",legend:"Press ${bold}"},{name:" Italic command",legend:"Press ${italic}"},{name:" Underline command",
+legend:"Press ${underline}"},{name:" Link command",legend:"Press ${link}"},{name:" Toolbar Collapse command",legend:"Press ${toolbarCollapse}"},{name:" Access previous focus space command",legend:"Press ${accessPreviousSpace} to access the closest unreachable focus space before the caret, for example: two adjacent HR elements. Repeat the key combination to reach distant focus spaces."},{name:" Access next focus space command",legend:"Press ${accessNextSpace} to access the closest unreachable focus space after the caret, for example: two adjacent HR elements. Repeat the key combination to reach distant focus spaces."},
+{name:" Accessibility Help",legend:"Press ${a11yHelp}"}]}],backspace:"Backspace",tab:"Tab",enter:"Enter",shift:"Shift",ctrl:"Ctrl",alt:"Alt",pause:"Pause",capslock:"Caps Lock",escape:"Escape",pageUp:"Page Up",pageDown:"Page Down",end:"End",home:"Home",leftArrow:"Left Arrow",upArrow:"Up Arrow",rightArrow:"Right Arrow",downArrow:"Down Arrow",insert:"Insert","delete":"Delete",leftWindowKey:"Left Windows key",rightWindowKey:"Right Windows key",selectKey:"Select key",numpad0:"Numpad 0",numpad1:"Numpad 1",
+numpad2:"Numpad 2",numpad3:"Numpad 3",numpad4:"Numpad 4",numpad5:"Numpad 5",numpad6:"Numpad 6",numpad7:"Numpad 7",numpad8:"Numpad 8",numpad9:"Numpad 9",multiply:"Multiply",add:"Add",subtract:"Subtract",decimalPoint:"Decimal Point",divide:"Divide",f1:"F1",f2:"F2",f3:"F3",f4:"F4",f5:"F5",f6:"F6",f7:"F7",f8:"F8",f9:"F9",f10:"F10",f11:"F11",f12:"F12",numLock:"Num Lock",scrollLock:"Scroll Lock",semiColon:"Semicolon",equalSign:"Equal Sign",comma:"Comma",dash:"Dash",period:"Period",forwardSlash:"Forward Slash",
+graveAccent:"Grave Accent",openBracket:"Open Bracket",backSlash:"Backslash",closeBracket:"Close Bracket",singleQuote:"Single Quote"});
\ No newline at end of file
diff --git a/src/main/webapp/visitEdu/usr/publish/css/content.css b/src/main/webapp/visitEdu/usr/publish/css/content.css
index 3b311db4..f2421670 100644
--- a/src/main/webapp/visitEdu/usr/publish/css/content.css
+++ b/src/main/webapp/visitEdu/usr/publish/css/content.css
@@ -111,21 +111,32 @@ button{transition: background-color .1s linear;}
.btn.line.blue:hover{border:1px solid #99b1e2;color:var(--primary-color);}
.btn.line.mint:hover{border:1px solid #91cada;color:var(--secondary-color);}
.btn.line.gray:hover{border:1px solid #aeaeae;color:var(--gray-color);}
-.btn.line.red:hover{border:1px solid var(--red-color-light);color:var(--red-color-light);}
+.btn.line.red:hover{background:var(--red-color-light);color:var(--red-color-hover);}
/* 기본 input texarea */
input {border: 1px solid #d5d5d5; border-radius: 5px;}
input[type="text"]{height: 40px; padding: 0 15px; font-size: 16px; color: #222; border: 1px solid #d5d5d5; border-radius: 5px; box-sizing: border-box;}
-input[type="text"]:read-only,.duet-date__input:read-only {background-color: #f5f5f5; border: 1px solid #d5d5d5;}
+input[type="text"]:read-only{background-color: #f4f4f4; border: 1px solid #d8d8d8;}
+.duet-date__input:read-only {background: #f4f4f4 ; }
+.duet-date__input:read-only .duet-date__toggle{background:url(../images/content/icon_calendar_gray.png) no-repeat;}
input[type="text"]::placeholder,.duet-date__input::placeholder {color: #666;}
+input[type="text"]:read-only::placeholder,.duet-date__input:read-only::placeholder {color: #888888;}
input[type="text"]:valid {color: #555;}
input[type="checkbox"]+label {color: #555; font-size: 16px; font-weight: 400; line-height: 1; vertical-align: middle;}
input[type="radio"]+label {color: #555; font-size: 16px; font-weight: 400; line-height: 1; vertical-align: middle;}
+input[type="radio"].read-only{border:1px solid #999;background-color:#f4f4f4;accent-color: #888;}
textarea {border: 1px solid #d5d5d5; border-radius: 5px;}
textarea::placeholder {color: #000;}
select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; padding: 0 50px 0 15px; font-size: 16px; color: #222; background-image: url(/ipedu/visitEdu/usr/publish/images/content/icon_select.png); background-repeat: no-repeat; background-position: calc(100% - 15px) center; color: #666;}
+select.selType1.read-only{background: url(/ipedu/visitEdu/usr/publish/images/content/icon_select_gray.png) no-repeat calc(100% - 15px) center; color:#888; pointer-events:none;}
.tb_type02.tb_type02_write input[type="text"].input_time {width: 50px;}
+.select_wrap{display:flex;gap:16px;}
+.select_wrap li{display:flex;align-items:center;gap:8px;}
+.select_wrap label{font-size:1.8rem;color:#666;}
+
+.list_top .read-only:not(select){background:#888 !important;color:#fff !important;border:0 !important;}
+
/* tab */
.tab.line{display:flex;width:100%;border-bottom:1px solid #d7d7d7;border-radius:10px 10px 0 0;margin:0 0 40px 0;}
.tab.line .tab_li{position:relative;}
@@ -238,6 +249,7 @@ duet-date-picker *:focus{outline: auto !important;}
.list tbody th, .list tbody td {border-bottom: 1px solid #d7d7d7; font-weight: 300; color: #555555; vertical-align: middle; padding: 16px 2px;font-size: 16px; font-weight:300; line-height: 1.3;}
/* .list tbody th:not(.has_notice), .list tbody tr.new_cont td {color: #5c6dc3; text-decoration: underline;} */
.list tbody td p,.list tbody td span {display:inline-block;width: auto; margin: 0 auto; font-size:inherit; font-weight:400; padding: 0 5px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; vertical-align: middle;} /* 테이블 안에 내용 ..처리 할때 */
+.list tbody td .mobile{display:none;}
.list tbody td a {width: 100%; margin: 0 auto; font-weight:500; padding: 0 5px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.list tbody td:last-child{border-right: 0;}
.list tbody td button{height: 40px; width: auto; padding: 0 10px; font-size: 1.7rem;}
@@ -1036,6 +1048,7 @@ duet-date-picker *:focus{outline: auto !important;}
.list tbody th, .list tbody td{border:0;text-align:left;padding:0;font-size:4.8rem;}
.list a{font-size:5.6rem;}
.list tbody th p,.list tbody td p, .list tbody td span{display:inline-block;width:auto;font-size:inherit;font-weight:300;vertical-align:sub;}
+ .list tbody td .mobile{display:inline-block;}
.list tbody th p{font-size:inherit;font-weight:500;}
.list tbody td span{position:relative;margin:0 32px 0 0;padding:0 32px 0 0;font-weight:400;}
.list tbody td span::after{position:absolute;content:"";width:4px;height:50px;background:var(--gray-color-light-hover);top:9.5px;right:0}
diff --git a/src/main/webapp/visitEdu/usr/publish/css/popup.css b/src/main/webapp/visitEdu/usr/publish/css/popup.css
index cc5ec6d9..6ef67bde 100644
--- a/src/main/webapp/visitEdu/usr/publish/css/popup.css
+++ b/src/main/webapp/visitEdu/usr/publish/css/popup.css
@@ -1,4 +1,4 @@
-.mask{display: none; background-color: rgba(0,0,0,0.7); width: 100%; height: 100%; position: fixed; z-index: 22; left: 0; top: 0;}
+.mask{display: none; background-color: rgba(0,0,0,0.4); width: 100%; height: 100%; position: fixed; z-index: 22; left: 0; top: 0;}
.t_left {text-align: left !important;}
diff --git a/src/main/webapp/visitEdu/usr/publish/script/common.js b/src/main/webapp/visitEdu/usr/publish/script/common.js
index a8a06ce4..dbb0d7df 100644
--- a/src/main/webapp/visitEdu/usr/publish/script/common.js
+++ b/src/main/webapp/visitEdu/usr/publish/script/common.js
@@ -21,6 +21,22 @@ window.addEventListener('load', function () {
$(function(){
header();
+
+ // sub 페이지네비게이션 추가
+
+ var menuTitle = $(".lnb_title").text();
+ var contTitle = $(".cont_tit h2").text();
+
+ $(".sns_go").remove();
+ var titleText = "";
+ titleText += '