diff --git a/src/main/webapp/visitEdu/usr/publish/css/content.css b/src/main/webapp/visitEdu/usr/publish/css/content.css index 3414b4b6..0788dd7e 100644 --- a/src/main/webapp/visitEdu/usr/publish/css/content.css +++ b/src/main/webapp/visitEdu/usr/publish/css/content.css @@ -358,23 +358,11 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa .tb_list02 table .btnType04 {border-radius:5px; padding:5px 10px; font-size:15px;} .tb_list02 table .btnType06 {border-radius:5px; padding:5px 10px; font-size:15px;} - /*체험교실대시보드*/ -.ex_process {display:flex; justify-content:space-between; background:#f5f5f5; border:1px solid #cbcbcb; width:100%; border-radius:10px; margin: 0 0 40px 0; } -.ex_process li {position:relative; background-position:25 center; background-repeat: no-repeat; width:20%; color:#666; font-size:22px; font-weight:500; letter-spacing:-0.5; } -.ex_process li a {width:100%; padding:0; box-sizing: border-box; padding:45px 0 45px 125px ;} -.ex_process li.p_1 {background-image: url(../images/content/ex_process1.png); background-position:50px center;} -.ex_process li.p_2 {background-image: url(../images/content/ex_process2.png); background-position:50px center;} -.ex_process li.p_3 {background-image: url(../images/content/ex_process3.png); background-position:50px center;} -.ex_process li.p_4 {background-image: url(../images/content/ex_process4.png); background-position:50px center;} -.ex_process li.p_5 {background-image: url(../images/content/ex_process5.png); background-position:50px center;} -.ex_process li.p_1_on {background-image: url(../images/content/ex_process1_on.png); background-position:50px center; background-color:#f37632; border-radius:10px; color:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);} -.ex_process li.p_2_on {background-image: url(../images/content/ex_process2_on.png); background-position:50px center; background-color:#f37632; border-radius:10px; color:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);} -.ex_process li.p_3_on {background-image: url(../images/content/ex_process3_on.png); background-position:50px center; background-color:#f37632; border-radius:10px; color:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);} -.ex_process li.p_4_on {background-image: url(../images/content/ex_process4_on.png); background-position:50px center; background-color:#f37632; border-radius:10px; color:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);} -.ex_process li.p_5_on {background-image: url(../images/content/ex_process5_on.png); background-position:50px center; background-color:#f37632; border-radius:10px; color:#fff; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);} -.ex_process li::after {position:absolute; content:""; width:1px; height:60px; background-color: #d5d5d5; right: 0; align-items: center; margin:-85px 0 0 0;} -.ex_process li.p_1_on::after, li.p_2_on::after, li.p_3_on::after, li.p_4_on::after, li.p_5::after, li.p_5_on::after {display:none; } +.ex_process {display:flex; justify-content:space-between;} +.ex_process li {border-radius: 10px; width:13.5%; text-align: center; color:#fff; padding:15px 0 18px 0; font-size:22px;} +.ex_process li.p {background-color: #a7acb6;} +.ex_process li.p_on {background-color:#f37632;} /* 첨부파일 */ .tb_type01.attach {margin-bottom: 10px;} @@ -812,22 +800,7 @@ select.selType1 {height: 40px; border: 1px solid #d5d5d5; border-radius: 5px; pa .sel_tpye {margin: 100px 120px 24px 120px;} /*체험교실대시보드*/ - .ex_process {background:#f5f5f5; border:1px solid #cbcbcb; width:100%; border-radius:10px; margin: 0; margin:0 0 30px 0; } - .ex_process li {position:relative; background-position:25 center; background-repeat: no-repeat; width:20%; color:#666; font-size:17px; letter-spacing: -1px; font-weight:500;} - .ex_process li a { padding:20px 0; text-align:center;} - .ex_process li.p_1_on {background-image: none;} - .ex_process li.p_2_on {background-image: none;} - .ex_process li.p_3_on {background-image: none;} - .ex_process li.p_4_on {background-image: none;} - .ex_process li.p_5_on {background-image: none;} - .ex_process li.p_1 {background-image: none;} - .ex_process li.p_2 {background-image: none;} - .ex_process li.p_3 {background-image: none;} - .ex_process li.p_4 {background-image: none;} - .ex_process li.p_5 {background-image: none;} - .ex_process li::after {position:absolute; content:""; width:1px; height:30px; background-color: #d5d5d5; right: 0; margin:-45px 0 0 0;} - .ex_process li.p_1_on::after, li.p_2_on::after, li.p_3_on::after, li.p_4_on::after, li.p_5_on::after {display:none; } - + .ex_process li {font-size:18px; padding:8px 3px 10px 3px; border-radius:5px; width:12%; line-height:20px; display: flex; align-items: center; justify-content: center;} } diff --git a/src/main/webapp/visitEdu/usr/publish/sub_ex_dashboard.html b/src/main/webapp/visitEdu/usr/publish/sub_ex_dashboard.html index bdfe1d30..35108b6c 100644 --- a/src/main/webapp/visitEdu/usr/publish/sub_ex_dashboard.html +++ b/src/main/webapp/visitEdu/usr/publish/sub_ex_dashboard.html @@ -529,13 +529,15 @@
- +