tolag3/koipa_edu_2025-1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

이지우 - css 파일내에 url 경로 상대경로로 변경

Browse Source
This commit is contained in:
jiwoo 2023-07-13 12:34:33 +09:00
parent 60c0d24ded
commit 1712656b9a
18 changed files with 195 additions and 196 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/main/webapp/WEB-INF/jsp/uss/ion/fms/FmsFileList.jsp
View File

@ -215,7 +215,7 @@ $(window).load(function() {
<td><c:out value="${result.fmsNm}"/></td>
<td>
<c:if test="${!empty result.atchFileId}">
<img src="/img/post/atch_file.png">
<img src="${pageContext.request.contextPath}/img/post/atch_file.png">
</c:if>
</td>
<td><span class="privateInfo">${result.registerId}</span></td>

1
src/main/webapp/WEB-INF/jsp/web/cop/bbs/EgovNoticeList.jsp
View File

@ -112,7 +112,6 @@ var _searchYear = "${boardVO.searchYear}";
<div class="cont_tit">
<h2>${brdMstrVO.bbsNm}</h2>
<div class="sns_go">
c:url value='/web/ckeditorPriview.do' />
<button type="button" title="새창열림"><img src="<c:url value='/visitEdu/usr/publish/images/content/facebook_icon.png' />" alt="페이스북 바로가기"></button>
<button type="button" title="새창열림"><img src="<c:url value='/visitEdu/usr/publish/images/content/twitter_icon.png' />" alt="트위터 바로가기"></button>
</div>

10
src/main/webapp/kccadrPb/adm/css/common.css
View File

@ -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 */

52
src/main/webapp/kccadrPb/adm/css/content.css
View File

@ -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 */

60
src/main/webapp/kccadrPb/adm/css/font.css
View File

@ -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 */
}

10
src/main/webapp/visitEdu/adm/publish/css/common.css
View File

@ -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 */

38
src/main/webapp/visitEdu/adm/publish/css/content.css
View File

@ -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;}

2
src/main/webapp/visitEdu/adm/publish/css/content_sub.css
View File

@ -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;}

16
src/main/webapp/visitEdu/adm/publish/css/dashboard.css
View File

@ -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;}

60
src/main/webapp/visitEdu/adm/publish/css/font.css
View File

@ -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 */
}

8
src/main/webapp/visitEdu/adm/publish/css/popup.css
View File

@ -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;}

2
src/main/webapp/visitEdu/adm/publish/datepicker/classic.css
View File

@ -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%;
}

BIN
src/main/webapp/visitEdu/adm/publish/image/icon_person.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 563 B

44
src/main/webapp/visitEdu/usr/publish/css/common.css
View File

@ -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;}

54
src/main/webapp/visitEdu/usr/publish/css/content.css
View File

@ -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 */

28
src/main/webapp/visitEdu/usr/publish/css/main.css
View File

@ -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;}

2
src/main/webapp/visitEdu/usr/publish/css/popup.css
View File

@ -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;}

2
src/main/webapp/visitEdu/usr/publish/datepicker/classic.css
View File

@ -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%;
}