.bold{font-weight:bold;}
.width10pc{width:10%;}
.width20pc{width:20%;}
.width30pc{width:30%;}
.width40pc{width:40%;}
.width50pc{width:50%;}
.width60pc{width:60%;}
.width70pc{width:70%;}
.width80pc{width:80%;}
.width90pc{width:90%;}
.width100pc{width:100%;}

.height10pc{height:10%;}
.height20pc{height:20%;}
.height30pc{height:30%;}
.height40pc{height:40%;}
.height50pc{height:50%;}
.height60pc{height:60%;}
.height70pc{height:70%;}
.height80pc{height:80%;}
.height90pc{height:90%;}
.height100pc{height:100%;}

.align-right{text-align:right;}
.align-left{text-align:left;}
.align-center{text-align:center;}

.display-flex{ display:flex;}
.display-block{ display:block;}
.display-none{ display:none;}


.padding10px{padding:10px;}
.padding20px{padding:20px;}
.padding30px{padding:30px;}
.padding40px{padding:40px;}
.padding50px{padding:50px;}
.padding60px{padding:60px;}
.padding70px{padding:70px;}
.padding80px{padding:80px;}
.padding90px{padding:90px;}
.padding100px{padding:100px;}


.padding15px{padding:15px;}
.padding25px{padding:25px;}
.padding35px{padding:35px;}
.padding45px{padding:45px;}
.padding55px{padding:55px;}



.padding-t10px{padding-top:10px;}
.padding-t20px{padding-top:20px;}
.padding-t30px{padding-top:30px;}
.padding-t40px{padding-top:40px;}
.padding-t50px{padding-top:50px;}

.padding-t15px{padding-top:15px;}
.padding-t25px{padding-top:25px;}
.padding-t35px{padding-top:35px;}
.padding-t45px{padding-top:45px;}
.padding-t55px{padding-top:55px;}



.padding-r10px{padding-right:10px;}
.padding-r20px{padding-right:20px;}
.padding-r30px{padding-right:30px;}
.padding-r40px{padding-right:40px;}
.padding-r50px{padding-right:50px;}

.padding-r5px{padding-right:5px;}
.padding-r15px{padding-right:15px;}
.padding-r25px{padding-right:25px;}
.padding-r35px{padding-right:35px;}
.padding-r45px{padding-right:45px;}
.padding-r55px{padding-right:55px;}



.padding-b10px{padding-bottom:10px;}
.padding-b20px{padding-bottom:20px;}
.padding-b30px{padding-bottom:30px;}
.padding-b40px{padding-bottom:40px;}
.padding-b50px{padding-bottom:50px;}

.padding-b5px{padding-bottom:5px;}
.padding-b15px{padding-bottom:15px;}
.padding-b25px{padding-bottom:25px;}
.padding-b35px{padding-bottom:35px;}
.padding-b45px{padding-bottom:45px;}
.padding-b55px{padding-bottom:55px;}


.padding-l10px{padding-left:10px;}
.padding-l20px{padding-left:20px;}
.padding-l30px{padding-left:30px;}
.padding-l40px{padding-left:40px;}
.padding-l50px{padding-left:50px;}



.margin10px{margin:10px;}
.margin20px{margin:20px;}
.margin30px{margin:30px;}
.margin40px{margin:40px;}
.margin50px{margin:50px;}
.margin60px{margin:60px;}
.margin70px{margin:70px;}
.margin80px{margin:80px;}
.margin90px{margin:90px;}
.margin100px{margin:100px;}

.margin15px{margin:15px;}
.margin25px{margin:25px;}
.margin35px{margin:35px;}
.margin45px{margin:45px;}
.margin55px{margin:55px;}


.margin-t10px{margin-top:10px;}
.margin-t20px{margin-top:20px;}
.margin-t30px{margin-top:30px;}
.margin-t40px{margin-top:40px;}
.margin-t50px{margin-top:50px;}

.margin-t5px{margin-top:5px;}
.margin-t15px{margin-top:15px;}
.margin-t25px{margin-top:25px;}
.margin-t35px{margin-top:35px;}
.margin-t45px{margin-top:45px;}
.margin-t55px{margin-top:55px;}


.margin-r10px{margin-right:10px;}
.margin-r20px{margin-right:20px;}
.margin-r30px{margin-right:30px;}
.margin-r40px{margin-right:40px;}
.margin-r50px{margin-right:50px;}

.margin-r5px{margin-right:5px;}
.margin-r15px{margin-right:15px;}
.margin-r25px{margin-right:25px;}
.margin-r35px{margin-right:35px;}
.margin-r45px{margin-right:45px;}
.margin-r55px{margin-right:55px;}


.margin-b10px{margin-bottom:10px;}
.margin-b20px{margin-bottom:20px;}
.margin-b30px{margin-bottom:30px;}
.margin-b40px{margin-bottom:40px;}
.margin-b50px{margin-bottom:50px;}

.margin-b5px{margin-bottom:5px;}
.margin-b15px{margin-bottom:15px;}
.margin-b25px{margin-bottom:25px;}
.margin-b35px{margin-bottom:35px;}
.margin-b45px{margin-bottom:45px;}
.margin-b55px{margin-bottom:55px;}

.margin-l10px{margin-left:10px;}
.margin-l20px{margin-left:20px;}
.margin-l30px{margin-left:30px;}
.margin-l40px{margin-left:40px;}
.margin-l50px{margin-left:50px;}

.margin-l5px{margin-left:5px;}
.margin-l15px{margin-left:15px;}
.margin-l25px{margin-left:25px;}
.margin-l35px{margin-left:35px;}
.margin-l45px{margin-left:45px;}
.margin-l55px{margin-left:55px;}



/** 페이지 번호 **/
.page_area {text-align:center; margin:10px 0;}

.page_area .page_wrap {text-align:center}
.page_area .pg_page, 
.page_area .current_page {
    display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee;
}
.page_area .page_wrap a:focus, .page_area .page_wrap a:hover {text-decoration:none}
.page_area .pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}
.page_area .pg_page:hover {background-color:#fafafa}
.page_area .start_page {text-indent:-999px;overflow:hidden;background:url('./../img/first_page.png') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.page_area .prev_page {text-indent:-999px;overflow:hidden;background:url('./../img/prev_page.png') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.page_area .end_page {text-indent:-999px;overflow:hidden;background:url('./../img/end_page.png') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.page_area .next_page {text-indent:-999px;overflow:hidden;background:url('./../img/next_page.png') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.page_area .start_page:hover,.page_area 
.prev_page:hover,
.page_area .end_page:hover,
.page_area .next_page:hover {
   background-color:#fafafa

}

.page_area .current_page {display:inline-block;background:#3a8afd;border:1px solid #3a8afd;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}



/** 페이지 리스트 번호 **/
.list_circle_num {
  display: inline-block;
  border-radius: 50%;
  min-width: 20px;  
  min-height: 20px;
  max-height: 100px;
  padding: 5px;
  text-align: center;
  line-height: 1;
  box-sizing: content-box;
  white-space: nowrap;
  margin-right:30px;
  font-size:14px;
}
.list_circle_num:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  padding-top: 100%;
  height: 0;
}
.list_circle_num span {
  display: inline-block;
  vertical-align: middle;
}



.list_num1{ 
  background: #006da2;
  color: #ffffff; 
}


.list_num2{ 
  background: #005b2e;
  color: #ffffff; 
}


.list_num3{ 
  background: #ca6500;
  color: #ffffff; 
}