@charset "utf-8"; /* reset style */ * { box-sizing: border-box } article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary { display: block; } audio,canvas,progress,video { display: inline-block; } html, body, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, blockquote, pre, button, fieldset, form, legend,table, caption, tbody, tfoot, thead, tr, th, td, iframe, article, aside, canvas, details, embed, textarea, figure, figcaption, header, footer, main, menu, nav, section, summary, audio, video, template { margin: 0; padding: 0; border: 0; font-size:100%; font-family: inherit; vertical-align: baseline; box-sizing: border-box; word-break: keep-all; font-weight: 500; } a, span, em { box-sizing: border-box } a:link,a:visited { color:#494949 } a,a:active,a:hover,a:link,a:visited { text-decoration:none } img { border:none; } img, video, audio { max-width:100%; max-height:100%; } figure, figcaption { margin:0; padding:0 } b, strong { font-weight:700; } em, dfn, cite, address,i { font-style: normal; } mark { background-color: #ff0; color: #000; } small { font-size: 90%; } sup,sub { position: relative; font-size: 0.9em; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } del { color: #aaa !important; text-decoration: line-through; } label { cursor:pointer; } switch { display: none } ul, ul>li { list-style:none; } table { border-collapse:collapse; border-spacing:0; table-layout:fixed; display:table } caption,legend { overflow:hidden; position:relative; width:0; height:0; margin:0; padding:0; line-height:0 } fieldset { border:none; min-width: 0; } hr { overflow:hidden; position:absolute; height:0; width:0; } template { display:none; } .clearfix { display: block; } .clearfix:after { content: ""; display: table; clear: both; } .clear { clear:both; } .hide, .sr-only, .skip, .blind { position: absolute; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; } br { font-size:0; } body { font-size:16px; line-height:1.6; color:#333; } :lang(ko) body { position:relative; color:#333; font-family:"Pretendard", "Malgun Gothic", "맑은 고딕", Dotum, 돋움, Helvetica, "Apple SD Gothic Neo", "애플 SD 산돌고딕 Neo"; letter-spacing: -0.03em; -webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased; -webkit-touch-callout:none; } #skipnavi { position:absolute; top:-1px; left:0; background-color:#333; z-index:999999 } #skipnavi a { position:absolute; top:0; left:0; padding:10px 25px; margin-top:-100px; text-align:center; line-height:1; white-space:nowrap; background:#000; } #skipnavi a:link { color:#333; } #skipnavi a:focus { margin-top:0; text-decoration:underline; color:#fff } .ir { font-size:0; line-height:0 } input { font-size: inherit; font-family: inherit; color: inherit; vertical-align: middle } input[type="file"] { border:none } input[type="radio"],input[type="checkbox"] { border:none } button { text-transform: none; vertical-align: middle } button,[type="button"],[type="reset"],[type="submit"] { background-color:transparent; cursor: pointer; } select { font-size: inherit; font-family: inherit; color: inherit; text-transform: none; vertical-align: middle; } textarea { font-size: inherit; font-family: inherit; color: inherit; vertical-align: middle; resize:none; } input[disabled="disabled"] { background-color:#ebebeb; color:#959595 } select[disabled="disabled"] { background-color:#ebebeb; color:transparent } input[type=text] { appearance:none; -webkit-appearance:none; -moz-appearance:none; } input[type=text]::-ms-clear { display:none; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { appearance:none; -webkit-appearance:none; -moz-appearance:none; } select { padding:0 5px; background:transparent url(/pcms/common/images/ir/arrow-select.png) no-repeat 98% 50%; appearance:none; -webkit-appearance:none; -moz-appearance:none; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; } select::-ms-expand { display: none; } a:focus, button:focus, input:focus { outline:1px dashed #000; } 
.pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0; margin-top: 20px; justify-content: center; } .pagination.pa-round .page-link { border-radius: 50%; text-align: center;}
.pagination > ul {
  display: flex;
  flex-wrap: wrap;
}

.page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
  min-width: 36px;
  min-height: 36px;
  max-height: 36px;
  max-width: 36px;
  line-height: 1;
  color: #747474;
  background-color: rgb(255, 255, 255);
  border-color: transparent;
  margin: 0 2px;
  transition: all 250ms cubic-bezier(0.27, 0.01, 0.38, 1.06);
}
.page-link:hover, .page-link:focus {
  color: rgb(255, 255, 255);
  background-color: #0073D7;
}
.page-link[aria-label] span {
  line-height: 1;
  letter-spacing: -1px;
  font-size: 12px;
  font-weight: bold;
  font-size: 0;
}
.page-link[aria-label=Previous]{
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L7 7L13 13' stroke='%23585B62' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 1L1 7L7 13' stroke='%23585B62' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");

}
.page-link[aria-label=Previous]:hover,.page-link[aria-label=Previous]:focus{
background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 1L7 7L13 13' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 1L1 7L7 13' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.page-link[aria-label=Next]{
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L1 13' stroke='%23585B62' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 1L13 7L7 13' stroke='%23585B62' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");

}
.page-link[aria-label=Next]:hover,.page-link[aria-label=Next]:focus{
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L1 13' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 1L13 7L7 13' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.page-item .page-link.active  {
  color: rgb(255, 255, 255);
  background-color: #0073D7;
  border-color: #0073D7;
  cursor: default;
}
.page-item.disabled .page-link {
  color: #0073D7;
  background-color: rgb(255, 255, 255);
  border-color: #0073D7;
}

.pagination-lg .page-link {
  padding: 0.9375rem;
  font-size: 18px;
  line-height: 1.5;
}
.pagination-sm .page-link {
  padding: 0.25rem;
  font-size: 12px;
  line-height: 1.5;
}
@media only screen and (max-width: 640px) {
  .pagination {
    display: block;
    width: 100%;
    text-align: center;
    transition: all 0.5s;
  }
  .pagination ul {
    text-align: center;
  }
  .pagination ul {
    width: 100%;
    height: 30px;
  }
  .pagination > li, .pagination .page-item {
    display: inline-block;
    vertical-align: middle;
  }
  .pagination li > a, .pagination .page-item > .page-link, .pagination .page-item > span {
    padding: 0;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    min-height: 21px;
    font-size: 13px;
  }
  .pagination .page-item [aria-label] span {
    display: block;
  }
  .pagination .page-item .page-link[aria-label=first] .sr-only,
  .pagination .page-item .page-link[aria-label=last] .sr-only {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  .pagination li > a, .pagination .page-item > .page-link, .pagination .page-item > span {
    min-width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .pagination .page-item [aria-label] {
    padding: 0 8px;
    font-size: 14px;
  }
  .pagination .page-item [aria-label] .sr-only {
    font-size: 14px;
  }
}