/* wrapping */
#CertList { padding: 0 12px 12px; background-color: #2d2f30; letter-spacing: -1px; }
.certificatedWrap { padding: 14px 14px 17px; background-color: #fff; }
.searchGroups { height: 61px; line-height: 61px; background-color: #595959; }
.certificatedMainTop { padding: 15px 28px; background-color: #2d2f30; }
.certificatedMainMid { margin-bottom: 17px; background-color: #fff; }
.certificatedMainMid table thead { background-color: #ececed; }


/* headTitle */
.headTitle { height:auto; }
.headTitle .titleImage { vertical-align: bottom; }

/* serchGruoups */
.searchGroups h4 { float: left; padding: 0 3.4%; font-size: 15px; color: #e7e7e7; }
.searchGroups .searchGroup { float: left; width: 74%; }
.searchGroups .searchFilter { width: 113px; height: 28px; padding: 2px 0 0 14px; border-color: #ccc; }
.searchGroups input[type=text] { width: 60%; height: 25px; margin: 0 5px; padding-top: 2px; padding-left: 10px; font-size: 13px; border: 2px solid #e20000; }
.searchGroups input[type=text]::placeholder { text-align: center; color: #e20000; }
.searchGroups input[type=submit] { width: 70px; height: 28px; font-size: 14px; font-weight: bold; color: #fff; background-color: #454545; border: 1px solid #373737; border-radius: 2px; vertical-align: -1px;}


/* certificatedMainTop */
.certificatedMainTop table { width: 100%; }
.certificatedMainTop table colgroup .col1 { width: 12%; }
.certificatedMainTop table th, .certificatedMainTop table td { line-height: 18px; }

.certificatedMainTop table th { padding: 5px 0; color: #fff; }
.certificatedMainTop table th.left { text-align: left; }
.certificatedMainTop table th.allview { padding: 0 0 3px 0; }
.certificatedMainTop table th.allview a { font-size: 14px; color: #fecf2c; }
.certificatedMainTop table th > span { position: relative; display: block; padding-right: 3px; }
.certificatedMainTop table th > span::after { content: ""; display: block; height: 6px; width: 6px; position: absolute; right: -5px; top: 0; bottom: 0; margin: auto; border: 2px solid #555657; border-left: none; border-bottom: none; transform: rotate(45deg); }

.certificatedMainTop table td { padding-left: 25px; }
.certificatedMainTop table td .listTypeCert1 li { float: left; }
.certificatedMainTop table td .listTypeCert1 li > span::after { content: "|"; display: inline-block; padding: 0 4px; color: #b2b2b2; }
.certificatedMainTop table td .listTypeCert1 li:last-of-type > span::after { display: none; }
.certificatedMainTop table td .listTypeCert1 li a { display: inline-block; padding: 1px 8px; color: #b2b2b2; vertical-align: -1px; }
.certificatedMainTop table td .listTypeCert1 li a:hover { padding: 1px 8px; color: #fff; background: #d00000; border-radius: 10px; }

.certificatedMainTop table input[type=text] { width: 306px; height: 21px; padding-left: 10px; color: #fff; background-color: #6f6c6c; border: 1px solid #8c8888; }
.certificatedMainTop table input[type=submit] { width: 70px; height: 25px; color: #bfbaba; background-color: #454545; border: 1px solid #8c8888; border-radius: 2px; vertical-align: bottom; }


/* certificatedMainMid */
.certificatedMainMid table { width: 100%; }
.certificatedMainMid table colgroup .subject { width: 52%; }
.certificatedMainMid table colgroup .hitcnt { width: 10.5%; }
.certificatedMainMid table colgroup .nickname { width: 19.5%; }
.certificatedMainMid table colgroup .postdate { }
.certificatedMainMid table th, .certificatedMainMid table td { height: 40px; }
.certificatedMainMid table tr { border-bottom: 1px solid #dfdfdf; }
.certificatedMainMid table thead { font-size: 14px; }

.certificatedMainMid table td { text-align: center; }
.certificatedMainMid table .left { text-align: left; }

.certificatedMainMid table thead th > span { display: block; position: relative; }
.certificatedMainMid table thead th > span::after { content: ""; display: block; width: 1px; height: 11px; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; background: #bdbdbe; }
.certificatedMainMid table thead th:first-of-type > span::after { display: none; }

.certificatedMainMid table td.subject .category { padding-left: 20px; font-weight: bold; }
.certificatedMainMid table td.subject .title { vertical-align: -1px; }
.certificatedMainMid table td.subject .comment { color: #f94b4b }
.certificatedMainMid table td.hitcnt { font-size: 12px; font-weight: bold; color: #f94b4b; }
.certificatedMainMid table td.nickname {}
.certificatedMainMid table td.postdate { font-size: 12px; color: #5e5e5e; }


/* certificatedMainBot */
.certificatedMainBot .paging { text-align: center; }
.certificatedMainBot .paging #wzEventListNav { display: inline-block; }
.certificatedMainBot .paging #wzEventListNav ul::after { display: block; content: ""; clear: both; }
.certificatedMainBot .paging #wzEventListNav ul li { display: block; float: left; width: 28px; height: 28px; margin: 0 5px; line-height: 26px; }
.certificatedMainBot .paging #wzEventListNav ul li.currentpg { border: 1px solid #f6f6f6; font-weight: bold; color: #f94b4b; }
/* .certificatedMainBot .paging #wzEventListNav ul li.disabled { display: none; } */
.certificatedMainBot .paging #wzEventListNav ul li .prevbtn, .certificatedMainBot .paging #wzEventListNav ul li .nextbtn { position: relative; display: block; }
.certificatedMainBot .paging #wzEventListNav ul li .prevbtn::after, .certificatedMainBot .paging #wzEventListNav ul li .nextbtn::after { content: ""; position: absolute; top: 0; bottom: 0; display: block; width: 6px; height: 6px; margin: auto; border: 1px solid #828282; border-right: none; border-bottom: none; }
.certificatedMainBot .paging #wzEventListNav ul li .prevbtn::after { left: -11px; transform: rotate(-45deg); }
.certificatedMainBot .paging #wzEventListNav ul li .nextbtn::after { right: -11px; transform: rotate(135deg); }