@charset "euc-kr";

/********************************************************************************************************************************
* box Style
********************************************************************************************************************************/
.box-tp {
  clear: both;
  position: relative;
  border: 1px solid #c6d5e8;
  background-color: #f9fbff;
}
.box-tp.ty2 {
  border-color: #c7cfd8;
  background-color: #f5f7fc;
}
.box-tp.ty3 {
  border-color: #d2d2d2;
  background-color: #fff;
}
.box-tp.ty4 {
  border-color: #c9c9c9;
  background-color: #f8f8f8;
}
.box-tp.ty5 {
  border-color: #e3e3e3;
  background-color: #fff;
}

/*----- box에 둘러쌓인 tbl 경우 -----*/
.tbl-box {
  margin: 0 0 35px 0;
  padding: 1px;
  background-color: #fff !important;
}
.tbl-box:last-child {
  margin-bottom: 0;
}
.tbl-box.bottomMrg {
  margin-bottom: 45px;
}
.tbl-box.bottomMrg2 {
  margin-bottom: 60px;
}

.tbl-box .tbl-wp {
  margin: 0;
}
.tbl-box .tbl-wp table.List,
.tbl-box .tbl-wp table.View2 {
  border-top: none;
  border-bottom: none;
}
.tbl-box .tbl-wp table.View2 tr:last-child th,
.tbl-box .tbl-wp table.View2 tr:last-child td {
  border-bottom: none;
}
.tbl-box .tbl-wp table.List tr:hover td,
.tbl-box .tbl-wp table.List tr.active:hover td {
  background: none;
}
.tbl-box .tbl-wp table.Insert {
  border-top: none;
  border-bottom: none;
}
.tbl-box .tbl-wp table.Insert tr:last-child th,
.tbl-box .tbl-wp table.Insert tr:last-child td {
  border-bottom: none;
}

/********************************************************************************************************************************
* 공통 Board(Table) List Style
********************************************************************************************************************************/
.tbl-wp {
  clear: both;
  position: relative;
  margin: 0 0 40px 0;
}
.tbl-wp.bottomMrg {
  margin-bottom: 45px;
}
.tbl-wp.bottomMrg-None {
  margin-bottom: 0 !important;
}
.tbl-wp.bottomMrg2 {
  margin-bottom: 50px;
}
.tbl-wp.bottomMrg3 {
  margin-bottom: 25px;
}
.tbl-wp.bottomMrg4 {
  margin-bottom: 30px;
}
.tbl-wp.bottomMrg5 {
  margin-bottom: 40px;
}
.tbl-wp.bottomMrg6 {
  margin-bottom: 60px;
}
.tbl-wp.th-color th {
  background: #f2f4f6 !important;
}

.tbl-wp table {
  width: 100%;
  table-layout: fixed;
}
.tbl-wp table.List tr.None:hover td,
.tbl-wp table.List tr.active:hover td {
  background: none;
}
.tbl-wp table.List tr:hover td,
.tbl-wp table.List tr:hover td .YgPr-text {
  color: #333;
  background-color: #fafbfc;
  transition: all 0.2s;
}

/* Line(세로) 출력 */
.tbl-wp table.List.Line th span::after {
  display: none;
}
.tbl-wp table.List.Line td {
  border-right: 1px solid #eee;
}
.tbl-wp table.List.Line td:last-child {
  border-right: none;
}

/*----- List -----*/
.tbl-wp table.List {
  border-top: 1px solid #777;
  border-bottom: 1px solid #ccc;
}
.tbl-wp table.List tr:last-child td {
  border-bottom: none;
}
.tbl-wp table.List tr.notice td.subj {
  font-weight: bold;
}
.tbl-wp table.List th {
  height: 45px;
  padding-bottom: 0px;
  font-size: 12px;
  color: #777;
  letter-spacing: -0.5px;
  line-height: 110%;
  text-align: center !important;
  vertical-align: middle;
  /*	border-bottom: 1px solid #e3e3e3;	*/
  background: #f4f4f4;
}

.tbl-wp table.List th span u {
  text-decoration: none !important;
  font-weight: normal !important;
}
.tbl-wp table.List th span {
  clear: both;
  display: block;
  position: relative;
}
.tbl-wp table.List th span::after {
  content: "";
  position: absolute;
  top: 2px;
  right: 0;
  width: 1px;
  height: 11px;
  background: #d7d7d7;
  z-index: 2;
}
.tbl-wp table.List th:last-child span::after {
  display: none;
}

.tbl-wp table.List.th50 th {
  height: 50px;
}
.tbl-wp table.List.th50 th.two span::after {
  top: 7px;
}
.tbl-wp table.List.th40 th {
  height: 40px;
}
.tbl-wp table.List.th55 th {
  height: 55px;
}
.tbl-wp table.List th.left {
  text-align: left !important;
}

.tbl-wp table.List td {
  padding: 4px 0 4px 0;
  font-size: 100%;
  line-height: 150%;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #e9e9e9;
  background-color: transparent;
}
.tbl-wp table.List tr.active td {
  border-bottom-color: #e3e3e3 !important;
}
.tbl-wp table.List td.subj {
  padding: 20px 15px 20px 15px;
  line-height: 1.3em;
  text-align: left;
}
.tbl-wp table.List td.subj.size1 {
  height: 54px;
  padding: 0 10px 3px 12px;
}
.tbl-wp table.List td.subj.small {
  padding-top: 13px;
  padding-bottom: 13px;
}
.tbl-wp table.List td.subj.small2 {
  padding-top: 16px;
  padding-bottom: 17px;
}
.tbl-wp table.List td.subj.middle {
  height: 54px;
  padding: 5px 0 5px 15px;
}
.tbl-wp table.List td.subj.YgPr {
  padding-top: 17px;
  padding-bottom: 18px;
}
.tbl-wp table.List td.subj.YgPr2 {
  padding: 16px 18px 17px 18px;
}
.tbl-wp table.List td.subj.YgPr.acc {
  padding: 14px 18px 15px 18px;
}
.tbl-wp table.List td.subj.eduLec {
  padding: 15px 20px 16px 20px;
}

