@charset "UTF-8";


body {
	font-family: "Noto Sans KR", sans-serif;
	background-color: #fff;
}
body.noScroll {
	overflow: hidden;
}


.blind {
  position: absolute;
  width: 1px;
  height: 1px;
  clip: rect(0 0 0 0);
  overflow: hidden;
}


.inner {
	width: 1200px;
    margin: 0 auto;
}


.flex {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.flex.center {
	justify-content: center;
}
.flex.between {
	justify-content: space-between;
}
.flex1 {
	flex: 1;
}
.gap4 {
	gap: 4px;
}
.gap6 {
	gap: 6px;
}
.gap10 {
	gap: 10px;
}
.gap20 {
	gap: 20px;
}


img {
	width: 100%;
	height: 100%;
}


#main {
	margin-top: 128px;
}

/* 서브페이지 탑 공통 */
.sc-bg {
	width: 100%;
    height: 320px;
    background: url(../images/sub/sub-bg.png) no-repeat 100%;
    padding: 82px 0 20px;
}
.sc-bg .bg-title {
	font-size: 44px;
	font-weight: 800;
	color: #fff;
	line-height: 1.2;
	margin-bottom: 78px;
}
.sc-bg .bread-area {
	color: #fff;
}
.sc-bg .bread-area .bread-list {
	justify-content: flex-end;
	gap: 30px;
}
.sc-bg .bread-area .bread-list .bread-item:not(:last-child) {
	position: relative;
}
.sc-bg .bread-area .bread-list .bread-item:not(:last-child)::after {
	content: "";
    position: absolute;
    top: 2px;
    right: -18px;
    width: 6px;
    height: 100%;
    background: url(../images/icon-right_w.png) no-repeat 100% / cover;
}

/* 서브페이지 레이아웃 */
.sub-common {
	justify-content: flex-start;
	align-items: flex-start;
    min-height: 600px;
	margin: 40px auto 70px;
}
.sub-common.minheight1146 {
    min-height: 1146px;
}
.sub-common .sc-common {
	width: 70%;
}


h2.title {
	font-size: 36px;
    color: #222;
    font-weight: 600;
}

h3.sm-title {
    font-size: 20px;
    color: #888;
    font-weight: 600;
    border-bottom: 2px solid #dbdbdb;
    margin: 10px 0 20px;
    position: relative;
}
h3.sm-title span {
	display: inline-block;
	padding-bottom: 10px;
	position: relative;
}
h3.sm-title span::before {
	content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #0072A8;
}
h3.sm-title.mb {
    margin-bottom: 14px;
}


h4.sm-title {
    font-size: 20px;
    color: #888;
    font-weight: 600;
    border-bottom: 2px solid #dbdbdb;
    margin: 10px 0 20px;
    position: relative;
}
h4.sm-title span {
	display: inline-block;
	padding-bottom: 10px;
	position: relative;
}
h4.sm-title span::before {
	content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #0072A8;
}
h4.con-title {
    font-size: 18px;
    font-weight: bold;
    color: #444;
    word-break: keep-all;
    padding-left: 25px;
    margin-bottom: 10px;
    position: relative;
}
h4.con-title::before {
	content: "";
	position: absolute;
	top: 4px;
	left: 0;
	width: 20px;
	height: 100%;
	background: url(../images/sub/bullet_arrow.jpg) no-repeat;
}
h4.con-title.mb4 {
    margin-bottom: 4px;
}


h5.con-title {
    font-size: 18px;
    font-weight: bold;
    color: #444;
    word-break: keep-all;
    padding-left: 25px;
    margin-bottom: 10px;
    position: relative;
}
h5.con-title::before {
	content: "";
	position: absolute;
	top: 4px;
	left: 0;
	width: 20px;
	height: 100%;
	background: url(../images/sub/bullet_arrow.jpg) no-repeat;
}



a.tel:hover, a.link:hover {
	text-decoration: underline;
}

p.des {
	color: #888;
}
p.left, li.left {
	padding-left: 12px;
	position: relative;
}
p.left::before, li.left::before {
	content: "";
	position: absolute;
	top: 12px;
	left: 0;
	width: 6px;
	height: 1px;
	background-color: #888; 
}
li.left::before {
	background-color: #555;
}


