diff --git a/src/main/webapp/WEB-INF/jsp/uss/ion/fms/FmsFileList.jsp b/src/main/webapp/WEB-INF/jsp/uss/ion/fms/FmsFileList.jsp index 44059a05..c97405d6 100644 --- a/src/main/webapp/WEB-INF/jsp/uss/ion/fms/FmsFileList.jsp +++ b/src/main/webapp/WEB-INF/jsp/uss/ion/fms/FmsFileList.jsp @@ -215,7 +215,7 @@ $(window).load(function() { - + ${result.registerId} diff --git a/src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticeList.jsp b/src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticeList.jsp index 4b30d780..4f2fffe2 100644 --- a/src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticeList.jsp +++ b/src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticeList.jsp @@ -112,7 +112,6 @@ var _searchYear = "${boardVO.searchYear}";

${brdMstrVO.bbsNm}

- c:url value='/web/ckeditorPriview.do' />
diff --git a/src/main/webapp/kccadrPb/adm/css/common.css b/src/main/webapp/kccadrPb/adm/css/common.css index ff4a9b40..e84154f8 100644 --- a/src/main/webapp/kccadrPb/adm/css/common.css +++ b/src/main/webapp/kccadrPb/adm/css/common.css @@ -6,7 +6,7 @@ .area_left .logo a{height: 100%; display: flex; justify-content: center; align-items: center;} .area_left .logo img{margin-left: -15px;} .depth01{position: relative; border-bottom: 1px solid #454444;} -.menu_tit{width: 100%; height: 57px; padding: 0 20px; text-align: left; font-size: 18px; font-weight: 400; color: #afaeae; background-image: url(/offedu/kccadrPb/adm/image/common/icon_leftmenu_open.png); background-repeat: no-repeat; background-position: calc(100% - 20px) center;} +.menu_tit{width: 100%; height: 57px; padding: 0 20px; text-align: left; font-size: 18px; font-weight: 400; color: #afaeae; background-image: url(../image/common/icon_leftmenu_open.png); background-repeat: no-repeat; background-position: calc(100% - 20px) center;} .depth02{width: calc(100% - 40px); height: 100%; padding: 8px 0; margin: 0 auto 10px auto; background-color: #2e2d2d; border-radius: 5px;} .depth02 li a{display: flex; align-items: center; width: 100%; height: 40px; padding: 0 5px 0 32px; font-size: 17px; font-weight: 300; color: #afaeae; box-sizing: border-box; position: relative;} .depth02 li a::before{position: absolute; content: "-"; left: 20px; font-size: 20px;} @@ -17,12 +17,12 @@ .area_right{position: relative; height: 100%; background-color: #f8f5f3; width: calc(100% - 280px); transition: width 0.3s linear;} .top_util,.user,.user_info,.alram{display: flex; align-items: center;} .top_util{width: 100%; height: 80px; justify-content: space-between; background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.1); padding: 0 47px 0 37px; box-sizing: border-box;} -.user i{display: block; width: 40px; height: 40px; background-color: #f8f5f3; box-shadow: inset 0 3px 3px rgba(0,0,0,0.1); border-radius: 100%; margin-right: 13px; background-image: url(/offedu/kccadrPb/adm/image/icon_person.png); background-repeat: no-repeat; background-position: center bottom;} +.user i{display: block; width: 40px; height: 40px; background-color: #f8f5f3; box-shadow: inset 0 3px 3px rgba(0,0,0,0.1); border-radius: 100%; margin-right: 13px; background-image: url(../image/icon_person.png); background-repeat: no-repeat; background-position: center bottom;} .user p{font-size: 17px; color: #555; letter-spacing: -0.5px; line-height: 1.3;} .user span{font-weight: bold; color: #222;} .user .user_id{font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 1.4;} .alram{position: relative; margin-left: 20px;} -.alram i{display: block; width: 15px; height: 19px; background-image: url(/offedu/kccadrPb/adm/image/common/icon_alram.png);} +.alram i{display: block; width: 15px; height: 19px; background-image: url(../image/common/icon_alram.png);} .alram .alram_num{position: absolute; top: -1px; left: 14px; width: 15px; height: 15px; background-color: #ed3d25; border-radius: 100%; color: #fff; line-height: 1.3; font-size: 11px; font-weight: bold; padding-right: 1px; box-sizing: border-box;} .alram p{margin-left: 10px; font-size: 16px; font-weight: 400; color: #555;} @@ -30,8 +30,8 @@ .user_util *{display: inline-block; vertical-align: middle; font-size: 15px; color: #666666; letter-spacing: -0.5px;} .user_util .final_date{margin-left: 15px;} .user_util i{width: 18px; height: 18px; background-position: center; background-repeat: no-repeat; margin-top: 2px; margin-right: 2px;} -.user_util .time_out i{background-image: url(/offedu/kccadrPb/adm/image/common/icon_timeout.png);} -.user_util .final_date i{background-image: url(/offedu/kccadrPb/adm/image/common/icon_finaldate.png);} +.user_util .time_out i{background-image: url(../image/common/icon_timeout.png);} +.user_util .final_date i{background-image: url(../image/common/icon_finaldate.png);} .user_util span{margin-left: 5px;} /* //top_util */ diff --git a/src/main/webapp/kccadrPb/adm/css/content.css b/src/main/webapp/kccadrPb/adm/css/content.css index 576135b0..0326cddf 100644 --- a/src/main/webapp/kccadrPb/adm/css/content.css +++ b/src/main/webapp/kccadrPb/adm/css/content.css @@ -2,10 +2,10 @@ .cont_wrap>.box{width: 100%; min-height: 789px; box-sizing: border-box; background-color: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.15);} /* 로그인 */ -.login_all_wrap{display: flex; width: 100%; min-width: 1240px; height: 100vh; justify-content: center; align-items: center; padding: 50px 0; box-sizing: border-box; background-color: #fcfaf6; background-image: url(/offedu/kccadrPb/adm/image/bg_login_left.png), url(/offedu/kccadrPb/adm/image/bg_login_right.png); background-position: left bottom, right top; background-repeat: no-repeat;} +.login_all_wrap{display: flex; width: 100%; min-width: 1240px; height: 100vh; justify-content: center; align-items: center; padding: 50px 0; box-sizing: border-box; background-color: #fcfaf6; background-image: url(../image/bg_login_left.png), url(../image/bg_login_right.png); background-position: left bottom, right top; background-repeat: no-repeat;} .login_wrap{display: flex; width: 1000px; height: 624px; background-color: #fff; border-radius: 30px; overflow: hidden; box-shadow: 0 0 15px rgba(0,0,0,0.2);} .login_wrap .login_left_box,.login_wrap .login_right_box{width: 50%;} -.login_wrap .login_left_box{display: flex; justify-content: center; align-items: flex-end; background-image: url(/offedu/kccadrPb/adm/image/bg_login.jpg); background-repeat: no-repeat;} +.login_wrap .login_left_box{display: flex; justify-content: center; align-items: flex-end; background-image: url(../image/bg_login.jpg); background-repeat: no-repeat;} .login_wrap .login_left_box img{margin-bottom: 50px;} .login_wrap .login_right_box{position: relative; padding: 110px 50px 0 90px; box-sizing: border-box;} .login_wrap .login_tit{font-size: 30px; font-weight: 500; margin-bottom: 54px;} @@ -32,7 +32,7 @@ .cont_nav li::after{position: absolute; content: ">"; right: -5px; top: 0px;} .cont_nav li:last-child{padding-right: 0;} .cont_nav li:last-child::after{display: none;} -.cont_nav .home i{display: inline-block; width: 16px; height: 14px; background-image: url(/offedu/kccadrPb/adm/image/common/icon_home.png);} +.cont_nav .home i{display: inline-block; width: 16px; height: 14px; background-image: url(../image/common/icon_home.png);} /* //cont_tit */ .wid_120{width: 120px; display: inline-block;} @@ -75,19 +75,19 @@ .list_util{width: 100%;} p+.list_util{width: auto;} .list_util .select_wrap, .list_util .sel_date, .list_util .input_wrap{display: inline-block;} -.list_util select{width: 150px; height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; padding-left: 14px; font-size: 16px; color: #222; background-image: url(/offedu/kccadrPb/adm/image/icon_select.png); background-repeat: no-repeat; background-position: calc(100% - 15px) center; margin-right: 3px; color: #555;} +.list_util select{width: 150px; height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; padding-left: 14px; font-size: 16px; color: #222; background-image: url(../image/icon_select.png); background-repeat: no-repeat; background-position: calc(100% - 15px) center; margin-right: 3px; color: #555;} .list_util input[type="text"]{width: 250px; height: 38px; border: 1px solid #d5d5d5; border-radius: 5px; padding: 0 0 0 14px; font-size: 16px; margin-right: 3px;} .list_util input::placeholder,.list_util input:-ms-input-placeholder{font-size: 16px; color: #999;} .list_util button{width: 80px; height: 40px; font-size: 18px; font-weight: 400; background-color: #f48105; color: #fff; vertical-align: middle; border-radius: 5px; transition: all 0.1s linear;} .list_util button:hover{box-shadow: 0 0 5px rgba(0,0,0,0.3); background-color: #e96800; transition: all 0.1s linear;} .list_util .btn_wrap.right{text-align: right;} -.list_util .btn_down_excel{width: 169px; height: 46px; border: 1px solid #0e8040; background-color: #f9f9f9; padding: 0 18px 0 47px; color: #0e803f; font-size: 18px; border-radius: 5px; box-sizing: border-box; letter-spacing: -0.5px; background-image: url(/offedu/kccadrPb/adm/image/btn_down_excel.png); background-repeat: no-repeat; background-position: 18px center; margin-top: -50px;} +.list_util .btn_down_excel{width: 169px; height: 46px; border: 1px solid #0e8040; background-color: #f9f9f9; padding: 0 18px 0 47px; color: #0e803f; font-size: 18px; border-radius: 5px; box-sizing: border-box; letter-spacing: -0.5px; background-image: url(../image/btn_down_excel.png); background-repeat: no-repeat; background-position: 18px center; margin-top: -50px;} .list_util .btn_down_excel:hover{background-color: #e5e5e5;} .list_util .sel_date{display: inline-block; font-size: 18px; font-weight: 300; color: #555; vertical-align: middle;} .list_util .sel_date input{width: 150px; margin: 0 5px;} .list_util .sel_date button{width: 20px; height: 18px;background-color: transparent; border-radius: 0; margin-left: -40px; margin-right: 15px;} -.list_util .sel_date .btn_cal{background-image: url(/offedu/kccadrPb/adm/image/btn_cal.png); background-repeat: no-repeat;} +.list_util .sel_date .btn_cal{background-image: url(../image/btn_cal.png); background-repeat: no-repeat;} .calendar_in{display: inline-block; position: relative;} .calendarPop{position: absolute; left: -265px; top: 40px; width: 330px; height: 300px;} @@ -148,8 +148,8 @@ p+.list_util{width: auto;} .btnType06:hover{background-color: #0d5fba; transition: all 0.1s linear;} /* //버튼 타입 */ -.btn_wrap .btn_print i{width: 22px; height: 22px; display: inline-block; background-image: url(/offedu/kccadrPb/adm/image/btn_print02.png); vertical-align: middle; margin-top: -5px;} -.btn_wrap .btn_check i{width: 20px; height: 20px; display: inline-block; background-image: url(/offedu/kccadrPb/adm/image/btn_check.png); vertical-align: middle; margin-top: -5px;} +.btn_wrap .btn_print i{width: 22px; height: 22px; display: inline-block; background-image: url(../image/btn_print02.png); vertical-align: middle; margin-top: -5px;} +.btn_wrap .btn_check i{width: 20px; height: 20px; display: inline-block; background-image: url(../image/btn_check.png); vertical-align: middle; margin-top: -5px;} /* //btn */ .cont .list{width: 100%; min-height: 465px; border-top: 1px solid #000; border-bottom: 1px solid #cccccc; overflow: hidden;} @@ -164,8 +164,8 @@ p+.list_util{width: auto;} .tb_tit .btn_wrap button{width: 30px; height: 30px; border: 1px solid #d5d5d5; background-color: #f5f5f5; border-radius: 5px; margin: 0; transition: background-color 0.2s linear;} .tb_tit .btn_wrap button:hover{background-color: #e5e5e5; transition: background-color 0.2s linear;} .tb_tit .btn_wrap button i{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; display: block;} -.tb_tit .btn_wrap .btn_plus i{background-image: url(/offedu/kccadrPb/adm/image/btn_plus.png);} -.tb_tit .btn_wrap .btn_minus i{background-image: url(/offedu/kccadrPb/adm/image/btn_minus.png);} +.tb_tit .btn_wrap .btn_plus i{background-image: url(../image/btn_plus.png);} +.tb_tit .btn_wrap .btn_minus i{background-image: url(../image/btn_minus.png);} .tb_tit .btn_wrap .btn_adj_add{width: auto; height: 46px; background-color: #1b6fcd; border: 0; margin-right: 8px;} .tb_tit .btn_wrap .btn_adj_add:hover{background-color: #0d5fba; transition: all 0.1s linear;} .tb_tit .btn_wrap .btn_del{min-width: 80px; height: 46px; padding: 0 12px; font-size: 18px; font-weight: 400; color: #555; background-color: #f5f5f5; border: 1px solid #aeaeae; border-radius: 5px; transition: all 0.1s linear;} @@ -197,7 +197,7 @@ p+.list_util{width: auto;} .tbType01 tbody td button{height: 30px; width: auto; padding: 0 10px; font-size: 17px;} .tbType01 tbody td select{min-width: 110px; width: auto; height: 30px; font-size: 17px;} .tbType01 tbody td .btn_print{height: auto;} -.tbType01 tbody td .btn_print i{display: inline-block; width: 17px; height: 20px; background-image: url(/offedu/kccadrPb/adm/image/btn_print01.png); background-position: center; vertical-align: middle;} +.tbType01 tbody td .btn_print i{display: inline-block; width: 17px; height: 20px; background-image: url(../image/btn_print01.png); background-position: center; vertical-align: middle;} .tbType01 table input{vertical-align: auto;} .tbType01 tbody td p.status_cmp{width: auto; font-size: 15px; border-radius: 25px; background-color: #dbdbdb; color: #555555; padding: 3px 10px; display: inline-block; vertical-align: middle;} @@ -228,7 +228,7 @@ p+.list_util{width: auto;} input[type="text"]:disabled,input[type="password"]:disabled{border: 1px solid #dddddd; background-color: #ededed; color: #888; height: 38px; border-radius: 5px; padding: 0 0 0 14px; font-size: 16px;} input[type="text"],input[type="password"],select{height: 36px; border: 1px solid #dddddd; border-radius: 5px; padding: 0 0 0 14px; font-size: 16px; color: #222;} select{height: 38px;} -table select{width: 280px; background-image: url(/offedu/kccadrPb/adm/image/icon_select.png); background-position: calc(100% - 15px) center; background-repeat: no-repeat; vertical-align: middle;} +table select{width: 280px; background-image: url(../image/icon_select.png); background-position: calc(100% - 15px) center; background-repeat: no-repeat; vertical-align: middle;} table select+button{vertical-align: middle;} .tbType02 input,.tbType02 button{vertical-align: middle;} @@ -238,7 +238,7 @@ table select+button{vertical-align: middle;} .sel_date .date_input{width: 200px; margin: 0 5px;} .time_input{width: 120px; font-weight: 300; margin-left: -5px;} .sel_date button{width: 20px; height: 18px;background-color: transparent; border-radius: 0; margin-left: -35px; margin-right: 15px;} -.sel_date .btn_cal{background-image: url(/offedu/kccadrPb/adm/image/btn_cal.png); background-repeat: no-repeat; z-index: 9;} +.sel_date .btn_cal{background-image: url(../image/btn_cal.png); background-repeat: no-repeat; z-index: 9;} .sel_date .btn_cal:hover{box-shadow: none;} .dir_input{width: 200px; margin-left: 5px;} @@ -286,7 +286,7 @@ table select+button{vertical-align: middle;} .tbType03 tbody tr:last-child td{border-bottom: 0;} .tbType03 tbody td p,.tbType03 tbody td a{width: 95%; margin: 0 auto; padding: 0 5px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .tbType03 tbody td:last-child{border-right: 0;} -.tbType03 tbody td .btn_print i{display: inline-block; width: 17px; height: 20px; background-image: url(/offedu/kccadrPb/adm/image/btn_print01.png); background-position: center; vertical-align: middle;} +.tbType03 tbody td .btn_print i{display: inline-block; width: 17px; height: 20px; background-image: url(../image/btn_print01.png); background-position: center; vertical-align: middle;} .tbType03 .tb_ctt{text-align: left;} .tbType03 button{height: 30px;} /* //list_상세 */ @@ -302,16 +302,16 @@ table select+button{vertical-align: middle;} .pgr_box.on .pgr_status{background-color: #fdeee5; color: #ea5404;} .approve.pgr_box .pgr_status{background-color: #ea5404; color: #fff;} -.approve.pgr_box i{background-image: url(/offedu/kccadrPb/adm/image/icon_approve.png);} -.approve.pgr_box.on i{background-image: url(/offedu/kccadrPb/adm/image/icon_approve_on.png);} -.approve_waiting.pgr_box i{background-image: url(/offedu/kccadrPb/adm/image/icon_approvewaiting.png);} -.approve_waiting.pgr_box.on i{background-image: url(/offedu/kccadrPb/adm/image/icon_approvewaiting_on.png);} +.approve.pgr_box i{background-image: url(../image/icon_approve.png);} +.approve.pgr_box.on i{background-image: url(../image/icon_approve_on.png);} +.approve_waiting.pgr_box i{background-image: url(../image/icon_approvewaiting.png);} +.approve_waiting.pgr_box.on i{background-image: url(../image/icon_approvewaiting_on.png);} -.progress_status .pgr_next{width: 29px; height: 12px; display: block; background-image: url(/offedu/kccadrPb/adm/image/icon_pgr_next.png);} +.progress_status .pgr_next{width: 29px; height: 12px; display: block; background-image: url(../image/icon_pgr_next.png);} /* //결재 진행 상태 */ /* 매뉴 트리구조 */ -.menu_select select{width: 160px; background-image: url(/offedu/kccadrPb/adm/image/icon_select.png); background-position: calc(100% - 15px) center; background-repeat: no-repeat; vertical-align: middle;} +.menu_select select{width: 160px; background-image: url(../image/icon_select.png); background-position: calc(100% - 15px) center; background-repeat: no-repeat; vertical-align: middle;} .menu_wrap{display: flex; justify-content: space-between; margin-top: 30px;} .menu_wrap .menu_list{border: 1px solid #d5d5d5; width: 300px; margin-top: 10px; border-radius: 5px; min-height: 270px;} .menu_area .btn_wrap{margin-top: 0;} @@ -329,7 +329,7 @@ table select+button{vertical-align: middle;} .file_wrap table thead th{height: 30px; font-size: 14px; color: #666; background-color: #fff; text-align: center; letter-spacing: -0.8px; vertical-align: middle; font-weight: 400; padding: 0; border-right: 0} .file_wrap th input,.file_wrap td input{height: auto;} .file_wrap .tb_file_before{height: 110px; position: relative;} -.file_wrap tbody.tb_file_before td{padding: 0; height: 100%; background-color: #f1f1f1; background-image: url(/offedu/kccadrPb/adm/image/file_before.png); background-repeat: no-repeat; background-position: center 25px; text-align: center;} +.file_wrap tbody.tb_file_before td{padding: 0; height: 100%; background-color: #f1f1f1; background-image: url(../image/file_before.png); background-repeat: no-repeat; background-position: center 25px; text-align: center;} .file_wrap tbody.tb_file_before p{font-size: 14px; font-weight: 400; color: #666666; text-align: center; padding-top: 55px;} .file_wrap tbody.tb_file_before span{color: #ea5404;} .file_wrap tbody.tb_file_after{height: auto;} @@ -340,7 +340,7 @@ table select+button{vertical-align: middle;} .file_wrap tbody.tb_file_after p{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 95%; margin: 0 auto; line-height: 2; font-size: 15px;} .file_wrap .btn_del{border: 1px solid #d5d5d5; border-radius: 5px; width: 25px; height: 25px; padding: 0; margin: 0;} .file_wrap .btn_del:hover{background-color: #f5f5f5;} -.file_wrap .btn_del i{display: block; width: 100%; height: 100%; background-image: url(/offedu/kccadrPb/adm/image/btn_del.png); background-repeat: no-repeat; background-position: 54.54%;} +.file_wrap .btn_del i{display: block; width: 100%; height: 100%; background-image: url(../image/btn_del.png); background-repeat: no-repeat; background-position: 54.54%;} .file_list li{display: flex; font-size: 17px; font-weight: 300; margin-bottom: 10px;} .file_list li:last-child{margin-bottom: 0;} @@ -381,10 +381,10 @@ table select+button{vertical-align: middle;} .page button.on{border: 1px solid #ea5404; color: #ea5404;} .page button i{display: inline-block; width: 32px; height: 32px; background-repeat: no-repeat; background-position: center;} .page .btn_page_first,.page .btn_page_prev,.page .btn_page_next,.page .btn_page_last{background-color: #f5f5f5;} -.page .btn_page_first i{background-image: url(/offedu/kccadrPb/adm/image/btn_page_first.png);} -.page .btn_page_prev i{background-image: url(/offedu/kccadrPb/adm/image/btn_page_prev.png);} -.page .btn_page_next i{background-image: url(/offedu/kccadrPb/adm/image/btn_page_next.png);} -.page .btn_page_last i{background-image: url(/offedu/kccadrPb/adm/image/btn_page_last.png);} +.page .btn_page_first i{background-image: url(../image/btn_page_first.png);} +.page .btn_page_prev i{background-image: url(../image/btn_page_prev.png);} +.page .btn_page_next i{background-image: url(../image/btn_page_next.png);} +.page .btn_page_last i{background-image: url(../image/btn_page_last.png);} /* //page */ /* 21/11/24 */ diff --git a/src/main/webapp/kccadrPb/adm/css/font.css b/src/main/webapp/kccadrPb/adm/css/font.css index b0bbbf65..b4378f3c 100644 --- a/src/main/webapp/kccadrPb/adm/css/font.css +++ b/src/main/webapp/kccadrPb/adm/css/font.css @@ -3,63 +3,63 @@ font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; - src: url('/offedu/kccadrPb/adm/css/font/noto-sans-kr-v21-korean-300.eot'); /* IE9 Compat Modes */ + src: url('./font/noto-sans-kr-v21-korean-300.eot'); /* IE9 Compat Modes */ src: local(''), - url('/offedu/kccadrPb/adm/css/font/noto-sans-kr-v21-korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('/offedu/kccadrPb/adm/css/font/noto-sans-kr-v21-korean-300.woff2') format('woff2'), /* Super Modern Browsers */ - url('/offedu/kccadrPb/adm/css/font/noto-sans-kr-v21-korean-300.woff') format('woff'), /* Modern Browsers */ - url('/offedu/kccadrPb/adm/css/font/noto-sans-kr-v21-korean-300.ttf') format('truetype'), /* Safari, Android, iOS */ - url('/offedu/kccadrPb/adm/css/font/noto-sans-kr-v21-korean-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */ + url('./font/noto-sans-kr-v21-korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('./font/noto-sans-kr-v21-korean-300.woff2') format('woff2'), /* Super Modern Browsers */ + url('./font/noto-sans-kr-v21-korean-300.woff') format('woff'), /* Modern Browsers */ + url('./font/noto-sans-kr-v21-korean-300.ttf') format('truetype'), /* Safari, Android, iOS */ + url('./font/noto-sans-kr-v21-korean-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */ } /* noto-sans-kr-500 - korean */ @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; - src: url('/offedu/kccadrPb/adm/css/font/noto-sans-kr-v21-korean-500.eot'); /* IE9 Compat Modes */ + src: url('./font/noto-sans-kr-v21-korean-500.eot'); /* IE9 Compat Modes */ src: local(''), - url('/offedu/kccadrPb/adm/css/font/noto-sans-kr-v21-korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('/offedu/kccadrPb/adm/css/font/noto-sans-kr-v21-korean-500.woff2') format('woff2'), /* Super Modern Browsers */ - url('/offedu/kccadrPb/adm/css/font/noto-sans-kr-v21-korean-500.woff') format('woff'), /* Modern Browsers */ - url('/offedu/kccadrPb/adm/css/font/noto-sans-kr-v21-korean-500.ttf') format('truetype'), /* Safari, Android, iOS */ - url('/offedu/kccadrPb/adm/css/font/noto-sans-kr-v21-korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */ + url('./font/noto-sans-kr-v21-korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('./font/noto-sans-kr-v21-korean-500.woff2') format('woff2'), /* Super Modern Browsers */ + url('./font/noto-sans-kr-v21-korean-500.woff') format('woff'), /* Modern Browsers */ + url('./font/noto-sans-kr-v21-korean-500.ttf') format('truetype'), /* Safari, Android, iOS */ + url('./font/noto-sans-kr-v21-korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */ } /* noto-sans-kr-regular - korean */ @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; - src: url('/offedu/kccadrPb/adm/css/font/noto-sans-kr-v21-korean-regular.eot'); /* IE9 Compat Modes */ + src: url('./font/noto-sans-kr-v21-korean-regular.eot'); /* IE9 Compat Modes */ src: local(''), - url('/offedu/kccadrPb/adm/css/font/noto-sans-kr-v21-korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('/offedu/kccadrPb/adm/css/font/noto-sans-kr-v21-korean-regular.woff2') format('woff2'), /* Super Modern Browsers */ - url('/offedu/kccadrPb/adm/css/font/noto-sans-kr-v21-korean-regular.woff') format('woff'), /* Modern Browsers */ - url('/offedu/kccadrPb/adm/css/font/noto-sans-kr-v21-korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */ - url('/offedu/kccadrPb/adm/css/font/noto-sans-kr-v21-korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */ + url('./font/noto-sans-kr-v21-korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('./font/noto-sans-kr-v21-korean-regular.woff2') format('woff2'), /* Super Modern Browsers */ + url('./font/noto-sans-kr-v21-korean-regular.woff') format('woff'), /* Modern Browsers */ + url('./font/noto-sans-kr-v21-korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */ + url('./font/noto-sans-kr-v21-korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */ } /* noto-sans-kr-700 - korean */ @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; - src: url('/offedu/kccadrPb/adm/css/font/noto-sans-kr-v21-korean-700.eot'); /* IE9 Compat Modes */ + src: url('./font/noto-sans-kr-v21-korean-700.eot'); /* IE9 Compat Modes */ src: local(''), - url('/offedu/kccadrPb/adm/css/font/noto-sans-kr-v21-korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('/offedu/kccadrPb/adm/css/font/noto-sans-kr-v21-korean-700.woff2') format('woff2'), /* Super Modern Browsers */ - url('/offedu/kccadrPb/adm/css/font/noto-sans-kr-v21-korean-700.woff') format('woff'), /* Modern Browsers */ - url('/offedu/kccadrPb/adm/css/font/noto-sans-kr-v21-korean-700.ttf') format('truetype'), /* Safari, Android, iOS */ - url('/offedu/kccadrPb/adm/css/font/noto-sans-kr-v21-korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */ + url('./font/noto-sans-kr-v21-korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('./font/noto-sans-kr-v21-korean-700.woff2') format('woff2'), /* Super Modern Browsers */ + url('./font/noto-sans-kr-v21-korean-700.woff') format('woff'), /* Modern Browsers */ + url('./font/noto-sans-kr-v21-korean-700.ttf') format('truetype'), /* Safari, Android, iOS */ + url('./font/noto-sans-kr-v21-korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */ } /* noto-sans-kr-900 - korean */ @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; - src: url('/offedu/kccadrPb/adm/css/font/noto-sans-kr-v21-korean-900.eot'); /* IE9 Compat Modes */ + src: url('./font/noto-sans-kr-v21-korean-900.eot'); /* IE9 Compat Modes */ src: local(''), - url('/offedu/kccadrPb/adm/css/font/noto-sans-kr-v21-korean-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('/offedu/kccadrPb/adm/css/font/noto-sans-kr-v21-korean-900.woff2') format('woff2'), /* Super Modern Browsers */ - url('/offedu/kccadrPb/adm/css/font/noto-sans-kr-v21-korean-900.woff') format('woff'), /* Modern Browsers */ - url('/offedu/kccadrPb/adm/css/font/noto-sans-kr-v21-korean-900.ttf') format('truetype'), /* Safari, Android, iOS */ - url('/offedu/kccadrPb/adm/css/font/noto-sans-kr-v21-korean-900.svg#NotoSansKR') format('svg'); /* Legacy iOS */ + url('./font/noto-sans-kr-v21-korean-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('./font/noto-sans-kr-v21-korean-900.woff2') format('woff2'), /* Super Modern Browsers */ + url('./font/noto-sans-kr-v21-korean-900.woff') format('woff'), /* Modern Browsers */ + url('./font/noto-sans-kr-v21-korean-900.ttf') format('truetype'), /* Safari, Android, iOS */ + url('./font/noto-sans-kr-v21-korean-900.svg#NotoSansKR') format('svg'); /* Legacy iOS */ } \ No newline at end of file diff --git a/src/main/webapp/visitEdu/adm/publish/css/common.css b/src/main/webapp/visitEdu/adm/publish/css/common.css index 734ed54b..6dc72027 100644 --- a/src/main/webapp/visitEdu/adm/publish/css/common.css +++ b/src/main/webapp/visitEdu/adm/publish/css/common.css @@ -6,7 +6,7 @@ .area_left .logo a{height: 100%; display: flex; justify-content: center; align-items: center;} .area_left .logo img{margin-left: -15px;} .depth01{position: relative; border-bottom: 1px solid #454444;} -.menu_tit{width: 100%; height: 60px; padding: 0 20px; text-align: left; font-size: 18px; font-weight: 300; color: #fff; background-image: url(/offedu/visitEdu/adm/publish/image/common/icon_leftmenu_open.png); background-repeat: no-repeat; background-position: calc(100% - 20px) center;} +.menu_tit{width: 100%; height: 60px; padding: 0 20px; text-align: left; font-size: 18px; font-weight: 300; color: #fff; background-image: url(../image/common/icon_leftmenu_open.png); background-repeat: no-repeat; background-position: calc(100% - 20px) center;} .depth01.on {background-color: #3a72db;} .depth02{height: 100%; padding: 8px 0; background-color: #2e2d2d;} .depth02 li a{display: flex; align-items: center; width: 100%; height: 40px; padding: 0 5px 0 32px; font-size: 17px; font-weight: 300; color: #afaeae; box-sizing: border-box; position: relative;} @@ -18,12 +18,12 @@ .area_right{position: relative; height: 100%; background-color: #f5f7f9; width: calc(100% - 280px); transition: width 0.3s linear;} .top_util,.user,.user_info,.alram{display: flex; align-items: center;} .top_util{width: 100%; height: 80px; justify-content: space-between; background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.1); padding: 0 47px 0 37px; box-sizing: border-box;} -.user i{display: block; width: 40px; height: 40px; background-color: #f8f5f3; box-shadow: inset 0 3px 3px rgba(0,0,0,0.1); border-radius: 100%; margin-right: 13px; background-image: url(/offedu/visitEdu/adm/publish/image/icon_person.png); background-repeat: no-repeat; background-position: center bottom;} +.user i{display: block; width: 40px; height: 40px; background-color: #f8f5f3; box-shadow: inset 0 3px 3px rgba(0,0,0,0.1); border-radius: 100%; margin-right: 13px; background-image: url(../image/icon_person.png); background-repeat: no-repeat; background-position: center bottom;} .user p{font-size: 17px; color: #555; letter-spacing: -0.5px; line-height: 1.3;} .user span{font-weight: bold; color: #222;} .user .user_id{font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 1.4;} .alram{position: relative; margin-left: 20px;} -.alram i{display: block; width: 15px; height: 19px; background-image: url(/offedu/visitEdu/adm/publish/image/common/icon_alram.png);} +.alram i{display: block; width: 15px; height: 19px; background-image: url(../image/common/icon_alram.png);} .alram .alram_num{position: absolute; top: -1px; left: 14px; width: 15px; height: 15px; background-color: #ed3d25; border-radius: 100%; color: #fff; line-height: 1.3; font-size: 11px; font-weight: bold; padding-right: 1px; box-sizing: border-box;} .alram p{margin-left: 10px; font-size: 16px; font-weight: 400; color: #555;} @@ -31,8 +31,8 @@ .user_util *{display: inline-block; vertical-align: middle; font-size: 15px; color: #666666; letter-spacing: -0.5px;} .user_util .final_date{margin-left: 15px;} .user_util i{width: 18px; height: 18px; background-position: center; background-repeat: no-repeat; margin-top: 2px; margin-right: 2px;} -.user_util .time_out i{background-image: url(/offedu/visitEdu/adm/publish/image/common/icon_timeout.png);} -.user_util .final_date i{background-image: url(/offedu/visitEdu/adm/publish/image/common/icon_finaldate.png);} +.user_util .time_out i{background-image: url(../image/common/icon_timeout.png);} +.user_util .final_date i{background-image: url(../image/common/icon_finaldate.png);} .user_util span{margin-left: 5px;} /* //top_util */ diff --git a/src/main/webapp/visitEdu/adm/publish/css/content.css b/src/main/webapp/visitEdu/adm/publish/css/content.css index c9366174..5bb39ef7 100644 --- a/src/main/webapp/visitEdu/adm/publish/css/content.css +++ b/src/main/webapp/visitEdu/adm/publish/css/content.css @@ -12,7 +12,7 @@ .cont_nav li::after{position: absolute; content: ">"; right: -5px; top: 0px;} .cont_nav li:last-child{padding-right: 0;} .cont_nav li:last-child::after{display: none;} -.cont_nav .home i{display: inline-block; width: 16px; height: 14px; background-image: url(/offedu/visitEdu/adm/publish/image/common/icon_home.png);} +.cont_nav .home i{display: inline-block; width: 16px; height: 14px; background-image: url(../image/common/icon_home.png);} /* //cont_tit */ .cont{padding: 50px 40px;} @@ -81,7 +81,7 @@ .btn_type08:hover{background-color: #546a89;} .btn_type09{background-color: #e5e5e5; color: #fff; border: 1px solid #d5d5d5; color: #aaa;} -.btn_down_excel{ height: 40px; padding: 0 18px 0 41px; border: 1px solid #0e8040; margin-left: 2px; background-color: #f9f9f9; color: #0e803f; font-size: 16px; border-radius: 5px; box-sizing: border-box; letter-spacing: -0.5px; background-image: url(/offedu/visitEdu/adm/publish/image/content/btn_down_excel.png); background-repeat: no-repeat; background-position: 18px center; vertical-align: middle;} +.btn_down_excel{ height: 40px; padding: 0 18px 0 41px; border: 1px solid #0e8040; margin-left: 2px; background-color: #f9f9f9; color: #0e803f; font-size: 16px; border-radius: 5px; box-sizing: border-box; letter-spacing: -0.5px; background-image: url(../image/content/btn_down_excel.png); background-repeat: no-repeat; background-position: 18px center; vertical-align: middle;} .btn_down_excel:hover{background-color: #f2f2f2;} /* 기타 input select type */ @@ -91,7 +91,7 @@ input[type="text"]::placeholder {color: #999;} input[type="text"]:read-only {background-color: #f5f5f5; border: 1px solid #d5d5d5;} input[type="text"]:valid {color: #555;} textarea {width: 100%; border: 1px solid #d5d5d5; border-radius: 5px; font-size: 16px; color: #222; padding: 15px; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif;} -select.sel_type1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; padding: 0 50px 0 15px; font-size: 16px; color: #222; background-image: url(/offedu/visitEdu/adm/publish/image/content/select.png); background-repeat: no-repeat; background-position: calc(100% - 15px) center; color: #666;} +select.sel_type1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; padding: 0 50px 0 15px; font-size: 16px; color: #222; background-image: url(../image/content/select.png); background-repeat: no-repeat; background-position: calc(100% - 15px) center; color: #666;} table select+button{vertical-align: middle;} /*.btn_edit {width: 24px !important; height: 24px !important; padding: initial !important; border: 1px solid #d5d5d5; border-radius: 5px; vertical-align: middle;}*/ .btn_edit {padding: 0 5px;} @@ -132,7 +132,7 @@ input[type="text"].input_time {width: 50px;} .mask2 {display: none; background-color: rgba(0,0,0,0.0); width: 100%; height: 100%; position: fixed; z-index: 1; left: 0; top: 0;} .table_time_wrap {display: flex; align-items: center;} .time_wrap{position: relative;} -.time{border: 1px solid #ccc; height: 40px; border-radius: 5px; padding-left: 15px; box-sizing: border-box; font-size: 18px; background-image: url(/offedu/visitEdu/adm/publish/image/content/timeIcon.png); background-repeat: no-repeat; background-position: 95% center;} +.time{border: 1px solid #ccc; height: 40px; border-radius: 5px; padding-left: 15px; box-sizing: border-box; font-size: 18px; background-image: url(../image/content/timeIcon.png); background-repeat: no-repeat; background-position: 95% center;} .table_time_wrap .time {width: calc(100% - 10px / 2);} .time_layer{display: none; position: absolute; width: 300px; max-width: 200px; text-align: center; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2); top: 39px; overflow: hidden; animation: fade-out 0.2s; animation-fill-mode: forwards;} .time_select_wrap .time_layer{max-width: 500px;} @@ -141,7 +141,7 @@ input[type="text"].input_time {width: 50px;} .time_top p {font-size: 18px; color: #fff; font-weight: 400; align-self: center;} .time_cont{display: flex; justify-content: space-between; align-items: center; padding: 15px 15px 10px 15px;} .time_cont p{padding: 10px 0; font-size: 18px;} -.ampm_select, .hours_select, .min_select{width: 120px; height: 32px; border: 1px solid #d5d5d5; border-radius: 3px; padding-left: 10px; box-sizing: border-box; color: #222; font-size: 16px !important; font-weight: 300; font-size: 16px; background-image: url(/offeduadvc/visitEdu/usr/publish/images/content/select.png); background-repeat: no-repeat; background-position: 85% center;} +.ampm_select, .hours_select, .min_select{width: 120px; height: 32px; border: 1px solid #d5d5d5; border-radius: 3px; padding-left: 10px; box-sizing: border-box; color: #222; font-size: 16px !important; font-weight: 300; font-size: 16px; background-image: url(../images/content/select.png); background-repeat: no-repeat; background-position: 85% center;} .ampm_select {width: 70px; letter-spacing: -0.5px;} .time_close{width: auto !important; height: auto !important; padding: 3px 10px; border: 1px solid #dadada; border-radius: 0 !important; margin: 0 15px 20px 0; font-size: 14px !important; font-weight: 400; background-color: #eee; float: right;} .time_close i{background-color:#e20; width: 9px; height: 3px; margin-right: 5px; display: inline-block;vertical-align: middle; } @@ -187,7 +187,7 @@ input[type="text"].input_time {width: 50px;} .tb_type01>table>tbody>tr>td input[type="text"].input_time {padding: 0 5px; margin: 0 5px; text-align: center;} .tb_type01>table>tbody>tr>td button.table_del {width: auto; height: auto;} .tb_type01>table>tbody>tr>td .btn_print{height: auto;} -.tb_type01>table>tbody>tr>td .btn_print i{display: inline-block; width: 17px; height: 20px; background-image: url(/offedu/visitEdu/adm/publish/image/btn_print01.png); background-position: center; vertical-align: middle;} +.tb_type01>table>tbody>tr>td .btn_print i{display: inline-block; width: 17px; height: 20px; background-image: url(../image/btn_print01.png); background-position: center; vertical-align: middle;} .tb_type01>table>tr>td textarea{font-size: 18px; margin: 15px 0 10px 0;} /* border right 없는 표 */ .tb_type01.list2 thead th {border-right: 0;} @@ -301,7 +301,7 @@ input[type="text"].input_time {width: 50px;} .list_gallery .list_writer{width: 100%; display: block;} /* 매뉴 트리구조 */ -.menu_select select{width: 160px; background-image: url(/offedu/visitEdu/adm/publish/image/content/select.png); background-position: calc(100% - 15px) center; background-repeat: no-repeat; vertical-align: middle;} +.menu_select select{width: 160px; background-image: url(../image/content/select.png); background-position: calc(100% - 15px) center; background-repeat: no-repeat; vertical-align: middle;} .menu_wrap{display: flex; justify-content: space-between; margin-top: 30px;} .menu_wrap .menu_list{border: 1px solid #d5d5d5; width: 300px; margin-top: 10px; border-radius: 5px; min-height: 270px;} .menu_area .btn_wrap{margin-top: 0;} @@ -320,7 +320,7 @@ input[type="text"].input_time {width: 50px;} .file_wrap table thead th{height: 30px; font-size: 14px; color: #666; background-color: #fff; text-align: center; letter-spacing: -0.8px; vertical-align: middle; font-weight: 400; padding: 0; border-right: 0} .file_wrap th input,.file_wrap td input{height: auto;} .file_wrap .tb_file_before{height: 110px; position: relative;} -.file_wrap tbody.tb_file_before td{padding: 0; height: 100%; background-color: #f1f1f1; background-image: url(/offedu/visitEdu/usr/publish/images/content/file_before.png); background-repeat: no-repeat; background-position: center 25px; text-align: center;} +.file_wrap tbody.tb_file_before td{padding: 0; height: 100%; background-color: #f1f1f1; background-image: url(../../../usr/publish/images/content/file_before.png); background-repeat: no-repeat; background-position: center 25px; text-align: center;} .file_wrap tbody.tb_file_before p{font-size: 14px; font-weight: 400; color: #666666; text-align: center; padding-top: 70px;} .file_wrap tbody.tb_file_before span{color: #2b68da;} .file_wrap tbody.tb_file_after{height: auto;} @@ -331,7 +331,7 @@ input[type="text"].input_time {width: 50px;} .file_wrap tbody.tb_file_after p{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 95%; margin: 0 auto; line-height: 2; font-size: 15px;} .file_wrap .btn_del{border: 1px solid #d5d5d5; border-radius: 5px; width: 25px; height: 25px; padding: 0; margin: 0; vertical-align: middle;} .file_wrap .btn_del:hover{background-color: #f5f5f5;} -.file_wrap .btn_del i{display: block; width: 100%; height: 100%; background-image: url(/offedu/visitEdu/adm/publish/image/content/btn_del.png); background-repeat: no-repeat; background-position: 54.54%;} +.file_wrap .btn_del i{display: block; width: 100%; height: 100%; background-image: url(../image/content/btn_del.png); background-repeat: no-repeat; background-position: 54.54%;} .file_cf {display: flex; justify-content: space-between; margin: 12px 0 6px 0;} .file_cf>div {display: flex;} .file_cf>div p {color: #666; font-weight: 300; margin-right: 30px; position: relative;} @@ -340,7 +340,7 @@ input[type="text"].input_time {width: 50px;} .file_cf .cf_right span {color: #2b68da; font-weight: 400;} .file_list {width: 100%; border-top: 1px solid #000;} -.file_list li{font-size: 16px; font-weight: 300; padding: 12px 0 12px 20px; border-bottom: 1px solid #d5d5d5; box-sizing: border-box; background-image: url(/offedu/visitEdu/adm/publish/image/content/file_img.png); background-repeat: no-repeat; background-position: left 60%; color: #222;} +.file_list li{font-size: 16px; font-weight: 300; padding: 12px 0 12px 20px; border-bottom: 1px solid #d5d5d5; box-sizing: border-box; background-image: url(../image/content/file_img.png); background-repeat: no-repeat; background-position: left 60%; color: #222;} /* //파일 테이블 */ /* 이전글·다음글 */ @@ -382,10 +382,10 @@ input[type="text"].input_time {width: 50px;} .page button.on{border: 1px solid #3a72db; color: #3a72db;} .page button i{display: inline-block; width: 32px; height: 32px; background-repeat: no-repeat; background-position: center;} .page .btn_page_first,.page .btn_page_prev,.page .btn_page_next,.page .btn_page_last{background-color: #f5f5f5;} -.page .btn_page_first i{background-image: url(/offedu/visitEdu/adm/publish/image/content/btn_page_first.png);} -.page .btn_page_prev i{background-image: url(/offedu/visitEdu/adm/publish/image/content/btn_page_prev.png);} -.page .btn_page_next i{background-image: url(/offedu/visitEdu/adm/publish/image/content/btn_page_next.png);} -.page .btn_page_last i{background-image: url(/offedu/visitEdu/adm/publish/image/content/btn_page_last.png);} +.page .btn_page_first i{background-image: url(../image/content/btn_page_first.png);} +.page .btn_page_prev i{background-image: url(../image/content/btn_page_prev.png);} +.page .btn_page_next i{background-image: url(../image/content/btn_page_next.png);} +.page .btn_page_last i{background-image: url(../image/content/btn_page_last.png);} /* scheduler */ .scheduler_top{width: 100%; margin-bottom: 20px; display: flex; justify-content: space-between; position: relative;} @@ -395,16 +395,16 @@ input[type="text"].input_time {width: 50px;} .scheduler_top .cur_month button{border-radius: 5px;} .btn_year_prev{border-radius: 5px 0 0 5px;} .btn_year_next{border-radius: 0 5px 5px 0; margin-left: -1px;} -.btn_year_prev i{width: 100%; height: 100%; display: inline-block; background-image: url(/offedu/visitEdu/adm/publish/image/content/btn_year_prev.png); background-position: center; background-repeat: no-repeat;} -.btn_year_next i{width: 100%; height: 100%; display: inline-block; background-image: url(/offedu/visitEdu/adm/publish/image/content/btn_year_next.png); background-position: center; background-repeat: no-repeat;} -.btn_month_prev i{width: 100%; height: 100%; display: inline-block; background-image: url(/offedu/visitEdu/adm/publish/image/content/btn_month_prev.png); background-position: center; background-repeat: no-repeat;} -.btn_month_next i{width: 100%; height: 100%; display: inline-block; background-image: url(/offedu/visitEdu/adm/publish/image/content/btn_month_next.png); background-position: center; background-repeat: no-repeat;} +.btn_year_prev i{width: 100%; height: 100%; display: inline-block; background-image: url(../image/content/btn_year_prev.png); background-position: center; background-repeat: no-repeat;} +.btn_year_next i{width: 100%; height: 100%; display: inline-block; background-image: url(../image/content/btn_year_next.png); background-position: center; background-repeat: no-repeat;} +.btn_month_prev i{width: 100%; height: 100%; display: inline-block; background-image: url(../image/content/btn_month_prev.png); background-position: center; background-repeat: no-repeat;} +.btn_month_next i{width: 100%; height: 100%; display: inline-block; background-image: url(../image/content/btn_month_next.png); background-position: center; background-repeat: no-repeat;} .cur_month p{font-size: 28px; font-weight: 500; padding: 0 23px;} .cur_month .month{margin-left: 10px;} .scheduler_util button {height: 45px; padding: 0 25px; border-radius: 5px; font-size: 18px;} .scheduler_wrap{position: relative; width: auto; box-sizing: border-box; display: inline-block;} -.scheduler_wrap input[type="text"]{background-image: url(/offedu/visitEdu/adm/publish/image/content/calendarIcon.png); background-position: calc(100% - 15px) center; background-repeat: no-repeat} +.scheduler_wrap input[type="text"]{background-image: url(../image/content/calendarIcon.png); background-position: calc(100% - 15px) center; background-repeat: no-repeat} .month_wrap table{width: 100%; border-top: 1px solid #000; border-bottom: 1px solid #cccccc; table-layout: fixed;} .month_wrap .date_sun,.calendar_wrap .date_sun p{color: #e40000;} diff --git a/src/main/webapp/visitEdu/adm/publish/css/content_sub.css b/src/main/webapp/visitEdu/adm/publish/css/content_sub.css index c37176f4..cae042f1 100644 --- a/src/main/webapp/visitEdu/adm/publish/css/content_sub.css +++ b/src/main/webapp/visitEdu/adm/publish/css/content_sub.css @@ -26,7 +26,7 @@ .tbType01 tbody td:last-child{border-right: 0;} .tbType01 tbody td button{height: 30px; width: auto; padding: 0 10px; font-size: 14px;} .tbType01 tbody td input[type="button"]{height: 30px; width: auto; padding: 0 10px; font-size: 14px;} -.tbType01 tbody td select{width: auto; height: 30px; padding:0 20px 0 5px; font-size: 14px;background-image: url(/offedu/visitEdu/adm/publish/image/content/select.png); background-repeat: no-repeat; background-position: calc(100% - 5px) center;} +.tbType01 tbody td select{width: auto; height: 30px; padding:0 20px 0 5px; font-size: 14px;background-image: url(../../image/content/select.png); background-repeat: no-repeat; background-position: calc(100% - 5px) center;} .tbType01 tbody td .btn_print{height: auto;} .tbType01 tbody td .btn_print i{display: inline-block; width: 17px; height: 20px; background-image: url(/kccadrPb/adm/image/btn_print01.png); background-position: center; vertical-align: middle;} .tbType01 table input{vertical-align: auto;} diff --git a/src/main/webapp/visitEdu/adm/publish/css/dashboard.css b/src/main/webapp/visitEdu/adm/publish/css/dashboard.css index 41baf2ad..c35b0233 100644 --- a/src/main/webapp/visitEdu/adm/publish/css/dashboard.css +++ b/src/main/webapp/visitEdu/adm/publish/css/dashboard.css @@ -12,24 +12,24 @@ .today_box .today_status{text-align: center; width: calc((100% - 80px)/3);} .today_box p{font-size: 18px; font-weight: 300; margin-top: 12px;} .today_box .today_status i{display: block; width: 84px; height: 84px; background-color: #eeecea; border-radius: 100%; margin: 23px auto; background-repeat: no-repeat; background-position: center;} -.today_box .status01 i{background-image: url(/offedu/visitEdu/adm/publish/image/dashboard/icon_today01.png);} -.today_box .status02 i{background-image: url(/offedu/visitEdu/adm/publish/image/dashboard/icon_today02.png);} -.today_box .status03 i{background-image: url(/offedu/visitEdu/adm/publish/image/dashboard/icon_today03.png);} +.today_box .status01 i{background-image: url(../../image/dashboard/icon_today01.png);} +.today_box .status02 i{background-image: url(../../image/dashboard/icon_today02.png);} +.today_box .status03 i{background-image: url(../../image/dashboard/icon_today03.png);} .today_box span{font-size: 24px; font-weight: bold;} -.today_box .status_pcs{width: 28px; height: 11px; background-image: url(/offedu/visitEdu/adm/publish/image/dashboard/icon_today_pcs.png);} +.today_box .status_pcs{width: 28px; height: 11px; background-image: url(../../image/dashboard/icon_today_pcs.png);} /* //오늘 사용자 현황 */ /* 시스템관리 */ .system_box{display: flex; flex-wrap: wrap; justify-content: space-between;} .system_box a{position: relative; display: flex; flex-flow: column; width: calc((100% - 10px)/2); height: 90px; justify-content: center; align-items: flex-start; border-radius: 10px; background-color: #666; margin: 5px 0; padding: 0 20px; box-sizing: border-box; background-repeat: no-repeat; background-position: calc(100% - 20px) center; box-shadow: 0 0 5px rgba(0,0,0,0.3); transition: background-color 0.2s ease-in-out;} .system_box a:hover{transition: background-color 0.2s ease-in-out;} -.system_box .system01{background-color: #c3a279; background-image: url(/offedu/visitEdu/adm/publish/image/dashboard/icon_system01.png);} +.system_box .system01{background-color: #c3a279; background-image: url(../../image/dashboard/icon_system01.png);} .system_box .system01:hover{background-color: #b69061;} -.system_box .system02{background-color: #4c4743; background-image: url(/offedu/visitEdu/adm/publish/image/dashboard/icon_system02.png);} +.system_box .system02{background-color: #4c4743; background-image: url(../../image/dashboard/icon_system02.png);} .system_box .system02:hover{background-color: #2e2824;} -.system_box .system03{background-color: #fc6d38; background-image: url(/offedu/visitEdu/adm/publish/image/dashboard/icon_system03.png);} +.system_box .system03{background-color: #fc6d38; background-image: url(../../image/dashboard/icon_system03.png);} .system_box .system03:hover{background-color: #e85823;} -.system_box .system04{background-color: #516fb3; background-image: url(/offedu/visitEdu/adm/publish/image/dashboard/icon_system04.png);} +.system_box .system04{background-color: #516fb3; background-image: url(../../image/dashboard/icon_system04.png);} .system_box .system04:hover{background-color: #2e4f9a;} .system_box a::before{position: absolute; content: ""; width: 58px; height: 58px; background-color: rgba(255,255,255,0.3); border-radius: 100%; right: -5px; bottom: -5px;} .system_box p{font-size: 18px; font-weight: 400; color: #fff; letter-spacing: -0.5px; width: calc(100% - 40px); line-height: 1.3;} diff --git a/src/main/webapp/visitEdu/adm/publish/css/font.css b/src/main/webapp/visitEdu/adm/publish/css/font.css index 1ffd2201..b4378f3c 100644 --- a/src/main/webapp/visitEdu/adm/publish/css/font.css +++ b/src/main/webapp/visitEdu/adm/publish/css/font.css @@ -3,63 +3,63 @@ font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; - src: url('/offedu/visitEdu/adm/publish/css/font/noto-sans-kr-v21-korean-300.eot'); /* IE9 Compat Modes */ + src: url('./font/noto-sans-kr-v21-korean-300.eot'); /* IE9 Compat Modes */ src: local(''), - url('/offedu/visitEdu/adm/publish/css/font/noto-sans-kr-v21-korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('/offedu/visitEdu/adm/publish/css/font/noto-sans-kr-v21-korean-300.woff2') format('woff2'), /* Super Modern Browsers */ - url('/offedu/visitEdu/adm/publish/css/font/noto-sans-kr-v21-korean-300.woff') format('woff'), /* Modern Browsers */ - url('/offedu/visitEdu/adm/publish/css/font/noto-sans-kr-v21-korean-300.ttf') format('truetype'), /* Safari, Android, iOS */ - url('/offedu/visitEdu/adm/publish/css/font/noto-sans-kr-v21-korean-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */ + url('./font/noto-sans-kr-v21-korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('./font/noto-sans-kr-v21-korean-300.woff2') format('woff2'), /* Super Modern Browsers */ + url('./font/noto-sans-kr-v21-korean-300.woff') format('woff'), /* Modern Browsers */ + url('./font/noto-sans-kr-v21-korean-300.ttf') format('truetype'), /* Safari, Android, iOS */ + url('./font/noto-sans-kr-v21-korean-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */ } /* noto-sans-kr-500 - korean */ @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; - src: url('/offedu/visitEdu/adm/publish/css/font/noto-sans-kr-v21-korean-500.eot'); /* IE9 Compat Modes */ + src: url('./font/noto-sans-kr-v21-korean-500.eot'); /* IE9 Compat Modes */ src: local(''), - url('/offedu/visitEdu/adm/publish/css/font/noto-sans-kr-v21-korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('/offedu/visitEdu/adm/publish/css/font/noto-sans-kr-v21-korean-500.woff2') format('woff2'), /* Super Modern Browsers */ - url('/offedu/visitEdu/adm/publish/css/font/noto-sans-kr-v21-korean-500.woff') format('woff'), /* Modern Browsers */ - url('/offedu/visitEdu/adm/publish/css/font/noto-sans-kr-v21-korean-500.ttf') format('truetype'), /* Safari, Android, iOS */ - url('/offedu/visitEdu/adm/publish/css/font/noto-sans-kr-v21-korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */ + url('./font/noto-sans-kr-v21-korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('./font/noto-sans-kr-v21-korean-500.woff2') format('woff2'), /* Super Modern Browsers */ + url('./font/noto-sans-kr-v21-korean-500.woff') format('woff'), /* Modern Browsers */ + url('./font/noto-sans-kr-v21-korean-500.ttf') format('truetype'), /* Safari, Android, iOS */ + url('./font/noto-sans-kr-v21-korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */ } /* noto-sans-kr-regular - korean */ @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; - src: url('/offedu/visitEdu/adm/publish/css/font/noto-sans-kr-v21-korean-regular.eot'); /* IE9 Compat Modes */ + src: url('./font/noto-sans-kr-v21-korean-regular.eot'); /* IE9 Compat Modes */ src: local(''), - url('/offedu/visitEdu/adm/publish/css/font/noto-sans-kr-v21-korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('/offedu/visitEdu/adm/publish/css/font/noto-sans-kr-v21-korean-regular.woff2') format('woff2'), /* Super Modern Browsers */ - url('/offedu/visitEdu/adm/publish/css/font/noto-sans-kr-v21-korean-regular.woff') format('woff'), /* Modern Browsers */ - url('/offedu/visitEdu/adm/publish/css/font/noto-sans-kr-v21-korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */ - url('/offedu/visitEdu/adm/publish/css/font/noto-sans-kr-v21-korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */ + url('./font/noto-sans-kr-v21-korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('./font/noto-sans-kr-v21-korean-regular.woff2') format('woff2'), /* Super Modern Browsers */ + url('./font/noto-sans-kr-v21-korean-regular.woff') format('woff'), /* Modern Browsers */ + url('./font/noto-sans-kr-v21-korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */ + url('./font/noto-sans-kr-v21-korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */ } /* noto-sans-kr-700 - korean */ @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; - src: url('/offedu/visitEdu/adm/publish/css/font/noto-sans-kr-v21-korean-700.eot'); /* IE9 Compat Modes */ + src: url('./font/noto-sans-kr-v21-korean-700.eot'); /* IE9 Compat Modes */ src: local(''), - url('/offedu/visitEdu/adm/publish/css/font/noto-sans-kr-v21-korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('/offedu/visitEdu/adm/publish/css/font/noto-sans-kr-v21-korean-700.woff2') format('woff2'), /* Super Modern Browsers */ - url('/offedu/visitEdu/adm/publish/css/font/noto-sans-kr-v21-korean-700.woff') format('woff'), /* Modern Browsers */ - url('/offedu/visitEdu/adm/publish/css/font/noto-sans-kr-v21-korean-700.ttf') format('truetype'), /* Safari, Android, iOS */ - url('/offedu/visitEdu/adm/publish/css/font/noto-sans-kr-v21-korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */ + url('./font/noto-sans-kr-v21-korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('./font/noto-sans-kr-v21-korean-700.woff2') format('woff2'), /* Super Modern Browsers */ + url('./font/noto-sans-kr-v21-korean-700.woff') format('woff'), /* Modern Browsers */ + url('./font/noto-sans-kr-v21-korean-700.ttf') format('truetype'), /* Safari, Android, iOS */ + url('./font/noto-sans-kr-v21-korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */ } /* noto-sans-kr-900 - korean */ @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; - src: url('/offedu/visitEdu/adm/publish/css/font/noto-sans-kr-v21-korean-900.eot'); /* IE9 Compat Modes */ + src: url('./font/noto-sans-kr-v21-korean-900.eot'); /* IE9 Compat Modes */ src: local(''), - url('/offedu/visitEdu/adm/publish/css/font/noto-sans-kr-v21-korean-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ - url('/offedu/visitEdu/adm/publish/css/font/noto-sans-kr-v21-korean-900.woff2') format('woff2'), /* Super Modern Browsers */ - url('/offedu/visitEdu/adm/publish/css/font/noto-sans-kr-v21-korean-900.woff') format('woff'), /* Modern Browsers */ - url('/offedu/visitEdu/adm/publish/css/font/noto-sans-kr-v21-korean-900.ttf') format('truetype'), /* Safari, Android, iOS */ - url('/offedu/visitEdu/adm/publish/css/font/noto-sans-kr-v21-korean-900.svg#NotoSansKR') format('svg'); /* Legacy iOS */ + url('./font/noto-sans-kr-v21-korean-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ + url('./font/noto-sans-kr-v21-korean-900.woff2') format('woff2'), /* Super Modern Browsers */ + url('./font/noto-sans-kr-v21-korean-900.woff') format('woff'), /* Modern Browsers */ + url('./font/noto-sans-kr-v21-korean-900.ttf') format('truetype'), /* Safari, Android, iOS */ + url('./font/noto-sans-kr-v21-korean-900.svg#NotoSansKR') format('svg'); /* Legacy iOS */ } \ No newline at end of file diff --git a/src/main/webapp/visitEdu/adm/publish/css/popup.css b/src/main/webapp/visitEdu/adm/publish/css/popup.css index 2bc8cc28..cc735ee3 100644 --- a/src/main/webapp/visitEdu/adm/publish/css/popup.css +++ b/src/main/webapp/visitEdu/adm/publish/css/popup.css @@ -41,7 +41,7 @@ .pop_tb_type01 tbody td button{height: 30px; width: auto; padding: 0 15px; font-size: 16px; border-radius: 5px;} .pop_tb_type01 tbody td select{min-width: 110px; width: auto; height: 30px; font-size: 17px;} .pop_tb_type01 tbody td .btn_print{height: auto;} -.pop_tb_type01 tbody td .btn_print i{display: inline-block; width: 17px; height: 20px; background-image: url(/offedu/visitEdu/adm/publish/image/btn_print01.png); background-position: center; vertical-align: middle;} +.pop_tb_type01 tbody td .btn_print i{display: inline-block; width: 17px; height: 20px; background-image: url(../../../../kccadrPb/adm/image/btn_print01.png); background-position: center; vertical-align: middle;} .pop_tb_type01 tr td textarea{width: 100%; border: 1px solid #e5e5e5; border-radius: 5px; margin: 15px 0 10px 0; font-size: 18px; color: #222; padding: 15px; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif;} .pop_tb_type01.list2 thead th {border-right: 0;} .pop_tb_type01.list2 tbody td {border-right: 0;} @@ -146,8 +146,8 @@ .file_add_wrap {height: 500px; border: 1px solid #d5d5d5; border-radius: 5px;} .file_add_wrap>ul>li:first-child {border-top: 0;} .file_add_wrap>ul>li>div {border-bottom: 1px solid #d5d5d5; vertical-align: middle;background-color: #f5f7fa;font-size: 15px;font-weight: 500;padding: 10px; box-sizing: border-box; position: relative;} -.slide_updown {background-image: url(/offedu/visitEdu/adm/publish/image/content/edu_file_up.png); position: absolute; display: inline-block; background-repeat: no-repeat; width: 8px; height: 5px; transform: translateY(-50%); right: 10px; top: 50%;} -.slide_down .slide_updown {background-image: url(/offedu/visitEdu/adm/publish/image/content/edu_file_down.png); position: absolute; display: inline-block; background-repeat: no-repeat; width: 8px; height: 5px; transform: translateY(-50%); right: 10px; top: 50%;} +.slide_updown {background-image: url(../../image/content/edu_file_up.png); position: absolute; display: inline-block; background-repeat: no-repeat; width: 8px; height: 5px; transform: translateY(-50%); right: 10px; top: 50%;} +.slide_down .slide_updown {background-image: url(../../image/content/edu_file_down.png); position: absolute; display: inline-block; background-repeat: no-repeat; width: 8px; height: 5px; transform: translateY(-50%); right: 10px; top: 50%;} .file_add_wrap>ul>li .file_add_down {border-bottom: 1px solid #d5d5d5;} .file_add_wrap>ul>li .file_add_down li>div {display: flex; align-items: center; padding: 10px 10px 0 10px; font-size: 15px; box-sizing: border-box;} .file_add_wrap>ul>li .file_add_down li>div:last-child {padding-bottom: 10px;} @@ -166,7 +166,7 @@ /* 워터마크 */ .waterMark {position: relative;} -.waterMark::after {background-image: url(/offedu/visitEdu/adm/publish/image/content/kco_ci.png); content: ""; position: absolute; width: 375px; height: 83px; top: 42%; left: 50%; transform: translate(-50%,-50%); background-position: center; opacity: 0.1; background-repeat: no-repeat; background-size: 100%;} +.waterMark::after {background-image: url(../../image/content/kco_ci.png); content: ""; position: absolute; width: 375px; height: 83px; top: 42%; left: 50%; transform: translate(-50%,-50%); background-position: center; opacity: 0.1; background-repeat: no-repeat; background-size: 100%;} /* print 하단 문구 */ .print_mark {border: 1px solid #e5e5e5; padding: 20px 0; margin-top: 30px; text-align: center; color: #222;} diff --git a/src/main/webapp/visitEdu/adm/publish/datepicker/classic.css b/src/main/webapp/visitEdu/adm/publish/datepicker/classic.css index 9d1a13a3..62bbd469 100644 --- a/src/main/webapp/visitEdu/adm/publish/datepicker/classic.css +++ b/src/main/webapp/visitEdu/adm/publish/datepicker/classic.css @@ -23,7 +23,7 @@ .picker__input { width: 180px; cursor: default; - background-image: url(/offedu/visitEdu/adm/publish/image/content/calendarIcon.png); + background-image: url(../../image/content/calendarIcon.png); background-repeat: no-repeat; background-position: 90% 45%; } diff --git a/src/main/webapp/visitEdu/adm/publish/image/icon_person.png b/src/main/webapp/visitEdu/adm/publish/image/icon_person.png new file mode 100644 index 00000000..2892fd9e Binary files /dev/null and b/src/main/webapp/visitEdu/adm/publish/image/icon_person.png differ diff --git a/src/main/webapp/visitEdu/usr/publish/css/common.css b/src/main/webapp/visitEdu/usr/publish/css/common.css index 206592f0..3f78f140 100644 --- a/src/main/webapp/visitEdu/usr/publish/css/common.css +++ b/src/main/webapp/visitEdu/usr/publish/css/common.css @@ -30,9 +30,9 @@ header.on::before{opacity: 1;} .gnb_wrap .area_right .login_after + .login_info::before {right:7px;} .gnb_wrap .area_right .header_login_wrap {padding-right: 33px;} .gnb_wrap .area_right a i {display: inline-block; background-repeat: no-repeat; vertical-align: middle; margin-bottom: 2px; margin-right: 5px;} -.gnb_wrap .area_right .header_login i {background-image: url(/offeduadvc/visitEdu/usr/publish/images/common/headerTop_icon1.png); width: 11px; height: 15px;} +.gnb_wrap .area_right .header_login i {background-image: url(../images/common/headerTop_icon1.png); width: 11px; height: 15px;} .gnb_wrap .area_right .header_join {padding-right: 22px;margin:0 -10px 0 0;} -.gnb_wrap .area_right .header_join i {background-image: url(/offeduadvc/visitEdu/usr/publish/images/common/headerTop_icon2.png); width: 14px; height: 15px;} +.gnb_wrap .area_right .header_join i {background-image: url(../images/common/headerTop_icon2.png); width: 14px; height: 15px;} .gnb_wrap .area_right a:hover{text-decoration: underline;} .gnb_wrap .area_right .login_info::before,.gnb_wrap .area_right .login_after::before{position: absolute; content: " ";width: 1px; height: 13px; background-color: #dbdbdb; top: 50%; right: 13px; transform: translateY(-50%);} .gnb_wrap .area_right .login_after::before {right:7px;} @@ -40,8 +40,8 @@ header.on::before{opacity: 1;} .gnb_wrap .btn_util {margin:0 0 0 10px;} .gnb_wrap .btn_util button{width: 40px; height: 40px; vertical-align: middle; background-repeat: no-repeat; background-position: center; border-left: 1px solid #e2e4e6; } .gnb_wrap .btn_util button:hover{box-shadow: 0 0 5px rgba(0,0,0,.15);} -.gnb_wrap .btn_util .btn_minus{margin-right: -5px; background-image: url(/offeduadvc/visitEdu/usr/publish/images/common/headerTop_btn1.png);} -.gnb_wrap .btn_util .btn_plus{background-image: url(/offeduadvc/visitEdu/usr/publish/images/common/headerTop_btn2.png); border-right: 1px solid #e2e4e6;} +.gnb_wrap .btn_util .btn_minus{margin-right: -5px; background-image: url(../images/common/headerTop_btn1.png);} +.gnb_wrap .btn_util .btn_plus{background-image: url(../images/common/headerTop_btn2.png); border-right: 1px solid #e2e4e6;} .header{padding: 0 20px; box-sizing: border-box;} .header_inner{max-width: 1400px; width: 100%; height: 90px; display: flex; align-items: center; justify-content: space-between; margin: 0 auto; position: relative;} @@ -72,13 +72,13 @@ header.on::before{opacity: 1;} .header_inner .depth02 a:hover,.header_inner .depth02 a:focus{color: #E95504;} .header_inner button{width: 27px; height: 26px; background-repeat: no-repeat;} -.header_inner .btn_search{background-image: url(/offeduadvc/visitEdu/usr/publish/images/common/btn_search.png); margin-right: 25px; margin-top: -2px;} -.header_inner .btn_menu{background-image: url(/offeduadvc/visitEdu/usr/publish/images/common/btn_menu.png);} +.header_inner .btn_search{background-image: url(../images/common/btn_search.png); margin-right: 25px; margin-top: -2px;} +.header_inner .btn_menu{background-image: url(../images/common/btn_menu.png);} .header_inner button.btn_mobile{display: none; margin: 0 8px; vertical-align: middle; margin-top: -2px;height:100%;background-position:center center;} -.header_inner .btn_login{background-image: url(/offeduadvc/visitEdu/usr/publish/images/common/m_headerTop_icon1.png);background-size:21px auto;} -.header_inner .btn_logout{background-image: url(/offeduadvc/kccadrPb/usr/image/common/btn_logout.png);} -.header_inner .btn_join{width: 35px; background-image: url(/offeduadvc/visitEdu/usr/publish/images/common/m_headerTop_icon2.png);background-size:26px auto;} -.header_inner .btn_usredit{width: 35px; background-image: url(/offeduadvc/kccadrPb/usr/image/common/btn_usredit.png);} +.header_inner .btn_login{background-image: url(../images/common/m_headerTop_icon1.png);background-size:21px auto;} +.header_inner .btn_logout{background-image: url(../../../../kccadrPb/usr/image/common/btn_logout.png);} +.header_inner .btn_join{width: 35px; background-image: url(../images/common/m_headerTop_icon2.png);background-size:26px auto;} +.header_inner .btn_usredit{width: 35px; background-image: url(../../../../kccadrPb/usr/image/common/btn_usredit.png);} .header_inner .m_header_login, .header_inner .m_header_join {display:none;} /* //header */ @@ -87,7 +87,7 @@ header.on::before{opacity: 1;} .full_menu{visibility: hidden; width: 100%; position: fixed; background-color: #fff; min-height: 500px; padding: 50px; box-sizing: border-box; top: -500px; transition: top 0.5s ease, box-shadow 0.3s ease; z-index: 21;} .full_menu.on{visibility: visible; top: 0; box-shadow: 0 5px 8px rgba(0,0,0,0.1);} .full_menu .inner{max-width: 1400px; width: 100%; position: relative; margin: 0 auto;} -.full_menu .btn_close{background-image: url(/offeduadvc/visitEdu/usr/publish/images/common/btn_close.png); width: 40px; height: 40px; background-repeat: no-repeat; position: absolute; right: 0; top: 15px; border: 1px solid #ef7b0f; border-radius: 3px; background-position: center;} +.full_menu .btn_close{background-image: url(../images/common/btn_close.png); width: 40px; height: 40px; background-repeat: no-repeat; position: absolute; right: 0; top: 15px; border: 1px solid #ef7b0f; border-radius: 3px; background-position: center;} .full_menu .depth01{display: flex; justify-content: space-around; text-align: center; margin: 80px 50px 0 50px;} .full_menu .btn_close:hover {box-shadow: 0 0 5px rgba(0,0,0,.15); transition: width .4s ease-in-out;} .full_menu .depth01 .menu_link{font-size: 20px; font-weight: 500; color: #ea5404; position: relative; padding-bottom: 25px; letter-spacing: -1px; text-align: center; height: 40px;} @@ -96,7 +96,7 @@ header.on::before{opacity: 1;} .full_menu .depth02{margin-top: 10px;} .full_menu .depth02 a{height: 40px; display: flex; align-items: center; justify-content: center; letter-spacing: -1px; font-size: 17px; font-weight: 400;} .full_menu .depth02 a:hover {font-weight: 700;} -.full_menu .link{display: inline-block; width: 16px; height: 16px; background-image: url(/offeduadvc/visitEdu/usr/publish/images/common/link_icon.png);background-repeat: no-repeat; margin-left: 6px;} +.full_menu .link{display: inline-block; width: 16px; height: 16px; background-image: url(../images/common/link_icon.png);background-repeat: no-repeat; margin-left: 6px;} /* //full menu */ /* moblie menu */ @@ -109,7 +109,7 @@ header.on::before{opacity: 1;} .path .pathedfr ul {display: flex; align-items: center; height: 50px;} .path .pathedfr ul li {align-self: center; font-size: 16px; color: #666; font-weight: 300;} .path .pathedfr ul li:nth-child(even) {color: #666; font-size: 14px; margin: 0 8px;} -.path .pathedfr ul li.home i {background-image: url(/offeduadvc/visitEdu/usr/publish/images/common/home_icon.png); width: 19px; height: 17px; display: inline-block; margin-bottom: -2px; margin-right: 10px;} +.path .pathedfr ul li.home i {background-image: url(../images/common/home_icon.png); width: 19px; height: 17px; display: inline-block; margin-bottom: -2px; margin-right: 10px;} .path .m_pathedfr {display:none;} /* snb */ @@ -122,7 +122,7 @@ header.on::before{opacity: 1;} .snb .ssleftxt ul li a{width:100%;height:100%;color:#666;padding:0 15px;box-sizing:border-box; font-size: 18px; display: table-cell; vertical-align: middle; font-weight: 300;} .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(/offeduadvc/visitEdu/usr/publish/images/common/arrow.png); background-repeat: no-repeat; background-position: 91% 50%;} +.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 */ @@ -138,7 +138,7 @@ footer .site li::before{position: absolute; content: " "; width: 1px; height: 14 footer .site li:last-child::before{display: none;} footer .site li:first-child{padding-left: 0;} footer .site li a:hover {text-decoration: underline;} -footer select{height: 40px; border: 1px solid #cbcdd1; background-image: url(/offeduadvc/visitEdu/usr/publish/images/common/footer_select.png); background-position: calc(100% - 15px) center; background-repeat: no-repeat; padding: 0 10px; font-size: 15px; color: #666;} +footer select{height: 40px; border: 1px solid #cbcdd1; background-image: url(../images/common/footer_select.png); background-position: calc(100% - 15px) center; background-repeat: no-repeat; padding: 0 10px; font-size: 15px; color: #666;} footer .btn_go{width: 50px; height: 40px; border: 1px solid #cbcdd1; background-color: #eaecef; vertical-align: middle; border-radius: 5px; color: #666; transition: all 0.1s linear; font-size: 16px;} footer .btn_go:hover{box-shadow: 0 0 5px rgba(0,0,0,0.2); transition: all 0.1s linear;} footer .logo,footer address{display: inline-block; vertical-align: middle;} @@ -150,7 +150,7 @@ footer .wa_mark .wa {width: 110px;} .error_page{width: 100%; height: 100%; margin: 0 auto; text-align: center;} .error_wrap{border: 1px solid #d5d5d5; display: inline-flex; align-items: center; margin: 200px auto 50px auto; padding: 15px 50px 15px 0; justify-content: center;} -.error_wrap i{display: block; width: 266px; height: 200px; background-image: url(/offeduadvc/visitEdu/adm/publish/image/warming.jpg); border-right: 1px solid #d5d5d5; } +.error_wrap i{display: block; width: 266px; height: 200px; background-image: url(../../../adm/publish/image/warming.jpg); border-right: 1px solid #d5d5d5; } .error_wrap .text_area{width: calc(100% - 266px); font-size: 20px; padding-left: 30px; text-align: left;} .error_wrap .text_area p{font-size: 16px; color: #555; margin-top: 10px; line-height: 1.4;} .error_wrap .error_btn {text-align:center;} @@ -173,7 +173,7 @@ footer .wa_mark .wa {width: 110px;} #m_menu.on{visibility: visible; right: 0; transition: all 0.5s ease;} #m_menu .area_top{text-align: right;} #m_menu .btn_close_wrap {width: 100%; height: 70px; position: absolute; top:0; left: 0; background-color: #ef7b0f;} - #m_menu .btn_close{background-image: url(/offeduadvc/visitEdu/usr/publish/images/common/btn_close2.png);background-repeat: no-repeat; background-position: center; width: 40px; height: 40px; border: 1px solid #fff; border-radius: 3px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);} + #m_menu .btn_close{background-image: url(../images/common/btn_close2.png);background-repeat: no-repeat; background-position: center; width: 40px; height: 40px; border: 1px solid #fff; border-radius: 3px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);} #m_menu .btn_close:hover {box-shadow: 0 0 5px rgba(0,0,0,.25);} #m_menu .depth01{width: 100%; padding: 0 10px; margin-top: 70px;box-sizing: border-box;} #m_menu .depth01_li{overflow: hidden; height: 60px; transition: height 0.3s linear; display: block; position: relative;} @@ -181,7 +181,7 @@ footer .wa_mark .wa {width: 110px;} #m_menu .depth01_li.on{height: 280px;transition: height 0.3s linear;} #m_menu .depth01_li.on::before{opacity: 1; bottom: 0;} #m_menu .menu_tit{font-size: 20px; height: 60px; border-bottom: 1px solid #e5e5e5; width: 100%; text-align: left; padding-left: 20px; position: relative;} - #m_menu .menu_tit::after {background-image: url(/offeduadvc/visitEdu/usr/publish/images/common/m_menu_plus.png); background-position: center; background-repeat: no-repeat; width: 36px; height: 36px; content: ""; position: absolute; top: 50%; right: 10px; transform: translateY(-50%);} + #m_menu .menu_tit::after {background-image: url(../images/common/m_menu_plus.png); background-position: center; background-repeat: no-repeat; width: 36px; height: 36px; content: ""; position: absolute; top: 50%; right: 10px; transform: translateY(-50%);} #m_menu .menu_tit span {color: #f37632;} #m_menu .depth01_li.on .menu_tit {border-bottom: 1px solid #f37632; color: #f37632;} #m_menu .depth02{visibility: hidden; height: 100%; margin: 10px 0; opacity: 0; transition: all 0.3s linear; background-color: #f5f5f5;} @@ -212,11 +212,11 @@ footer .wa_mark .wa {width: 110px;} header .header .header_inner h1 a img {height:43px;} header .header .header_inner .area_right {height:100%;} header .header .header_inner .area_right .btn_search {display:none;} - header .header .header_inner .area_right .btn_menu {width:35px;height:100%;background-image:url(/offeduadvc/visitEdu/usr/publish/images/common/m_btn_menu.png);background-size:29px 21px;background-position:center center;} + header .header .header_inner .area_right .btn_menu {width:35px;height:100%;background-image:url(../images/common/m_btn_menu.png);background-size:29px 21px;background-position:center center;} header .header .header_inner .area_right .m_header_login {display:flex;width:40px;height:100%;margin:0 5px 0 0;padding:0;font-size:0;align-items:center;justify-content:center;text-indent:-9999em;z-index:1;} - header .header .header_inner .area_right .m_header_login i {width:21px;height:28px;margin:0;background-image:url(/offeduadvc/visitEdu/usr/publish/images/common/m_headerTop_icon1.png);background-size:21px auto;} + header .header .header_inner .area_right .m_header_login i {width:21px;height:28px;margin:0;background-image:url(../images/common/m_headerTop_icon1.png);background-size:21px auto;} header .header .header_inner .area_right .m_header_join {display:flex;width:40px;height:100%;margin:0 5px 0 0;padding:0;font-size:0;align-items:center;justify-content:center;text-indent:-9999em;z-index:1;} - header .header .header_inner .area_right .m_header_join i {width:26px;height:28px;margin:0;background-image:url(/offeduadvc/visitEdu/usr/publish/images/common/m_headerTop_icon2.png);background-size:26px auto;} + header .header .header_inner .area_right .m_header_join i {width:26px;height:28px;margin:0;background-image:url(../images/common/m_headerTop_icon2.png);background-size:26px auto;} .path {height:50px;background:#f5680b;} .path .pathedfr {display:none;} @@ -225,7 +225,7 @@ footer .wa_mark .wa {width: 110px;} .path .m_pathedfr > ul > li {position:relative;float:left;width:50%;height:100%;border-left:1px solid #fcae83;box-sizing:border-box;} .path .m_pathedfr > ul > li:first-child {border:0 none;} .path .m_pathedfr > ul > li .path_btn {position:relative;display:block;width:100%;height:50px; padding:0 0 0 10px;font-size:18px;text-align:left;color:#fff;} - .path .m_pathedfr > ul > li .path_btn:after {content:'';position:absolute;right:15px;top:0; width:18px;height:50px;background:url(/offeduadvc/visitEdu/usr/publish/images/common/path_btn_arrow.png) no-repeat left top;} + .path .m_pathedfr > ul > li .path_btn:after {content:'';position:absolute;right:15px;top:0; width:18px;height:50px;background:url(../images/common/path_btn_arrow.png) no-repeat left top;} .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;} diff --git a/src/main/webapp/visitEdu/usr/publish/css/content.css b/src/main/webapp/visitEdu/usr/publish/css/content.css index 60cc3ebd..e449e0aa 100644 --- a/src/main/webapp/visitEdu/usr/publish/css/content.css +++ b/src/main/webapp/visitEdu/usr/publish/css/content.css @@ -1,5 +1,5 @@ .btn_cal{width: 20px; height: 20px; position: absolute; right: 15px; top: 0; background-repeat: no-repeat;} -.btn_cal i{display: inline-block; width: 20px; height: 20px; background-image: url(/offedu/visitEdu/usr/publish/images/content/calendarIcon.png); background-repeat: no-repeat; background-position: center;} +.btn_cal i{display: inline-block; width: 20px; height: 20px; background-image: url(../images/content/calendarIcon.png); background-repeat: no-repeat; background-position: center;} /* sub layout */ .container {width: 100%; min-height: 650px; position: relative; display: inline-block; box-sizing: border-box; margin-top: 130px; } @@ -8,10 +8,10 @@ .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;} -.cont_nav .home{width: 60px; height: 60px; background-image: url(/offedu/visitEdu/adm/publish/image/icon_home.png); background-repeat: no-repeat; background-position: center; border-left: 1px solid #4f75c4; border-right: 1px solid #4f75c4;} +.cont_nav .home{width: 60px; height: 60px; background-image: url(../../../adm/publish/image/icon_home.png); background-repeat: no-repeat; background-position: center; border-left: 1px solid #4f75c4; border-right: 1px solid #4f75c4;} .snb_wrap{width: 230px; position: relative;} -.snb_wrap .snb_tit{width: 100%; height: 60px; padding-left: 20px; background-image: url(/offedu/visitEdu/adm/publish/image/icon_snb_select.png); background-position: calc(100% - 20px) center; background-repeat: no-repeat; text-align: left; font-size: 18px; font-weight: 300; color: #fff; border-right: 1px solid #4f75c4;} +.snb_wrap .snb_tit{width: 100%; height: 60px; padding-left: 20px; background-image: url(../../../adm/publish/image/icon_snb_select.png); background-position: calc(100% - 20px) center; background-repeat: no-repeat; text-align: left; font-size: 18px; font-weight: 300; color: #fff; border-right: 1px solid #4f75c4;} .snb_depth{position: absolute; width: 100%; top: 60px; left: -1px; border: 1px solid #d5d5d5; background-color: #Fff; z-index: 2;} .snb_depth li:hover{background-color: #f5f5f5;} .snb_depth a{display: flex; padding: 0 0 0 20px; height: 40px; align-items: center; justify-content: left;} @@ -21,9 +21,9 @@ .cont_wrap .cont_tit .sns_go button {margin-left: 1px;display:none;} .cont_wrap .tit_box {padding: 30px 40px 20px 40px; border: 1px solid #d5d7dc; border-radius: 10px; margin-bottom: 40px; display: flex; box-sizing: border-box; align-items: center;} -.cont_wrap .tit_box i.tit_box_icon1 {background-image: url(/offedu/visitEdu/usr/publish/images/content/tit_box_icon1.png); width: 136px; height: 104px; background-size: 100%; background-repeat: no-repeat;} -.cont_wrap .tit_box i.tit_box_icon2 {background-image: url(/offedu/visitEdu/usr/publish/images/content/tit_box_icon2_1.png); width: 67px; height: 59px; background-size: 100%; background-repeat: no-repeat;} -.cont_wrap .tit_box i.tit_box_icon3 {background-image: url(/offedu/visitEdu/usr/publish/images/content/tit_box_icon2_2.png); width: 51px; height: 62px; background-size: 100%; background-repeat: no-repeat;} +.cont_wrap .tit_box i.tit_box_icon1 {background-image: url(../images/content/tit_box_icon1.png); width: 136px; height: 104px; background-size: 100%; background-repeat: no-repeat;} +.cont_wrap .tit_box i.tit_box_icon2 {background-image: url(../images/content/tit_box_icon2_1.png); width: 67px; height: 59px; background-size: 100%; background-repeat: no-repeat;} +.cont_wrap .tit_box i.tit_box_icon3 {background-image: url(../images/content/tit_box_icon2_2.png); width: 51px; height: 62px; background-size: 100%; background-repeat: no-repeat;} .cont_wrap .tit_box>div {width: calc(100% - 180px); padding-left: 40px;} .cont_wrap .tit_box.type2 {padding: 30px 40px;} .cont_wrap .tit_box.type2>div {padding-left: 20px;} @@ -123,7 +123,7 @@ .list_util{text-align: right;} .tab_wrap+.list_util{width: calc(100% - 100px);} .list_util:only-child{width: 100%;} -.list_util select{width: 150px; height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; padding-left: 14px; font-size: 16px; color: #222; background-image: url(/offedu/visitEdu/adm/publish/image/icon_cont_select.png); background-repeat: no-repeat; background-position: calc(100% - 15px) center; margin-right: 3px; color: #555;} +.list_util select{width: 150px; height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; padding-left: 14px; font-size: 16px; color: #222; background-image: url(../../../adm/publish/image/icon_cont_select.png); background-repeat: no-repeat; background-position: calc(100% - 15px) center; margin-right: 3px; color: #555;} .list_util input{width: 280px; height: 38px; border: 1px solid #d5d5d5; border-radius: 5px; padding: 0 0 0 14px; font-size: 16px; margin-right: 3px;} .list_util input::placeholder,.list_util input:-ms-input-placeholder{font-size: 16px; color: #999;} .list_util button{width: 80px; height: 40px; font-size: 18px; font-weight: 400; background-color: #D64309; color: #fff; vertical-align: middle; border-radius: 5px; transition: all 0.1s linear;}/* background-color: #f48105 */ @@ -139,7 +139,7 @@ .list_util .sel_date{display: inline-block; font-size: 18px; font-weight: 300; color: #555; vertical-align: middle;} .list_util .sel_date input{width: 150px; margin: 0 5px;} .list_util .sel_date button{width: 20px; height: 18px;background-color: transparent; border-radius: 0; margin-left: -40px; margin-right: 20px;} -.list_util .sel_date .btn_cal{background-image: url(/offedu/visitEdu/adm/publish/image/btn_cal.png); background-repeat: no-repeat;} +.list_util .sel_date .btn_cal{background-image: url(../../../adm/publish/image/btn_cal.png); background-repeat: no-repeat;} .list_util .sel_date .btn_cal:hover{box-shadow: none;} .calendar_in{display: inline-block; position: relative;} @@ -181,7 +181,7 @@ input[type="checkbox"]+label {color: #555; font-size: 16px; font-weight: 300; li input[type="radio"]+label {color: #555; font-size: 16px; font-weight: 300; line-height: 1; vertical-align: middle;} 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(/offeduadvc/visitEdu/usr/publish/images/content/select.png); background-repeat: no-repeat; background-position: calc(100% - 15px) center; color: #666;} +select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; padding: 0 50px 0 15px; font-size: 16px; color: #222; background-image: url(../images/content/select.png); background-repeat: no-repeat; background-position: calc(100% - 15px) center; color: #666;} .tb_type02.tb_type02_write input[type="text"].input_time {width: 50px;} /* button type */ @@ -288,7 +288,7 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa /* 파일 다운로드 */ .tb_type01 table tbody tr td.file_download a {padding-bottom: 8px;} .tb_type01 table tbody tr td.file_download a:last-child {padding-bottom: 0;} -.file_download_a {background-image: url(/offedu/visitEdu/usr/publish/images/content/file_img.png); background-repeat: no-repeat; background-position: left 48%; background-size: contain; padding-left: 23px; letter-spacing: -1px;} +.file_download_a {background-image: url(../images/content/file_img.png); background-repeat: no-repeat; background-position: left 48%; background-size: contain; padding-left: 23px; letter-spacing: -1px;} .file_download_a:last-child {background-position: left 90%;} .tb_type01 table tbody tr td .app_status4 {margin-right: 10px;} .trLength2 {display: none;} @@ -348,7 +348,7 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa .tb_list01 tbody td select{min-width: 110px; width: auto; height: 30px; font-size: 17px;} .tb_list01 tbody td textarea {width: 100%; font-size: 16px; padding: 10px;} .tb_list01 tbody td .btn_print{height: auto;} -.tb_list01 tbody td .btn_print i{display: inline-block; width: 17px; height: 20px; background-image: url(/offedu/visitEdu/adm/publish/image/btn_print01.png); background-position: center; vertical-align: middle;} +.tb_list01 tbody td .btn_print i{display: inline-block; width: 17px; height: 20px; background-image: url(../../../adm/publish/image/btn_print01.png); background-position: center; vertical-align: middle;} .tb_list01 tbody td button {border-radius: 3px; padding: 2px 12px;} .tb_type01>table>tbody>tr>th[rowspan="2"] {border-right: 1px solid #e5e5e5;} .tb_list01 table input{vertical-align: auto;} @@ -404,7 +404,7 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa .list_view .file_list td{display: flex; font-size: 18px; font-weight: 300; margin-bottom: 10px} .list_view .file_list tr:last-child td{margin-bottom: 0} .list_view .file_list td img{margin-right: 10px; align-self: center;} -.list_view .file_list td a{white-space: normal; background-image: url(/offedu/visitEdu/usr/publish/images/content/file_img.png); background-repeat: no-repeat; background-position: left 48%; padding-left: 23px; letter-spacing: -0.5px;} +.list_view .file_list td a{white-space: normal; background-image: url(../images/content/file_img.png); background-repeat: no-repeat; background-position: left 48%; padding-left: 23px; letter-spacing: -0.5px;} /* list write(글등록) */ .write_wrap { padding: 30px 30px; margin-bottom: 30px;} @@ -421,8 +421,8 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa /* 질문 */ .faq li .question{position:relative; width:100%; padding:15px 30px; display:flex; box-sizing:border-box; cursor:pointer;} .faq li .question .qst_text::after {background-color: #3a72db;} -.faq li .question.slide_open::after{background-image:url(/offedu/visitEdu/usr/publish/images/content/faq_close.png);} -.faq li .question::after {content:""; background-image:url(/offedu/visitEdu/usr/publish/images/content/faq_open.png); width: 30px; height: 30px; top: 50%; right: 30px; transform: translateY(-50%); position: absolute;} +.faq li .question.slide_open::after{background-image:url(../images/content/faq_close.png);} +.faq li .question::after {content:""; background-image:url(../images/content/faq_open.png); width: 30px; height: 30px; top: 50%; right: 30px; transform: translateY(-50%); position: absolute;} .faq li .question:hover {box-shadow:3px 3px 10px 5px rgba(0,0,0,0.1)} /* 답변 */ .faq li .answer {background-color:#f5f5f5; display: none; position:relative; line-height:1.4;border-top:1px solid #d5d5d5; z-index: -2;} @@ -440,10 +440,10 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa .page .btn_page_first,.page .btn_page_prev,.page .btn_page_next,.page .btn_page_last {border-radius: 5px; border: 1px solid #d5d5d5;} .page .btn_page_prev {margin-right: 3px;} .page .btn_page_next {margin-left: 3px;} -.page .btn_page_first i{background-image: url(/offedu/visitEdu/usr/publish/images/content/btn_page_first.png);} -.page .btn_page_prev i{background-image: url(/offedu/visitEdu/usr/publish/images/content/btn_page_prev.png);} -.page .btn_page_next i{background-image: url(/offedu/visitEdu/usr/publish/images/content/btn_page_next.png);} -.page .btn_page_last i{background-image: url(/offedu/visitEdu/usr/publish/images/content/btn_page_last.png);} +.page .btn_page_first i{background-image: url(../images/content/btn_page_first.png);} +.page .btn_page_prev i{background-image: url(../images/content/btn_page_prev.png);} +.page .btn_page_next i{background-image: url(../images/content/btn_page_next.png);} +.page .btn_page_last i{background-image: url(../images/content/btn_page_last.png);} /* 시간 선택 */ @@ -460,7 +460,7 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa .time_top p {font-size: 18px; color: #fff; font-weight: 400; align-self: center;} .time_cont{display: flex; justify-content: space-between; align-items: center; padding: 15px 15px 10px 15px;} .time_cont p{padding: 10px 0; font-size: 18px;} -.ampm_select, .hours_select, .min_select{width: 120px !important; height: 32px; border: 1px solid #d5d5d5; border-radius: 3px; padding-left: 10px; box-sizing: border-box; color: #222; font-size: 16px !important; font-weight: 300; font-size: 16px; background-image: url(/offeduadvc/visitEdu/usr/publish/images/content/select.png); background-repeat: no-repeat; background-position: 85% center;} +.ampm_select, .hours_select, .min_select{width: 120px !important; height: 32px; border: 1px solid #d5d5d5; border-radius: 3px; padding-left: 10px; box-sizing: border-box; color: #222; font-size: 16px !important; font-weight: 300; font-size: 16px; background-image: url(../images/content/select.png); background-repeat: no-repeat; background-position: 85% center;} .ampm_select {width: 70px; letter-spacing: -0.5px;} .time_close{width: auto !important; height: auto !important; padding: 3px 10px; border: 1px solid #dadada; border-radius: 0 !important; margin: 0 15px 20px 0; font-size: 14px !important; font-weight: 400; background-color: #eee; float: right;} .time_close i{background-color:#e20; width: 9px; height: 3px; margin-right: 5px; display: inline-block;vertical-align: middle; } @@ -492,7 +492,7 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa .file_wrap table thead th{height: 30px; font-size: 14px; color: #666; background-color: #fff; text-align: center; letter-spacing: -0.8px; vertical-align: middle; font-weight: 400; padding: 0; border-right: 0} .file_wrap th input,.file_wrap td input{height: auto;} .file_wrap .tb_file_before{height: 110px; position: relative;} -.file_wrap tbody.tb_file_before td{padding: 0; height: 100%; background-color: #f1f1f1; background-image: url(/offedu/visitEdu/usr/publish/images/content/file_before.png); background-repeat: no-repeat; background-position: center 25px; text-align: center;} +.file_wrap tbody.tb_file_before td{padding: 0; height: 100%; background-color: #f1f1f1; background-image: url(../images/content/file_before.png); background-repeat: no-repeat; background-position: center 25px; text-align: center;} .file_wrap tbody.tb_file_before p{font-size: 14px; font-weight: 400; color: #666666; text-align: center; padding-top: 70px;} .file_wrap tbody.tb_file_before span{color: #2b68da;} .file_wrap tbody.tb_file_after{height: auto;} @@ -503,7 +503,7 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa .file_wrap tbody.tb_file_after p{white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 95%; margin: 0 auto; line-height: 2; font-size: 15px;} .file_wrap .btn_del{border: 1px solid #d5d5d5; border-radius: 5px; width: 25px; height: 25px; padding: 0; margin: 0; vertical-align: middle;} .file_wrap .btn_del:hover{background-color: #f5f5f5;} -.file_wrap .btn_del i{display: block; width: 100%; height: 100%; background-image: url(/offedu/visitEdu/usr/publish/images/content/btn_del.png); background-repeat: no-repeat; background-position: 54.54%;} +.file_wrap .btn_del i{display: block; width: 100%; height: 100%; background-image: url(../images/content/btn_del.png); background-repeat: no-repeat; background-position: 54.54%;} .file_cf {display: flex; justify-content: space-between; margin: 12px 0 6px 0;} .file_cf>div {display: flex; align-items: flex-start;} .file_cf>div p {color: #666; font-weight: 300; margin-right: 30px; position: relative;} @@ -518,14 +518,14 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa .sel_tpye ul {margin-top: 50px; display: flex; justify-content: space-between;} .sel_tpye ul li {width: calc(100%/2 - 23px); padding: 40px 0; border: 5px solid #e5e5e5; border-radius: 25px 5px 25px 5px; box-sizing: border-box; transition: ease-in-out 0.4s;} .sel_tpye ul li i {width: 148px; height: 148px; display: inline-block; transition: ease-in-out 0.4s;} -.sel_tpye ul li.type1 i {background-image: url(/offedu/visitEdu/usr/publish/images/content/sel_type1.png);} -.sel_tpye ul li.type2 i {background-image: url(/offedu/visitEdu/usr/publish/images/content/sel_type2.png);} +.sel_tpye ul li.type1 i {background-image: url(../images/content/sel_type1.png);} +.sel_tpye ul li.type2 i {background-image: url(../images/content/sel_type2.png);} .sel_tpye ul li p {font-family: 'GmarketSansBold'; font-size: 24px; padding-top: 30px; transition: ease-in-out 0.4s;} /* hover 시 */ .sel_tpye ul li.on {border: 5px solid #2b68da; transition: ease-in-out 0.4s;} .sel_tpye ul li i {transition: ease-in-out 0.4s;} -.sel_tpye ul li.type1.on i {background-image: url(/offedu/visitEdu/usr/publish/images/content/sel_type1_on.png);} -.sel_tpye ul li.type2.on i {background-image: url(/offedu/visitEdu/usr/publish/images/content/sel_type2_on.png);} +.sel_tpye ul li.type1.on i {background-image: url(../images/content/sel_type1_on.png);} +.sel_tpye ul li.type2.on i {background-image: url(../images/content/sel_type2_on.png);} .sel_tpye ul li.on p {color: #2b68da;transition: ease-in-out 0.4s;} /* 강의 지역 */ @@ -572,7 +572,7 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa /* 강사신청 확인 */ .check_app {border: 5px solid #e5e5e5; border-radius: 25px 5px 25px 5px;} .check_app .check_app_in {text-align: center; padding: 80px 20px;} -.check_app .check_app_in i {background-image: url(/offedu/visitEdu/usr/publish/images/content/check_teacher.png); width: 175px; height: 171px; display: inline-block;} +.check_app .check_app_in i {background-image: url(../images/content/check_teacher.png); width: 175px; height: 171px; display: inline-block;} .check_app .check_app_in p {font-size: 30px; font-weight: 500; padding: 30px 0 20px 0; line-height: 1.2;} .check_app .check_app_in span {display: block; color: #666; font-weight: 300; line-height: 1.5; font-size: 18px;} .check_app .check_app_in button {height: 45px; padding: 0 33px; border-radius: 5px; margin-top: 40px; font-size: 18px;} @@ -588,7 +588,7 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa .dashboard_tb_top p {font-size: 22px; font-weight: 600; vertical-align: middle; display: flex;} .dashboard_tb_top button {vertical-align: middle; font-size: 17px; font-weight: 300; color: #757575; display: flex; align-items: center;} .dashboard_tb_top button i {width: 20px; height: 20px; border-radius: 50%; border: 1px solid #d3d9e4; margin-left: 7px; position: relative; display: inline-block; vertical-align: middle;} -.dashboard_tb_top button i::after {background-image: url(/offedu/visitEdu/usr/publish/images/content/more_btn.png); width: 6px; height: 10px; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: inline-block;} +.dashboard_tb_top button i::after {background-image: url(../images/content/more_btn.png); width: 6px; height: 10px; content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: inline-block;} .t_dashboard_btm table:nth-child(1),.t_dashboard_btm table:nth-child(2) {margin-bottom: 30px;} /* login */ diff --git a/src/main/webapp/visitEdu/usr/publish/css/main.css b/src/main/webapp/visitEdu/usr/publish/css/main.css index 3a4d59ff..f34219b0 100644 --- a/src/main/webapp/visitEdu/usr/publish/css/main.css +++ b/src/main/webapp/visitEdu/usr/publish/css/main.css @@ -10,12 +10,12 @@ .cont1 .slide_button .swiper-pagination {float:left;position:relative;margin:3px 0 0;} .cont1 .slide_button .swiper-pagination .swiper-pagination-bullet{float:left;margin-right:7px;position: relative;vertical-align: middle;width: 10px;height: 10px;background-color: #c6c9d1; border-radius: 100%;opacity:1;} .cont1 .slide_button .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 40px;background-color: #f37632;border-radius:10px;vertical-align: middle;} -.cont1 .slidePause {float:left;background-image: url(/offedu/visitEdu/usr/publish/images/main/visualStop.png);background-repeat: no-repeat;width: 16px;height: 16px;} -.cont1 .slideStart {float:left;background-image: url(/offedu/visitEdu/usr/publish/images/main/visualStart.png);background-repeat: no-repeat;width: 16px;height: 16px;} +.cont1 .slidePause {float:left;background-image: url(../images/main/visualStop.png);background-repeat: no-repeat;width: 16px;height: 16px;} +.cont1 .slideStart {float:left;background-image: url(../images/main/visualStart.png);background-repeat: no-repeat;width: 16px;height: 16px;} .cont1 .swiper-slide .txt1 {font-size: 22px; color: #333; padding-top: 30px; letter-spacing: -1px;} .cont1 .swiper-slide .txt2 {font-size: 46px; color: #000; padding: 15px 0 30px 0; letter-spacing: -2px; font-family: 'LotteMartHappy';} .cont1 .swiper-slide span {font-size: 17px; font-weight: 300; color: #666; display: block; line-height: 1.4; letter-spacing: -0.5px;} -.cont1 .swiper-slide button {width: 175px; height: 50px; padding-left: 22px; border: 1px solid #cbd0da; border-radius: 24.5px; margin-top: 40px; background-color: #fff; background-image: url(/offedu/visitEdu/usr/publish/images/main/btn_arrow.png); background-repeat: no-repeat; background-position: 90% 50%; font-size: 18px; color: #60656d; text-align: left; vertical-align: middle;} +.cont1 .swiper-slide button {width: 175px; height: 50px; padding-left: 22px; border: 1px solid #cbd0da; border-radius: 24.5px; margin-top: 40px; background-color: #fff; background-image: url(../images/main/btn_arrow.png); background-repeat: no-repeat; background-position: 90% 50%; font-size: 18px; color: #60656d; text-align: left; vertical-align: middle;} .cont1 .cont1-swiper .swiper-slide {min-height:393px; background-repeat: no-repeat; background-position: right center;} .swiper-wrapper {height:auto;} .swiper .swiper-notification {display:none;} @@ -27,15 +27,15 @@ .cont2 .cont2-swiper .swiper-slide .mobile_banner {display:none;} .cont2 .cont2-swiper .slide_button {position: absolute;bottom: 0; left: 0; z-index: 4; width: 100%; height: 50px; background-color: rgba(0,0,0,0.1); border-radius: 0 0 30px 5px; text-align: center;} .cont2 .cont2-swiper .slide_button .control {overflow:hidden;position:relative;display:inline-block;width:92px;margin:15px auto 0;} -.cont2 .cont2-swiper .slide_button .swiper-button-next {position:absolute;top:0;left:initial;right:0;width:9px;height:16px;margin:0;vertical-align:top;background:url(/offedu/visitEdu/usr/publish/images/main/cont2_right.png) no-repeat left top;background-size:9px 16px;} -.cont2 .cont2-swiper .slide_button .swiper-button-prev {position:absolute;top:0;left:0;right:initial;width:9px;height:16px;margin:0;vertical-align:top;background:url(/offedu/visitEdu/usr/publish/images/main/cont2_left.png) no-repeat left top;background-size:9px 16px;z-index:11;} +.cont2 .cont2-swiper .slide_button .swiper-button-next {position:absolute;top:0;left:initial;right:0;width:9px;height:16px;margin:0;vertical-align:top;background:url(../images/main/cont2_right.png) no-repeat left top;background-size:9px 16px;} +.cont2 .cont2-swiper .slide_button .swiper-button-prev {position:absolute;top:0;left:0;right:initial;width:9px;height:16px;margin:0;vertical-align:top;background:url(../images/main/cont2_left.png) no-repeat left top;background-size:9px 16px;z-index:11;} .cont2 .cont2-swiper .slide_button .swiper-pagination {position:relative;bottom:0;float:left;width:100%;font-size:16px;vertical-align:top;color:#fff;} -.cont2 .cont2-swiper .slide_button .slidePause {display:inline-block;background-image: url(/offedu/visitEdu/usr/publish/images/main/visualStop2.png);background-repeat: no-repeat;width:16px;height:16px;margin:15px 0 0 15px;} -.cont2 .cont2-swiper .slide_button .slideStart {display:inline-block;background-image: url(/offedu/visitEdu/usr/publish/images/main/visualStart2.png);background-repeat: no-repeat;width:16px;height:16px;margin:15px 0 0 15px;} +.cont2 .cont2-swiper .slide_button .slidePause {display:inline-block;background-image: url(../images/main/visualStop2.png);background-repeat: no-repeat;width:16px;height:16px;margin:15px 0 0 15px;} +.cont2 .cont2-swiper .slide_button .slideStart {display:inline-block;background-image: url(../images/main/visualStart2.png);background-repeat: no-repeat;width:16px;height:16px;margin:15px 0 0 15px;} /* cont3 */ .cont3 {width: 100%; margin: 50px 0; display: flex;} -.cont3 .cont3_tit {width: 230px;border-radius: 30px 0 0 5px; background-color: #e95504; align-self: center; text-align: center; padding: 34.5px 0; background-image: url(/offedu/visitEdu/usr/publish/images/main/cont3_tit_img.png); background-repeat: no-repeat; background-position: 87% center; box-sizing: border-box;} +.cont3 .cont3_tit {width: 230px;border-radius: 30px 0 0 5px; background-color: #e95504; align-self: center; text-align: center; padding: 34.5px 0; background-image: url(../images/main/cont3_tit_img.png); background-repeat: no-repeat; background-position: 87% center; box-sizing: border-box;} .cont3 .cont3_tit p {padding-right: 30px; font-size: 21px; font-weight: 400; color: #fff;} .cont3 .cont3_cont {display: flex; width: calc(100% - 230px); height: 90px; border-radius: 0 5px 30px 0; background-color: #fff; align-items: center;} .cont3 .cont3_cont>div {width: calc(100%/4); position: relative; background-repeat: no-repeat; background-position: 30px center;} @@ -45,18 +45,18 @@ .cont3 .cont3_cont>div p span {display:block;font-size: 18px; color: #E95504; padding-top: 7px;} .cont3 .cont3_cont>div p .mo_text {display:none;} .cont3 .cont3_cont>div p a {position:relative;height:90px;padding:0 30px 0 100px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;} -.cont3 .cont3_cont .cont3_cont_1 {background-image: url(/offedu/visitEdu/usr/publish/images/main/cont3_img1.png);} -.cont3 .cont3_cont .cont3_cont_2 {background-image: url(/offedu/visitEdu/usr/publish/images/main/cont3_img2.png);} -.cont3 .cont3_cont .cont3_cont_3 {background-image: url(/offedu/visitEdu/usr/publish/images/main/cont3_img3.png);} +.cont3 .cont3_cont .cont3_cont_1 {background-image: url(../images/main/cont3_img1.png);} +.cont3 .cont3_cont .cont3_cont_2 {background-image: url(../images/main/cont3_img2.png);} +.cont3 .cont3_cont .cont3_cont_3 {background-image: url(../images/main/cont3_img3.png);} /*.cont3 .cont3_cont .cont3_cont_3 p a {padding-top:35px;}*/ -.cont3 .cont3_cont .cont3_cont_4 {background-image: url(/offedu/visitEdu/usr/publish/images/main/cont3_img4.png);} +.cont3 .cont3_cont .cont3_cont_4 {background-image: url(../images/main/cont3_img4.png);} /*.cont3 .cont3_cont .cont3_cont_4 p a {padding-top:35px;}*/ /* cont4,5 */ .cont4, .cont5 {width: calc(100%/2 - 25px); min-height: 204px; padding: 40px; border-radius: 25px 5px 25px 5px; background-color: #fff; box-sizing: border-box; position: relative;} .main_cont_tit {display: flex; justify-content: space-between;} .main_cont_tit p {font-size: 25px; font-weight: 600;} -button.main_more {background-image: url(/offedu/visitEdu/usr/publish/images/main/main_cont_more.png); background-repeat: no-repeat; background-position: right center; padding-right: 30px; font-size: 17px; color: #777772; font-weight: 300; position: absolute; top: 40px; right: 40px;} +button.main_more {background-image: url(../images/main/main_cont_more.png); background-repeat: no-repeat; background-position: right center; padding-right: 30px; font-size: 17px; color: #777772; font-weight: 300; position: absolute; top: 40px; right: 40px;} /* cont4 */ .cont4 .list {margin-top: 33px;} @@ -127,7 +127,7 @@ button.main_more {background-image: url(/offedu/visitEdu/usr/publish/images/main /* //1207 - 수정 */ .main .inner {padding:0 10px 35px;} .cont1 {width:100%;} - .cont1 .cont1-swiper .swiper-slide {height:auto;padding:0 0 45px;background-image:url(/offedu/visitEdu/usr/publish/images/main/m_cont1_bg1.png);background-size:contain;} + .cont1 .cont1-swiper .swiper-slide {height:auto;padding:0 0 45px;background-image:url(../images/main/m_cont1_bg1.png);background-size:contain;} .cont1 .cont1-swiper .swiper-slide .txt1 {font-size:14px;margin:0 0 0 6px;} .cont1 .cont1-swiper .swiper-slide .txt2 {margin:0 0 0 6px;padding:8px 0 6px;font-size:18px;} .cont1 .cont1-swiper .swiper-slide span {margin:0 0 0 6px;font-size:14px;} diff --git a/src/main/webapp/visitEdu/usr/publish/css/popup.css b/src/main/webapp/visitEdu/usr/publish/css/popup.css index af3a8c48..d577b4b4 100644 --- a/src/main/webapp/visitEdu/usr/publish/css/popup.css +++ b/src/main/webapp/visitEdu/usr/publish/css/popup.css @@ -6,7 +6,7 @@ .popup_tit {height: 45px; background-color: #2b68da; display: flex; justify-content: space-between; align-items: center; color: #fff; font-size: 18px; font-weight: 400; padding: 0 20px; border-radius: 5px 5px 0 0; box-sizing: border-box;} .btn_popup_close{width: 16px; height: 16px; padding: 0;} -.btn_popup_close i{display: inline-block; width: 100%; height: 100%; background-image: url(/offedu/visitEdu/usr/publish/images/content/pop_close.png); background-repeat: no-repeat;} +.btn_popup_close i{display: inline-block; width: 100%; height: 100%; background-image: url(../images/content/pop_close.png); background-repeat: no-repeat;} .popup_tit2 {font-size: 17px; padding-bottom: 7px;} .popup_cont {color: #222; padding: 40px 20px; box-sizing: border-box;background-color: #fff; border-radius: 0 0 5px 5px;} .popup_cont input[type="text"] {height: 40px; padding: 0 10px; font-size: 16px;box-sizing: border-box;} diff --git a/src/main/webapp/visitEdu/usr/publish/datepicker/classic.css b/src/main/webapp/visitEdu/usr/publish/datepicker/classic.css index e4c0f340..75e70cbe 100644 --- a/src/main/webapp/visitEdu/usr/publish/datepicker/classic.css +++ b/src/main/webapp/visitEdu/usr/publish/datepicker/classic.css @@ -23,7 +23,7 @@ .picker__input { width: 180px; cursor: default; - background-image: url(/offedu/visitEdu/usr/publish/images/content/calendarIcon.png); + background-image: url(../images/content/calendarIcon.png); background-repeat: no-repeat; background-position: 90% 45%; }