/*
 * Responsee CSS - v5 - 2020-12-16
 * http://www.utosys.co.kr
 * Copyright 2020, utosys
 * Free to use under the MIT license.
*/
@media (min-width: 120px) and (max-width: 319px) {
  .button_a {
	background: url(../img/btn_bg.gif) repeat-x 0px 0px;
	color: rgb(106, 106, 106);
	font-family:'Nanum Gothic';
  	border-radius: 0px;
        font-size: 0.80em;  
        margin-top: 0px; 
        display: inline-block; 
  	-ms-zoom: 1;
  	border: 1px solid #b8b6b2;  	
        padding: 6px 13px 6px 13px;
        font-weight: 600;
        text-decoration:none;
        cursor:pointer;

	
  }
     .button_a:hover {
  	background: rgb(105, 103, 103); color: rgb(255, 255, 255);
  	
 }
   .button_b {
 	background-color: #cccccc;
 	color: #000;
 	text-align: center;
 	font-family:'Nanum Gothic';
 	padding: 0.5rem 1.0rem;	
 	margin-top: 15px;
 	float:right;
 	font-size: 12px;
   }
      .button_b:hover {
   	background: rgb(105, 103, 103); color: rgb(255, 255, 255);
 }
   .button_c {
 	background-color: #cccccc;
 	color: #000;
 	text-align: center;
 	font-family:'Nanum Gothic';
 	padding: 5px;	
 	float:left;
 	font-size: 14px;
 	width:70px;
  }


  .bbline {border-bottom:1px solid #a1a1a1;height:1px;}
  .bcdline {height:40px;}  
  .bacline {border-top:1px solid #a1a1a1;height:1px;padding:20px 0 20px 0}  



}
@media (min-width: 320px) and (max-width: 480px) {
  .button_a {
	background: url(../img/btn_bg.gif) repeat-x 0px 0px;
	color: rgb(106, 106, 106);
	font-family:'Nanum Gothic';
  	border-radius: 0px;
        font-size: 0.80em;  
        margin-top: 0px; 
        display: inline-block; 
  	-ms-zoom: 1;
  	border: 1px solid #b8b6b2;  	
        padding: 6px 13px 6px 13px;
        font-weight: 600;
        text-decoration:none;
        cursor:pointer;

	
  }
     .button_a:hover {
  	background: rgb(105, 103, 103); color: rgb(255, 255, 255);
  	
 }
   .button_b {
 	background-color: #cccccc;
 	color: #000;
 	text-align: center;
 	font-family:'Nanum Gothic';
 	padding: 0.5rem 1.0rem;	
 	margin-top: 15px;
 	float:right;
 	font-size: 12px;
   }
      .button_b:hover {
   	background: rgb(105, 103, 103); color: rgb(255, 255, 255);
 }
   .button_c {
 	background-color: #cccccc;
 	color: #000;
 	text-align: center;
 	font-family:'Nanum Gothic';
 	padding: 5px;	
 	float:left;
 	font-size: 14px;
 	width:70px;
  }


  .mo1{text-align:center;border-top:2px solid #a1a1a1; padding: 10px;}
  .mo2{text-align:left;border-top:2px solid #a1a1a1;border-left:2px solid #a1a1a1;padding: 10px;}
  .mo3{text-align:center; padding: 10px;}
  .mo4{text-align:left;border-left:2px solid #a1a1a1; padding: 10px;}
  .mo5{text-align:center;padding-top:10px;}
  .mo6{text-align:left;border-left:2px solid #a1a1a1;height:auto; padding: 10px;}
  .mo7{text-align:center; padding:5px 10px;}
  .mo8{text-align:left;border-left:2px solid #a1a1a1;padding:5px 10px;}
  .mo9{text-align:center; padding: 10px;}
  .mo10{text-align:left;border-left:2px solid #a1a1a1;padding: 10px; }
  .mo11 {text-align:center;padding: 3px;}
  .mo12 {border-left:2px solid #a1a1a1;text-align:left;padding: 3px;}  
  .mo5line {width:1px;height:100%;border:1px solid #a1a1a1;}
  .mo6line {height:1px;border:1px solid #a1a1a1;}
  .bbline {border-bottom:1px solid #a1a1a1;height:1px;}
  .bcdline {height:40px;}  
  .bacline {border-top:1px solid #a1a1a1;height:1px;padding:20px 0 20px 0}  
  
  .addtable {width:30%}

}
@media (min-width: 481px) and (max-width: 501px) {
  .button_a {
	background: url(../img/btn_bg.gif) repeat-x 0px 0px;
	color: rgb(106, 106, 106);
	font-family:'Nanum Gothic';
  	border-radius: 0px;
        font-size: 0.87em;  
        margin-top: 0px; 
        display: inline-block; 
  	-ms-zoom: 1;
  	border: 1px solid #b8b6b2;  	
        padding: 6px 20px 6px 20px;
        font-weight: 600;
        text-decoration:none;
        cursor:pointer;

	
  }
     .button_a:hover {
  	background: rgb(105, 103, 103); color: rgb(255, 255, 255);
  	
 }
   .button_b {
 	background-color: #cccccc;
 	color: #000;
 	text-align: center;
 	font-family:'Nanum Gothic';
 	padding: 0.5rem 1.0rem;	
 	margin-top: 15px;
 	float:right;
 	font-size: 12px;
   }
      .button_b:hover {
   	background: rgb(105, 103, 103); color: rgb(255, 255, 255);
 }
   .button_c {
 	background-color: #cccccc;
 	color: #000;
 	text-align: center;
 	font-family:'Nanum Gothic';
 	padding: 5px;	
 	float:left;
 	font-size: 14px;
 	width:70px;
  }


  .mo1{text-align:center;border-top:2px solid #a1a1a1; padding: 10px;}
  .mo2{text-align:left;border-top:2px solid #a1a1a1;border-left:2px solid #a1a1a1;padding: 10px;}
  .mo3{text-align:center; padding: 10px;}
  .mo4{text-align:left;border-left:2px solid #a1a1a1; padding: 10px;}
  .mo5{text-align:center;padding-top:10px;}
  .mo6{text-align:left;border-left:2px solid #a1a1a1;height:auto; padding: 10px;}
  .mo7{text-align:center; padding:5px 10px;}
  .mo8{text-align:left;border-left:2px solid #a1a1a1;padding:5px 10px;}
  .mo9{text-align:center; padding: 10px;}
  .mo10{text-align:left;border-left:2px solid #a1a1a1;padding: 10px; }
  .mo11 {text-align:center;padding: 3px;}
  .mo12 {border-left:2px solid #a1a1a1;text-align:left;padding: 3px;}  
  .mo5line {width:1px;height:100%;border:1px solid #a1a1a1;}
  .mo6line {height:1px;border:1px solid #a1a1a1;}
  .bbline {border-bottom:1px solid #a1a1a1;height:1px;}
  .bcdline {height:40px;}  
  .bacline {border-top:1px solid #a1a1a1;height:1px;padding:20px 0 20px 0}  
  
  .addtable {width:30%}

}

@media (min-width: 502px) and (max-width: 767px) {
 .button_a {
	background: url(../img/btn_bg.gif) repeat-x 0px 0px;
	color: rgb(106, 106, 106);
	font-family:'Nanum Gothic';
  	border-radius: 0px;
        font-size: 0.87em;  
        margin-top: 0px; 
        display: inline-block; 
  	-ms-zoom: 1;
  	border: 1px solid #b8b6b2;  	
        padding: 6px 20px 6px 20px;
        font-weight: 600;
        text-decoration:none;
        cursor:pointer;

	
  }
     .button_a:hover {
  	background: rgb(105, 103, 103); color: rgb(255, 255, 255);
  	
 }
   .button_b {
 	background-color: #cccccc;
 	color: #000;
 	text-align: center;
 	font-family:'Nanum Gothic';
 	padding: 0.5rem 1.0rem;	
 	margin-top: 15px;
 	float:right;
 	font-size: 12px;
   }
      .button_b:hover {
   	background: rgb(105, 103, 103); color: rgb(255, 255, 255);
 }
   .button_c {
 	background-color: #cccccc;
 	color: #000;
 	text-align: center;
 	font-family:'Nanum Gothic';
 	padding: 5px;	
 	float:left;
 	font-size: 14px;
 	width:100px;
  }
  .mo1{text-align:center;border-top:2px solid #a1a1a1; padding: 10px;}
  .mo2{text-align:left;border-top:2px solid #a1a1a1;border-left:2px solid #a1a1a1;padding: 10px;}
  .mo3{text-align:center; padding: 10px;}
  .mo4{text-align:left;border-left:2px solid #a1a1a1; padding: 10px;}
  .mo5{text-align:center;padding-top:10px;}
  .mo6{text-align:left;border-left:2px solid #a1a1a1;height:auto; padding: 10px;}
  .mo7{text-align:center; padding:5px 10px;}
  .mo8{text-align:left;border-left:2px solid #a1a1a1;padding:5px 10px;}
  .mo9{text-align:center; padding: 10px;}
  .mo10{text-align:left;border-left:2px solid #a1a1a1;padding: 10px; }
  .mo11 {text-align:center;padding: 3px;}
  .mo12 {border-left:2px solid #a1a1a1;text-align:left;padding: 3px;}  
  .mo5line {width:1px;height:100%;border:1px solid #a1a1a1;}
  .mo6line {height:1px;border:1px solid #a1a1a1;}
  .bbline {border-bottom:1px solid #a1a1a1;height:1px;}
  .bcdline {height:40px;}  
  .bacline {border-top:1px solid #a1a1a1;height:1px;padding:20px 0 20px 0}  
  
  .addtable {width:30%}

  
}

@media only screen and (min-width: 768px) and (max-width: 1024px)  {
  .button_a {
 	background: url(../img/btn_bg.gif) repeat-x 0px 0px;
 	color: rgb(106, 106, 106);
 	font-family:'Nanum Gothic';
   	border-radius: 0px;
         font-size: 0.87em;  
         margin-top: 0px; 
         display: inline-block; 
   	-ms-zoom: 1;
   	border: 1px solid #b8b6b2;  	
         padding: 6px 20px 6px 20px;
         font-weight: 600;
         text-decoration:none;
         cursor:pointer;
 
 	
   }
      .button_a:hover {
   	background: rgb(105, 103, 103); color: rgb(255, 255, 255);
   	
 }
   .button_b {
 	background-color: #cccccc;
 	color: #000;
 	text-align: center;
 	font-family:'Nanum Gothic';
 	padding: 0.5rem 1.5rem;	
 	margin-top: 15px;
 	float:right;
 	font-size: 16px;
   }
      .button_b:hover {
   	background: rgb(105, 103, 103); color: rgb(255, 255, 255);
 }
   .button_c {
 	background-color: #cccccc;
 	color: #000;
 	text-align: center;
 	font-family:'Nanum Gothic';
 	padding: 10px;	
 	float:left;
 	font-size: 16px;
 	width:120px;
   } 	
  .mo1{text-align:center;border-top:2px solid #a1a1a1; padding: 10px;}
  .mo2{text-align:left;border-top:2px solid #a1a1a1;border-left:2px solid #a1a1a1;padding: 10px;}
  .mo3{text-align:center; padding: 10px;}
  .mo4{text-align:left;border-left:2px solid #a1a1a1; padding: 10px;}
  .mo5{text-align:center;padding-top:10px;}
  .mo6{text-align:left;border-left:2px solid #a1a1a1;height:auto; padding: 10px;}
  .mo7{text-align:center; padding:5px 10px;}
  .mo8{text-align:left;border-left:2px solid #a1a1a1;padding:5px 10px;}
  .mo9{text-align:center; padding: 10px;}
  .mo10{text-align:left;border-left:2px solid #a1a1a1;padding: 10px; }
  .mo11 {text-align:center;padding: 3px;}
  .mo12 {border-left:2px solid #a1a1a1;text-align:left;padding: 3px;}  
  .mo5line {width:1px;height:100%;border:1px solid #a1a1a1;}
  .mo6line {height:1px;border:1px solid #a1a1a1;}
  .bbline {border-bottom:1px solid #a1a1a1;height:1px;}
  .bcdline {height:40px;}  
  .bacline {border-top:1px solid #a1a1a1;height:1px;padding:20px 0 20px 0}  
  
  .addtable {width:30%}

}

@media (min-width: 768px) and (max-width: 1024px) {
 .button_a {
	background: url(../img/btn_bg.gif) repeat-x 0px 0px;
	color: rgb(106, 106, 106);
	font-family:'Nanum Gothic';
  	border-radius: 0px;
        font-size: 0.87em;  
        margin-top: 0px; 
        display: inline-block; 
  	-ms-zoom: 1;
  	border: 1px solid #b8b6b2;  	
        padding: 6px 20px 6px 20px;
        font-weight: 600;
        text-decoration:none;
        cursor:pointer;

	
  }
     .button_a:hover {
  	background: rgb(105, 103, 103); color: rgb(255, 255, 255);
  	
 }
   .button_b {
 	background-color: #cccccc;
 	color: #000;
 	text-align: center;
 	font-family:'Nanum Gothic';
 	padding: 0.5rem 1.5rem;	
 	margin-top: 15px;
 	float:right;
 	font-size: 16px;
   }
      .button_b:hover {
   	background: rgb(105, 103, 103); color: rgb(255, 255, 255);
 }
   .button_c {
 	background-color: #cccccc;
 	color: #000;
 	text-align: center;
 	font-family:'Nanum Gothic';
 	padding: 10px;	
 	float:left;
 	font-size: 16px;
 	width:120px;
   } 	
  .mo1{text-align:center;border-top:2px solid #a1a1a1; padding: 10px;}
  .mo2{text-align:left;border-top:2px solid #a1a1a1;border-left:2px solid #a1a1a1;padding: 10px;}
  .mo3{text-align:center; padding: 10px;}
  .mo4{text-align:left;border-left:2px solid #a1a1a1; padding: 10px;}
  .mo5{text-align:center;padding-top:10px;}
  .mo6{text-align:left;border-left:2px solid #a1a1a1;height:auto; padding: 10px;}
  .mo7{text-align:center; padding:5px 10px;}
  .mo8{text-align:left;border-left:2px solid #a1a1a1;padding:5px 10px;}
  .mo9{text-align:center; padding: 10px;}
  .mo10{text-align:left;border-left:2px solid #a1a1a1;padding: 10px; }
  .mo11 {text-align:center;padding: 3px;}
  .mo12 {border-left:2px solid #a1a1a1;text-align:left;padding: 3px;}  
  .mo5line {width:1px;height:100%;border:1px solid #a1a1a1;}
  .mo6line {height:1px;border:1px solid #a1a1a1;}
  .bbline {border-bottom:1px solid #a1a1a1;height:1px;}
  .bcdline {height:40px;}  
  .bacline {border-top:1px solid #a1a1a1;height:1px;padding:20px 0 20px 0}  
  
  .addtable {width:30%}

}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
 .button_a {
	background: url(../img/btn_bg.gif) repeat-x 0px 0px;
	color: rgb(106, 106, 106);
	font-family:'Nanum Gothic';
  	border-radius: 0px;
        font-size: 0.87em;  
        margin-top: 0px; 
        display: inline-block; 
  	-ms-zoom: 1;
  	border: 1px solid #b8b6b2;  	
        padding: 6px 20px 6px 20px;
        font-weight: 600;
        text-decoration:none;
        cursor:pointer;

	
  }
     .button_a:hover {
  	background: rgb(105, 103, 103); color: rgb(255, 255, 255);
  	
 }
   .button_b {
 	background-color: #cccccc;
 	color: #000;
 	text-align: center;
 	font-family:'Nanum Gothic';
 	padding: 0.5rem 1.5rem;	
 	margin-top: 15px;
 	float:right;
 	font-size: 16px;
   }
      .button_b:hover {
   	background: rgb(105, 103, 103); color: rgb(255, 255, 255);
 }
   .button_c {
 	background-color: #cccccc;
 	color: #000;
 	text-align: center;
 	font-family:'Nanum Gothic';
 	padding: 10px;	
 	float:left;
 	font-size: 16px;
 	width:120px;
  }



  .mo1{text-align:center;border-top:2px solid #a1a1a1; padding: 10px;}
  .mo2{text-align:left;border-top:2px solid #a1a1a1;border-left:2px solid #a1a1a1;padding: 10px;}
  .mo3{text-align:center; padding: 10px;}
  .mo4{text-align:left;border-left:2px solid #a1a1a1; padding: 10px;}
  .mo5{text-align:center;padding-top:10px;}
  .mo6{text-align:left;border-left:2px solid #a1a1a1;height:auto; padding: 10px;}
  .mo7{text-align:center; padding:5px 10px;}
  .mo8{text-align:left;border-left:2px solid #a1a1a1;padding:5px 10px;}
  .mo9{text-align:center; padding: 10px;}
  .mo10{text-align:left;border-left:2px solid #a1a1a1;padding: 10px; }
  .mo11 {text-align:center;padding: 3px;}
  .mo12 {border-left:2px solid #a1a1a1;text-align:left;padding: 3px;}  
  .mo5line {width:1px;height:100%;border:1px solid #a1a1a1;}
  .mo6line {height:1px;border:1px solid #a1a1a1;}
  .bbline {border-bottom:1px solid #a1a1a1;height:1px;}
  .bcdline {height:40px;}  
  .bacline {border-top:1px solid #a1a1a1;height:1px;padding:20px 0 20px 0}  
  
  .addtable {width:30%}
  
}
@media (min-width: 1025px) and (max-width: 1280px) {

  .button_a {
	background: url(../img/btn_bg.gif) repeat-x 0px 0px;
	color: rgb(106, 106, 106);
	font-family:'Nanum Gothic';
  	border-radius: 0px;
        font-size: 0.87em;  
        margin-top: 0px; 
        display: inline-block; 
  	-ms-zoom: 1;
  	border: 1px solid #b8b6b2;  	
        padding: 6px 20px 6px 20px;
        font-weight: 600;
        text-decoration:none;
        cursor:pointer;

	
  }
     .button_a:hover {
  	background: rgb(105, 103, 103); color: rgb(255, 255, 255);
  	
 }
   .button_b {
 	background-color: #cccccc;
 	color: #000;
 	text-align: center;
 	font-family:'Nanum Gothic';
 	padding: 0.5rem 1.5rem;	
 	margin-top: 15px;
 	float:right;
 	font-size: 16px;
   }
      .button_b:hover {
   	background: rgb(105, 103, 103); color: rgb(255, 255, 255);
 }
   .button_c {
 	background-color: #cccccc;
 	color: #000;
 	text-align: center;
 	font-family:'Nanum Gothic';
 	padding: 10px;	
 	float:left;
 	font-size: 16px;
 	width:120px;
  }
  .mo1{text-align:center;border-top:2px solid #a1a1a1; padding: 10px;}
  .mo2{text-align:left;border-top:2px solid #a1a1a1;border-left:2px solid #a1a1a1;padding: 10px;}
  .mo3{text-align:center; padding: 10px;}
  .mo4{text-align:left;border-left:2px solid #a1a1a1; padding: 10px;}
  .mo5{text-align:center;padding-top:10px;}
  .mo6{text-align:left;border-left:2px solid #a1a1a1;height:auto; padding: 10px;}
  .mo7{text-align:center; padding:5px 10px;}
  .mo8{text-align:left;border-left:2px solid #a1a1a1;padding:5px 10px;}
  .mo9{text-align:center; padding: 10px;}
  .mo10{text-align:left;border-left:2px solid #a1a1a1;padding: 10px; }
  .mo11 {text-align:center;padding: 3px;}
  .mo12 {border-left:2px solid #a1a1a1;text-align:left;padding: 3px;}  
  .mo5line {width:1px;height:100%;border:1px solid #a1a1a1;}
  .mo6line {height:1px;border:1px solid #a1a1a1;}
  .bbline {border-bottom:1px solid #a1a1a1;height:1px;}
  .bcdline {height:40px;}  
  .bacline {border-top:1px solid #a1a1a1;height:1px;padding:20px 0 20px 0}  
  
  .addtable {width:30%}

}

@media (min-width: 1281px) {
  .button_a {
	background: url(../img/btn_bg.gif) repeat-x 0px 0px;
	color: rgb(106, 106, 106);
	font-family:'Nanum Gothic';
  	border-radius: 0px;
        font-size: 0.87em;  
        margin-top: 0px; 
        display: inline-block; 
  	-ms-zoom: 1;
  	border: 1px solid #b8b6b2;  	
        padding: 6px 20px 6px 20px;
        font-weight: 600;
        text-decoration:none;
        cursor:pointer;

	
  }
     .button_a:hover {
  	background: rgb(105, 103, 103); color: rgb(255, 255, 255);
  	
 }
   .button_b {
 	background-color: #cccccc;
 	color: #000;
 	text-align: center;
 	font-family:'Nanum Gothic';
 	padding: 0.5rem 1.5rem;	
 	margin-top: 15px;
 	float:right;
 	font-size: 16px;
   }
      .button_b:hover {
   	background: rgb(105, 103, 103); color: rgb(255, 255, 255);
 }
   .button_c {
 	background-color: #cccccc;
 	color: #000;
 	text-align: center;
 	font-family:'Nanum Gothic';
 	padding: 10px;	
 	float:left;
 	font-size: 16px;
 	width:120px;
  }
  .mo1{text-align:center;border-top:2px solid #a1a1a1; padding: 10px;}
  .mo2{text-align:left;border-top:2px solid #a1a1a1;border-left:2px solid #a1a1a1;padding: 10px;}
  .mo3{text-align:center; padding: 10px;}
  .mo4{text-align:left;border-left:2px solid #a1a1a1; padding: 10px;}
  .mo5{text-align:center;padding-top:10px;}
  .mo6{text-align:left;border-left:2px solid #a1a1a1;height:auto; padding: 10px;}
  .mo7{text-align:center; padding:5px 10px;}
  .mo8{text-align:left;border-left:2px solid #a1a1a1;padding:5px 10px;}
  .mo9{text-align:center; padding: 10px;}
  .mo10{text-align:left;border-left:2px solid #a1a1a1;padding: 10px; }
  .mo11 {text-align:center;padding: 3px;}
  .mo12 {border-left:2px solid #a1a1a1;text-align:left;padding: 3px;}  
  .mo5line {width:1px;height:100%;border:1px solid #a1a1a1;}
  .mo6line {height:1px;border:1px solid #a1a1a1;}
  .bbline {border-bottom:1px solid #a1a1a1;height:1px;}
  .bcdline {height:40px;}  
  .bacline {border-top:1px solid #a1a1a1;height:1px;padding:20px 0 20px 0}  
  
  .addtable {width:30%}
}