.tbl-wp table.List td a {
  text-decoration: none;
}
.tbl-wp table.List td a.speech-bubble-icon {
  padding-left: 40px !important;
  background: url("/pds/images/comm/icon_subject2.gif") no-repeat 20px 23px;
}
.tbl-wp table.List td.num {
  font-size: 14px;
  color: #777;
}
.tbl-wp table.List td.date,
.tbl-wp table.List td.count {
  font-size: 13px;
  color: #888;
}
.tbl-wp table.List td.kind {
  font-size: 14px;
  color: #4d6583 !important;
  letter-spacing: -0.5px;
}
.tbl-wp table.List td.kind2 {
  font-size: 95%;
  color: #4d6583 !important;
}
.tbl-wp table.List td.kind-gray {
  font-size: 13px;
  color: #888;
  line-height: 1.2em;
}
.tbl-wp table.List td.kind-gray2 {
  font-size: 14px;
  letter-spacing: -0.5px;
  color: #999;
}
.tbl-wp table.List td.state {
  font-size: 14px;
}
.tbl-wp table.List td.left {
  padding-left: 14px;
  text-align: left;
}
.tbl-wp table.List td.left2 {
  padding: 19px 15px 19px 15px;
  text-align: left;
}
.tbl-wp table.List td.left3 {
  padding: 17px 15px 17px 15px;
  text-align: left;
}
.tbl-wp table.List td.sleft {
  padding-left: 6px;
  text-align: left;
}
.tbl-wp table.List td.Right {
  text-align: right;
}
.tbl-wp table.List td.Right2 {
  padding-right: 20px;
  text-align: right;
}
.tbl-wp table.List td.name {
  font-size: 14px;
}
.tbl-wp table.List td.lectur {
  font-size: 13px;
}
.tbl-wp table.List td.None,
.tbl-wp table.List td.down {
  padding: 0 !important;
}
.tbl-wp table.List td.None .form-file {
  margin-top: 6px;
}
.tbl-wp table.List td.None .form-file .ficon {
  margin-top: 0 !important;
}
.tbl-wp table.List td a.bk {
  display: block;
}
.tbl-wp table.List td.formNum {
  font-size: 14px;
  color: #777;
}
.tbl-wp table.List td.Valign {
  vertical-align: top;
}
.tbl-wp table.List td.won {
  background: #fbfbfb;
}
.tbl-wp table.List td.input {
  padding-top: 10px;
  padding-bottom: 10px;
}
.tbl-wp table.List td.calendar-txt {
  padding: 18px 15px 20px 15px;
  line-height: 1.6em;
  text-align: left;
}
.tbl-wp table.List td.origin {
  font-size: 13px;
}
.tbl-wp table.List td.office {
  padding: 14px 5px 16px 5px;
  font-size: 14px;
  letter-spacing: -0.5px;
}
.tbl-wp table.List td.office-new {
  padding: 11px 5px 12px 5px;
  font-size: 13px;
  letter-spacing: -0.5px;
}
.tbl-wp table.List td.right-dotLine {
  border-right: 1px dotted #d9d9d9;
}
.tbl-wp table.List td.add {
  height: 60px;
  padding: 10px 40px 12px 40px;
  color: #666;
  line-height: 1.3em;
  text-align: left;
}
.tbl-wp table.List td.add.small {
  padding-left: 20px;
  padding-right: 20px;
}
.tbl-wp table.List td.yp-number {
  font-size: 13px;
  padding-bottom: 4px;
  line-height: 1.3em;
}
.tbl-wp table.List td.cell {
  padding: 18px 5px;
}

.tbl-wp table.List tr.calculate td {
  height: 60px;
  padding: 20px 5px 20px 5px;
  font-size: 14px;
  line-height: 120%;
}

/*----- 이벤트 -----*/
.tbl-wp.event table.List td.event {
  text-align: left;
  border-bottom: none;
}
.tbl-wp.event table.List tr:first-child td {
  padding-top: 25px;
}
.tbl-wp.event table.List tr:last-child td {
  padding-bottom: 25px;
}

/* 상담사례 */
.tbl-wp table.List td.consult-qTd {
  padding: 17px 15px 18px 37px;
  text-align: left;
  background: url("/pds/images/sub/expert&consult/speech_bubble.png") no-repeat
    5px 17px;
}
.tbl-wp table.List td.consult-qTd a.subj {
  font-family: "Noto Sans KR", "Noto Sans", "맑은 고딕", "Malgun Gothic";
  font-size: 19px;
  letter-spacing: -0.6px;
  font-weight: 400;
}

/*----- 게시판형 제목 -----*/
.tbl-wp table.List td.subj-link {
  padding: 0;
}
.tbl-wp table.List td.subj-link a,
.tbl-wp table.List td.subj-link span.lock {
  display: block;
  padding: 19px 15px 19px 15px;
  line-height: 1.3em;
  text-align: left;
}
.tbl-wp table.List td.subj-link span.lock {
  padding-top: 19px;
  padding-bottom: 16px;
}
.tbl-wp table.List td.subj-link.small a {
  padding-top: 16px;
  padding-bottom: 18px;
}
.tbl-wp table.List td.subj-link.first a,
.tbl-wp table.List td.subj-link.first span.lock {
  padding-left: 20px;
  padding-right: 20px;
}
.tbl-wp table.List td.subj-link.icon a {
  padding-left: 63px;
  background: url("/pds/images/sub/taxnet_post/mail_icon.png") no-repeat 20px
    17px;
}
.tbl-wp table.List td.subj-link.icon a:hover {
  background-image: url("/pds/images/sub/taxnet_post/mail_icon_hover.png");
  transition: all 0.3s;
}
.tbl-wp table.List td.subj-link.person-icon a {
  padding-left: 60px;
  background: url("/pds/images/sub/expert&consult/human.png") no-repeat 20px
    17px;
}
.tbl-wp table.List td.subj-link.speech-bubble-icon a,
.tbl-wp table.List td.subj-link.speech-bubble-icon span.lock {
  padding-left: 50px;
  background: url("/pds/images/sub/expert&consult/speech_bubble.png") no-repeat
    15px 18px;
}
.tbl-wp table.List td.subj-link.faq a {
  padding-left: 60px;
  background: url("/pds/images/sub/helpdesk/faq_icon.png") no-repeat 20px 17px;
}
.tbl-wp table.List td.subj-link.faq a:hover {
  background-image: url("/pds/images/sub/helpdesk/faq_icon_hover.png");
  transition: all 0.3s;
}

.tbl-wp table.List td.subj-link.eventEnd-icon a {
  padding-left: 50px;
  background: url("/pds/images/sub/helpdesk/eventEnd_icon.png") no-repeat 15px
    18px;
}
.tbl-wp table.List td.subj-link.case a {
  padding-left: 50px;
  background: url("/pds/images/comm/board_bubble_02.png") no-repeat 15px 18px;
}
.tbl-wp table.List td.subj-link.case2 a {
  padding-left: 50px;
  background: url("/pds/images/comm/board_bubble_01.png") no-repeat 15px 18px;
}

/*----- 말줄임 -----*/
.tbl-wp table.List td a.ellipsis {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  overflow: hidden;
}
.tbl-wp table.List td a.ellipsis.mysave {
  max-width: 560px;
  font-size: 14px;
}

/* Line Set */
.tbl-wp table.List td.rt-doubleLine {
  border-right: 3px double #e3e3e3 !important;
}

/* checkbox */
.tbl-wp table.List td.chkbox {
  padding: 0 0 2px 0;
}
.tbl-wp table.List td.chkbox .checkbox-field label {
  display: block;
  min-height: 45px;
  line-height: 44px;
}
.tbl-wp table.List td.chkbox .checkbox-field .square {
  margin: 0;
}

.tbl-wp .admin {
  display: inline-block;
  padding: 0 0 0 21px;
  vertical-align: top;
  background: url("/assets/favicon/favicon.png") no-repeat 0 4px;
  background-size: 15px auto;
}

/*----- 세무일정(환율정보) -----*/
.tbl-wp.tax-calendar table.List td,
.tbl-wp.Line table.List td {
  border-right: 1px solid #e9e9e9;
}
.tbl-wp.tax-calendar table.List td:last-child,
.tbl-wp.Line table.List td:last-child {
  border-right: none;
}
.tbl-wp.tax-calendar tr:hover td,
.tbl-wp.Line tr:hover td {
  background: none !important;
}
.tbl-wp.tax-calendar table.List td.day {
  font-size: 105%;
  font-weight: bold;
  background: #fafafa !important;
}

