2023/11/23 체험교실 5단계 css 추가
This commit is contained in:
parent
23cf50d88f
commit
7e3698fbfd
@ -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;}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user