1
Checkbox
값없음 값있음 3체크
Combobox
Combobox + Checkbox
체크박스1 체크박스2
Combobox in Checkbox
Timeline
  • 2018-01-02
    내용1
  • 2018-01-02
    내용2
  • 2018-01-02
    내용3
 .timeline1{float:left;position:relative;padding:0;list-style:none;}
.timeline1:before{content:'';position:absolute;top:0;bottom:0;width:1px; background:rgba(0,0,0,0.2);}
.timeline1 > li{margin:10px 0 0 20px;border:1px solid rgba(0,0,0,0.2);border-radius:5px;padding:10px;width:300px;overflow:hidden;}
.timeline1 > li .timline-icon{position:absolute;width:10px;height:10px;border:2px solid tomato;border-radius:50%;margin:5px 0 0 -37px;background:white;}
.timeline1 > li .timline-date{color:red;border-bottom:1px solid rgba(0,0,0,0.2);}
  • 2018-01-02
    내용1
  • 2018-01-02
    내용2
  • 2018-01-02
    내용3
 .timeline2{float:left;position:relative;padding:0;list-style:none;border-left:1px solid rgba(0,0,0,0.2);}
.timeline2 > li{margin:10px 0 0 20px;border:1px solid rgba(0,0,0,0.2);border-radius:5px;padding:10px;width:300px;overflow:hidden;}
.timeline2 > li:before{content:'';position:absolute;width:10px;height:10px;border:2px solid tomato;border-radius:50%;margin:5px 0 0 -38px;background:white;}
.timeline2 > li .timline-date{color:red;border-bottom:1px solid rgba(0,0,0,0.2);}
  • 2018-01-02
    내용1
  • 2018-01-02
    내용2
  • 2018-01-02
    내용3
 .timeline3{float:left;position:relative;padding:0;list-style:none;border-left:1px dashed rgba(0,0,0,0.2);padding-left:20px;}
.timeline3 > li{margin-top:10px;overflow:hidden;}
.timeline3 > li .timline-icon{position:absolute;width:10px;height:10px;border:2px solid tomato;border-radius:50%;margin:5px 0 0 -27px;background:white;}
.timeline3 > li .timline-date{padding-left:10px;}
.timeline3 > li .timline-text{border:1px solid rgba(0,0,0,0.2);border-radius:5px;padding:10px;width:300px;}