.tbl-wp.exchangRate-tbl table.List td {
  padding: 8px 0 10px 0;
}

/*----- 고객지원센터 - toggle View 용 -----*/
tr.tr-subj td {
  cursor: pointer;
}
tr.tr-subj:hover td.subj {
  color: #004298 !important;
  font-weight: normal;
}
tr.tr-subj.active td.subj {
  color: #004298 !important;
  font-weight: bold;
}
tr.tr-subj.active td.kind {
  font-weight: bold;
}
tr.tr-detail {
  display: none;
  width: 100%;
}
tr.tr-detail div.detail {
  display: none;
}
tr.tr-detail td {
  padding: 0 !important;
  border-bottom-color: #d9d9d9 !important;
}
tr.tr-detail td .detail {
  position: relative;
  padding: 35px 40px 25px 40px;
  font-size: 100%;
  text-align: left;
  line-height: 1.6em;
  vertical-align: middle;
  background: #f7f8f9 !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.04) inset;
}
tr.tr-detail td .detail p {
  margin: 0 0 1.5em 0;
  font-size: 100%;
  text-align: left;
  line-height: 1.6em;
  vertical-align: middle;
}
tr.tr-detail td .detail p:last-child {
  margin-bottom: 0;
}
tr.tr-detail td .detail.counsel {
  padding-bottom: 30px;
}
tr.tr-detail td .detail span.text {
  display: block;
  margin: 0 0 0px 0;
}
tr.tr-detail td .detail .bottom-btn {
  display: block;
  position: relative;
  padding: 20px 0 0 0;
}
tr.tr-detail td .detail .bottom-btn .rt {
  float: right;
}
tr.tr-detail td .detail .bottom-btn .rt:hover i {
  animation: ani_updown 0.3s linear;
  animation-iteration-count: infinite;
}
tr.tr-detail td .detail.counsel .bottom-btn {
  padding-top: 25px;
}

/*----- List 데이터가 없을 경우 -----*/
.tbl-wp table.List td.list-data-None {
  padding: 25px 0 23px 0;
  font-size: 100%;
  color: #888 !important;
}
.tbl-wp table.List td.list-data-None span.default {
  display: inline-block;
  width: 30px;
  height: 27px;
  margin: 0 8px 0 0;
  vertical-align: middle;
  background: url("/pds/images/comm/list_data_None_icon.png") no-repeat 0 0;
}
.tbl-wp table.List td.list-data-None span.login {
  display: inline-block;
  width: 30px;
  height: 36px;
  margin: 0 10px 0 0;
  vertical-align: middle;
  background: url("/pds/images/comm/list_login.png") no-repeat 0 0;
}

/*----- 검색결과 없을 경우 -----*/
.tbl-wp table.List td.search-None {
  padding: 30px 0 28px 0;
}
.tbl-wp table.List td.search-None .text {
  display: inline-block;
  margin: 0;
  font-size: 100%;
  text-align: left;
  line-height: 150%;
  overflow: hidden;
}
.tbl-wp table.List td.search-None .text .img {
  float: left;
  display: inline-block;
  width: 42px;
  height: 45px;
  margin: 0 13px 0 0;
  background: url("../../images/searchResult_No.gif") no-repeat 0 2px;
}
.tbl-wp table.List td.search-None .text .txt {
  float: left;
  display: inline-block;
  margin: 2px 0 0 0;
}
.tbl-wp table.List td.search-None.Tsearch .text .img {
  float: left;
  display: inline-block;
  width: 92px;
  height: 120px;
  margin: 0 22px 0 0;
  background: url("/pds/images/comm/searchResult_No_big.png") no-repeat 0 0;
  background-size: 90px auto;
}
.tbl-wp table.List td.search-None.Tsearch .text .txt {
  float: left;
  display: inline-block;
  margin: 28px 0 0 0;
  font-size: 120%;
  letter-spacing: -0.5px;
  line-height: 1.6em;
}
.tbl-wp table.List td.search-None.yp .text .img {
  float: left;
  display: inline-block;
  width: 88px;
  height: 100px;
  margin: 0 25px 0 0;
  background: url("/pds/images/comm/searchResult_No_big.png") no-repeat 0 0;
  background-size: 88px auto;
}

/*----- 검색결과가 없을 경우(cardList형) -----*/
.tbl-wp.cardList-search-No table.List {
  border: 1px solid #ddd !important;
}
.tbl-wp.cardList-search-No table.List td.search-None {
  padding: 30px 0 25px 0;
}

/*----- 검색결과가 없을 경우(li, dd형) -----*/
.ul-search-None {
  padding: 20px 0 5px 0;
  text-align: center;
}
.ul-search-None .text {
  display: inline-block;
  font-size: 100%;
  text-align: left;
  line-height: 150%;
  overflow: hidden;
}
.ul-search-None .text .img {
  float: left;
  display: inline-block;
  width: 42px;
  height: 45px;
  margin: 0 13px 0 0;
  background: url("/pds/images/comm/searchResult_No.gif") no-repeat 0 2px;
}
.ul-search-None .text .txt-guide {
  float: left;
  display: inline-block;
  margin: 2px 0 0 0;
}

/* Etc style */
.tbl-wp .List tr.sum-box td {
  height: 48px;
  padding: 0 20px 0 0;
  font-size: 100%;
  font-weight: bold;
  text-align: right;
  background: #fafafa;
}
.tbl-wp .List tr.sum-box td strong {
  display: inline-block;
  margin: 0 2px 0 0;
  font-size: 105%;
  font-weight: bold !important;
}