label {
	cursor: pointer;
}

input[type=text],
input[type=password],
input[type=file] {
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 6px;
}
/* input[type="text"]:focus {
	border-color: #f0f;
} */
input::placeholder {
	font-size: 14px;
}

input.width30 {
	width: 30%;
}
input.width100 {
	width: 100%;
}


textarea {
	width: 99%;
}



button {
	display: block;
}
button.btn {
    width: 100px;
	line-height: 34px;
    font-size: 15px;
    border: 1px solid #0073a6;
    border-radius: 8px;
}
button.btn:hover {
	background-color: #0073a6;
	color: #fff;
	font-weight: 600; 
}
/* 삭제 버튼 */
button.view-delete {
	border-color: #f94b17;
}
/* 수정 버튼 */
button.btn.modify {
	border-color: #026493;
}
button.btn.modify:hover {
	background-color: #026493;
}
/* 파일추가 버튼 */
button.btn.add {
	width: 84px;
    line-height: 32px;
	border-color: #0082bf;
}
button.btn.add:hover {
	background-color: #0082bf;
}

.btn-upload {
	width: 84px;
	height: 32px;
	background: #fff;
	border: 1px solid #0082bf;
	border-radius: 8px;
	font-weight: 400;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.2s;
}

.btn-upload:hover {
	background: #0082bf;
	color: #fff;
	font-weight: 600;
}

.btn-upload input{
	display: none;
}

/* 파일 삭제버튼 */
button.delete {
	width: 62px;
    line-height: 26px;
    font-size: 14px;
    border: 1px solid #f94b17;
    border-radius: 6px;
}
button.delete:hover,
button.view-delete:hover {
	color: #fff;
	background-color: #f94b17;
}
/* 글쓰기 버튼 */
button.write {
	margin-left: auto;
}



.btn-link {
	display: inline-block;
    font-size: 17px;
    font-weight: 600;
    text-align: center;
    position: relative;
}
.btn-link::after {
    content: "";
    position: absolute;
    width: 14px;
    height: 12px;
    background: url(/images/sub/btn_arrow.png) no-repeat center;
}

.btn-down {
	text-align: left;
    word-break: break-word;
}
.btn-down:not(:last-child) {
	margin-bottom: 10px;
}
.btn-down:hover {
	color: #000;
}

.btn-check {
    background-color: #888;
    color: #fff;
    text-align: center;
}
.btn-check:hover {
	background-color: #6d6a6a;
}


.btn-search {
	width: 60px;
	height: 36px;
	line-height: 36px;
	color: #0072a8;
	font-size: 15px;
	background-color: #fff;
	border: 1px solid #0072a8;
	border-radius: 10px;
	margin-left: 10px;
}
.btn-search:hover {
	color: #fff;
	font-weight: 600;
	background-color: #0072a8;
}

.btn-box.flex {
	justify-content: flex-end;
	gap: 10px;
	margin-top: 20px;
}
.btn-box .btn {
	margin: 0;
}



