/*
##Device = Desktops
##Screen = 1281px to higher resolution desktops
##Device = 데스크탑
##Screen = 1281px 이상 해상도 데스크탑
*/
.bang {background-color:#f68080;padding:0;}
.bang2 {background-color:#f68080;padding:0;}

.bfrc {float:right;}
.bfcc {margin:0 auto;}

.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 {
  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%;}
  .bdfline_t {border-bottom: 1px solid #ccc; padding:24px 0px;}
  .mm8 {padding-left:10px;}

  .mon_font {padding:20px;  }  
  .textcut {
  	  text-align : left;
  	  width : 100%;  	  
          overflow : hidden;
  	  line-height : normal;
  	  text-overflow: ellipsis; 
  	  white-space: nowrap; 
  margin: 0;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
   }

}


/*
##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:50%;}
   .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%;}
   .mm8 {padding-left:10px;}
  .bdfline_t {border-bottom: 1px solid #ccc; padding:24px 0px;}

  .mon_font {padding:20px; display:block; }  

  .textcut {
  	  text-align : left;
  	  width : 100%;  	  
          overflow : hidden;
  	  line-height : normal;
  	  text-overflow: ellipsis; 
  	  white-space: nowrap; 
  margin: 0;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
   }
}

/*
##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:50%;}
  .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%;}
  .mm8 {padding-left:10px;}
  .bdfline_t {border-bottom: 1px solid #ccc; padding:24px 0px;}
  .small_type {display: none;}  
  .mon_font {padding:20px; display:block; }  
  .textcut {
  	  text-align : left;
  	  width : 10%;  	  
          overflow : hidden;
  	  line-height : normal;
  	  text-overflow: ellipsis; 
  	  white-space: nowrap; 
  margin: 0;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
   }

}

/*
##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:50%;}
  .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%;}
  .mm8 {padding-left:10px;}
  .bdfline_t {border-bottom: 1px solid #ccc; padding:24px 0px;}
  .small_type {display: none;} 
  .mon_font {padding:20px; display:block; }  

  .textcut {
  	  text-align : left;
  	  width : 100%;  	  
          overflow : hidden;
  	  line-height : normal;
  	  text-overflow: ellipsis; 
  	  white-space: nowrap; 
  margin: 0;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
   }


}
/*
##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:50%;}
  .xrs-7 {width:83.3333%;}
  .xrs-8 {width:58.33333%;}
  .xrs-9 {width:75%;}
  .xrs-10 {width:83.3333%;}
  .xrs-11 {width:91.6666%;}
  .xrs-12 {width:100%;}
  .mm8 {padding-left:10px;}
  .bdfline_t {border-bottom: 1px solid #ccc; padding:24px 0px;}
  .small_type {display: none;} 
  .mon_font {padding:20px; display:block; }  

  .textcut {
  	  text-align : left;
  	  width : 100%;  	  
          overflow : hidden;
  	  line-height : normal;
  	  text-overflow: ellipsis; 
  	  white-space: nowrap; 
  margin: 0;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
   }
}

/*
##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:12.5%;}
  .trs-2 {width:16.66666667%;}
  .trs-3 {width:23.3333%;}
  .trs-4 {width:33.3333%;}
  .trs-5 {width:41.6666%;}
  .trs-6 {width:45.66666%;}
  .trs-7 {width:58.33333%;}
  .trs-8 {width:66.6666%;}
  .trs-9 {width:75%;}
  .trs-10 {width:83.3333%;}
  .trs-11 {width:91.6666%;}
  .trs-12 {width:100%;}
  .tab_box { display: none; }
  .bdfline_t {border-bottom: 1px solid #ccc; padding:24px 0px;}
  .mm8 {padding-left:10px;}
  .small_type {display: none;} 
  .mon_font {padding:20px; display:block; }  
  .textcut {
  	  text-align : left;
  	  width : 10%;  	  
          overflow : hidden;
  	  line-height : normal;
  	  text-overflow: ellipsis; 
  	  white-space: nowrap; 
  margin: 0;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
   }
.target { 
display: inline-block; 
width: 11.6666%; 
white-space: nowrap;
overflow: hidden; 
}

}
/*
##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:50%;}
  .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%;}
  .small_type {display: none;} 
  .bdfline_t {border-bottom: 1px solid #ccc; padding:24px 0px;}
  .mm7 {border-bottom:1px solid #a1a1a1;}
  .mm8 {padding-left:10px;}
  .inter_box { display: none; }
  .mon_font {padding:20px;  }  
  .textcut {
  	  text-align : left;
  	  width : 10%;  	  
          overflow : hidden;
  	  line-height : normal;
  	  text-overflow: ellipsis; 
  	  white-space: nowrap; 
  margin: 0;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
   }
.target { 
display: inline-block; 
width: 12.5%; 
white-space: nowrap;
overflow: hidden; 
  }
}
/*
##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:50%;}
  .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%;}
  
.bdfline_t {border-bottom: 1px solid #ccc; padding:24px 0px;}
  .mm7 {border-bottom:1px solid #a1a1a1;}
  .mm8 {padding-left:10px;}
  .small_type {display: none;} 
  .outer_box { display: none; }
  .mon_font {padding:20px;  }  
  .textcut {
  	  text-align : left;
  	  width : 100%;  	  
          overflow : hidden;
  	  line-height : normal;
  	  text-overflow: ellipsis; 
  	  white-space: nowrap; 
  margin: 0;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
   }
.target { 
display: inline-block; 
width: 13.5%; 
white-space: nowrap;
overflow: hidden; 
  }
}