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

2023/11/23 체험교실 5단계 css 추가

Browse Source
This commit is contained in:
kmg 2023-11-23 14:53:24 +09:00
parent 23cf50d88f
commit 7e3698fbfd
1 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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