diff --git a/src/main/webapp/visitEdu/usr/datapicker/duet.esm.js b/src/main/webapp/visitEdu/usr/datapicker/duet.esm.js index 930ef5d0..fdfd583e 100644 --- a/src/main/webapp/visitEdu/usr/datapicker/duet.esm.js +++ b/src/main/webapp/visitEdu/usr/datapicker/duet.esm.js @@ -32,7 +32,7 @@ import { return c } } - })(n.resourcesUrl, r), a.customElements ? i(n) : __sc_import_duet("/offeduadvcadvc/visitEdu/usr/datapicker/dom-fb6a473e.js").then((() => n)) + })(n.resourcesUrl, r), a.customElements ? i(n) : __sc_import_duet("/offeduadvc/visitEdu/usr/datapicker/dom-fb6a473e.js").then((() => n)) })().then((e => r([ ["duet-date-picker", [ [0, "duet-date-picker", { diff --git a/src/main/webapp/visitEdu/usr/publish/css/common.css b/src/main/webapp/visitEdu/usr/publish/css/common.css index 0bf72923..6788fdf5 100644 --- a/src/main/webapp/visitEdu/usr/publish/css/common.css +++ b/src/main/webapp/visitEdu/usr/publish/css/common.css @@ -114,7 +114,7 @@ header.on::before{opacity: 1;} .path .m_pathedfr {display:none;} /* snb */ -.snb {width:230px;} +/* .snb {width:230px;} */ .snb > p {color:#333333;font-size:27px; font-weight: 600;font-family: 'nanumsquare', 'Noto Sans KR', sans-serif;} .snb > h2 > span {color: #e95504; display: block; font-family: 'nanumsquare', 'Noto Sans KR', sans-serif; padding-top: 9px;} .snb .ssleftxt{width:100%;margin-top:25px;} @@ -124,9 +124,23 @@ header.on::before{opacity: 1;} .snb .ssleftxt ul li a span{font-size: 18px; line-height: 18px;} .snb .ssleftxt ul li.menu_on{background-color: #ec5908 ; border: 1px solid #ec5908;} .snb .ssleftxt ul li.menu_on a {color:#fff; background-image: url(../images/common/arrow.png); background-repeat: no-repeat; background-position: 91% 50%;} - /*// snb */ +.navigation {height:50px;border-bottom:1px solid #d5d5d5;} +.container .navigation .inner{margin: 0 auto;} +.navigation .list {border-left:1px solid #d5d5d5;} +.navigation .list:after {content:'';display:block;clear:both;} +.navigation .list > li {position:relative;float:left;border-right:1px solid #d5d5d5;} +.navigation .list > li:first-child {border-left:1px solid #d5d5d5;} +.navigation .list > li.home {display:none;border-left:1px solid #d5d5d5;} +.navigation .list > li.home a {display:block;width:49px;height:50px;font-size:0;text-indent:-9999em;background:url(../images/content/select.png) no-repeat center center;} +.navigation .list > li .navi_title {position:relative;width:230px;padding:0 20px;font-size:16px;line-height:50px;text-align:left;color:#555;box-sizing:border-box;} +.navigation .list > li .navi_title:after {content:'';position:absolute;right:20px;top:1px;width:18px;height:48px;background:url(../images/content/select.png) no-repeat center center;} +.navigation .list > li .navi_depth {display:none;position:absolute;left:-1px;top:50px;width:100%;border:1px solid #d5d5d5;background:#fff;z-index:2;} +.navigation .list > li .navi_depth li a {display:block;height:40px;padding:0 20px;font-size:16px;line-height:40px;} +.navigation .list > li .navi_depth li a:hover, +.navigation .list > li .navi_depth li a:focus {font-weight:500;color:#ff6009;background:#fff3ec;} + /* footer */ footer{width: 100%; background-color: #fff; position: relative; padding: 0 10px; box-sizing: border-box; color: #666; position: relative;} footer::before { content: ""; width: 100%; height: 50px; border-top: 1px solid #e2e3e7; border-bottom: 1px solid #e2e3e7; position: absolute; top: 0; left: 0;} @@ -230,6 +244,10 @@ footer .wa_mark .wa {width: 110px;} .path .m_pathedfr > ul > li .path_btn.active:after {transform:rotate(180deg);} .path .m_pathedfr > ul > li ul {display:none;position:absolute;left:0;top:50px;width:100%; padding:3px 0;border-top:1px solid #fcae83;background:#fb8b4e;box-sizing:border-box;} .path .m_pathedfr > ul > li ul li a {display:block;padding:0 0 0 10px;font-size:16px;line-height:35px;color:#fff;} + + .container .navigation .inner {padding:0;} + .navigation .list > li {width: calc((100% - 2px)/2);} + .navigation .list > li .navi_title{width: 100%;} /* footer */ footer .site {margin:0 -10px;} diff --git a/src/main/webapp/visitEdu/usr/publish/css/content.css b/src/main/webapp/visitEdu/usr/publish/css/content.css index 971ff015..cbc639ec 100644 --- a/src/main/webapp/visitEdu/usr/publish/css/content.css +++ b/src/main/webapp/visitEdu/usr/publish/css/content.css @@ -4,7 +4,8 @@ /* sub layout */ .container {width: 100%; min-height: 650px; position: relative; display: inline-block; box-sizing: border-box; margin-top: 130px; } .container .inner{max-width: 1440px; width: 100%; padding: 0 20px; margin: 60px auto 76px auto; display: flex; box-sizing: border-box; justify-content: space-between;} -.container .inner .cont_wrap {width: calc(100% - 275px);} +/* .container .inner .cont_wrap {width: calc(100% - 275px);} */ +.container .inner .cont_wrap {width: 100%;} .cont_nav{width: 100%; height: 60px; background-color: #2353b5; position: fixed; top: 134px; z-index: 10;} .cont_nav .inner{display: flex; max-width: 1400px; width: 100%; margin: 0 auto;} diff --git a/src/main/webapp/visitEdu/usr/publish/css/popup.css b/src/main/webapp/visitEdu/usr/publish/css/popup.css index 7af39da9..22722992 100644 --- a/src/main/webapp/visitEdu/usr/publish/css/popup.css +++ b/src/main/webapp/visitEdu/usr/publish/css/popup.css @@ -102,7 +102,7 @@ /* 교육문의 */ .popup_texta textarea {width:100%; height:200px; margin: 10px 0 0 0; font-size:15px;} - .text_greeting {margin:-20px 0 0; } + .text_greeting {margin:-20px 0 0;} /* 기소유예 - 교육취소 */ .btnType01.right {float:right; margin:0 0 5px 0;} @@ -124,4 +124,11 @@ .pop_tb_type01>table>tbody>tr>td {height: 40px; padding: 8px 10px;} .pop_tb_type01>table>tbody>tr>td input[type="text"] {height: 36px;} .pop_tb_type01>table>tbody>tr>td>.btnType01 {height: 30px; font-size: 15px; padding: 0 12px;} + + /* 교육신청자 대시보드 */ + .text_greeting {margin:0 0 0 0;} +} + +@media all and (max-width: 400px){ + .popup_wrap.popType01{width: 95%;} } \ No newline at end of file diff --git a/src/main/webapp/visitEdu/usr/publish/script/common.js b/src/main/webapp/visitEdu/usr/publish/script/common.js index 34562846..e156fe8b 100644 --- a/src/main/webapp/visitEdu/usr/publish/script/common.js +++ b/src/main/webapp/visitEdu/usr/publish/script/common.js @@ -1,6 +1,11 @@ $(document).ready(function () { header(); // header 슬라이드 기능 + // gnb 열림/닫힘 + setTimeout(function () { + gnbOpen(); + }, 100); + //ie 버그로 인하여 강제로 탭키 가도록 설정 if (ie_check()) { $("#main").prop("tabindex", "0"); @@ -72,6 +77,60 @@ $(document).ready(function () { /* ie는 readonly를 지원하지 않아서 css 적용 */ $("input[readonly='']").addClass("read-only"); /* //ie는 readonly를 지원하지 않아서 css 적용 */ + + /* snb 열림·닫힘 */ + $(".navi_title").click(function () { + if ($(this).next().is(":visible") == true) { + $(this).attr("title", "하위메뉴 열기"); + $(this).removeClass('active').next().slideUp(300); + $(this).parent().siblings().find(".navi_depth").slideUp(300); + } else { + $(this).attr("title", "하위메뉴 닫기"); + $(this).addClass('active').next().slideDown(300); + $(this).parent().siblings().find(".navi_depth").slideUp(300); + $('.m_select_wrap').removeClass('active'); + return false; + } + }); + + $("html").click(function () { + if ($(".navi_depth").is(":visible") == true) { + $(".navi_title").attr("title", "하위메뉴 열기"); + $(".navi_depth").slideUp(400); + } + }); + + // 웹접근성 snb에서 키보드로 이동 시 + $(".navi_depth li:last-child a").keydown(function (e) { + if (e.keyCode == "9") { + if (e.shiftKey) { + // shift+tab 했을 때 + } else { + $(this).parent().parent().prev().removeClass('active').attr("title", "하위메뉴 열기"); + $(".navi_depth").slideUp(300); + } + } + }); + + // 웹접근성 snb에서 키보드로 이동 시 + $(".navi_title").keydown(function (e) { + if (e.keyCode == "9") { + if (e.shiftKey) { + // shift+tab 했을 때 + $(this).removeClass('active').attr("title", "하위메뉴 열기"); + $(".navi_depth").slideUp(300); + } + } + }); + + $(function () { + $('.header .sitemap .depth01 > a').on('click', function () { + if (!$(this).closest('.depth01').hasClass('active')) { + $(this).closest('.list').find('.depth01').removeClass('active'); + $(this).closest('.depth01').addClass('active'); + } + }); + }); }); /* 화면 리사이즈 시 */ @@ -213,4 +272,19 @@ function mobilePath(){ } }); } -// 1207 - 수정사항 \ No newline at end of file +// 1207 - 수정사항 + +function gnbOpen() { + var target = $('#header'); + var depth = target.find('.gnb .depth01'); + var h = target.find('.gnb').outerHeight() - 60; + h += 178; + + function gnbActive() { + target.addClass('active').css('height', h + 'px'); + + } + function gnbLeave() { + target.removeClass('active').attr('style', ''); + } +} \ No newline at end of file diff --git a/src/main/webapp/visitEdu/usr/publish/script/popup.js b/src/main/webapp/visitEdu/usr/publish/script/popup.js index 961bdd2e..ba612fd1 100644 --- a/src/main/webapp/visitEdu/usr/publish/script/popup.js +++ b/src/main/webapp/visitEdu/usr/publish/script/popup.js @@ -85,4 +85,18 @@ function tooltip() { $(document).ready(function () { tooltip(); accessibilityFocus(); +}) + +$(window).resize(function(){ + var showTarget = $('.popup_wrap'); + var popWid = showTarget.width(); + var popHei = showTarget.height(); + + var nLeft = (($(window).outerWidth() - popWid)/2); + var nTop = (($(window).outerHeight() - popHei)/2); + + showTarget.css({ + "left": nLeft, + "top": nTop + }); }) \ No newline at end of file diff --git a/src/main/webapp/visitEdu/usr/publish/sub_sus_dashboard.html b/src/main/webapp/visitEdu/usr/publish/sub_sus_dashboard.html index 16ba9909..90832d55 100644 --- a/src/main/webapp/visitEdu/usr/publish/sub_sus_dashboard.html +++ b/src/main/webapp/visitEdu/usr/publish/sub_sus_dashboard.html @@ -40,11 +40,10 @@
-
+
-

교육신청 취소

+

교육신청 취소

+
@@ -106,12 +105,10 @@ -