/*
##Device = Desktops
##Screen = 1281px to higher resolution desktops
##Device = 데스크탑
##Screen = 1281px 이상 해상도 데스크탑
*/

.rs-1, .rs-2, .rs-3, .rs-4, .rs-5, .rs-6, .rs-7, .rs-8, .rs-9, .rs-10, .rs-11, .rs-12,.xrs-1, .xrs-2, .xrs-3, .xrs-4, .xrs-5, .xrs-6, .xrs-7, .xrs-8, .xrs-9, .xrs-10, .xrs-11, .xrs-12,.trs-1,.trs-2,.trs-3, .trs-4, .trs-5, .trs-6, .trs-7, .trs-8, .trs-9, .trs-10, .trs-11, .trs-12,.prs-1, .prs-2, .prs-3, .prs-4, .prs-5, .prs-6, .prs-7, .prs-8, .prs-9, .prs-10, .prs-11, .prs-12,.brs-1, .brs-2, .brs-3, .brs-4, .brs-5, .brs-6, .brs-7, .brs-8, .brs-9, .brs-10, .brs-11, .brs-12{
  position: relative;
  min-height: 1px;
  padding-left:0;
  margin:0;
 
}
.rs-1, .rs-2, .rs-3, .rs-4, .rs-5, .rs-6, .rs-7, .rs-8, .rs-9, .rs-10, .rs-11, .rs-12,.xrs-1, .xrs-2, .xrs-3, .xrs-4, .xrs-5, .xrs-6, .xrs-7, .xrs-8, .xrs-9, .xrs-10, .xrs-11, .xrs-12 {
  float: left;
}
@media (min-width: 1281px) {
   .rs-1 {width:8.3333%;}
   .rs-2 {width:16.66666667%;}
   .rs-3 {width:25%;}
   .rs-4 {width:33.3333%;}
   .rs-5 {width:41.6666%;}
   .rs-6 {width:49.66666%;}
   .rs-7 {width:58.33333%;}
   .rs-8 {width:66.6666%;}
   .rs-9 {width:75%;}
   .rs-10 {width:83.3333%;}
   .rs-11 {width:91.6666%;}
   .rs-12 {width:100%;}
}

/*
##Device = Laptops, Desktops
##Screen = B/w 1025px to 1280px
##Device = 랩탑, 데스크탑
##Screen = 1025px에서 1280px 사이
*/

@media (min-width: 1025px) and (max-width: 1280px) {

   .rs-1 {width:8.3333%;}
   .rs-2 {width:16.66666667%;}
   .rs-3 {width:25%;}
   .rs-4 {width:33.3333%;}
   .rs-5 {width:41.6666%;}
   .rs-6 {width:49.66666%;}
   .rs-7 {width:58.33333%;}
   .rs-8 {width:66.6666%;}
   .rs-9 {width:75%;}
   .rs-10 {width:83.3333%;}
   .rs-11 {width:91.6666%;}
   .rs-12 {width:100%;}
}

/*
##Device = Tablets, Ipads (portrait),
##Screen = B/w 768px to 1024px
##Device = 태블릿, 아이패드(세로),
##Screen = 768px에서 1024px 사이
## 여기가 주로 사용됨 
*/
@media (min-width: 768px) and (max-width: 1024px) {

  .xrs-1 {width:8.3333%;}
  .xrs-2 {width:16.66666667%;}
  .xrs-3 {width:25%;}
  .xrs-4 {width:33.3333%;}
  .xrs-5 {width:41.6666%;}
  .xrs-6 {width:49.66666%;}
  .xrs-7 {width:58.33333%;}
  .xrs-8 {width:66.6666%;}
  .xrs-9 {width:75%;}
  .xrs-10 {width:83.3333%;}
  .xrs-11 {width:91.6666%;}
  .xrs-12 {width:100%;}


}

/*
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
##Device = 태블릿, 아이패드(가로)
##Screen = 768px에서 1024px 사이
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

   
  .xrs-1 {width:8.3333%;}
  .xrs-2 {width:16.66666667%;}
  .xrs-3 {width:25%;}
  .xrs-4 {width:33.3333%;}
  .xrs-5 {width:41.6666%;}
  .xrs-6 {width:49.66666%;}
  .xrs-7 {width:58.33333%;}
  .xrs-8 {width:66.6666%;}
  .xrs-9 {width:75%;}
  .xrs-10 {width:83.3333%;}
  .xrs-11 {width:91.6666%;}
  .xrs-12 {width:100%;}


}


/*
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 767px
##Device = 저해상도 태블릿, 모바일(가로)
##Screen = 481px에서 767px 사이
*/

@media (min-width: 502px) and (max-width: 767px) {


  .trs-1 {width:8.3333%;}
  .trs-2 {width:15.6666%;}
  .trs-3 {width:25%;}
  .trs-4 {width:33.666666%;}
  .trs-5 {width:41.6666%;}
  .trs-6 {width:49.66666%;}
  .trs-7 {width:58.3333%;}
  .trs-8 {width:66.6666%;}
  .trs-9 {width:75%;}
  .trs-10 {width:83.3333%;}
  .trs-11 {width:91.6666%;}
  .trs-12 {width:100%;}

}
/*
##Device = 필요에의해 추가  (utosys)
##Screen = B/w 481px to 501px
##Device = 대부분의 스마트폰 모바일 기기(세로)
##Screen = 320px에서 479px 내용 복사 추가
*/
@media (min-width: 481px) and (max-width: 501px) {

  
  .prs-1 {width:8.3333%;}
  .prs-2 {width:16.6666%;}
  .prs-3 {width:25%;}
  .prs-4 {width:33.666666%;}
  .prs-5 {width:41.6666%;}
  .prs-6 {width:49.66666%;}
  .prs-7 {width:58.3333%;}
  .prs-8 {width:66.6666%;}
  .prs-9 {width:75%;}
  .prs-10 {width:83.3333%;}
  .prs-11 {width:91.6666%;}
  .prs-12 {width:100%;}
  

}
/*
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
##Device = 대부분의 스마트폰 모바일 기기(세로)
##Screen = 320px에서 479px 사이
*/

@media (min-width: 320px) and (max-width: 480px) {

  
  .brs-1 {width:8.3333%;}
  .brs-2 {width:16.6666%;}
  .brs-3 {width:25%;}
  .brs-4 {width:33.666666%;}
  .brs-5 {width:41.6666%;}
  .brs-6 {width:49.66666%;}
  .brs-7 {width:58.3333%;}
  .brs-8 {width:66.6666%;}
  .brs-9 {width:75%;}
  .brs-10 {width:83.3333%;}
  .brs-11 {width:91.6666%;}
  .brs-12 {width:100%;}
  .mobile_hd { display: none; }
}


@media (min-width: 120px) and (max-width: 319px) {
  
  .brs-1 {width:8.3333%;}
  .brs-2 {width:16.6666%;}
  .brs-3 {width:25%;}
  .brs-4 {width:33.666666%;}
  .brs-5 {width:41.6666%;}
  .brs-6 {width:49.66666%;}
  .brs-7 {width:58.3333%;}
  .brs-8 {width:66.6666%;}
  .brs-9 {width:75%;}
  .brs-10 {width:83.3333%;}
  .brs-11 {width:91.6666%;}
  .brs-12 {width:100%;}
  .mobile_hd { display: none; }
}