diff --git a/src/main/webapp/visitEdu/usr/publish/css/content.css b/src/main/webapp/visitEdu/usr/publish/css/content.css
index c654ae70..daa42ab5 100644
--- a/src/main/webapp/visitEdu/usr/publish/css/content.css
+++ b/src/main/webapp/visitEdu/usr/publish/css/content.css
@@ -359,6 +359,23 @@ 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;}
 
+/*체험교실대시보드 - 5단계(감리용)*/
+.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(/publish/image/content/ex_process1.png); background-position:50px center;}
+.ex_process li.p_2 {background-image: url(/publish/image/content/ex_process2.png); background-position:50px center;}
+.ex_process li.p_3 {background-image: url(/publish/image/content/ex_process3.png); background-position:50px center;}
+.ex_process li.p_4 {background-image: url(/publish/image/content/ex_process4.png); background-position:50px center;}
+.ex_process li.p_5 {background-image: url(/publish/image/content/ex_process5.png); background-position:50px center;}
+.ex_process li.p_1_on {background-image: url(/publish/image/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(/publish/image/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(/publish/image/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(/publish/image/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(/publish/image/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;}