/* nzeozzang 2016-07-09 
@media all and (min-width:600px) and (max-width:1024px) { … } // 뷰포트 너비가 768px 이상 ‘그리고’ 1024px 이하이면 실행
안드로이드(진저+), 아이폰4+  max-width:320px
구형 max-width:240px
*/
@media (min-width: 220px) {
  
  
  .grid {
    display: table;
/* 2016-07-21 nzeozzang 100% => 320px 고정 XE Sticky 애드온 사용위해 */
	width: 100%;
    table-layout: fixed;
  }

  .col {
    display: table-cell;
  }

  .col-1 { width: 8.333333%; }
  .col-2 { width: 16.666667%; }
  .col-3 { width: 25%; }
  .col-4 { width: 33.333333%; }
  .col-5 { width: 41.666667%; }
  .col-6 { width: 50%; }
  .col-7 { width: 58.333333%; }
  .col-8 { width: 66.666667%; }
  .col-9 { width: 75%; }
  .col-10 { width: 83.333333%; }
  .col-11 { width: 91.666667%; }
  .col-12 { width: 100%; }

  .grid-padded {
    margin-left:  -1rem;
    margin-right: -1rem;
  }
  .grid-padded .grid {
    border-spacing: 1rem 0;
  }
}

.grid-align-middle .col {
  vertical-align: middle;
}