/*----- Photo형 List 변형 -----*/
/* News List */
.comm-photo-List a {
  clear: both;
  display: block;
  position: relative;
  padding: 15px 0 13px 20px;
  font-size: 100%;
  color: #333;
  line-height: 1.4em;
  text-align: left;
  transition: all 0.3s;
  overflow: hidden;
}
.comm-photo-List a:hover {
  text-decoration: none;
}
.comm-photo-List .thumb {
  display: inline-block;
  float: left;
  position: relative;
  width: 230px;
  height: 130px;
  text-align: center;
  border: 1px solid #eee;
  background: url("/pds/images/comm/no_image.png") no-repeat 50% 50%;
  overflow: hidden;
}
/*
.comm-photo-List .thumb img {width: auto; height: 100%; min-width: 100%;}
*/
.comm-photo-List .thumb img {
  display: inline;
  height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.comm-photo-List a .info {
  display: inline-block;
  float: left;
  width: 920px;
  padding: 5px 0 0 25px;
  transition: all 0.2s;
}
.comm-photo-List a .info .subj {
  display: block;
  margin: 0 0 10px 0;
  font-size: 150%;
  letter-spacing: -1.2px;
  line-height: 120%;
  font-weight: normal;
  transition: all 0.2s;
}
.comm-photo-List a:hover .info .subj {
  color: #ff5529;
  text-decoration: none;
}
.comm-photo-List a .info .detail {
  display: block;
  display: -webkit-box;
  min-height: 56px;
  margin: 0 0 4px 0;
  font-size: 13px;
  color: #888;
  line-height: 140%;
  word-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/*
.comm-photo-List a:hover .info .detail {color: #555;}
*/
.comm-photo-List a .info .etc {
  display: block;
  font-size: 12px;
  color: #999;
}
.comm-photo-List a .info .etc .origin {
  display: inline-block;
  margin: -5px 0 0 20px;
  font-size: 11px;
  vertical-align: middle;
}
.comm-photo-List a .info .etc .origin strong {
  color: #888;
  font-weight: normal;
}

/* 뉴스 개편(2020-02-20) */
.comm-photo-List.new a {
  padding: 14px 0 13px 5px;
}
.comm-photo-List.new a .info {
  width: 675px;
  padding-left: 20px;
}
.comm-photo-List.new .thumb {
  width: 200px;
}
.comm-photo-List.new .thumb img {
  display: inline;
  height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

/*----- 설명용 -----*/
.tbl-wp.inner-Contents {
  border-top: 1px solid #999;
  border-bottom: 1px solid #b5b5b5;
}
.tbl-wp.inner-Contents th {
  padding: 8px 0 10px 0;
  font-size: 100%;
  color: #444;
  line-height: 1.2em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #d1d1d1;
  border-bottom: 1px solid #d1d1d1;
  background: #ececec;
}
.tbl-wp.inner-Contents th:last-child {
  border-right: none;
}
.tbl-wp.inner-Contents td {
  padding: 15px 0 15px 0;
  font-size: 100%;
  line-height: 1.4em;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  background: #fff;
}
.tbl-wp.inner-Contents tr:last-child td,
.tbl-wp.inner-Contents td.bottom-line-None {
  border-bottom: none;
}
.tbl-wp.inner-Contents td:last-child {
  border-right: none;
}
.tbl-wp.inner-Contents td.left-line {
  border-left: 1px solid #e0e0e0;
}

/*----- 예규판례용 -----*/
.tbl-wp table.List td.keyword {
  padding-left: 4px;
  padding-right: 4px;
}
.tbl-wp table.List td.keyword a,
.tbl-wp table.List td.keyword span.None {
  display: inline-block;
  position: relative;
  font-size: 12px;
  color: #666;
  letter-spacing: -0.5px;
  line-height: 1.3em;
  text-decoration: none;
  transition: none !important;
}
.tbl-wp table.List td.keyword a:hover {
  color: #ff5529;
}
.tbl-wp table.List td.keyword a:before {
  content: "";
  display: none;
  position: absolute;
  bottom: -9px;
  left: 50%;
  width: 9px;
  height: 5px;
  margin: 0 0 0 -4.5px;
  background: url("/pds/images/sub/yp/YgJb_ic.png") no-repeat center 0;
  animation: keyword_tooltip 0.5s ease-out;
  z-index: 10;
}
.tbl-wp table.List td.keyword a:after {
  content: "동일 주제어의 예규판례 조회";
  display: none;
  position: absolute;
  bottom: -30px;
  left: 50%;
  width: 150px;
  height: 22px;
  margin: 0 0 0 -75px;
  padding: 0px 0 0 0;
  font-size: 11px;
  color: #fff;
  letter-spacing: -0.5px;
  line-height: 21px;
  text-align: center;
  text-decoration: none !important;
  border-radius: 3px;
  background: #25272f;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  animation: keyword_tooltip 0.5s ease-out;
  z-index: 10;
}
@keyframes keyword_tooltip {
  from {
    opacity: 0;
    transform: translate(0, 6px);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
.tbl-wp table.List td.keyword a:hover::before {
  display: block;
}
.tbl-wp table.List td.keyword a:hover::after {
  display: block;
}

/*----- 정렬버튼 -----*/
.tbl-wp table.List th a.tblList-align-btn {
  display: inline-block;
  padding: 4px 10px;
  color: #777;
  text-decoration: none !important;
}
.tbl-wp table.List th a.tblList-align-btn:hover {
  color: #ff5529;
}
.tbl-wp table.List th a.tblList-align-btn i {
  margin: 0 0 1px 6px;
  font-size: 10px;
  vertical-align: bottom;
}
.tbl-wp table.List th a.tblList-align-btn.up i::before {
  content: "\f077";
}
.tbl-wp table.List th a.tblList-align-btn.up.active i::before {
  content: "\f078";
}
.tbl-wp table.List th a.tblList-align-btn.down i::before {
  content: "\f078";
}
.tbl-wp table.List th a.tblList-align-btn.down.active i::before {
  content: "\f077";
}

/********************************************************************************************************************************
* 공통 Board(Table) Insert Style
********************************************************************************************************************************/
.tbl-wp table.Insert {
  border-top: 1px solid #d0d0d0;
}
.tbl-wp table.Insert tr:last-child th,
.tbl-wp table.Insert tr:last-child td {
  border-bottom-color: #d5d5d5;
}
.tbl-wp table.Insert tr.bottomLine-None th,
.tbl-wp table.Insert tr.bottomLine-None td {
  border-bottom: none !important;
}

.tbl-wp.line-None table.Insert {
  border-top: none;
}
.tbl-wp.line-None table.Insert th {
  height: 70px;
  font-size: 17px;
  font-weight: normal;
  border-bottom: none;
  background: none;
}
.tbl-wp.line-None table.Insert td {
  border-bottom: none;
  background: none;
}

.tbl-wp table.Insert th {
  height: 62px;
  padding: 0 0 1px 25px;
  font-size: 100%;
  color: #555;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #e5e5e5;
  background: #f7f7f7;
}
.tbl-wp table.Insert.th45 th {
  height: 46px;
}
.tbl-wp table.Insert.th50 th {
  height: 54px;
}
.tbl-wp table.Insert th.Center {
  height: 32px;
  padding-right: 0;
  text-align: center;
}
.tbl-wp table.Insert th.txt {
  height: 45px;
}
.tbl-wp table.Insert th.btLine-None {
  border-bottom: none !important;
}
.tbl-wp table.Insert th.ct {
  padding-left: 0;
  text-align: center;
}
.tbl-wp table.Insert th.txt-rt {
  padding: 0 10px 1px 0;
  text-align: right;
}

.tbl-wp table.Insert.small th {
  padding-left: 15px;
  font-size: 13px;
}

.tbl-wp table.Insert td {
  padding: 0 20px 0 20px;
  font-size: 100%;
  line-height: 150%;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #e9e9e9;
}
.tbl-wp table.Insert.td60 td {
  height: 60px;
}
.tbl-wp table.Insert td.kind {
  color: #f47626;
}
.tbl-wp table.Insert td.cell {
  padding-top: 10px;
  padding-bottom: 10px;
}
.tbl-wp table.Insert td.cell2 {
  padding-top: 7px;
  padding-bottom: 9px;
}
.tbl-wp table.Insert td.cell3 {
  padding-top: 10px;
  padding-bottom: 8px;
}
.tbl-wp table.Insert td.cell-big {
  padding-top: 15px;
  padding-bottom: 15px;
}
.tbl-wp table.Insert td.date,
.tbl-wp table.Insert td.count {
  font-size: 14px;
  color: #888;
}
.tbl-wp table.Insert td.lt-Line {
  border-left: 1px solid #e9e9e9;
}
.tbl-wp table.Insert td.rt-Line {
  border-right: 1px solid #e9e9e9;
}
.tbl-wp table.Insert td.rt-txt {
  padding-right: 25px;
  text-align: right;
}
.tbl-wp table.Insert td.None {
  padding: 0;
}

.tbl-wp table.Insert td.td-padding {
  padding-top: 12px;
  padding-bottom: 12px;
}
.tbl-wp table.Insert td.td-padding2 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.tbl-wp table.Insert td.td-padding3 {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
}
.tbl-wp table.Insert td.td-chkpadd {
  padding-top: 20px;
  padding-bottom: 10px;
}

.tbl-wp table.Insert td.bg {
  background: #f7f8fa;
}

/* List 타입 */
.tbl-wp table.Insert.list-type th {
  height: 60px;
  border-right: 1px solid #e5e5e5;
}
.tbl-wp table.Insert.list-type th:last-child {
  border-right: none;
}
.tbl-wp table.Insert.list-type th.ct {
  height: 45px;
  padding-left: 0;
  text-align: center;
}
.tbl-wp table.Insert.list-type td {
  height: 60px;
  border-right: 1px solid #e9e9e9;
}
.tbl-wp table.Insert.list-type td:last-child {
  border-right: none;
}

.tbl-wp table.Insert th.top-double-line,
.tbl-wp table.Insert td.top-double-line {
  border-top: 3px double #d0d0d0;
}

.tbl-wp table.Insert .insert-bottom-txt {
  display: block;
  margin: 10px 0 0 0;
  font-size: 14px;
  color: #777;
}
.tbl-wp table.Insert .insert-bottom-txt .text {
  display: inline-block;
  margin: 0 30px 2px 0;
  vertical-align: middle;
}

/*----- 파일찾아보기 -----*/
.file-input-wp span.info {
  display: block;
  margin: 0 0 6px 0;
  font-size: 13px;
  line-height: 140%;
}
.file-input-wp span.info u {
  color: red;
  text-decoration: none;
}

.file-input-wp input {
  display: inline-block;
}
.file-input-wp .file-input-textbox {
  height: 42px;
  border-color: #ccc;
  background: #fafafa !important;
  box-shadow: none;
}
.file-input-wp .upload {
  position: relative;
  width: 120px;
  height: 42px;
  border-color: transparent;
  opacity: 0 !important;
  cursor: pointer !important;
  z-index: 2;
}

.file-input-wp .tbl-inBtn {
  position: absolute;
  width: 120px;
  height: 42px;
  padding: 0;
  font-size: 100%;
  color: #fff;
  line-height: 0px !important;
  border-color: transparent;
  border-radius: 4px;
  background: #3e5062;
  cursor: pointer;
}
.file-input-wp span.upload-files {
  display: block;
  margin: 8px 0 0 0;
  font-size: 14px;
  line-height: 120%;
}
.file-input-wp span.upload-files a {
  display: inline-block;
  color: #ff5a31;
  text-decoration: underline;
}
.file-input-wp span.upload-files a:hover {
  color: #ffa51e;
}
.file-input-wp span.upload-files .del {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 0 0 2px;
  font-size: 100%;
  color: #aaa;
  line-height: 13px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.file-input-wp span.upload-files .del:hover {
  color: #fff;
  border-color: #d15050;
  background: #e05555;
}

.file-input-wp .filebox input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}
.file-input-wp .filebox label.upload-btn {
  display: inline-block;
  width: 120px;
  height: 42px;
  padding: 0;
  font-size: 14px;
  color: #fff;
  letter-spacing: -0.5px;
  line-height: 40px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border-color: transparent;
  border-radius: 4px;
  background: #3e5062;
  cursor: pointer;
}
.file-input-wp .filebox label.upload-btn.normal {
  height: 42px;
  line-height: 40px;
}
.file-input-wp .filebox .upload-name {
  display: inline-block;
  vertical-align: middle;
}

/*----- 에디터 출력 -----*/
.tbl-wp table.Insert .editer {
  padding: 10px 10px;
  overflow: hidden;
}

/*----- 하단 설명 -----*/
.comm-txt-box {
  margin: -25px 0 0px 0;
  font-size: 13px;
  color: #666;
  line-height: 1.6em;
}

/********************************************************************************************************************************
* 공통 Board(Table) View Style
********************************************************************************************************************************/
.tbl-wp table.View {
  border-top: 1px solid #777;
  border-bottom: 1px solid #ccc;
}
.tbl-wp table.View tr:last-child td {
  border-bottom: none;
}
.tbl-wp table.View tr.bottom th,
.tbl-wp table.View tr.bottom td {
  border-color: #d9d9d9;
}

.tbl-wp table.View th {
  font-size: 13px;
  color: #555;
  font-weight: normal;
  text-align: center !important;
  vertical-align: middle;
  border-bottom: 1px solid #e9e9e9;
}
.tbl-wp table.View th span {
  position: relative;
  display: block;
  height: 46px;
  line-height: 44px;
}
.tbl-wp table.View th span::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 13px;
  margin: -7px 0 0 0;
  background: #e9e9e9;
  z-index: 2;
}
.tbl-wp table.View th.subj {
  height: 60px;
  font-weight: bold;
  border-bottom: none;
  background: #f4f4f4;
}
.tbl-wp table.View th.subj span::after {
  background: #dadada;
}

.tbl-wp table.View td {
  position: relative;
  padding: 0 0 0 20px;
  font-size: 100%;
  line-height: 150%;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #e9e9e9;
}
.tbl-wp table.View td.subj {
  padding: 12px 20px 14px 20px;
  font-size: 110%;
  border-bottom: none;
  background: #f4f4f4;
}
.tbl-wp table.View td.kind {
  color: #ff643c;
}
.tbl-wp table.View td.date,
.tbl-wp table.View td.count {
  font-size: 14px;
  color: #888;
}
.tbl-wp table.View td.file a,
.tbl-wp table.View2 td.file a {
  display: inline-block;
  width: 24px;
  height: 24px;
  color: #555;
  margin: 5px 0 0 0;
}
.tbl-wp table.View td.file a:hover,
.tbl-wp table.View2 td.file a:hover {
  color: #ff5529;
}
.tbl-wp table.View td.file a.hwp,
.tbl-wp table.View2 td.file a.hwp {
  background: url("/pds/images/comm/file_hwp.png") no-repeat 0 2px;
  background-size: 20px auto;
}
.tbl-wp table.View td.file a.doc,
.tbl-wp table.View2 td.file a.doc {
  background: url("/pds/images/comm/file_doc.png") no-repeat 0 2px;
  background-size: 20px auto;
}
.tbl-wp table.View td.file a.xls,
.tbl-wp table.View2 td.file a.xls {
  background: url("/pds/images/comm/file_xls.png") no-repeat 0 2px;
  background-size: 20px auto;
}
.tbl-wp table.View td.file a.ppt,
.tbl-wp table.View2 td.file a.ppt {
  background: url("/pds/images/comm/file_ppt.png") no-repeat 0 2px;
  background-size: 20px auto;
}
.tbl-wp table.View td.file a.pdf,
.tbl-wp table.View2 td.file a.pdf {
  background: url("/pds/images/comm/file_pdf.png") no-repeat 0 2px;
  background-size: 20px auto;
}
.tbl-wp table.View td.file a.zip,
.tbl-wp table.View2 td.file a.zip {
  background: url("/pds/images/comm/file_zip.png") no-repeat 0 2px;
  background-size: 20px auto;
}
.tbl-wp table.View td.file a.etc,
.tbl-wp table.View2 td.file a.etc {
  background: url("/pds/images/comm/file_etc.png") no-repeat 0 2px;
  background-size: 20px auto;
}

.tbl-wp table.View td.file .num,
.tbl-wp table.View2 td.file .num {
  display: inline-block;
  margin: 0 0 0 2px;
  color: #aaa;
}
.tbl-wp table.View td.detail {
  padding: 40px 25px 45px 25px;
  color: #444;
  line-height: 1.7em;
}
.tbl-wp table.View td.detail p {
  margin: 0 0 1.5em 0;
  font-size: 100%;
  text-align: left;
  line-height: 1.7em;
  vertical-align: middle;
}
.tbl-wp table.View td.detail img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 1em 0;
}
.tbl-wp table.View td.detail.old {
  padding-top: 25px;
  padding-bottom: 25px;
}
.tbl-wp table.View td.detail.consult {
  padding-bottom: 45px;
}
.tbl-wp table.View td.detail.event {
  padding-top: 20px;
  padding-bottom: 50px;
  text-align: center;
}
.tbl-wp table.View td.star {
  font-size: 17px;
  color: #eb5e05 !important;
  letter-spacing: -1.5px;
}
.tbl-wp table.View td.note-text {
  padding-top: 9px;
  padding-bottom: 8px;
  color: #777;
}
/*----- 감리지적사례용 -----*/
.tbl-wp table.View td.detail.acc-supervision {
  padding: 50px 0 40px 0;
}

/*----- 이전글, 다음글 -----*/
.tbl-wp.PreNext {
  margin: 30px 0 0 0;
}
.tbl-wp.PreNext table {
  border-top-color: #ccc !important;
}
.tbl-wp.PreNext tr:last-child th {
  border-bottom-color: #ccc !important;
}
.tbl-wp.PreNext th {
  padding-left: 10px;
}
.tbl-wp.PreNext th i {
  margin: 0 0 0 8px;
  color: #888;
}
.tbl-wp.PreNext td .None {
  color: #aaa;
}

/*----- View2 -----*/
.tbl-wp table.View2 {
  border-top: 1px solid #d7d7d7;
}
.tbl-wp table.View2 tr:last-child th,
.tbl-wp table.View2 tr:last-child td {
  border-bottom-color: #d7d7d7;
}

.tbl-wp table.View2 th {
  height: 42px;
  padding: 0 0 1px 20px;
  font-size: 13px;
  color: #777;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #e5e5e5;
  background: #f4f4f4;
}
.tbl-wp table.View2 th.color {
  color: #fff;
  background: #f49e1c;
}
.tbl-wp table.View2.th36 th {
  height: 36px !important;
}
.tbl-wp table.View2.th50 th {
  height: 50px !important;
}
.tbl-wp table.View2 th.rt-Line {
  border-right: 1px solid #e5e5e5;
}
.tbl-wp table.View2 th.btLine-None {
  border-bottom: none !important;
}
.tbl-wp table.View2 th.ct {
  padding-left: 0 !important;
  text-align: center;
}

.tbl-wp table.View2.td50 td {
  height: 50px;
}
.tbl-wp table.View2 td {
  padding: 0 20px 0 20px;
  font-size: 100%;
  line-height: 150%;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #e9e9e9;
}
.tbl-wp table.View2 td.date {
  font-size: 12px;
  color: #777;
}
.tbl-wp table.View2 td.cell {
  padding-top: 6px;
  padding-bottom: 6px;
}
.tbl-wp table.View2 td.cell2 {
  padding-top: 8px;
  padding-bottom: 10px;
}
.tbl-wp table.View2 td.cell3 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.tbl-wp table.View2 td.td-padding {
  padding-top: 18px;
  padding-bottom: 20px;
}
.tbl-wp table.View2 td.rt-txt {
  padding-right: 30px;
  text-align: right;
}
.tbl-wp table.View2 td.rt-txt2 {
  padding-right: 20px;
  text-align: right;
}
.tbl-wp table.View2 td.rt-Line {
  border-right: 1px solid #e9e9e9;
}
.tbl-wp table.View2 td.ct {
  text-align: center;
}
.tbl-wp table.View2 td.None {
  padding: 0;
}

/*----- Form(radio, checkbox 한줄로) -----*/
.tbl-wp table.View2 td.radio-br label {
  display: block;
}

/*----- 결제하기 table style -----*/
.tbl-wp table.View2.order th {
  height: 60px;
  padding: 0 0 1px 25px;
  font-size: 15px;
  color: #555;
  font-weight: bold;
}
.tbl-wp table.View2.order th.txt {
  height: 45px;
}
.tbl-wp table.View2.order td {
  font-size: 120%;
}
.tbl-wp table.View2.order td strong {
  display: inline-block;
  margin: 0 3px 0 0;
  font-size: 120%;
  font-weight: bold !important;
}
.tbl-wp table.View2.order th.bg,
.tbl-wp table.View2.order td.bg {
  background-color: #fafafa !important;
}

/*----- 구인/구직 table style -----*/
.tbl-wp table.View2.recruit th {
  height: 50px;
  padding: 0 0 0px 25px;
  font-size: 15px;
  color: #555;
  font-weight: bold;
}
.tbl-wp table.View2 td.cell3 p {
  margin: 0 0 1.5em 0;
  font-size: 100%;
  text-align: left;
  line-height: 160%;
  vertical-align: middle;
}
.tbl-wp table.View2 td.cell3 img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 1em 0;
}

/********************************************************************************************************************************
* Seacrh, Align, Pagination 등
********************************************************************************************************************************/
/*----- 검색 -----*/
.Board-srh-wp {
  position: relative;
  height: 58px;
}
.Board-srh-wp.bottom-list {
  margin: 30px 0 0 0;
}
.Board-srh-wp .count {
  padding: 22px 0 0 0;
  font-size: 16px;
  color: #777;
}
.Board-srh-wp .count strong {
  display: inline-block;
  margin: 0 2px 0 0;
  font-size: 20px;
  color: #e94e1b;
  letter-spacing: -0.5px;
}

.Board-srh-wp .search {
  position: absolute;
  top: 0;
  right: 0;
}
.Board-srh-wp .search .int-1 {
  display: inline-block;
  margin: 0 -5px 0 2px;
}
.Board-srh-wp .search .selt-1,
.Board-srh-wp .search .int-1 {
  height: 40px;
  border-radius: 0;
}
.Board-srh-wp .search .selt-1:focus,
.Board-srh-wp .search .int-1:focus {
  border-color: #aaa;
  background: #fff;
  box-shadow: none;
}

.Board-srh-wp .search .btn {
  width: 70px;
  height: 40px;
  margin: 0;
  padding: 0 0 0 0;
  font-size: 14px;
  color: #fff;
  text-align: center;
  border: 1px solid #444;
  background: #555;
  transition: all 0.3s;
  cursor: pointer;
}
.Board-srh-wp .search .btn:hover {
  background: #333;
}

.Board-srh-wp .search .list-align {
  margin: 0 0 0 2px;
  font-size: 14px;
  color: #fff;
  letter-spacing: -1px !important;
  vertical-align: middle;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  border: 1px solid #999;
  background: #aaa !important;
}
.Board-srh-wp .search .semok {
  margin: 0 8px 0 0 !important;
}

.Board-srh-wp.count {
  margin-top: -15px;
}
.Board-srh-wp.count2 {
  margin-top: -10px;
}

/*----- 정렬 -----*/
.Board-srh-wp.align {
  margin: -10px 0 0 0;
}
.Board-srh-wp .align-wp {
  clear: both;
  position: absolute;
  top: 15px;
  right: 0;
  overflow: hidden;
}
.Board-srh-wp .align-wp a {
  display: inline-block;
  position: relative;
  margin: 0 12px 0 0;
  font-size: 13px;
  color: #777;
  text-decoration: none !important;
}
.Board-srh-wp .align-wp a.selected {
  padding: 0 15px 0 0;
  color: #e94e1b;
  font-weight: bold;
  text-decoration: none;
}
.Board-srh-wp .align-wp a.selected::after {
  content: "▼";
  position: absolute;
  top: 0;
  right: 1px;
}
.Board-srh-wp .align-wp a::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -7px;
  width: 1px;
  height: 10px;
  margin: -5px 0 0 0;
  background: #e0e0e0;
}
.Board-srh-wp .align-wp a:last-child {
  margin: 0;
}
.Board-srh-wp .align-wp a:last-child::before {
  display: none;
}
.Board-srh-wp .align-wp a:hover {
  color: #ff5a31;
}

/*----- 버튼 -----*/
.Board-srh-wp .rt-Btn {
  position: absolute;
  top: 0;
  right: 0;
}
.Board-srh-wp .rt-Btn a {
  margin: 0 0 0 2px;
  height: 30px;
  line-height: 28px;
}

.Board-srh-wp .txt-guide {
  position: absolute;
  bottom: 15px;
  right: 0;
  font-size: 11px;
  color: #aaa;
}

/*----- List style -----*/
.Board-srh-wp .list-style {
  display: inline-block;
  margin: 0 0 0 5px;
}
.Board-srh-wp .list-style ul {
  float: left;
}
.Board-srh-wp .list-style li {
  float: left;
  margin: 0 0 0 5px;
}
.Board-srh-wp .list-style li a {
  display: block;
  width: 42px;
  height: 40px;
  padding: 0 0 0 1px;
  font-size: 22px;
  color: #888;
  line-height: 34px;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 5px;
}
.Board-srh-wp .list-style li a:hover {
  border-color: #f47d31;
}
.Board-srh-wp .list-style li.active a,
.Board-srh-wp .list-style li a.active {
  color: #ff643c;
  border-color: #f47d31;
}
.Board-srh-wp .list-style li a i {
  margin: 0;
}
.Board-srh-wp .list-style .lec-series {
  position: relative;
}
.Board-srh-wp .list-style .lec-series::after {
  content: "시리즈 묶음";
  position: absolute;
  top: -5px;
  right: -50px;
  width: 64px;
  height: 16px;
  font-size: 10px;
  color: #fff;
  letter-spacing: -1px;
  line-height: 15px;
  font-weight: normal;
  border-radius: 15px;
  background: #00a0d4; /* #e94e1b */
  box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.06);
  animation: series_ani 0.8s infinite;
}
@keyframes series_ani {
  50% {
    top: -4px;
  }
}

