JiniWorks v2.0
 통합관리자 ( admin ) 
00:00:04
  교과목안내 instructional-guide
소스 편집
CSS 편집
JS 편집
instructional-guide
cms-common
table
1
/* sub02_01 사업단현황 */
2
.bg_status .box{width: 100%;} 
3
.bg_status .box .item{display: block;position: relative;padding:12px 60px 13px 25px;;border: 1px solid #ddd;border-left: 0;border-right: 0;    border-bottom: none;line-height:26px;}
4
.bg_status .box + .box .item{border-top: 0}
5
​
6
.bg_status.accodion1 .box .item:focus,
7
.bg_status.accodion1 .box .item:active{border: 1px solid #0076d3;border-right:none}
8
​
9
.bg_status.accodion2 .box .item:focus,
10
.bg_status.accodion2 .box .item:active{border: 1px solid #01718d;border-right:none}
11
​
12
.bg_status .box .item .middot{position: absolute;left: 20px;top: 23px;width: 5px;height: 5px;background:#3b3b3b;border-radius: 50%;}
13
.bg_status .box .item b{display:inline-block;position:relative;vertical-align:middle;color:#363636;font-size:17px;font-weight:bold;line-height:26px;word-break: break-all;}
14
.bg_status .box .item p{position: absolute;display: block;right: 0;top: 0;background: #7a7a7a;    width: 50px; margin: 0;padding: 7px 0;padding: 13px 0;}
15
.bg_status .box .item:after{content: "";display: block;position: absolute;top: 19px;left: 12px;width: 4px;height: 10px;background: #74a4c8;border-radius: 10px;border-top: 3px solid #185d9c;line-height:24px;}
16
​
17
.bg_status .box .item p span{color: #fff;font-size: 14px;font-weight: bold;text-align: center;}
18
.bg_status .box .item p span.close{display: none;}
19
.bg_status .box .item p span.open{display: block;}
20
.bg_status.accodion1 .box.show .item p{background: #0b419b}
21
.bg_status.accodion2 .box.show .item p{background: #01718d}
22
.bg_status.accodion1 .box.show .item .middot{background:#006acc;}
23
.bg_status.accodion1 .box.show .item b{color:#006acc;}
24
.bg_status.accodion2 .box.show .item .middot{background:#01718d;}
25
.bg_status.accodion2 .box.show .item b{color:#01718d;}
26
.bg_status .box.show .item p span.open{display: none;}
27
.bg_status .box.show .item p span.close{display: block;}
28
.bg_status .box .item p span em{display: block;width: 18px;height: 8px;margin: 10px auto;background: url(/_res/ajou/gs/img/common/sub0201_arr.png) no-repeat;}
29
.bg_status .box .item p span.open em{background-position: 0 0;}
30
.bg_status .box .item p span.close em{background-position: 0 -8px;}
31
.bg_status .box .inner{display:none;padding: 28px 20px 0 20px;position: relative;background-color: #f3f3f3;}
32
.bg_status .box .inner ul{}
33
.bg_status .box .inner ul li{overflow: hidden; font-size: 16px;padding: 0 45px 0 10px;}
34
.bg_status .box .inner ul li.intro{margin-top: 10px}
35
.bg_status .box .inner ul li b{float: left; width: 100px; color: #232323;line-height: 23px;}
36
.bg_status .box .inner ul li span{float: left;width: 84%; color: #565656;line-height: 23px;}
37
.bg_status .box .inner .btnwrap{position: absolute;bottom: 30px;right: 20px;}
38
.bg_status .box .inner .btnwrap .btn.btn-file{display: inline-block;position: relative;padding: 8px 10px 6px 20px;background: #fff;border: 1px solid #dcdcdc;font-size: 14px; font-weight: 400; text-align: center;margin: 0 10px 0px 0;}
39
.bg_status .box .inner .btnwrap .btn.btn-file .bico.home{display: inline-block; position: relative;width: 32px; height: 32px;margin-left: 5px; background: url(/_res/cit-bk21/img/common/btn_home.png);}
40
.bg_status.accodion2 .box .inner .btnwrap .btn.btn-file .bico.home{background-position: -31px 0;}