/*
##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,.srs-1, .srs-2, .srs-3, .srs-4, .srs-5, .srs-6, .srs-7, .srs-8, .srs-9, .srs-10, .srs-11, .srs-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:22px 0px;}
  .mm8 {padding-left:10px;}

  .mon_font {padding:30px;  }  
  .textcut {
  	  text-align : left;
  	  width : 100%;  	  
          overflow : hidden;
  	  line-height : normal;
  	  text-overflow: ellipsis; 
  	  white-space: nowrap; 
  margin: 0;
  position: absolute;
  top: 28%;
  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:22px 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:22px 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 (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:22px 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 (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:22px 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 = 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:21px 0px;}
  .mm8 {padding-left:10px;}

  .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%);
   }
.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%;}
  
.bdfline_t {border-bottom: 1px solid #ccc; padding:21px 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) {

  
  .srs-1 {width:8.3333%;}
  .srs-2 {width:16.6666%;}
  .srs-3 {width:25%;}
  .srs-4 {width:33.666666%;}
  .srs-5 {width:41.6666%;}
  .srs-6 {width:50%;}
  .srs-7 {width:58.3333%;}
  .srs-8 {width:66.6666%;}
  .srs-9 {width:75%;}
  .srs-10 {width:83.3333%;}
  .srs-11 {width:91.6666%;}
  .srs-12 {width:100%;}
  
.bdfline_t {border-bottom: 1px solid #ccc; padding:20px 0px;}
  .mm7 {border-bottom:1px solid #a1a1a1;}
  .mm8 {padding-left:10px;}

  .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; 
  }
}