.list-style-field.tbl_list {
  display: none;
  padding: 0px 0 0 0;
}

/*----- Pagination -----*/
.Board-pagination {
  position: relative;
  height: 50px;
  margin: -5px 0 0 0;
  vertical-align: top;
  text-align: center;
}
.Board-pagination .paging {
  margin: 0 auto;
  padding: 5px 0 0 0;
}
.Board-pagination .paging a.btn,
.Board-pagination a.pgNum {
  display: inline-block;
  position: relative;
  width: 44px;
  height: 40px;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  border: none;
  cursor: pointer;
}

.Board-pagination .paging a.btn {
  margin: 0 -1px 0 0;
  font-size: 22px;
  color: #777;
  line-height: 30px;
  font-weight: normal;
  border: 1px solid #ddd;
  border-radius: 0;
  background: #efefef;
  box-shadow: 0 22px 15px -5px rgba(255, 255, 255, 1) inset;
  padding-top: 4px;
}

.Board-pagination .paging a.btn .fa {
  color: #777;
  font-size: 16px;
}
.Board-pagination .paging a.btn:hover .fa {
  color: #333;
}
.Board-pagination .paging a.btn:hover {
  font-size: 25px;
  color: #333;
}

.Board-pagination a.pgNum {
  margin: 0 -1px 0 0;
  padding: 2px 0 0 0;
  font-size: 14px;
  letter-spacing: -1px;
  line-height: 37px;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 1px solid #d9d9d9;
  background: #fff;
}
.Board-pagination a.pgNum:hover {
  font-weight: bold;
}
.Board-pagination a.pgNum:active {
  bottom: -2px;
}
.Board-pagination a.active,
.Board-pagination a.pgNum:hover {
  color: #fff;
  font-weight: bold;
  border-color: #676767;
  background: #727272;
}
.Board-pagination a.pre {
  margin: 0 6px 0 0 !important;
}
.Board-pagination a.next {
  margin: 0 -1px 0 7px !important;
}
.Board-pagination .dot {
  letter-spacing: 1px;
}