.file-down {
	gap: 8px;
}
.file-down .file-name {
	padding-left: 16px;
	position: relative;
}
.file-down .file-name::before {
	content: "";
    width: 14px;
    height: 14px;
    background: url(../images/icon_file.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 5px;
}
.file-down .icon-down {
	width: 26px;
    height: 26px;
    background: #f1f1f1;
    border-radius: 13px;
}
.file-down .icon-down img {
	width: 14px;
    height: 14px;
    margin: 4px auto;
}




.pb10 {
	padding-bottom: 10px;
}


.mr4 {
	margin-right: 4px;
}
.mb4 {
	margin-bottom: 4px;
}

.m8 {
	margin: 8px 0;
}
.mt8 {
	margin-top: 8px;
}
.mb8 {
	margin-bottom: 8px;
}

.m10 {
	margin: 10px 0;
}
.mt10 {
	margin-top: 10px;
}
.mb10 {
	margin-bottom: 10px;
}
.mside10 {
	margin: 0 10px;
}

.mr16 {
	margin-right: 16px;
}
.ml16 {
	margin-left: 16px;
}
.mside16 {
	margin: 0 16px;
}

.m20 {
	margin: 20px 0;
}
.mt20 {
	margin-top: 20px;
}
.mb20 {
	margin-bottom: 20px;
}

.m30 {
	margin: 30px 0;
}

.m40 {
	margin: 40px 0;
}


.lightOrange {
	background-color: #f4a637;
}
.orange {
	color: #df3400;
}
.lightblue {
	background-color: #4cb6db;
}
.blue {
	color: #1270bf;
	font-weight: 600;
}
.darkblue {
	color: #00f;
}
.navyBlue {
	background-color: #0072a6;
}
.red {
	color: #ff0000;
}
.darkRed {
	background-color: #b92828;
}
.green {
	background-color: #4aa66b;
}


.icon-new {
	display: inline-block;
	font-size: 14px;
	color: #F06C23;
	font-weight: 600;
	border: 1px solid #F06C23;
	padding: 2px 4px;
}
.icon-notice {
	font-size: 12px;
	color: #fff;
	background-color: #7d7d7d;
	padding: 4px;
}


/* 사이트맵 */
.sc-siteMap {
	display: none;
	height: 100vh;
}
.sc-siteMap.open {
	display: block;
}
.sc-siteMap .siteMap-inner {
	padding: 30px;
}
.sc-siteMap .siteMap-inner a {
	display: inline-block;
	position: relative;
}
.sc-siteMap .siteMap-inner a::before {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	height: 2px;
	transition: .2s;
}
.sc-siteMap .siteMap-inner a:hover::before {
	background-color: #0072a8;
}
.sc-siteMap .siteMap-list {
	align-items: flex-start;
	gap: 20px;
}
.sc-siteMap .siteMap-item {
	flex: 1;
	height: 450px;
	background-color: #eee;
	padding: 20px;
}
/* 대메뉴 */
.sc-siteMap .siteMap-item strong {
	display: block;
	font-weight: 600;
	font-size: 22px;
	margin-bottom: 24px;
}

/* 서브메뉴 */
.sc-siteMap .siteMap-item .siteMapSub-item {
	font-size: 18px;
	margin: 10px 0 16px;
}
.sc-siteMap .siteMap-item .siteMapSub-item:last-child {
	margin-bottom: 0;
}
.sc-siteMap .siteMap-item .siteMapSub-item .sub-list {
	font-size: 17px;
	margin-left: 10px;
}



/* 사이드바 */
.sidebar-area {
	width: 30%;
}
.sidebar-area .sidebar-title {
	font-size: 24px;
    color: #000;
    font-weight: 800;
    margin-bottom: 20px;
}

/* .sidebar-area .sidebar-wrap {} */
/* .sidebar-area .sidebar-wrap .sidebar-list {} */
.sidebar-area .sidebar-wrap .sidebar-list .sidebar-item {
    /* height: 35px; */
	line-height: 35px;
    border-left: 2px solid #dbdbdb;
    position: relative;
}
.sidebar-area .sidebar-wrap .sidebar-list .sidebar-item.now,
.sidebar-wrap .sidebar-item .sidebarSub-item.now {
	border-color: #0072A8;
}

.sidebar-area .sidebar-wrap .sidebar-item a,
.sidebar-area .sidebar-wrap .sidebar-item .btn-sub {
	display: inline-block;
    font-size: 20px;
    color: #666;
    font-weight: 600;
	margin-left: 20px;
}
.sidebar-area .sidebar-wrap .sidebar-item a.orange {
	color: #df3400;
}
.sidebar-area .sidebar-wrap .sidebar-item a:hover,
.sidebar-area .sidebar-wrap .sidebar-item .btn-sub:hover {
	color: #0072A8;
}
.sidebar-area .sidebar-wrap .sidebar-item a.now,
.sidebar-wrap .sidebar-item  .sidebarSub-item .sidebarSub.now,
.sidebar-area .sidebar-wrap .sidebar-item .btn-sub.now {
	color: #0072A8;
}
.sidebar-area .sidebar-wrap .sidebar-item a.orange:hover {
	color: #df3400;
	font-weight: 700;
}
.sidebar-area .sidebar-wrap .sidebar-list .sidebar-item.now.orange {
	border-color: #df3400;
}
.sidebar-area .sidebar-wrap .sidebar-item a.orange.now {
	color: #df3400;
}
.sidebar-area .sidebar-wrap .sidebar-item .btn-sub {
	display: block;
}
.sidebar-wrap .sidebar-item  .sidebarSub-list {
	display: block;
	height: auto;
}
.sidebar-wrap .sidebar-item  .sidebarSub-list.none {
	display: none;
}
.sidebar-wrap .sidebar-item  .sidebarSub-list.none.purpose {
	display: block;
}
.sidebar-wrap .sidebar-item .sidebarSub-item {
	padding: 0 0 0 12px;
	position: relative;
}
.sidebar-wrap .sidebar-item .sidebarSub-item::before {
	content: "";
	position: absolute;
	top: 18px;
    left: 18px;
	width: 6px;
	height: 1px;
	background-color: #888;
}
/* .sidebar-wrap .sidebar-item .sidebarSub-item::before .sidebarSub.now {
	background-color: #0072A8;
} */
.sidebar-wrap .sidebar-item  .sidebarSub-item .sidebarSub {
	font-size: 19px;
}


.sc-common .sc-con {
	margin-top: 43px;
}


.txl {
	text-align: left;
}


table {
	width: 100%;
	border-top: 2px solid #16739c;
	border-bottom: 2px solid #16739c;
	table-layout: fixed;
}

table caption {
	position: absolute;
    width:0px;
    height: 0px;
    overflow: hidden;
}

table col.width6 {
	width: 6%;
}
table col.width8 {
	width: 8%;
}
table col.width10 {
	width: 10%;
}
table col.width12 {
	width: 12%;
}
table col.width14 {
	width: 14%;
}
table col.width16 {
	width: 16%;
}
table col.width20 {
	width: 20%;
}
table col.width25 {
	width: 25%;
}
table col.width30 {
	width: 30%;
}
table col.width34 {
	width: 34%;
}
table col.width36 {
	width: 36%;
}
table col.width40 {
	width: 40%;
}
table col.width44 {
	width: 44%;
}
table col.width56 {
	width: 56%;
}
table col.width58 {
	width: 58%;
}
table col.width60 {
	width: 60%;
}
table col.width70 {
	width: 70%;
}
table col.width80 {
	width: 80%;
}

table tr {
	border: 1px solid #ccc;
}
table tr.view-link {
	cursor: pointer;
}
table tr.view-link:hover {
	background-color: #f6fbff;
}

table tr th {
    font-sizE: 15px;
    color: #222;
    background: #f5f5f5;
    text-align: center;
	border: 1px solid #ccc;
	padding: 8px 0px;
}
table tr td {
    font-size: 15px;
    color: #555;
    text-align: center;
	border: 1px solid #ccc;
    padding: 8px;
}
table tr td.left {
    text-align: left;
}

table tr div img.secret-icon{
	max-width: 15px;
	min-width: 15px;
    margin-left: 5px;
}

table tr div.title-wrapper {
	display: contents;
}

table tr span.title-text,
table tr td p.title {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
table tr td.left.title {
	font-size: 17px;
	font-weight: 700;
	line-height: 1.6;
}
table tr td.left.flex {
	border: 0;
}
.list-area table tr td.title {
	font-sizE: 15px;
	font-weight: normal;
}
.view-area table tr td.title {
	white-space: normal;
    overflow: auto;
    text-overflow: initial;
    word-break: break-word;
}

table tr td.txt-box {
	padding: 26px 22px;
}


table.page-table,
table.page-table tr,
table.page-table tr td {
	border: 0;
}
table.page-table {
	margin-top: 30px;
}
table.page-table tr td {
	font-size: initial;
	padding: 0;
}
table.page-table tr td .btn-search {
    width: 100px;
    height: 32px;
    line-height: 32px;
    border-radius: 6px;
	margin-left: auto;
}



/* 검색 영역 */
.sc-search {
    background: #efefef;
    border: 1px solid #ccc;
    padding: 10px 20px;
    margin: 50px 0;
}
.sc-search .flex {
	gap: 10px;
}
.sc-search .flex > * {
	height: 36px;
}
.sc-search select {
    font-size: 14px;
    border: 1px solid #ccc;
	padding: 2px 10px 2px 6px;
}
.sc-search input {
	display: block;
	width: 532px;
}
.sc-search .btn-search {
	display: block;
	width: 100px;
    line-height: 36px;
    background-color: #888;
    color: #fff;
    text-align: center;
}
.sc-search .btn-search:hover {
	background-color: #6d6a6a;
}




/* 로그인 */
/* .sc-login {} */
.sc-login .login-wrap {
	border: 1px solid #ccc;
}
.sc-login .login-area {
	padding: 48px 40px;
}
.sc-login .login-area .txt-box {
	flex: 40%;
}
.sc-login .login-area .txt-box h3 {
	font-size: 32px;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}
.sc-login .login-area .txt-box .des-box {
	font-size: 14px;
}

/* 아이디, 비밀번호 입력창 */
.sc-login .login-area .con-box {
	flex: 60%;
}
.sc-login .login-area .con-box .label-box {
	flex: 72%;
}
.sc-login .login-area .con-box label {
	gap: 10px;
}
.sc-login .login-area .con-box label.id {
	margin-bottom: 10px;
}
.sc-login .login-area .con-box span {
	display: block;
	width: 76px;
}
.sc-login .login-area .con-box input {
	width: 70%;
    height: 40px;
    border: 1px solid #c2c2c2;
    line-height: 40px;
    padding: 10px 6px;
}
/* 로그인 버튼 */
.sc-login .login-area .con-box .btn {
	flex: 25%;
	width: 100%;
    height: 89px;
    background: #0072a8;
    color: #fff;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}

/* 회원가입, 아이디/비밀번호 찾기 영역 */
.sc-login .link-wrap {
	justify-content: center;
	gap: 40px;
    height: 50px;
    line-height: 50px;
    font-sizE: 14px;
    color: #555;
    text-align: center;
	background: #efefef;
}
.sc-login .link-wrap .link {
	display: block;
}
.sc-login .link-wrap .link.right {
	position: relative;
}
.sc-login .link-wrap .link.right::after {
	content: "";
	position: absolute;
	top: 18px;
    right: -22px;
    width: 1px;
    height: 14px;
	background-color: #555;
}



/* 회원가입 -> 약관 */
/* .sc-join {}
.sc-join .join-wrap {} */
.sc-join .join-wrap .join-area:first-child {
	margin-bottom: 80px;
}
.sc-join .join-wrap .join-area .join-box {
	font-size: 15px;
	border: 1px solid #ccc;
    margin: 0 0 20px;
}
.join-wrap .join-area .join-box h3 {
	text-align: center;
    font-size: 22px;
    border-bottom: 1px solid #ccc;
    padding: 12px 0;
}
.join-wrap .join-area .join-box h4 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 6px;
}
.join-wrap .join-area .join-box h5 {
	font-size: 18px;
	margin-bottom: 6px;
}
.join-wrap .join-area .join-box .des-box {
	height: 450px;
    color: #3b3b3b;
    overflow-y: scroll;
    padding: 20px;
}
.join-wrap .join-area .join-box .des-box::-webkit-scrollbar {
    width: 14px;
    height: 20px;
}
.join-wrap .join-area .join-box .des-box::-webkit-scrollbar-thumb {
    background: #358fba; /* 스크롤바 막대 색상 */
    border-radius: 12px 12px 12px 12px;
}
.join-wrap .join-area .join-box .des-box::-webkit-scrollbar-thumb:hover {
	background-color: #0072a8;
}
.join-wrap .join-area .join-box .des-box::-webkit-scrollbar-track {
	/* 스크롤바 배경 */
	background-color: #fcfeff;
    border-radius: 12px 12px 12px 12px;
}

.join-wrap .join-area .join-box .des-box p {
	line-height: 1.4;
	word-break: keep-all;
}

/* 동의 체크박스 */
.sc-join .join-wrap .check-box {
	gap: 10px;
}

.sc-join .join-wrap .btn-link {
    width: 180px;
    height: 54px;
    line-height: 52px;
    border-radius: 10px;
	margin-top: 64px;
}



/* 회원가입 양식 */
/* .sc-joinForm {} */
.sc-joinForm .tab-box {
	margin-bottom: 40px;
}
.sc-joinForm .tab-box .btnTab {
	width: 210px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 15px;
	background-color: #aaa;
}
.sc-joinForm .tab-box .btnTab.now {
	background-color: #222;
	font-weight: 700;
}

/* 평가사 회원 */
.sc-joinForm .sc-member {
	display: none;
}
.sc-joinForm .sc-member.now {
	display: block;
}
/* 공통 */
.sc-joinForm .sc-member .join-title {
	justify-content: space-between;
	border-bottom: 2px solid #dbdbdb;
    margin: 10px 0 20px;
}
.sc-joinForm .sc-member .join-title .sm-title {
    margin: 0;
}

.sc-joinForm .sc-member .table select {
	width: 28%;
	border: 1px solid #ccc;
	padding: 6px;
}
.sc-joinForm .sc-member .table select.width90 {
	width: 90%;
}
.sc-joinForm .sc-member label.flex {
	gap: 4px;
}
/* 학력 및 업무경력 : td 안에 있는 table */
.sc-joinForm .sc-member .table .insideTable input {
	width: 100%;
	font-size: 15px;
}

.sc-joinForm .contact-area {
	gap: 200px;
	margin: 40px 0;
}
.sc-joinForm .contact-area .call-box {
	position: relative;
}
.sc-joinForm .contact-area .call-box::before {
	content: "";
	position: absolute;
	top: 6px;
    left: -108px;
	width: 2px;
	height: 100%;
	background-color: #ccc;
}


.sc-joinForm .btn-link {
	display: block;
	width: 180px;
    height: 54px;
    line-height: 52px;
    border-radius: 10px;
    border: 1px solid #21749c;
    margin: 52px auto 0;
}
.sc-joinForm .btn-link::after {
	content: none;
}
.sc-joinForm .btn-link:hover {
    color: #fff;
    background-color: #21749c;
}



/* 개인정보취급방침, 이용약관 공통 */
/* .sc-respon {} */
.sc-respon .terms-wrap:not(:last-child) {
	border-bottom: 1px solid #ccc;
    padding: 0 0 48px;
	margin: 40px 0;
}
/* .sc-respon .terms-wrap > div {} */
.sc-respon h3 {
	color: #00517b;
    font-weight: 600;
}
.sc-respon h4 {
	font-weight: 600;
}
.sc-respon p {
	line-height: 1.6;
}
.sc-respon p:not(:last-child) {
	margin-bottom: 10px;
}
.sc-respon p.left:not(:last-child) {
	margin-bottom: 4px;
}


/* 개인정보취급방침 */
/* .sc-priPolicy {} */
.sc-priPolicy .policy-box {
	background-color: #f9f9f9;
    border-radius: 10px;
    padding: 30px;
}
.sc-priPolicy .policy-box:nth-child(even) {
    margin: 40px 0;
}
.sc-priPolicy .policy-box h3 {
	font-size: 20px;
    margin-bottom: 6px;
}
.sc-priPolicy .policy-box h4 {
	font-size: 18px;
    margin-bottom: 4px;
}

/* 이용약관 */
.sc-termsCondition .terms-wrap h3 {
	font-size: 28px;
    margin-bottom: 24px;
}
.sc-termsCondition .terms-wrap h4 {
    font-size: 20px;
	margin: 30px 0 10px;
}



/* 총 몇 건 페이지 */
.page-area {
	gap: 8px;
	margin-bottom: 10px;
}
.page-area .total-box {
	gap: 5px;
}
.page-area .total-box .total,
.page-area .now-box .now {
	font-weight: 600;
	color: #0072A8;
}



/* 페이징 버튼 */
.sc-page {
	justify-content: flex-end;
	gap: 8px;
}
.sc-page li {
	width: 12px;
}
.sc-page li:not(.first, .prev, .next, .last) {
    width: 32px;
}
.sc-page li:not(.first, .prev, .next, .last) a {
    display: block;
    text-align: center;
    line-height: 1;
    border-radius: 4px;
	padding: 6px;
}
.sc-page li.current a {
	background: #0072A8;
	color: #fff;
	font-weight: 600;
}