/*----- Pagination 안에 버튼 -----*/
.Board-pagination .ltB {
  position: absolute;
  top: 4px;
  left: 0;
}
.Board-pagination .rtB {
  position: absolute;
  top: 4px;
  right: 0;
}

/********************************************************************************************************************************
* Btn Style
********************************************************************************************************************************/
/*----- Board Btn ------------------------------*/
.tbl-btn {
  clear: both;
  line-height: 100%;
}
.tbl-btn.in-rt {
  position: absolute;
  top: 0;
  right: 0;
}
.tbl-btn .btn-hide {
  display: none;
}
.tbl-btn.topMrg {
  margin-top: 50px;
}
.tbl-btn.tbl-bottom-btn {
  margin: 10px 0 0 0;
}

.tbl-btn .ltB {
  float: left;
  overflow: hidden;
}
.tbl-btn .rtB {
  float: right;
  overflow: hidden;
}
.tbl-btn .ctB {
  text-align: center;
  overflow: hidden;
}
.tbl-btn .ctB li {
  display: inline-block;
  margin: 0 0 0 6px;
  padding: 0 0 5px 0;
}
.tbl-btn .ltB li {
  float: left;
  margin: 0 10px 0 0;
  padding: 0 0 5px 0;
}
.tbl-btn .rtB li {
  float: left;
  margin: 0 0 0 10px;
  padding: 0 0 5px 0;
}
.tbl-btn li a,
.tbl-btn li button,
.tbl-btn .rtB li .submit,
.tbl-btn .submit {
  display: block;
  position: relative;
  height: 58px;
  padding: 0 30px 0 30px;
  font-size: 115%;
  color: #fff;
  line-height: 56px;
  text-decoration: none !important;
  font-weight: bold;
  text-align: center;
  border: 1px solid #272727;
  background: #333;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.tbl-btn li a:hover,
.tbl-btn .rtB li .submit:hover {
  border-color: #ff643c;
  background-color: #f25f39;
  /*
		border-color: #193663;
		background: #1d3e71;
	*/
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.tbl-btn li a:active,
.tbl-btn .rtB li .submit:active {
  bottom: -2px;
}

.tbl-btn li.line a,
.tbl-btn li.line button {
  color: #777;
  border-color: #d5d5d5;
  background: #fff !important;
}
.tbl-btn li.line a:hover,
.tbl-btn li.line button:hover {
  color: #02234e;
  border-color: #03295c;
}
.tbl-btn button {
  transition: all 0.2s;
}

/* style */
.tbl-btn li .radius {
  border-radius: 4px;
}

/* Color type */
.tbl-btn li .org {
  border-color: #f66039;
  background-color: #ff643c;
}
.tbl-btn li .org:hover {
  border-color: #e98730;
  background-color: #f48d31;
}
.tbl-btn li .red {
  border-color: #d35050;
  background-color: #e05555;
}
.tbl-btn li .red:hover {
  border-color: #b43131;
  background-color: #bf3434;
}
.tbl-btn li .etc {
  border-color: #3c4b5c;
  background-color: #435366;
}
.tbl-btn li .etc:hover {
  border-color: #496587;
  background-color: #4e6c91;
}

/* size */
.tbl-btn li .c1 {
  width: 160px;
}
.tbl-btn li .c2 {
  width: 260px;
}
.tbl-btn li .c3 {
  width: 180px;
}
.tbl-btn li .c4 {
  width: 120px;
}
.tbl-btn li .c5 {
  width: 140px;
  padding: 0;
}
.tbl-btn li .c7 {
  width: 220px;
  padding: 0;
}
.tbl-btn li .big {
  height: 70px;
  font-size: 21px !important;
  font-weight: normal !important;
  line-height: 68px;
}

.tbl-btn li .small {
  height: 26px;
  padding: 0 12px;
  font-size: 11px;
  line-height: 24px;
  font-weight: normal;
}
.tbl-btn li .small i {
  margin: 0 5px 3px 0;
  font-size: 14px;
  vertical-align: middle;
}
.tbl-btn li .middel {
  height: 42px;
  padding: 0 12px;
  font-size: 15px;
  line-height: 40px;
}

/*----- Normal Btn style ------------------------------*/
.btn-type {
  clear: both;
  display: inline-block;
  position: relative;
  height: 45px;
  padding: 0 20px 0 20px;
  font-size: 16px;
  color: #fff !important;
  line-height: 43px;
  text-decoration: none !important;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #272727;
  background-color: #333;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.btn-type.p10 {
  padding: 0 10px;
}
.btn-type.p15 {
  padding: 0 18px;
}
.btn-type:hover {
  border-color: #ff643c;
  background-color: #f25f39;
  /*	
		border-color: #193663; 
		background-color: #1d3e71;
	*/
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.btn-type:active {
  bottom: -2px;
}
.btn-type i {
  margin: 0 5px 2px 0;
}
.btn-type.radius {
  border-radius: 4px;
}

.btn-type.line {
  color: #888 !important;
  border-color: #d5d5d5 !important;
  background-color: #f9f9f9 !important;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05),
    0 22px 0px 0 rgba(255, 255, 255, 0.9) inset;
}
.btn-type.line:hover {
  color: #222 !important;
  border-color: #777 !important;
  background-color: #f3f3f3 !important;
}

/* small type */
.btn-type.small {
  height: 30px;
  padding: 0 15px;
  font-size: 13px;
  line-height: 28px;
  font-weight: normal;
}
.btn-type.small i {
  margin-bottom: 3px;
  font-size: 12px;
  vertical-align: middle;
}
.btn-type.small.line {
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05),
    0 15px 0px 0 rgba(255, 255, 255, 0.9) inset;
}
.btn-type.small2 {
  height: 25px;
  padding: 0 10px;
  font-size: 12px;
  line-height: 23px;
  font-weight: normal;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05),
    0 12px 0px 0 rgba(255, 255, 255, 0.9) inset;
}
.btn-type.small3 {
  height: 25px;
  padding: 0 10px;
  font-size: 12px;
  letter-spacing: -0.5px;
  line-height: 23px;
  font-weight: normal;
}
.btn-type.small4 {
  height: 22px;
  padding: 0 8px;
  font-size: 11px;
  letter-spacing: -0.5px;
  line-height: 20px;
  font-weight: normal;
}
.btn-type.middel {
  height: 42px;
  padding: 0 12px;
  font-size: 15px;
  line-height: 40px;
  font-weight: normal;
}

/* Color type */
.btn-type.gray {
  border-color: #a4acb4;
  background-color: #acb4bc;
}
.btn-type.gray:hover {
  border-color: #676767;
  background-color: #777;
}
.btn-type.gray2 {
  border-color: #3c3c3c;
  background-color: #474747;
}
.btn-type.gray2:hover {
  border-color: #ff643c;
  background-color: #f25f39;
}
.btn-type.org {
  border-color: #f66039;
  background-color: #ff643c;
}
.btn-type.org:hover {
  border-color: #e98730;
  background-color: #f48d31;
}
.btn-type.red {
  border-color: #d35050;
  background-color: #e05555;
}
.btn-type.red:hover {
  border-color: #b43131;
  background-color: #bf3434;
}
.btn-type.purple {
  border-color: #423b80;
  background-color: #49418e;
}
.btn-type.purple:hover {
  border-color: #5c50c5;
  background-color: #6356d3;
}
.btn-type.etc {
  border-color: #3c4b5c;
  background-color: #435366;
}
.btn-type.etc:hover {
  border-color: #496587;
  background-color: #4e6c91;
}

/* Btn Resize */
.btn-type.w700 {
  width: 700px;
}
.btn-type.w1 {
  padding: 0 25px;
}
.btn-type.w2 {
  width: 150px;
  padding: 0;
}
.btn-type.w3 {
  width: 110px;
  padding: 0;
}
.btn-type.w140 {
  width: 140px;
  padding: 0;
}
.btn-type.w250 {
  width: 250px;
  padding: 0;
}
.btn-type.h26 {
  height: 26px;
  line-height: 24px;
}
.btn-type.h30 {
  height: 30px;
  line-height: 28px;
}
.btn-type.h38 {
  height: 38px;
  line-height: 36px;
}
.btn-type.h42 {
  height: 42px;
  line-height: 40px;
}
.btn-type.h55 {
  height: 55px;
  line-height: 54px;
}
.btn-type.h60 {
  height: 60px;
  line-height: 58px;
}

/*----- table inner ------------------------------*/
.tbl-inBtn {
  display: inline-block;
  position: relative;
  height: 42px;
  padding: 0 16px 0 16px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
  letter-spacing: -0.5px;
  line-height: 40px;
  text-decoration: none !important;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
  background-color: #6a727c;
  cursor: pointer;
  z-index: 2;
}
.tbl-inBtn:hover {
  color: #fff;
  background-color: #f25f39;
}
.tbl-inBtn:active {
  bottom: -2px;
}
.tbl-inBtn.red {
  background-color: #cc2f2f;
}
.tbl-inBtn.red:hover {
  color: #fff;
  background-color: #e05555;
}