@charset "UTF-8";
.fullpage-wp {
  display: flex;
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  position: relative;
  min-width: 700px;
}

.title-box {
  display: inherit;
  align-items: center;
  gap: 6px;
}
.title-box .Noto {
  font-weight: 600;
}
.title-box img {
  width: 26px;
  height: 26px;
}
.title-box h2 {
  font-size: 18px;
  color: #fff;
  line-height: 44px;
  padding: 0;
  margin-top: 3px;
}

.btns-field {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 46px;
  background-color: #dedfe2;
  padding: 0 14px;
}
.btns-field .btn-select select.selt-1 {
  height: 32px;
  border-radius: 4px;
  padding: 4px 8px;
}
.btns-field .btn-gaejeong button {
  height: 28px;
  padding: 0 10px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.9) !important;
  letter-spacing: -0.2px;
  line-height: 28px;
  font-weight: normal;
  text-align: center;
  border-radius: 3px;
  border: 1px solid #272727;
  background-color: #333;
}
.btns-field .btn-gaejeong button:hover {
  background-color: #e05555;
  border: 1px solid #e05555;
  transition: 0.2s ease;
}

.content-wp {
  display: grid;
  grid-template-columns: 30% 70%;
  box-sizing: border-box;
}
.content-wp .con-info-lt,
.content-wp .con-info-rt {
  height: 46px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ccc;
  background: #f2f3f4;
}
.content-wp .con-info-lt {
  border-right: 1px solid #ccc;
}
.content-wp .con-info-rt {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.content-wp .search {
  height: 30px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.content-wp .search select.form-control.selt-1 {
  height: 30px;
  padding: 6px 8px;
  border-radius: 3px;
}
.content-wp .search input {
  display: inline-block;
  height: 30px;
  font-size: 13px;
  vertical-align: middle;
  border-radius: 3px;
  background-color: #fff;
  border: 1px solid #d5d5d5;
  padding-left: 6px;
}
.content-wp .search .btn-search {
  height: 28px;
  padding: 0 10px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.9) !important;
  letter-spacing: -0.2px;
  line-height: 28px;
  font-weight: normal;
  text-align: center;
  border-radius: 3px;
  border: 1px solid #272727;
  background-color: #333;
  transition: 0.2s ease;
}
.content-wp .search .btn-search:hover {
  background-color: #ff5529;
  border: 1px solid #ff5529;
}
.content-wp .con-body-lt,
.content-wp .con-body-rt {
  flex-direction: column;
  position: relative;
  height: calc(100vh-136px);
  padding: 16px 14px;
  overflow-y: scroll;
}
.content-wp .con-body-lt {
  border-right: 1px solid #ccc;
}
.content-wp .con-body-lt .list {
  margin-bottom: 60px;
}
.content-wp .con-body-lt .list li {
  clear: both;
  min-height: 17px;
  margin: 0 0 8px 0;
  font-size: 13px;
  color: #707d84;
  line-height: 1.3em;
}
.content-wp .con-body-lt .list .allview .btn-allview .fa-regular {
  margin-top: 0;
}
.content-wp .con-body-lt .list .btn-allview {
  font-size: 12px;
}
.content-wp .con-body-lt .list .btn-allview .fa-regular {
  color: #fff;
  margin-top: 7px;
  margin-right: 2px;
}
.content-wp .con-body-lt .list li.menu-sub {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 20px;
  margin: 0 0 4px 24px;
  padding-left: 26px;
  font-weight: bold;
  background: url(../images/acc_list_ic_03.png) no-repeat 0 2px;
  background-size: auto 14px;
}
.content-wp .con-body-lt .list li.menu-sub p {
  margin-top: 3px;
  color: #707d84;
  font-size: 13px;
}
.content-wp .con-body-lt .list li.menu-title {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 20px;
  margin: 16px 0 8px 0;
  padding-left: 26px;
  font-weight: bold;
  background: url(../images/acc_list_ic_02.png) no-repeat 0 2px;
  background-size: auto 14px;
}
.content-wp .con-body-lt .list li.menu-title b {
  margin-top: 3px;
  color: #707d84;
  font-size: 14px;
}
.content-wp .con-body-lt .list li.menu-items {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 20px;
  margin-left: 26px;
  padding-left: 17px;
  background: url(../images/acc_list_ic_01.png) no-repeat 0 3px;
  background-size: auto 14px;
  margin-bottom: 7px;
}
.content-wp .con-body-lt .list li.menu-items .menu-item {
  color: #333;
  margin-top: 4px;
  transition: 0.2s ease;
  margin-left: 6px;
}
.content-wp .con-body-lt .list li.menu-items .menu-item:hover {
  color: #ff5529;
  text-decoration: underline;
}
.content-wp .con-body-lt .list li.sub-items {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 20px;
  margin-left: 50px;
  padding-left: 17px;
  background: url(../images/acc_list_ic_01.png) no-repeat 0 3px;
  background-size: auto 14px;
  margin-bottom: 7px;
}
.content-wp .con-body-lt .list li.sub-items .menu-item {
  color: #333;
  margin-top: 4px;
  transition: 0.2s ease;
  margin-left: 6px;
}
.content-wp .con-body-lt .list li.sub-items .menu-item:hover {
  color: #ff5529;
  text-decoration: underline;
}
.content-wp .con-body-rt .content-field {
  padding-top: 20px;
  margin-bottom: 60px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.content-wp .con-body-rt .content-field .title {
  font-size: 16px;
  line-height: 30px;
  font-weight: 600;
}
.content-wp .con-body-rt .content-field .text {
  font-size: 14px;
  line-height: 1.6em;
}
.content-wp .con-body-rt .content-field .border {
  width: 80%;
  border: 1px solid #909090;
  padding: 14px 16px;
  margin-bottom: 8px;
}
.content-wp .con-body-rt .content-field .imgbox {
  display: inline-block;
  padding: 6px 0;
}
.content-wp .con-body-rt .page-btn-wp {
  display: flex;
  justify-content: center;
  gap: 10px;
}
.content-wp .con-body-rt .page-btn-wp .btn {
  height: 30px;
  line-height: 30px;
  padding: 0 16px;
  color: #707070;
}
.content-wp .con-body-rt .page-btn-wp .btn i {
  color: #707070;
}
.content-wp .con-body-rt .page-btn-wp .btn:hover {
  color: #111;
}
.content-wp .con-body-rt .page-btn-wp .btn:hover i {
  color: #111;
}
.content-wp .con-body-rt .page-btn-wp .btn.pre i {
  margin-right: 10px;
  margin-top: -1px;
}
.content-wp .con-body-rt .page-btn-wp .btn.next i {
  margin-left: 10px;
  margin-top: -1px;
}

.testbox {
  width: 200px;
  height: 200px;
  background-color: pink;
  margin-bottom: 10px;
}

.con-navi-wrap {
  font-family: "Noto Sans KR", sans-serif;
  position: relative;
  margin: 0px 0 -10px 0;
  padding: 40px 0 0 0;
  background: #f9f9f9;
  height: 90px;
  box-sizing: border-box;
  border-bottom: 1px solid #ddd;
  z-index: 0;
}
.con-navi-wrap .con-navi-box {
  width: 1200px;
  margin: 0 auto;
  z-index: 10;
  position: relative;
}
.con-navi-wrap ul {
  float: left;
  width: 100%;
  display: flex;
}
.con-navi-wrap li {
  float: left;
  position: relative;
}
.con-navi-wrap li a {
  clear: both;
  display: block;
  position: relative;
  bottom: -2px;
  height: 48px;
  line-height: 46px;
  font-size: 15px;
  color: #555;
  letter-spacing: -0.5px;
  text-decoration: none !important;
  text-align: center;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #d9d9d9;
  background: #ffffff;
  background: linear-gradient(to bottom, #ffffff 0%, #f8f8f8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#f8f8f8",GradientType=0 );
  /* box-shadow: 0 2px 1px 0 rgba(0,0,0, 0.05); */
  transition: all 0.2s;
}
.con-navi-wrap li:first-child {
  border-left: 1px solid #d9d9d9;
}
.con-navi-wrap li.active a {
  font-size: 16px;
  color: #fff;
  border-top: 1px solid #19218f;
  border-bottom: 1px solid #19218f;
  background: #19218f;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25), 0 23px 1px 0 rgba(255, 255, 255, 0.02) inset;
}
.con-navi-wrap li.active a {
  animation: none !important;
}
.con-navi-wrap li.active a::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  width: 20px;
  height: 20px;
  margin: 0 0 0 -8px;
  font-size: 5px;
  color: #fff;
  text-align: center;
  border-radius: 100%;
  background: #19218f url(../images/pgNavi_ic_org.png) no-repeat center;
  z-index: 2;
}
.con-navi-wrap li a:hover {
  color: #111;
  bottom: -3px;
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.05);
}
.con-navi-wrap li.active a:hover {
  color: #fff;
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.05);
}

ul.c4 li {
  flex: 1;
}

.count {
  padding: 20px 0 0 0;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 4px;
}
.count p {
  color: #777;
  font-size: 16px;
}
.count h3 {
  font-size: 20px;
  color: #e94e1b;
  letter-spacing: -0.5px;
  font-weight: 800;
}

.form-file {
  margin-top: 7px;
  clear: both;
  position: relative;
  display: inline-block;
}
.form-file .ficon.hwp {
  display: inline-block;
  background: url(../images/file_hwp.png) no-repeat center center;
  background-size: 24px;
  width: 24px;
  height: 24px;
}

.form-preview {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin: 4px 0 0 0;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #fff url("../images/preview.png") no-repeat center center;
  transition: all 0.2s ease;
}
.form-preview:hover {
  border-color: #999;
}

.file-dicon {
  width: 24px;
  height: 24px;
  border-radius: 2px;
}

.file-dl {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 2px;
  background-size: 24px 24px;
}
.file-dl.hwp {
  background: url(../images/file_hwp.png) no-repeat;
  background-size: cover;
}
.file-dl.zip {
  background: url(../images/file_zip.png) no-repeat;
  background-size: cover;
}
.file-dl.pdf {
  background: url(../images/file_pdf.png) no-repeat;
  background-size: cover;
}
.file-dl.xls {
  background: url(../images/file_xls.png) no-repeat;
  background-size: cover;
}
.file-dl.doc {
  background: url(../images/file_doc.png) no-repeat;
  background-size: cover;
}

.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 {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 38px;
  vertical-align: middle;
  cursor: pointer;
  margin: 0 -2px 0 0;
  padding: 2px 0 0 0;
  font-size: 22px;
  color: #777;
  font-weight: normal;
  border: 1px solid #ddd;
  border-radius: 0;
  background: #efefef;
  box-shadow: 0 22px 15px -5px rgb(255, 255, 255) inset;
  border-radius: 2px;
}
.board-pagination .paging a.btn:hover .fa {
  color: #333;
}
.board-pagination .paging a.pgNum {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 38px;
  cursor: pointer;
  margin: 0 -2px 0 0;
  font-size: 14px;
  letter-spacing: -1px;
  line-height: 33px;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 1px solid #d9d9d9;
  background: #fff;
  border-radius: 2px;
}
.board-pagination .paging a.active {
  color: #fff;
  font-weight: bold;
  border-color: #676767;
  background: #727272;
}
.board-pagination .paging a.pgNum:hover {
  color: #fff;
  font-weight: bold;
  border-color: #676767;
  background: #727272;
  transition: all 0.2s;
}
.board-pagination .paging .fa {
  color: #777;
  font-size: 16px;
}

.page-menu {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 40px;
}
.page-menu .page-item {
  font-family: "Noto Sans KR", sans-serif;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 56px;
  color: #999;
  background-color: #fafafa;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid #444;
  border-right: 1px solid #dfdfdf;
  transition: 0.2s ease;
  cursor: pointer;
}
.page-menu .page-item a {
  color: #999;
  font-size: 15px;
  transition: 0.2s ease;
}
.page-menu .page-item a.addtop::after {
  content: "프리미엄 온라인교육";
  position: absolute;
  top: -13px;
  left: 50%;
  width: 108px;
  height: 20px;
  margin: 0 0 0 -54px;
  font-size: 10.5px;
  color: #1f2450;
  letter-spacing: -0.5px;
  line-height: 22px;
  font-weight: 400;
  text-align: center;
  border: 1px solid #373d76;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.1);
  z-index: 3;
  transition: all 0.2s ease;
}
.page-menu .page-item.dis {
  background: transparent;
  border-top: 0;
  border-right: 0;
  cursor: auto;
}
.page-menu .page-item.dis:hover {
  background-color: transparent;
}
.page-menu .page-item:first-child {
  border-left: 1px solid #dfdfdf;
}
.page-menu .page-item.active {
  background-color: #fff;
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #444;
  border-top: 1px solid #444;
  border-right: 1px solid #444;
}
.page-menu .page-item.active a {
  color: #222;
  font-weight: 600;
}
.page-menu .page-item.active a.addtop::after {
  background-color: #d43c3c;
  border-color: #d43c3c;
  color: white;
}
.page-menu .page-item:last-child.active::after {
  background: transparent;
}
.page-menu .page-item.active::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  border-width: 0 8px 8px 0;
  border-style: solid;
  border-color: #444 #444 #fff #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), -1px 1px 2px rgba(0, 0, 0, 0.2);
}
.page-menu .page-item.active::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -7px;
  width: 6px;
  background: url(../images/tab_shadow.png) no-repeat 0 0;
  background-size: 100% 100%;
  z-index: 2;
}
.page-menu .page-item:hover a {
  color: #222;
}

.txt-con-area {
  display: flex;
  flex-direction: column;
  gap: 12px 0;
  width: 100%;
  min-height: 100px;
  margin-bottom: 40px;
  padding-bottom: 60px;
  border-bottom: 1px solid #ccc;
}
.txt-con-area .number {
  font-size: 27px;
  line-height: 30px;
  margin-bottom: 10px;
}
.txt-con-area .border-box {
  display: flex;
  flex-direction: row;
  gap: 16px;
  border: 2px solid #555;
  border-radius: 3px;
  padding: 24px 20px;
  margin-bottom: 10px;
}
.txt-con-area .border-box p {
  margin-bottom: 0;
  line-height: 20px;
}
.txt-con-area p {
  font-size: 15px;
  line-height: 26px;
  margin-bottom: 10px;
}

.list-table-wp {
  margin-top: 20px;
}

.list-table {
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
  margin-top: 16px;
}
.list-table .list-header {
  height: 45px;
  line-height: 45px;
  font-size: 12px;
  color: #777;
  letter-spacing: -0.5px;
  text-align: center;
  vertical-align: middle;
  border-top: 1px solid #777;
  background: #f4f4f4;
}
.list-table .list-con {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 20px 20px 16px;
  border-bottom: 1px solid #e9e9e9;
  transition: 0.2s ease;
}
.list-table .list-con a {
  display: inline-block;
  margin: 0 5px 5px 0;
  font-size: 16px;
  letter-spacing: 0.2px;
  font-weight: bold;
  vertical-align: middle;
}
.list-table .list-con span {
  display: block;
  display: -webkit-box;
  max-height: 61px;
  margin: 0 0 0 -1px;
  font-size: 13px;
  color: #666;
  letter-spacing: -0.2px;
  line-height: 1.4em;
  word-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  transition: all 0.3s;
  overflow: hidden;
  cursor: help;
}
.list-table .list-con:hover {
  background-color: #fafbfc;
}
.list-table .list-con:hover a {
  color: #ff5529;
}
.list-table .list-con:last-child {
  border-bottom: 1px solid #ccc;
}

.con-body-c {
  display: flex;
  flex-direction: column;
  padding: 40px 30px 50px;
  line-height: 1.8rem;
  height: auto;
  color: #444;
}
.con-body-c .table {
  display: flex !important;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto;
  background-color: yellow;
  margin-bottom: 26px;
  font-size: 15px;
  border-top: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;
  padding: 0 !important;
}
.con-body-c .table .tableItem {
  width: 50%;
  display: flex;
  flex-direction: row;
  background-color: #d2e5f0;
  border-bottom: 1px solid #e1e1e1;
  padding: 0;
  box-sizing: border-box;
}
.con-body-c .table .tableItem .tI-title {
  flex: 1;
  height: 44px;
  line-height: 46px;
  background-color: #f2f4f6;
  padding: 0 10px;
  border-right: 1px solid #e1e1e1;
}
.con-body-c .table .tableItem .tI-text {
  flex: 3;
  height: 44px;
  line-height: 46px;
  background-color: #fff;
  padding: 0 10px;
  border-right: 1px solid #e1e1e1;
}

table.List {
  border-top: 1px solid #777;
  border-bottom: 1px solid #ccc;
  margin-top: 14px;
  margin-bottom: 40px;
}
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;
  background: #f4f4f4;
}
table.List tr {
  border-bottom: 1px solid #e9e9e9;
  transition: 0.2s ease;
}
table.List tr:last-child {
  border-bottom: 0px solid #e9e9e9;
}
table.List .link-text {
  display: flex;
  text-align: left;
}
table.List .link-text a {
  padding: 16px 20px 14px;
  transition: 0.2s ease;
  font-size: 15px;
}
table.List .txt-gray100 {
  color: #909090;
  font-size: 13px;
  text-align: center;
}
table.List .txt-date {
  color: #909090;
  font-size: 13px;
  text-align: center;
}
table.List tr.None:hover {
  background-color: transparent;
}
table.List tr:hover {
  background-color: #fafbfc;
}
table.List tr:hover td {
  color: #1c1c1c;
}
table.List tr a:hover {
  color: #ff5529;
}

.s-menu {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 30px;
  gap: 6px;
}
.s-menu .s-menu-item {
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  height: auto;
  font-size: 14px;
  color: #888;
  letter-spacing: -0.5px;
  line-height: 140%;
  text-decoration: none;
  text-align: center;
  border: 1px solid #cfcfcf;
  border-radius: 4px;
  background: #f9f9f9;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.02), 0 20px 10px 0 rgba(255, 255, 255, 0.9) inset;
  transition: 0.2s ease;
  box-sizing: border-box;
  cursor: pointer;
  padding: 4px 12px 6px;
  word-break: keep-all;
}
.s-menu .s-menu-item:hover {
  color: #222222;
}
.s-menu .s-menu-item.active {
  color: #fff;
  font-weight: bold;
  border-color: #19218f;
  background: #19218f;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.s-menu .s-menu-item.active::after {
  content: "";
  position: absolute;
  bottom: -11px;
  left: 50%;
  width: 0;
  height: 0;
  margin: 0 0 0 -5px;
  border: 5px solid;
  border-color: #19218f transparent transparent transparent;
}

.content-field {
  clear: both;
  position: relative;
  width: 100%;
  margin: 0 auto;
  line-height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.con-info {
  display: flex;
  flex-direction: column;
  padding: 26px 20px;
  outline: 1px solid #d3deed;
  background: #f1f4f9;
  border-radius: 4px;
  margin-bottom: 40px;
}

.info-text {
  font-size: 13px;
  color: #555;
  letter-spacing: -0.3px;
  line-height: 150%;
  word-break: keep-all;
}

.info-iconbox {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
  font-size: 14px;
  color: #6a6a6a;
  height: 20px;
  margin: 10px 0;
}
.info-iconbox i {
  font-size: 18px;
  margin-top: -4px;
  margin-right: 4px;
  color: #474649;
}
.info-iconbox span {
  color: #d43c3c;
}

.con-list {
  outline: 1px solid #bec9da;
  background: #d3dbe6;
  border-radius: 4px;
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  padding: 5px 10px 10px 10px;
}
.con-list .con-list-title {
  color: #365c98;
  background: url(../images/cnts_List_Title_ic.png) no-repeat 5px 8px;
  padding: 7px 20px 7px 23px;
  font-size: 14px;
}
.con-list ol.list {
  list-style: none;
  padding: 3px 15px 2px 15px;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05) inset;
  box-sizing: border-box;
  overflow: hidden;
}
.con-list ol.list li {
  border-bottom: 1px dashed #e9eef5;
  font-size: 13px;
  letter-spacing: -0.3px;
  line-height: 200%;
}
.con-list ol.list li a:hover {
  color: #ff5529 !important;
  text-decoration: underline !important;
}
.con-list ol.list li:first-child {
  margin-top: 8px;
}
.con-list ol.list li:last-child {
  border-bottom: 0px dashed #e9eef5;
  margin-bottom: 6px;
}

.border-title {
  clear: both;
  position: relative;
  min-height: 33px;
  padding: 9px 20px 7px 36px;
  font-size: 15px;
  color: #444;
  line-height: 130%;
  font-weight: bold;
  vertical-align: top;
  border: 1px solid #c9d1e0;
  background: #e8ebf2;
  border-radius: 3px;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04), 1px 1px 0 0 rgba(255, 255, 255, 0.5) inset;
  box-sizing: border-box;
}
.border-title a {
  font-size: 15px;
  line-height: 150%;
}
.border-title a:after {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  left: 14px;
  width: 13px;
  height: 13px;
  background: url(../images/title1_ic.png) no-repeat 0 0;
}
.border-title p {
  font-size: 15px;
  line-height: 150%;
  font-weight: bold;
}
.border-title p:after {
  content: "";
  display: block;
  position: absolute;
  top: 13px;
  left: 14px;
  width: 13px;
  height: 13px;
  background: url(../images/title1_ic.png) no-repeat 0 0;
}

.contents-body {
  display: flex;
  flex-direction: column;
  margin: 16px 10px 30px;
  font-size: 14px;
}
.contents-body .cbline {
  display: flex;
  flex-direction: row;
  font-size: 14px;
  line-height: 200%;
  position: relative;
  margin-bottom: 8px;
}
.contents-body .cbline .list-num {
  min-width: 34px;
  margin-left: 26px;
}
.contents-body .cbline.list-arrow {
  min-width: 12px;
  margin-top: 30px;
  margin-left: 26px;
  align-items: center;
  font-weight: bold;
}
.contents-body .cbline.list-arrow i {
  color: #a4a4a4;
  font-size: 12px;
  margin-right: 6px;
  position: relative;
  top: 1px;
}
.contents-body .cbline.title2 {
  position: relative;
  padding-left: 24px;
  font-size: 15px;
  font-weight: bold;
  color: #365c98;
  background: url(../images/title2_ic.png) no-repeat 6px 10px;
  margin: 12px 0 4px;
}
.contents-body .cbline.inner-list {
  margin-left: 68px;
  padding-left: 14px;
  position: relative;
  flex-direction: column;
}
.contents-body .cbline.inner-list::after {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 3px;
  position: absolute;
  top: 12px;
  left: 0;
  background-color: #333;
}
.contents-body .cbline span {
  font-weight: 600;
  line-height: 200% !important;
}
.contents-body .cbline .fa-square {
  margin-right: 6px;
  margin-top: -2px;
}
.contents-body .cbline .fa-circle {
  margin-left: 20px;
  margin-right: 6px;
  margin-top: -2px;
  font-size: 2px;
}
.contents-body .sub-title {
  background: url(../images/title2_ic.png) no-repeat 0 2px;
  clear: both;
  position: relative;
  padding-left: 18px;
  font-size: 15px;
  line-height: 130%;
  font-weight: bold;
  box-sizing: border-box;
  color: #365c98;
  margin-top: 6px;
  margin-bottom: 10px;
}

.ML20 {
  margin-left: 20px;
}

.gray-box {
  width: 100%;
  background: #eee;
  margin-left: 18px;
  margin-top: 6px;
  margin-bottom: 10px;
  padding: 20px 25px 20px 25px;
  font-size: 14px;
  line-height: 180%;
  box-sizing: border-box;
}
.gray-box .gb-title {
  font-weight: 600;
  margin-top: 6px;
}

.num-box {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px;
}
.num-box .num {
  width: 20px;
}

.txt-center {
  text-align: center;
  margin: 16px 0 12px 0;
  font-size: 15px;
}

.con-TBL table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  border-left: 1px solid #e0e0e0;
}
.con-TBL .Gray th {
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #d1d1d1;
  border-right: 1px solid #d1d1d1;
  background: #ececec;
}
.con-TBL th {
  height: 32px;
  padding: 8px 5px 5px 5px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  border-top: 1px solid #b7d0d5;
  border-bottom: 1px solid #b7d0d5;
  border-right: 1px solid #b7d0d5;
  background: #eaf4f6;
  box-sizing: border-box;
}
.con-TBL td {
  padding: 8px 15px 8px 15px;
  font-size: 14px;
  line-height: 155%;
  vertical-align: middle;
  text-align: center;
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  box-sizing: border-box;
}

.body-wp {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  margin-top: 20px;
}

.top-banner {
  width: 100%;
  height: 420px;
  display: flex;
  background-color: #365c98;
}

.finTopSwiper .swiper-slide img {
  filter: blur(5px);
  scale: 1.1;
}

.swiper {
  width: 100%;
  height: 420px;
}
.swiper .swiper-slide {
  width: 1200px;
  height: 420px;
  position: relative;
}
.swiper .banner-detail {
  position: absolute;
  top: 64px;
  left: 200px;
  width: 800px;
  height: 100%;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  word-break: keep-all;
  font-family: "Noto Sans KR", sans-serif;
}
.swiper .banner-detail .banner-title {
  font-size: 32px;
  line-height: 46px;
  font-weight: 600;
  text-align: center;
  color: #fff;
  margin-bottom: 10px;
  text-shadow: 1px 1px 2px rgba(41, 41, 41, 0.242);
}
.swiper .banner-detail .banner-text {
  width: 600px;
  height: 70px;
  font-size: 15px;
  line-height: 24px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  margin-bottom: 30px;
}
.swiper .overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5) url("../images/overlay.png") repeat;
  opacity: 0.4;
}
.swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
}
.swiper .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  text-align: center;
  line-height: 20px;
  font-size: 0px;
  opacity: 1;
  background: rgba(0, 0, 0, 0.2);
}
.swiper .swiper-pagination-bullet-active {
  color: #fff;
  background: #ff5529;
}
.swiper .swiper-pagination {
  margin-bottom: 16px;
}

.btn-more {
  background-color: #ff5529;
  padding: 15px 26px 14px;
  border-radius: 4px;
  color: #fff;
  font-size: 15px;
  transition: 0.2s ease;
}

.btn-more:hover {
  background-color: #b73b1c;
}

.search-area {
  clear: both;
  position: relative;
  height: 90px;
  border-bottom: 1px solid #dadada;
  background: url("../images/pattern3(gray).png");
  overflow: hidden;
  margin-bottom: 40px;
}
.search-area .search-box {
  min-width: 1200px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 90px;
}
.search-area span.stit {
  display: inline-block;
  position: relative;
  margin: 0px 30px 0px 0;
  font-size: 140%;
  margin-top: -8px;
  letter-spacing: -1.2px;
  font-weight: bold;
  vertical-align: middle;
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  font-family: "Noto Sans KR", sans-serif;
}
.search-area span.stit2 {
  display: inline-block;
  position: relative;
  margin: 0px 30px 0px 0;
  font-size: 140%;
  margin-top: -8px;
  letter-spacing: -1.2px;
  font-weight: bold;
  vertical-align: middle;
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  font-family: "Noto Sans KR", sans-serif;
}
.search-area span.stit2::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 59px;
  height: 1px;
  background: #666;
}
.search-area span.stit::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 57px;
  height: 1px;
  background: #666;
}
.search-area span.stit.post::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 0;
  width: 80px;
  height: 1px;
  background: #666;
}
.search-area span.stit.expert::after {
  width: 62px;
}
.search-area select.search {
  border: 3px solid #222;
  padding-left: 6px;
  height: 42px;
}
.search-area input {
  width: 540px;
  height: 42px;
  padding-left: 12px;
  font-size: 14px;
  text-transform: none;
  vertical-align: middle;
  border: 3px solid #222;
  border-left: 0px;
  box-sizing: border-box;
}
.search-area .btn-type {
  height: 42px;
  line-height: 42px;
  transition: 0.2s ease;
  margin-left: -2px;
}
.search-area .btn-type i {
  color: #fff;
}
.search-area .btn-type:hover {
  background-color: #000;
  border-color: #000;
}

.body-con-wp {
  display: flex;
  flex-direction: column;
  min-height: 500px;
  margin-bottom: 120px !important;
  height: auto;
}

.menu-tab-box {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 30px;
  width: 100%;
  gap: 6px;
  font-family: "Noto Sans KR", sans-serif;
}
.menu-tab-box .menu-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  color: #999;
  background-color: #fafafa;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
  box-sizing: border-box;
}
.menu-tab-box .menu-item:hover {
  background-color: #fff;
  color: #1c1c1c;
  border: 1px solid #1c1c1c;
  box-sizing: border-box;
}
.menu-tab-box .menu-item.active {
  background-color: #333;
  border: 1px solid #333;
  color: #fff;
}

.haesul-box.h-post .swiper {
  height: -moz-max-content;
  height: max-content;
}
.haesul-box.h-post .Lt .list-card .card-top {
  height: 230px;
}
.haesul-box.h-post .Lt .list-card .card-top .card-img {
  height: 230px;
}
.haesul-box.h-post .Lt .list-card .card-bottom {
  height: 240px;
}
.haesul-box.h-post .Lt .list-card .card-bottom .content {
  height: 64px;
  -webkit-line-clamp: 2;
  margin-bottom: 10px;
}
.haesul-box.h-post .Lt .list-card .card-bottom .summary {
  display: block;
  display: -webkit-box;
  position: relative;
  height: 50px;
  font-size: 12px;
  color: #777;
  letter-spacing: -0.2px;
  line-height: 1.4em;
  font-weight: normal;
  text-align: justify;
  word-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  transition: all 0.3s;
  overflow: hidden;
  margin-bottom: 8px;
}
.haesul-box.h-post .Lt .list-card .card-bottom .b-etc {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 0;
}
.haesul-box.h-post .Lt .list-card .card-bottom .b-etc .count {
  font-size: 13px;
  color: #777;
  padding-top: 10px;
}
.haesul-box.h-post .Lt .list-card .card-bottom .b-etc .count strong {
  color: #333;
}
.haesul-box.h-post .Lt .list-card .card-bottom .b-etc .heart {
  padding-top: 10px;
  font-size: 13px;
}
.haesul-box.h-post .Lt .list-card .card-bottom .b-etc .heart .fa-heart {
  color: #db4545;
}
.haesul-box.h-post .Lt .list-card .card-bottom .b-etc .heart strong {
  color: #333;
}
.haesul-box.h-post .Rt {
  height: 522px;
}
.haesul-box.h-post .Rt .best-post-box {
  display: flex;
  flex-direction: column;
  width: 368px;
  min-height: 400px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  padding: 0 12px;
}
.haesul-box.h-post .Rt .best-post-box .post-block {
  width: 100%;
  height: 117.5px;
  border-bottom: 1px dotted #aeaeae;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.haesul-box.h-post .Rt .best-post-box .post-block:last-child {
  border-bottom: none;
}
.haesul-box.h-post .Rt .best-post-box .thumb .thumb-img {
  width: 126px;
  height: 80px;
  transition: 0.2s ease;
  background: #fff url(../images/no_image.png) no-repeat center center;
  background-size: 200%;
}
.haesul-box.h-post .Rt .txtbox {
  display: flex;
  flex-direction: column;
  width: 198px;
  margin-left: 10px;
  height: 80px;
}
.haesul-box.h-post .Rt .txtbox .tit {
  display: block;
  display: -webkit-box;
  max-height: 37px;
  font-size: 15px;
  line-height: 20px;
  color: #333;
  word-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 10px;
}
.haesul-box.h-post .Rt .date-area {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 13px;
  color: #999;
}
.haesul-box.h-post .Rt .date-area button {
  font-size: 13px;
  background-color: transparent;
  transition: all 0.2s ease;
}
.haesul-box.h-post .Rt .date-area button:hover {
  color: #ff5529;
}
.haesul-box.h-post .Rt .count {
  font-size: 12px;
  color: #888;
  padding-top: 2px;
}
.haesul-box.h-post .Rt .count .fa-heart {
  color: #db4545;
}

.haesul-box {
  clear: both;
  position: relative;
  margin: 20px 0 50px 0;
}
.haesul-box .Lt {
  float: left;
  position: relative;
  width: 800px;
}
.haesul-box .Lt .top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
}
.haesul-box .Lt .top .btns {
  position: absolute;
  right: -19px;
  display: flex;
  width: 100px;
  gap: 6px;
}
.haesul-box .Lt .top .btns button {
  width: 38px;
  height: 36px;
  border-radius: 5px;
  border: 1px solid #ccc;
  transition: 0.3s ease;
}
.haesul-box .Lt .top .btns .view-btn-left,
.haesul-box .Lt .top .btns .view-btn-right {
  background: #fff;
}
.haesul-box .Lt .top .btns .view-btn-left i,
.haesul-box .Lt .top .btns .view-btn-right i {
  margin-top: 2px;
  color: #909090;
  transition: 0.3s ease;
}
.haesul-box .Lt .top .btns .view-btn-left:hover {
  border: 1px solid #1c1c1c;
}
.haesul-box .Lt .top .btns .view-btn-left:hover i {
  color: #1c1c1c;
}
.haesul-box .Lt .top .btns .view-btn-right:hover {
  border: 1px solid #1c1c1c;
}
.haesul-box .Lt .top .btns .view-btn-right:hover i {
  color: #1c1c1c;
}
.haesul-box .Lt .list-cards {
  display: flex;
  flex-direction: row;
  gap: 20px;
  width: 800px;
  overflow: hidden;
}
.haesul-box .Lt .list-card .card-item {
  width: 390px;
  min-height: 340px;
}
.haesul-box .Lt .list-card .card-item:hover .card-top .keyword {
  height: 32px;
  font-size: 14px;
  line-height: 25px;
  padding-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.haesul-box .Lt .list-card .iconRt {
  width: 45px;
  height: 45px;
}
.haesul-box .Lt .list-card .iconRt::before {
  top: 2px;
  left: 2px;
  width: 41px;
  height: 41px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 100%;
}
.haesul-box .Lt .list-card .card-top {
  height: 200px;
}
.haesul-box .Lt .list-card .card-top img {
  height: 200px;
}
.haesul-box .Lt .list-card .card-bottom {
  height: 160px;
  padding: 20px 20px;
}
.haesul-box .Lt .list-card .card-bottom .etc {
  font-size: 14px;
  margin-bottom: 16px;
  margin-top: 6px;
}
.haesul-box .Lt .list-card .card-bottom .content {
  height: 80px;
  font-size: 18px;
  line-height: 28px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.haesul-box .Lt .list-card .card-bottom .tit {
  font-size: 15px;
}
.haesul-box .Rt {
  float: right;
  position: absolute;
  top: 0;
  right: 0;
  width: 370px;
  height: 412px;
  overflow: hidden;
  z-index: 10;
}
.haesul-box .Rt .top {
  display: flex;
  flex-direction: row;
  position: relative;
}
.haesul-box .Rt .box {
  width: 368px;
  height: 362px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.haesul-box .Rt .box li {
  position: relative;
  padding: 10px;
  border-bottom: 1px dotted #ccc;
  box-sizing: border-box;
  height: 120px;
  transition: 0.2s ease;
}
.haesul-box .Rt .box li p {
  transition: 0.2s ease;
}
.haesul-box .Rt .box li:last-child {
  border-bottom: 0px;
}
.haesul-box .Rt .box .link-block {
  display: flex;
  flex-direction: row;
  font-size: 100%;
  letter-spacing: -0.2px;
  line-height: 1.2em;
  text-decoration: none;
  margin: auto 0;
}
.haesul-box .Rt .box .link-block img {
  width: 129px;
  height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  margin-top: 4px;
  -o-object-position: left;
     object-position: left;
}
.haesul-box .Rt .box .link-block .textbox {
  padding: 7px 10px 0px 18px;
  font-size: 13px;
  display: flex;
  flex-direction: column;
  height: 95px;
}
.haesul-box .Rt .box .link-block .textbox p {
  width: 189px;
  height: 54px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  margin-bottom: 14px;
}
.haesul-box .Rt .box .link-block .textbox .datebox {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.haesul-box .Rt .box .link-block .textbox .datebox span {
  font-size: 12px;
  color: #606060;
  height: 20px;
}

.newCarSswiper-btn .view-btn-left, .newCarSswiper-btn .view-btn-right {
  display: flex;
  align-items: center;
  justify-content: center;
}

.silmu-box {
  clear: both;
  position: relative;
  margin: 0 0 70px 0;
}
.silmu-box .top {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.silmu-box .top .more a {
  display: flex;
  flex-direction: row;
  gap: 6px;
  padding: 0 6px;
  color: #606060;
  font-size: 15px;
  transition: 0.2s ease;
}
.silmu-box .top .more a i {
  margin-top: -1px;
  color: #606060;
  transition: 0.2s ease;
}
.silmu-box .top .more:hover a {
  color: #ff5529;
}
.silmu-box .top .more:hover a i {
  color: #ff5529;
}
.silmu-box .list-cards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 1200px;
  overflow: hidden;
  gap: 24px;
  row-gap: 26px;
}
.silmu-box .list-cards .list-card .card-item {
  width: 383px;
}
.silmu-box .list-cards .list-card .card-item .card-top {
  height: 200px;
}
.silmu-box .list-cards .list-card .card-item .card-top .card-img {
  height: 200px;
}
.silmu-box .list-cards .list-card .card-item .card-bottom {
  height: 158px;
}
.silmu-box .list-cards .list-card .card-item .card-bottom .content {
  height: 80px;
  font-size: 18px;
  line-height: 28px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.silmu-box .list-cards .list-card .card-item:hover .card-top .keyword {
  height: 32px;
  font-size: 14px;
  line-height: 25px;
  padding-left: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ebook-box {
  clear: both;
  position: relative;
  margin: 0 0 90px 0;
}
.ebook-box .top {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.ebook-box .top .left {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ebook-box .top .left span {
  font-weight: 800;
}
.ebook-box .top .left span.point {
  font-weight: 800;
  color: #ff5529;
}
.ebook-box .top .left p {
  position: relative;
  color: #606060;
  font-size: 13px;
  margin-left: 30px;
}
.ebook-box .top .left p:before {
  content: "";
  position: absolute;
  top: 0px;
  left: -14px;
  width: 1px;
  height: 10px;
  background: #d7d7d7;
}
.ebook-box .top .more a {
  display: flex;
  flex-direction: row;
  gap: 6px;
  padding: 0 6px;
  color: #606060;
  font-size: 15px;
  transition: 0.2s ease;
}
.ebook-box .top .more a i {
  margin-top: -1px;
  color: #606060;
  transition: 0.2s ease;
}
.ebook-box .top .more:hover a {
  color: #ff5529;
}
.ebook-box .top .more:hover a i {
  color: #ff5529;
}

.ebook-container {
  clear: both;
  position: relative;
  margin: 0px 0 0 0;
  padding: 20px 20px 20px 20px;
  border: 1px solid #ddd;
  display: flex;
}
.ebook-container ul {
  float: left;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.ebook-container ul.c6 li {
  width: 14.94%;
}
.ebook-container li {
  float: left;
  padding: 0 10px;
}
.ebook-container li a {
  display: block;
  color: #333;
  text-decoration: none !important;
  cursor: pointer;
  transition: 0.2s ease;
  margin: 0;
  padding: 0;
  font-size: 100%;
  background: transparent;
}
.ebook-container li a img {
  transition: all 0.2s ease;
}
.ebook-container li a:hover img {
  scale: 1.018;
}
.ebook-container li .subj {
  display: block;
  display: -webkit-box;
  margin: 12px 0 6px 0;
  padding: 0 10px;
  font-size: 13px;
  letter-spacing: -0.5px;
  line-height: 140%;
  font-weight: normal;
  text-align: left;
  word-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ebook-container li .etc {
  display: block;
  position: relative;
  margin: 0 10px;
  font-size: 12px;
  overflow: hidden;
  color: #777;
}
.ebook-container li .etc span {
  color: #777;
}
.ebook-container li .etc .price {
  float: right;
}
.ebook-container li img {
  display: block;
  width: auto;
  height: 124px;
  margin: 0 auto;
}

.card-list-wp {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  gap: 20px 10px;
  margin-top: 20px;
  margin-bottom: 40px;
}

.card-item {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 232px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  transition: 0.3s ease;
  border-radius: 3px;
}

.iconRt {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 39px;
  height: 39px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.9);
  border-radius: 100%;
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.15);
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
}

.iconRt::before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 35px;
  height: 35px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 100%;
}

.card-top {
  position: relative;
  height: 140px;
  overflow: hidden;
}
.card-top img {
  width: 100%;
  height: 140px;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  -o-object-position: left;
     object-position: left;
  transition: 0.2s ease;
  background: #fff url("../images/no_image.png") no-repeat center center;
}
.card-top .keyword {
  position: absolute;
  bottom: 0;
  padding-left: 4px;
  padding-top: 3px;
  width: 100%;
  height: 0;
  font-size: 13px;
  line-height: 20px;
  color: #fff;
  background-color: rgba(17, 17, 17, 0.662745098);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0;
  transition: 0.2s ease;
}

.card-bottom {
  display: flex;
  flex-direction: column;
  height: 94px;
  padding: 18px 14px;
}
.card-bottom .etc {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 12px;
  margin-bottom: 12px;
}
.card-bottom .etc .date {
  color: #6a6a6a;
}
.card-bottom .etc .name {
  color: #222222;
}
.card-bottom .content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  font-size: 14px;
  line-height: 18px;
  height: 57px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}

.list-card {
  transition: all 0.2s ease;
}

.card-item:hover {
  border: 1px solid #1c1c1c;
}
.card-item:hover .card-top img {
  scale: 1.03;
}
.card-item:hover .card-top .keyword {
  height: 26px;
  opacity: 1;
}

.heasul-view-wp {
  display: flex;
  flex-direction: column;
  clear: both;
  padding: 55px 60px 60px 60px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.heasul-view-wp .top {
  border-bottom: 1px dotted #777;
  padding-bottom: 30px;
}
.heasul-view-wp .top .title {
  display: block;
  position: relative;
  margin: 0 0 35px 0;
  padding: 0 0 0 18px;
  font-family: "Noto Sans KR", "Noto Sans", sans-serif;
  font-size: 33px;
  letter-spacing: -1px;
  line-height: 130%;
  font-weight: bold;
}
.heasul-view-wp .top .title::before {
  content: "";
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  width: 3px;
  height: 30px;
  margin: -12px 0 0 0;
  background: #2f2e2e;
}
.heasul-view-wp .top .etc {
  position: relative;
  font-size: 15px;
  color: #888;
  font-weight: normal;
}
.heasul-view-wp .top .etc h6 {
  display: block;
  position: relative;
  margin: 0 0 12px 0;
  font-weight: normal;
  color: #888;
}
.heasul-view-wp .top .etc .count {
  color: #888;
  padding: 0;
  margin-bottom: 10px;
}
.heasul-view-wp .top .etc .count .inq-count {
  color: #555;
  margin-right: 16px;
}
.heasul-view-wp .top .etc .count strong {
  color: #555;
}
.heasul-view-wp .top .etc .file {
  color: #888;
  padding: 0;
  margin-bottom: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.heasul-view-wp .top .etc .file .file-wp {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}
.heasul-view-wp .top .etc .file .file-name {
  color: #333;
  margin-right: 10px;
}
.heasul-view-wp .top .etc .file .pfv-btn {
  padding: 7px 10px;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 12px;
  transition: all 0.2s ease;
  cursor: pointer;
}
.heasul-view-wp .top .etc .file .pfv-btn:hover {
  background-color: #00bd93;
}
.heasul-view-wp .top .etc .file .dl-btn {
  padding: 7px 10px;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 12px;
  transition: all 0.2s ease;
  cursor: pointer;
}
.heasul-view-wp .top .etc .file .dl-btn:hover {
  background-color: #00bd93;
}
.heasul-view-wp .top .tag {
  margin: 25px 0 0 0;
}
.heasul-view-wp .top .tag span {
  display: inline-block;
  position: relative;
  height: 26px;
  margin-right: 3px;
  padding: 0 15px;
  font-size: 12px;
  color: #fff;
  line-height: 26px;
  text-align: center;
  text-decoration: none !important;
  border-radius: 40px;
  background: #91979e;
  transition: 0.4s ease;
}
.heasul-view-wp .top .tag span:hover {
  background: #5f646b;
}

.haesul-content-area {
  display: flex;
  flex-direction: column;
  padding-top: 40px;
}
.haesul-content-area .btn-area {
  margin-bottom: 30px;
}
.haesul-content-area .heasul-content {
  display: flex;
  flex-direction: column;
  padding: 0 16px;
}
.haesul-content-area .heasul-content .visual-img {
  display: block;
  margin: 0 auto;
  margin-bottom: 30px;
}
/* .haesul-content-area .heasul-content .textbox {
  display: flex;
  flex-direction: column;
  margin: 16px 0;
} */
.haesul-content-area .heasul-content .textbox {

  margin: 16px 0;
}
.haesul-content-area .heasul-content .textbox p {
  display: block;
  font-size: 15px;
  line-height: 180%;
  margin-bottom: 20px;
}
.haesul-content-area .heasul-content .textbox .alink {
  transition: all 0.2s ease;
}
.haesul-content-area .heasul-content .textbox .alink:hover {
  text-decoration: underline;
  color: #ff5529;
}
.haesul-content-area .heasul-content .textbox a.clr-green2:hover {
  text-decoration: underline;
}

.textbox a.link, .textbox a		{color: #0016e9 !important; cursor: pointer !important; }
.textbox a.link:hover, .textbox a:hover {text-decoration: underline !important;}

.haesul-content-area .heasul-content .sub-title {
  background: url(../images/title2_ic.png) no-repeat 0 2px;
  clear: both;
  position: relative;
  padding-left: 18px;
  font-size: 15px;
  line-height: 130%;
  font-weight: bold;
  box-sizing: border-box;
  color: #365c98;
  margin-top: 6px;
  margin-bottom: 10px;
}
.haesul-content-area .heasul-content .bigTitle {
  margin: 26px 0;
  font-size: 36px;
  line-height: 1.6em;
  vertical-align: middle;
  font-weight: bold;
  letter-spacing: -1px;
  color: #333;
}
.haesul-content-area .heasul-content .center {
  text-align: center;
}
.haesul-content-area .heasul-content .mTitle {
  margin: 20px 0;
}

.comm-cnt-level-field {
  display: block;
  position: absolute;
  top: -12px;
  left: 280px;
  width: 198px;
  height: 33px;
  background-repeat: no-repeat;
  background-position: 0 0;
}

.comm-cnt-level-field.lev2 {
  background-image: url("../images/comm_cntLevel_02.png");
}

.arrow-title {
  clear: both;
  position: relative;
  padding-left: 15px;
  font-size: 14px;
  font-weight: bold;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 10px;
}

.arrow-title::after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 8px;
  height: 9px;
  background: url("../images/title3_ic2.png") no-repeat 0 0;
  background-size: 100% 100%;
}

.at-con {
  display: flex;
  flex-direction: row;
  margin-bottom: 12px;
}
.at-con p {
  font-size: 14px;
  line-height: 20px;
  word-break: keep-all;
}
.at-con .fa-circle {
  margin-left: 20px;
  margin-right: 6px;
  margin-top: 3px;
  font-size: 2px;
}

.sup-ntxt {
  margin: -5px 0 10px 38px;
  font-size: 11px;
  color: #00a8e7;
  line-height: 140%;
  vertical-align: top;
}

.textbox table {
  width: 90%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  margin-left: 20px;
  border-left: 1px solid #cdd9e9;
  margin-bottom: 20px;
}
.textbox table th {
  padding: 5px 5px 5px 5px;
  font-size: 13px;
  line-height: 155%;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
  border-top: 1px solid #becbdc;
  border-bottom: 1px solid #becbdc;
  border-right: 1px solid #becbdc;
  background: #edf2f9;
}
.textbox table td {
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  padding: 3px 8px 3px 8px !important;
  line-height: 155%;
  border-bottom: 1px solid #cdd9e9;
  border-right: 1px solid #cdd9e9;
}

.prv-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  flex-wrap: nowrap;
  margin-top: 20px;
}
.prv-list .top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
}
.prv-list .top .btns {
  position: absolute;
  right: -10px;
  display: flex;
  width: 100px;
  gap: 6px;
}
.prv-list .top .btns button {
  width: 42px;
  height: 40px;
  border-radius: 5px;
  border: 1px solid #ccc;
  transition: 0.3s ease;
}
.prv-list .top .btns .view-btn-left,
.prv-list .top .btns .view-btn-right {
  background: #fff;
}
.prv-list .top .btns .view-btn-left i,
.prv-list .top .btns .view-btn-right i {
  margin-top: 2px;
  color: #909090;
  transition: 0.3s ease;
}
.prv-list .top .btns .view-btn-left:hover {
  border: 1px solid #1c1c1c;
}
.prv-list .top .btns .view-btn-left:hover i {
  color: #1c1c1c;
}
.prv-list .top .btns .view-btn-right:hover {
  border: 1px solid #1c1c1c;
}
.prv-list .top .btns .view-btn-right:hover i {
  color: #1c1c1c;
}
.prv-list .top .btns div {
  position: absolute;
  top: 0px;
  width: 35px;
  height: 28px;
  color: #000;
  border: 1px solid transparent;
  border-radius: 3px;
  background-color: #e5e5e5;
  background-size: auto 15px;
  transition: all 0.2s;
}
.prv-list .top .btns .swiper-button-prev:after {
  font-size: 13px;
  font-weight: 800;
}
.prv-list .top .btns .swiper-button-next:after {
  font-size: 13px;
  font-weight: 800;
}
.prv-list .list-cards {
  display: flex;
  flex-direction: row;
  gap: 15px;
  width: 1200px;
  overflow: hidden;
  padding-bottom: 20px;
}
.prv-list .list-cards .list-card .card-item {
  width: 390px;
}
.prv-list .list-cards .list-card .iconRt {
  width: 45px;
  height: 45px;
}
.prv-list .list-cards .list-card .iconRt::before {
  top: 2px;
  left: 2px;
  width: 39px;
  height: 39px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 100%;
}
.prv-list .list-cards .list-card .card-top.lg {
  height: 230px;
}
.prv-list .list-cards .list-card .card-top.lg img {
  height: 230px;
}
.prv-list .list-cards .list-card .card-top {
  height: 200px;
}
.prv-list .list-cards .list-card .card-top img {
  height: 200px;
}
.prv-list .list-cards .list-card .card-bottom {
  height: 100px;
  padding: 20px 20px 24px;
}
.prv-list .list-cards .list-card .card-bottom .etc {
  font-size: 14px;
  margin-bottom: 16px;
  margin-top: 6px;
}
.prv-list .list-cards .list-card .card-bottom .content {
  font-size: 15px;
  line-height: 20px;
}

.text-red {
  color: #cb0a0a !important;
  border-bottom: 1px solid #cb0a0a;
}

.star-text {
  margin: 33px 0 10px;
  width: 100%;
}
.star-text i {
  font-size: 10px;
  color: #ff5529;
}

.sub-tab-new {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  gap: 18px;
}
.sub-tab-new a {
  flex: 1;
  position: relative;
  height: 46px;
  padding: 2px 0 0 18px;
  font-size: 105%;
  color: #555;
  line-height: 40px;
  text-decoration: none;
  border: 1px solid #e0e0e0;
  background: #eaeaea;
}
.sub-tab-new a.active {
  color: #fff;
  font-weight: bold;
  border-color: #333;
  background: #333;
}
.sub-tab-new a::after {
  content: "GO";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 30px;
  height: 28px;
  margin: -15px 0 0 0;
  font-size: 10px;
  color: #fff;
  line-height: 25px;
  font-weight: bold;
  text-align: center;
  border-radius: 100%;
  background: #333;
  padding-top: 2px;
}
.sub-tab-new a.active::after {
  background: #ff643c;
}

.singo-con-wp {
  display: flex;
  flex-direction: column;
  margin: 20px auto;
  width: 100%;
}
.singo-con-wp .box-con {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 54px;
  padding-left: 25px;
  border: 1px solid #ddd;
  border-bottom-color: #ccc;
  border-radius: 4px;
  background: #f5f5f6;
  margin-bottom: 20px;
}
.singo-con-wp .box-con h2 {
  font-size: 140%;
  line-height: 52px;
}
.singo-con-wp .box-con i {
  display: flex;
  color: #ccc;
  width: 60px;
  height: 50px;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}
.singo-con-wp .box-con-2 {
  display: flex;
  flex-direction: column;
  padding: 20px 25px 22px 25px;
  font-size: 13px;
  line-height: 1.4em;
  border: 1px solid #e3e3e3;
  background: #f8f8f8;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
}
.singo-con-wp .box-con-2 span.subj {
  display: block;
  font-size: 105%;
  line-height: 160%;
  font-weight: bold;
}
.singo-con-wp .box-con-2 .box {
  display: block;
  margin: 14px 0 14px 0;
  padding: 15px 0 13px 0;
  font-size: 15px;
  color: #cb0a0a;
  font-weight: bold;
  text-align: center;
  border: 1px solid #dadada;
  border-radius: 4px;
  background: #fff;
}
.singo-con-wp .box-con-2 h4 {
  font-size: 15px;
}
.singo-con-wp .box-con-2 ul {
  list-style: none;
}
.singo-con-wp .box-con-2 li {
  position: relative;
  margin: 0 0 5px 0;
  padding: 0 0 0 10px;
  font-size: 13px;
  line-height: 140%;
  vertical-align: top;
}
.singo-con-wp .ju-list {
  margin: 30px 25px 30px;
}
.singo-con-wp .ju-list li {
  clear: both;
  position: relative;
  margin: 0 0 10px 0;
}
.singo-con-wp .ju-list li a {
  clear: both;
  display: block;
  font-size: 100%;
  line-height: 1.6em;
  text-decoration: none;
  background: url("../images/singo_subjBg.png") no-repeat right 10px;
  transition: 0.2s ease;
}
.singo-con-wp .ju-list li a span {
  transition: 0.2s ease;
}
.singo-con-wp .ju-list li a:hover {
  background: url("../images/singo_subjBg2.png") no-repeat right 10px;
}
.singo-con-wp .ju-list li a:hover span {
  color: #ff5529;
}
.singo-con-wp .ju-list li a:hover span.name {
  color: #222222;
}
.singo-con-wp .ju-list li a:hover span.date {
  color: #222222;
}
.singo-con-wp .ju-list li span.subj {
  max-width: 890px;
  padding: 0 20px 0 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: #fff;
  overflow: hidden;
  line-height: 32px;
}
.singo-con-wp .ju-list li span.name {
  transition: 0.2s ease;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 130px;
  padding: 0 10px;
  font-size: 14px;
  color: #666;
  text-align: center;
  background: #fff;
}
.singo-con-wp .ju-list li span.date {
  transition: 0.2s ease;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 25px;
  padding: 0 6px;
  font-size: 14px;
  color: #aaa;
  text-align: center;
  background: #fff;
}
.singo-con-wp .ju-list li .kind-Icon.square {
  width: 35px;
  height: 20px !important;
  font-size: 10px !important;
  padding-left: 5px;
  color: #fff;
  border-radius: 2px;
}
.singo-con-wp .ju-list li .kind-Icon.square.com {
  width: 27px;
  font-size: 11px !important;
  padding-left: 3px;
  margin: 0 8px 0 0;
}
.singo-con-wp .ju-list li.None {
  padding: 0 0 0 28px;
}

.ju-list > li a:not(.file)::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 8px 4px 0;
  vertical-align: middle;
  border-radius: 100%;
  background: #f49e1c;
}

.kind-Icon.square {
  display: inline-block !important;
  position: relative;
  top: 0;
  right: 0;
  width: 38px;
  height: 22px;
  margin: 0 10px 0 0;
  padding: 0;
  font-size: 12px;
  line-height: 20px;
  vertical-align: middle;
  border-radius: 2px;
  box-shadow: none;
  text-align: center;
}

.kind-Icon.tax {
  background-color: #32818a;
}

.singo-special-wp {
  clear: both;
  position: relative;
  display: flex;
  flex-direction: column;
  padding-top: 70px;
}
.singo-special-wp .sg-title-field {
  position: relative;
  padding: 15px 0 55px 0;
  text-align: center;
}
.singo-special-wp .sg-title-field .tit {
  display: inline-block;
  position: relative;
  margin: 0 0 30px 0;
  padding: 0 120px;
  font-size: 100%;
  line-height: 150%;
  text-align: center;
}
.singo-special-wp .sg-title-field .tit strong {
  display: block;
  margin: 0 0 6px 0;
  font-size: 45px;
  letter-spacing: -1px;
  line-height: 150%;
}
.singo-special-wp .sg-title-field .tit::before {
  content: "[";
  position: absolute;
  top: 42px;
  left: 0;
  font-size: 700%;
  color: #ff643c;
}
.singo-special-wp .sg-title-field .tit::after {
  content: "]";
  position: absolute;
  top: 42px;
  right: 0;
  font-size: 700%;
  color: #ff643c;
}
.singo-special-wp .sg-title-field .tit u {
  color: #e54e27;
}
.singo-special-wp .sg-title-field .bubin {
  display: block;
  position: absolute;
  top: -34px;
  right: 86px;
  width: 132px;
  height: 98px;
  background: url("../images/singo_bubin.png") no-repeat 0 0;
}
.singo-special-wp .sg-flow-field {
  clear: both;
  position: relative;
  margin: 0 -10px 55px -10px;
  overflow: hidden;
  /* hover */
}
.singo-special-wp .sg-flow-field .row {
  float: left;
  width: 31.5%;
  padding: 0 10px;
}
.singo-special-wp .sg-flow-field .tit {
  display: block;
  position: relative;
  height: 76px;
  margin: 0 0 10px 0;
  padding: 4px 25px 1px 25px;
  font-size: 18px;
  color: #fff;
  line-height: 1.3em;
  font-weight: bold;
  border-radius: 4px;
  background: #444 url("../images/singo_visual_boxBg2.png") repeat;
  transition: all 0.3s;
  overflow: hidden;
  z-index: 2;
}
.singo-special-wp .sg-flow-field .tit .ribbon {
  display: block;
  position: absolute;
  top: 6px;
  right: -19px;
  width: 71px;
  height: 15px;
  padding: 8px 0 0 0;
  font-size: 10px;
  color: #fff;
  line-height: 100%;
  text-align: center;
  transform: rotate(45deg);
  background: #ff643c;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
  z-index: 3;
}
.singo-special-wp .sg-flow-field .line {
  display: block;
  position: relative;
  height: 130px;
  padding: 16px 15px 0 15px;
  border: 2px solid #e5e5e5;
  border-radius: 4px;
  transition: all 0.3s;
  margin: 0;
  background-color: #fff;
}
.singo-special-wp .sg-flow-field .line ul li {
  position: relative;
}
.singo-special-wp .sg-flow-field .line ul li::after {
  content: "";
  position: absolute;
  top: 6px;
  left: 2px;
  width: 3px;
  height: 3px;
  border-radius: 2px;
  background-color: #606060;
  z-index: 100;
}
.singo-special-wp .sg-flow-field .line:after {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  left: 50%;
  width: 2px;
  height: 10px;
  margin: 0 0 0 -1px;
  background: #e5e5e5;
}
.singo-special-wp .sg-flow-field .line li {
  margin: 0 0 6px 0;
  padding: 0 0 0 10px;
  font-size: 14px;
  line-height: 1.4em;
  background: url("..images/ic_gray.gif") no-repeat 0 9px;
}
.singo-special-wp .sg-flow-field .line li a {
  transition: 0.2s ease;
}
.singo-special-wp .sg-flow-field .row:hover .tit {
  background-color: #ff643c !important;
}
.singo-special-wp .sg-flow-field .row:hover .tit .ribbon {
  background-color: #333;
}
.singo-special-wp .sg-flow-field .row:hover .line {
  border-color: #f5c8b9;
}
.singo-special-wp .sg-flow-field .row:hover .singo-special-wp .sg-flow-field .row:hover .line:after {
  background-color: #f5c8b9;
}
.singo-special-wp .sg-flow-field .line li a:hover {
  color: red;
  text-decoration: underline;
}
.singo-special-wp .top {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.singo-special-wp .top .left {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.singo-special-wp .top .left span {
  font-weight: 800;
}
.singo-special-wp .top .left span.point {
  font-weight: 800;
  color: #ff5529;
}
.singo-special-wp .top .left p {
  position: relative;
  color: #606060;
  font-size: 13px;
  margin-left: 30px;
}
.singo-special-wp .top .left p:before {
  content: "";
  position: absolute;
  top: 0px;
  left: -14px;
  width: 1px;
  height: 10px;
  background: #d7d7d7;
}
.singo-special-wp .flow-field {
  clear: both;
  position: relative;
  height: 81px;
  margin: 0 0 55px 0;
  background: #444 url("../images/flow_field_bg.png") no-repeat 0 0;
  overflow: hidden;
}
.singo-special-wp .flow-field ul {
  float: left;
}
.singo-special-wp .flow-field li {
  float: left;
  width: 240px;
}
.singo-special-wp .flow-field li a {
  display: block;
  height: 81px;
  padding: 0 20px 0 0;
  font-size: 110%;
  color: #444;
  line-height: 79px;
  font-weight: bold;
  text-decoration: none !important;
  text-align: center;
}
.singo-special-wp .board-field {
  clear: both;
  margin: 0 0 55px 0;
  overflow: hidden;
}
.singo-special-wp .board-field .row.rt .tbl-list {
  margin-left: 25px;
  margin-right: 0px;
  border-bottom: 1px solid #ccc;
}
.singo-special-wp .board-field .row.news .tbl-list .list li a.subj {
  max-width: 370px !important;
  padding-left: 50px !important;
}
.singo-special-wp .board-field .row {
  float: left;
  width: 50%;
}
.singo-special-wp .board-field .row .tbl-list {
  margin-right: 25px;
  border-top: 1px solid #777;
  border-bottom: 1px solid #ccc;
}
.singo-special-wp .board-field .row .tbl-list .list li {
  position: relative;
  height: 54px;
  border-bottom: 1px solid #e9e9e9;
}
.singo-special-wp .board-field .row .tbl-list .list li span.kind-ic {
  max-width: 420px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 5px;
  width: 36px;
  height: 18px;
  margin: -8px 0 0 0;
  padding: 0 1px;
  font-size: 11px;
  color: #fff;
  letter-spacing: -0.5px;
  line-height: 19px;
  text-align: center;
  vertical-align: text-bottom;
  border-radius: 3px;
  background-color: #32818a;
}
.singo-special-wp .board-field .row .tbl-list .list li a.subj {
  display: inline-block;
  padding: 0 0 0 10px;
  font-size: 15px;
  line-height: 54px;
  text-decoration: none !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: 0.2s ease;
}
.singo-special-wp .board-field .row .tbl-list .list li a.subj:hover {
  color: #ff5529;
}
.singo-special-wp .board-field .row .tbl-list .list li span.name {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 84px;
  height: 30px;
  margin: -15px 0 0 0;
  font-size: 12px;
  color: #666;
  line-height: 28px;
}
.singo-special-wp .board-field .row .tbl-list .list li span.name.end {
  right: 12px;
}
.singo-special-wp .board-field .row .tbl-list .list li span.date {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 5px;
  height: 30px;
  margin: -15px 0 0 0;
  font-size: 12px;
  color: #888;
  line-height: 28px;
}
.singo-special-wp .board-field .row .tbl-list .list li span.consult-Ic {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 5px;
  height: 24px;
  margin: -12px 0 0 0;
  padding: 0 8px;
  font-size: 13px;
  color: #fff;
  line-height: 25px;
  background-color: #bbb;
}
.singo-special-wp .board-field .row .tbl-list .list li span.consult-Ic.ing {
  background-color: #6c63b2;
}
.singo-special-wp .board-field .row .tbl-list .list li:last-child {
  border: transparent;
}

.singo-year-ebook {
  clear: both;
  position: relative;
  margin: 5px 0 55px 0;
  padding: 15px 25px 7px 25px;
  border: 1px solid #e5e5e5;
  background-color: #f5f5f5;
  overflow: hidden;
}
.singo-year-ebook .ebtn.lt {
  float: left;
}
.singo-year-ebook .ebtn.rt {
  float: right;
}
.singo-year-ebook .ebtn {
  display: block;
  position: relative;
  width: 565px;
  height: 58px;
  margin: 0 0 8px 0;
  padding: 19px 0 0 0;
  font-size: 16px;
  color: #555;
  line-height: 0;
  font-weight: bold;
  text-align: center;
  text-decoration: none !important;
  border-radius: 6px;
  border: 1px solid #d0d0d0;
  background-color: #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
  transition: all 0.3s;
}
.singo-year-ebook .ebtn .ic {
  display: inline-block;
  height: 18px;
  margin: 0 0 1px 12px;
  padding: 0 8px;
  font-size: 9px;
  color: #fff;
  line-height: 19px;
  font-weight: normal;
  vertical-align: middle;
  border-radius: 3px;
  background-color: #c3485c;
}
.singo-year-ebook .ebtn:hover {
  bottom: -2px;
  color: #bf3434 !important;
  border-color: #e47587;
  box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.1);
}
.singo-year-ebook .ebtn:hover .f75p {
  color: #bf3434 !important;
  transition: all 0.3s;
}

.singo-special-wp .form-field .lt-box .title-box {
  height: 110px;
}
.singo-special-wp .yepan-circle-field {
  clear: both;
  margin: 0 0 50px 0;
  padding: 10px 0 0 0;
  text-align: center;
  overflow: hidden;
}
.singo-special-wp .yepan-circle-field ul.bubin {
  float: left;
  width: 100%;
}
.singo-special-wp .yepan-circle-field .bubin li {
  float: left;
  position: relative;
  margin: 0 0 25px 0;
  height: 170px;
}
.singo-special-wp .yepan-circle-field .bubin li a {
  display: block;
  position: relative;
  width: 160px;
  height: 160px;
  margin: 0 auto;
  font-size: 100%;
  color: #333;
  line-height: 140%;
  text-decoration: none;
  text-align: center;
  border: 1px solid #999;
  border-radius: 100%;
  background: url("../images/yepan_circle_bg.gif") repeat;
  overflow: hidden;
  z-index: 2;
  transition: 0.2s ease;
}
.singo-special-wp .yepan-circle-field .bubin li a .num {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 26px;
  margin: -80px 0 0 0;
  font-size: 90%;
  color: #fff;
  line-height: 30px;
  font-weight: bold;
  background-color: #777;
  transition: all 0.2s;
  transition: 0.2s ease;
}
.singo-special-wp .yepan-circle-field .bubin li a .txt-valign {
  font-size: 105%;
  font-weight: bold;
  text-shadow: 0 3px 3px rgb(255, 255, 255);
  flex: 0.7;
  margin: 0 auto;
}
.singo-special-wp .yepan-circle-field .bubin li a .btn {
  display: block;
  position: absolute;
  bottom: 28px;
  left: 50%;
  width: 44px;
  height: 18px;
  margin: 0 0 0 -22px;
  padding: 0;
  font-size: 11px !important;
  color: #fff;
  letter-spacing: 0;
  line-height: 17px;
  font-weight: normal;
  text-align: center;
  border-radius: 3px;
  background-color: #f66039;
  transition: all 0.2s;
}
.singo-special-wp .yepan-circle-field .bubin li a:hover {
  bottom: -2px;
  border-width: 1px;
  border-color: #ff643c;
  box-shadow: 4px 4px 2px 0 rgba(0, 0, 0, 0.15);
}
.singo-special-wp .yepan-circle-field .bubin li a:hover .num {
  background-color: #ff643c;
}
.singo-special-wp .yepan-circle-field .bubin li a:hover .btn {
  background-color: #333;
}
.singo-special-wp .yepan-circle-field .bubin li::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -50px;
  width: 100px;
  height: 1px;
  background: #eee;
  z-index: 1;
}

ul.c3 li {
  flex: 1;
}

.form-field {
  clear: both;
  position: relative;
  min-height: 300px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  gap: 20px;
  max-width: 1200px;
  overflow: hidden;
  margin-bottom: 70px;
}
.form-field .lt-box {
  flex: 150px;
}
.form-field .lt-box .title-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 90px;
  padding: 32px 0 0 0;
  font-size: 140%;
  color: #444;
  text-align: center;
  vertical-align: top;
  font-weight: bold;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: url("../images/pattern3(gray).png") repeat;
}
.form-field .lt-box .title-box a {
  display: block;
  position: absolute;
  bottom: 22px;
  left: 50%;
  width: 80px;
  height: 22px;
  margin: 0 0 0 -40px;
  padding: 3px 0 0 0;
  font-size: 12px;
  color: #fff;
  letter-spacing: -0.8px;
  line-height: 19px;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  border-radius: 3px;
}
.form-field .lt-box .title-box .info-txt {
  display: block;
  position: absolute;
  top: 135px;
  left: 5px;
  width: 130px;
  padding: 0 0 0 14px;
  font-size: 12px;
  color: #999;
  line-height: 140%;
  text-indent: -14px;
  text-align: left;
  word-break: keep-all;
}
.form-field .lt-box .title-box a.more {
  transition: all 0.2s ease;
}
.form-field .lt-box .title-box a.more:hover {
  background-color: #ff5529;
  border: 1px solid #ff5529;
}
.form-field .rt-box {
  flex: 1030px;
}
.form-field .rt-box .list {
  float: left;
  width: 100%;
}
.form-field .rt-box .list li:nth-child(odd) {
  padding-left: 0;
}
.form-field .rt-box .list li {
  float: left;
  position: relative;
  width: 48.5%;
  height: 32px;
  margin: 0 0 4px 0;
  padding: 0 0 0 30px;
  transition: all 0.3s;
}
.form-field .rt-box .list li .subj {
  display: inline-block;
  max-width: 420px;
  height: 32px;
  padding: 0 0 0 10px;
  font-size: 100%;
  line-height: 36px;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: url("../images/ic_gray.gif") no-repeat 0 15px;
  transition: all 0.3s;
  overflow: hidden;
}
.form-field .rt-box .list li .form-file {
  clear: both;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 5px;
  margin: -17px 0 0 0;
}
.form-field .rt-box .list li .form-file .ficon {
  display: inline-block;
  width: 24px;
  height: 30px;
}
.form-field .rt-box .list li .form-file .ficon.hwp {
  background-size: 24px;
  z-index: 10;
}

.board-field .row .tbl-list ul {
  height: 215px;
}

.board-field .row .tbl-list ul li a.subj {
  width: 420px;
}

.bubin-rate-field {
  clear: both;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 60px;
}
.bubin-rate-field .exchange-con {
  background-color: tan;
  height: 190px;
  padding: 16px 17px;
  display: flex;
  flex-direction: column;
  border: 1px solid #ddd;
  background: #f5f5f5;
}
.bubin-rate-field .exchange-con .top {
  width: 540px;
  justify-content: space-between;
}
.bubin-rate-field .exchange-con .top .more {
  font-size: 14px;
  letter-spacing: -0.5px;
  line-height: 15px;
  font-weight: normal;
  text-decoration: none;
}
.bubin-rate-field .exchange-con .top .more a {
  color: #aaa;
  transition: 0.2s ease;
}
.bubin-rate-field .exchange-con .top .more a i {
  color: #aaa;
  margin: 0 5px 2px 0;
  font-size: 14px;
  vertical-align: bottom;
  transition: 0.2s ease;
}
.bubin-rate-field .exchange-con .top .more:hover a {
  color: #ff5529;
}
.bubin-rate-field .exchange-con .top .more:hover a i {
  color: #ff5529;
}
.bubin-rate-field .exchange-con .exchange {
  width: 540px;
  background-color: #fff;
  height: 200px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.bubin-rate-field .exchange-con .exchange img {
  width: 100px;
  height: 90px;
  margin: 0 30px;
}
.bubin-rate-field .exchange-con .exchange ul {
  display: flex;
  flex-direction: column;
}
.bubin-rate-field .exchange-con .exchange ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 26px;
}
.bubin-rate-field .exchange-con .exchange ul li img {
  width: 16px;
  height: 12px;
  margin: 0 10px;
  border: 1px solid #e1e1e1;
}
.bubin-rate-field .exchange-con .exchange ul li p {
  font-size: 14px;
}
.bubin-rate-field .exchange-con .exchange ul li p.state {
  width: 110px;
}
.bubin-rate-field .exchange-con .exchange ul li p.currency {
  color: #606060;
  width: 130px;
}
.bubin-rate-field .exchange-con .exchange ul li p.exchange-rate {
  color: #005de4;
  font-weight: 600;
  width: 100px;
  letter-spacing: 0.06rem;
}
.bubin-rate-field .rate-con {
  width: 540px;
  background-color: tan;
  padding: 16px 17px;
  display: flex;
  flex-direction: column;
  border: 1px solid #ddd;
  background: #fff;
  align-items: center;
  justify-content: center;
}
.bubin-rate-field .rate-con .tit {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 18px;
}
.bubin-rate-field .rate-con .tit p {
  text-align: center;
}
.bubin-rate-field .rate-con .tit p:first-child {
  font-size: 25px;
  font-weight: 600;
  line-height: 30px;
}
.bubin-rate-field .rate-con .tit p:nth-child(2) {
  font-size: 14px;
  line-height: 26px;
}
.bubin-rate-field .rate-con .tit p:nth-child(3) {
  font-size: 38px;
  line-height: 46px;
  display: inline-block;
  position: relative;
  margin: 10px 0 0 0;
  padding: 10px 18px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  border-radius: 4px;
  background: #054d5a;
}
.bubin-rate-field .rate-con .etc {
  display: flex;
  flex-direction: column;
}
.bubin-rate-field .rate-con .etc span {
  font-size: 13px;
  color: #606060;
  line-height: 20px;
}

.bottomline {
  border-bottom: 1px solid #ccc;
}

.etc-field.bottom {
  border-bottom: 1px dotted #d3d3d3;
}

.etc-field {
  display: flex;
  flex-direction: row;
}
.etc-field .lt-con,
.etc-field .rt-con {
  width: 50%;
  padding: 30px 0;
}
.etc-field .lt-con {
  padding-right: 20px;
}
.etc-field .rt-con {
  padding-left: 20px;
}
.etc-field .media {
  display: flex;
  flex-direction: row;
  position: relative;
}
.etc-field .media img {
  width: 230px;
  height: 130px;
}
.etc-field .media img.excel,
.etc-field .media img.book {
  width: 94px;
}
.etc-field .text-box {
  display: flex;
  flex-direction: column;
  padding-left: 20px;
  gap: 6px;
  width: 100%;
}
.etc-field .text-box .top-box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.etc-field .text-box .top-box .btn-mall {
  position: absolute;
  top: 0px;
  right: 5px;
  padding: 4px 5px 3px 5px;
  font-size: 12px;
  color: #e05555;
  letter-spacing: -1px;
  text-decoration: none;
  border: 1px solid rgba(224, 85, 58, 0.6);
  border-radius: 3px;
  z-index: 10;
  transition: all 0.2s ease;
  margin-top: 2px;
}
.etc-field .text-box .top-box .btn-mall:hover {
  background-color: #e05555;
  color: #fff;
}
.etc-field .text-box .point-txt {
  color: #ff5529;
  font-size: 15px;
  line-height: 1.6rem;
}
.etc-field .text-box .main-txt {
  font-size: 16.5px;
  line-height: 1.4rem;
}
.etc-field .text-box .sub-txt {
  font-size: 13px;
  color: #999;
}
.etc-field .text-box .etc {
  display: flex;
  flex-direction: row;
}
.etc-field .text-box .etc .tagbox {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 10px;
  margin-right: 16px;
  font-size: 14px;
  line-height: 20px;
  color: #777;
  vertical-align: middle;
}
.etc-field .text-box .etc .tagbox p {
  display: flex;
  flex-direction: row;
  margin-top: 2px;
}
.etc-field .text-box .etc .tagbox i {
  font-size: 16px;
  margin-left: 2px;
  margin-right: 2px;
  color: green;
}
.etc-field .text-box .etc .tagbox span {
  font-size: 14px;
  line-height: 20px;
  color: #777;
}
.etc-field .text-box .etc .tagbox .tag {
  position: relative;
  display: inline-block;
  margin: 0 8px 0 0;
  padding: 4px 4px;
  font-size: 11px;
  color: #fff;
  letter-spacing: -0.2px;
  line-height: 13px;
  border-radius: 3px;
  background: rgba(224, 85, 58, 0.9);
}
.etc-field .text-box .etc .tagbox .tag:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -7px;
  width: 0px;
  height: 0px;
  margin: -4px 0 0 0;
  border: 4px solid;
  border-color: transparent transparent transparent rgba(224, 85, 58, 0.9);
}
.etc-field .text-box .etc .tagbox .name {
  font-size: 14px;
  line-height: 20px;
  color: #777;
  vertical-align: middle;
}
.etc-field .text-box .etc .tagbox .amount {
  font-size: 14px;
  line-height: 20px;
  color: #ff5529;
  vertical-align: middle;
}
.etc-field .text-box .etc .tagbox p {
  font-size: 12px;
  line-height: 20px;
  color: #777;
  margin-left: 4px;
}
.etc-field .text-box .etc .tagbox .green {
  color: green;
}

.top-con {
  clear: both;
  position: relative;
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  min-height: 340px;
}
.top-con .text-box {
  display: flex;
  flex-direction: column;
}
.top-con .text-box img {
  width: 391px;
  height: 44px;
  margin-bottom: 20px;
}
.top-con .text-box .title {
  display: flex;
  flex-direction: row;
  margin-bottom: 40px;
}
.top-con .text-box .title h2 {
  font-size: 18px;
}
.top-con .text-box .title .point-txt {
  color: #d43c3c;
  font-size: 18px;
}
.top-con .text-box .google {
  position: absolute;
  top: 140px;
  left: 0;
  width: 400px;
  padding: 0 0 2px 20px;
  font-size: 14px;
  color: #999;
  line-height: 150%;
  border-left: 1px solid #ddd;
}
.top-con .text-box .google strong {
  display: block;
  margin: 0 0 6px 0;
  font-size: 16px;
  color: #333;
}
.top-con .text-box .google .alert {
  font-size: 13px;
  letter-spacing: -1px;
}
.top-con .text-box .google a.btn-type {
  display: inline-block;
  height: 42px;
  margin-top: 20px;
  font-size: 14px;
  letter-spacing: -0.5px;
  line-height: 41px;
  font-weight: normal;
}
.top-con .con-visual {
  width: 374px;
  height: 256px;
}

.btn-type.etc {
  border-color: #3c4b5c;
  background-color: #435366;
  transition: all 0.2s ease;
}
.btn-type.etc:hover {
  border-color: #5a718e !important;
  background-color: #5a718e !important;
}
.btn-type.etc.active {
  border-color: #00bd93 !important;
  background-color: #00bd93 !important;
}

a.btn-type.gray:hover {
  border-color: #74797f;
  background-color: #74797f;
}

.calendar-field {
  width: 330px;
  padding: 24px 14px 16px;
  border-radius: 4px;
  background: #f0f2f8;
  height: 286px;
}
.calendar-field .month {
  position: relative;
  margin: 0 0 16px 0;
  font-size: 150%;
  text-align: center;
}
.calendar-field .month a {
  display: inline-block;
  width: 40px;
  height: 24px;
  margin: 0 4px 0px 4px;
  font-size: 19px;
  color: #999;
  line-height: 15px;
  vertical-align: middle;
  border: 1px solid #e7e8ee;
  border-radius: 6px;
  background: #fff;
  transition: all 0.2s ease;
}
.calendar-field .month a i {
  font-size: 14px;
  line-height: 24px;
  color: #bcbcbc;
  transition: all 0.2s ease;
}
.calendar-field .month a.pre {
  margin-right: 6px;
}
.calendar-field .month a:hover {
  background-color: #ff5529;
}
.calendar-field .month a:hover i {
  color: #fff;
}
.calendar-field .month strong {
  font-size: 22.3px;
  font-weight: 800;
}
.calendar-field ul {
  float: left;
  width: 100%;
}
.calendar-field li {
  float: left;
  width: 14%;
  position: relative;
  margin: 0 0 6px 0;
  padding: 0 0 0 4px;
  font-size: 14px;
  text-align: center;
}
.calendar-field li span {
  display: block;
  position: relative;
  height: 28px;
  line-height: 26px;
  border: 1px solid #e2e3e8;
  border-radius: 4px;
  background: #fff;
}
.calendar-field li.week.sun span {
  background: #bf3434;
}
.calendar-field li.week.sat span {
  background: #36609a;
}
.calendar-field li.week span {
  margin-bottom: 2px;
  font-size: 12px;
  color: #fff !important;
  line-height: 28px;
  border: none;
  background: #435366;
}
.calendar-field li.active span {
  font-weight: bold;
  border-color: #f47d31;
  background: #fde7d9;
}
.calendar-field li.today span {
  color: blue;
  font-weight: bold;
}

.schedule {
  clear: both;
  position: relative;
  margin-bottom: 20px;
}
.schedule .tax-calendar-month {
  clear: both;
  position: relative;
  margin: 0 -4px 30px 0;
  padding: 0 0 5px 0;
  overflow: hidden;
  margin: 10px 0 20px;
}
.schedule .tax-calendar-month ul {
  float: left;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 4px;
}
.schedule .tax-calendar-month ul.c12 li {
  width: 8%;
}
.schedule .tax-calendar-month li a {
  display: block;
  position: relative;
  height: 40px;
  font-size: 14px;
  color: #888;
  letter-spacing: -0.5px;
  line-height: 38px;
  text-decoration: none;
  text-align: center;
  border: 1px solid #cfcfcf;
  border-radius: 4px;
  background: #f9f9f9;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.02), 0 20px 10px 0 rgba(255, 255, 255, 0.9) inset;
  transition: all 0.2s;
  font-family: "Noto Sans KR", sans-serif;
}
.schedule .tax-calendar-month li a.active {
  color: #fff;
  font-weight: bold;
  border-color: #ff643c;
  background: #ff643c;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.schedule .tax-calendar-month li a.active::after {
  content: "";
  position: absolute;
  bottom: -11px;
  left: 50%;
  width: 0;
  height: 0;
  margin: 0 0 0 -5px;
  border: 5px solid;
  border-color: #ff643c transparent transparent transparent;
}
.schedule .tax-calendar-month li a:hover {
  color: #1c1c1c;
}
.schedule .tax-calendar table.List tr:hover {
  background-color: transparent;
}
.schedule .tax-calendar table.List tr:last-child {
  border-bottom: 0px solid #e9e9e9;
}
.schedule .tax-calendar table.List th span {
  position: relative;
  display: block;
}
.schedule .tax-calendar table.List table.List th span.none::after {
  background: transparent;
}
.schedule .tax-calendar table.List th span::after {
  content: "";
  position: absolute;
  top: 2px;
  right: 0;
  width: 1px;
  height: 11px;
  background: #d7d7d7;
  z-index: 2;
}
.schedule .tax-calendar table.List td {
  padding: 20px;
  font-size: 15px;
  line-height: 150%;
  vertical-align: middle;
  border-bottom: 1px solid #e9e9e9;
  background-color: transparent;
  border-right: 1px solid #e9e9e9;
  text-align: left;
}
.schedule .tax-calendar table.List td:first-child {
  text-align: center;
  padding: 10px;
}
.schedule .tax-calendar table.List td:last-child {
  border-right: 0px solid #e9e9e9;
}
.schedule .tax-calendar table.List td.day.data_title02 {
  font-size: 15px;
}
.schedule .tax-calendar table.List td.day {
  font-size: 105%;
  font-weight: bold;
  background: #fafafa !important;
}
.schedule .tax-calendar table.List tbody tr .calendar-txt {
  padding-left: 12px;
}

.url-con {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-top: 90px;
}
.url-con .title-box {
  display: inline-block;
  position: absolute;
  top: -15px;
  left: 25px;
  height: 28px;
  padding: 0 14px;
  font-size: 15px;
  color: #fff;
  line-height: 26px;
  font-weight: bold;
  text-align: center;
  background: #28334e;
  z-index: 10;
}
.url-con .url-guide {
  position: relative;
  border: 1px solid #c6d5e8;
  border-color: #c7cfd8;
  background-color: #f5f7fc;
  padding: 30px 25px 22px 25px;
  display: flex;
}
.url-con .url-guide li {
  position: relative;
  margin: 0 0 8px 0;
  padding: 0 0 0 20px px;
  font-size: 14px;
  color: #555;
  line-height: 160%;
}
.url-con .url-guide li .num {
  position: absolute;
  top: -1px;
  left: 0;
}
.url-con .url-guide li strong {
  color: #333;
  position: absolute;
  left: 18px;
  font-weight: 600;
}
.url-con .url-guide .calender-img {
  position: absolute;
  top: -48px;
  right: -30px;
}

.download {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-top: 50px;
  line-height: 1.6rem;
}
.download strong {
  font-weight: 700;
}
.download .clr-red3 {
  color: #e05555 !important;
}
.download .top {
  margin-top: 30px;
}
.download .text-box {
  font-size: 15px;
}

.img-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  width: 100%;
  height: 380px;
  border: 1px solid #ddd;
  margin: 20px 0;
  position: relative;
}
.img-box img {
  border: 1px solid #eee;
}

.img-full {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1200px;
  height: 562px;
}

.img-box::after {
  content: "무료다운";
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -60px;
  right: -34px;
  width: 100px;
  height: 100px;
  font-size: 20px;
  color: #fff;
  line-height: 100%;
  font-weight: 500;
  text-align: center;
  border-radius: 100%;
  background: #0ec661;
  padding: 4px 5px 1px;
}

.btn-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  width: 100%;
  margin-top: 10px;
}

.DL-btn {
  width: 350px;
  height: 68px;
  font-size: 21px;
  letter-spacing: -0.5px;
  line-height: 64px;
  font-weight: 500;
  border-radius: 70px;
  padding: 2px 20px 0 20px;
  text-align: center;
  transition: all 0.2s ease;
}

.tab-menu {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.tab-menu .lt-btnbox {
  display: flex;
  flex-direction: row;
  margin: 20px 0;
}
.tab-menu .lt-btnbox .tab-btn {
  display: block;
  position: relative;
  height: 40px;
  font-size: 14px;
  color: #888;
  letter-spacing: -0.5px;
  line-height: 40px;
  text-decoration: none;
  text-align: center;
  border: 1px solid #cfcfcf;
  border-radius: 4px;
  background: #f9f9f9;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.02), 0 20px 10px 0 rgba(255, 255, 255, 0.9) inset;
  transition: all 0.2s;
  padding: 0 30px;
  margin-right: 8px;
  cursor: pointer;
}
.tab-menu .lt-btnbox .tab-btn:hover {
  color: #000;
}
.tab-menu .lt-btnbox .tab-btn.on {
  color: #fff;
  font-weight: bold;
  border-color: #444;
  background: #444;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.tab-menu .lt-btnbox .tab-btn.on::after {
  content: "";
  position: absolute;
  bottom: -11px;
  left: 50%;
  width: 0;
  height: 0;
  margin: 0 0 0 -5px;
  border: 5px solid;
  border-color: #444 transparent transparent transparent;
}
.tab-menu .rt-btnbox .btn {
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  letter-spacing: -0.5px;
  line-height: 40px;
  font-weight: bold;
  border-radius: 5px;
  border-top-right-radius: 0;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.tab-menu .rt-btnbox .btn.or::after {
  content: "";
  position: absolute;
  top: -3px;
  right: -4px;
  width: 0;
  height: 0;
  border: 6px solid;
  border-color: #851b00 transparent transparent transparent;
  transform: rotate(225deg);
}

.tab-con-wp {
  width: 1200px;
}
.tab-con-wp .tab-con-body {
  display: none;
  margin: 10px 0;
}
.tab-con-wp .tab-con-body .p-title {
  display: block;
  margin: 0 0 20px 0;
  padding: 0 0 14px 25px;
  font-size: 19px;
  color: #ff643c;
  line-height: 1.2em;
  font-weight: bold;
  background: url("../images/ic_02.png") no-repeat 0 1px;
}
.tab-con-wp .tab-con-body .Dld-re {
  margin: 0 0 45px 0;
}
.tab-con-wp .tab-con-body .Dld-re dd {
  margin: 0 0 10px 0;
  padding: 0 0 0 10px;
  font-size: 15px;
  text-align: justify;
  line-height: 1.6em;
  background: url("../images/ic_gray.gif") no-repeat 0 10px;
}
.tab-con-wp .tab-con-body .Dld-re dd b {
  display: block;
  margin: 0 0 5px 0;
  font-size: 15px;
  font-weight: bold;
  color: var(--primary-color);
  line-height: 1.6em;
}
.tab-con-wp .tab-con-body .common-Board {
  clear: both;
  position: relative;
  margin: 0 0 20px 0;
  border-top: 1px solid #636363;
  border-bottom: 1px solid #b5b5b5;
}
.tab-con-wp .tab-con-body .common-Board table {
  width: 100%;
  table-layout: fixed;
}
.tab-con-wp .tab-con-body .common-Board .list th {
  height: 40px;
  padding: 0 0 1px 0;
  font-size: 95%;
  color: #444;
  letter-spacing: -0.5px;
  line-height: 1.2em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #d1d1d1;
  background: #ececec;
}
.tab-con-wp .tab-con-body .common-Board table.list {
  border-left: 1px solid #e0e0e0;
}
.tab-con-wp .tab-con-body .common-Board table.list tr:last-child td {
  border-bottom: none;
}
.tab-con-wp .tab-con-body .common-Board table.list th {
  min-height: 45px;
  padding: 0 0 1px 0;
  font-size: 15px;
  color: #444;
  letter-spacing: -1px;
  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;
}
.tab-con-wp .tab-con-body .common-Board table.list th:last-child {
  border-right: none;
}
.tab-con-wp .tab-con-body .common-Board table.list td {
  min-height: 40px;
  padding: 0 0 2px 0;
  font-size: 15px;
  line-height: 120%;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
}
.tab-con-wp .tab-con-body .common-Board table.list td {
  padding-top: 8px;
  padding-bottom: 8px;
}
.tab-con-wp .tab-con-body .common-Board table.list td.cen3 {
  padding: 6px 5px 8px 5px;
  line-height: 1.8em;
  vertical-align: top;
}
.tab-con-wp .tab-con-body .common-Board table.list td.cen2 {
  padding: 4px 15px 6px 15px;
}
.tab-con-wp .tab-con-body.on {
  display: block;
}

.txt12n-gray3 {
  font-size: 13px;
}

.content-box {
  display: flex;
  flex-direction: column;
  margin: auto auto;
  z-index: 100;
}
.content-box .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin: 0 0 20px 0;
  padding: 15px 0 15px 0;
  font-size: 48px;
  letter-spacing: -2px;
  line-height: 150%;
  text-align: center;
  font-family: "GmarketSansMedium", sans-serif;
}
.content-box .title p:first-child {
  font-size: 80px;
  font-weight: 800;
  color: #282860;
}
.content-box .title p {
  color: #434483;
}
.content-box .subtxt {
  font-family: "Noto Sans KR", sans-serif;
}
.content-box .subtxt h2 {
  display: block;
  margin: 0 0 50px 0;
  font-size: 25px;
  color: #555;
  letter-spacing: -1px;
  line-height: 150%;
  font-weight: 700;
}
.content-box .subtxt .f25 {
  font-size: 25px;
  line-height: 1.4;
  text-align: center;
  color: #515153;
  margin: 0 0 30px 0;
}
.content-box .subtxt .f13 {
  text-align: center;
  font-size: 13px;
  color: #888888;
  margin-bottom: 20px;
}

.btn-cul {
  width: 300px;
  height: 60px;
  font-size: 21px;
  line-height: 60px;
  font-weight: 400;
  transition: all 0.2s ease;
  border-radius: 6px;
  text-align: center;
  margin: 20px auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-left: 14px;
}
.btn-cul i {
  color: #fff;
  width: 30px;
  height: 23px;
  font-size: 20px;
}

.asptax-intro-visual {
  content: "";
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 16px solid rgba(212, 214, 215, 0.7);
  background: #fff;
  z-index: 0;
}

.asptax-intro-visual:after,
.asptax-intro-visual:before {
  content: "";
  display: block;
  position: fixed;
  left: 50%;
  width: 850px;
  margin: 0 0 0 -425px;
  z-index: 1;
}

.asptax-intro-visual:before {
  top: 0;
  height: 437px;
  background: url("../images/asptax_introbg1.237edeb7.png") no-repeat 0 0;
}

.asptax-intro-visual:after {
  bottom: 0;
  height: 339px;
  background: url("../images/asptax_introbg2.207fc6d1.png") no-repeat 0 0;
}

.asptax-wrap {
  clear: both;
  min-width: 830px;
  padding: 20px 25px 40px 25px;
  max-width: 1200px;
  margin: 0 auto;
}
.asptax-wrap .form-control {
  height: 38px !important;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
}
.asptax-wrap .title {
  position: relative;
  height: 52px;
  margin: 12px 0 30px 0;
  padding: 0 0 0 45px;
  font-size: 27px;
  line-height: 38px;
  font-weight: 700;
  border-bottom: 2px solid #ccc;
  background: url("../images/다운로드.png") no-repeat 0 0;
  font-family: "Noto Sans KR", sans-serif;
}
.asptax-wrap .title:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 95px;
  height: 2px;
  background-color: #ff643c;
}
.asptax-wrap .tbl-section {
  position: relative;
  margin: 0 0 25px 0;
  padding: 20px 20px 20px 20px;
  border: 2px solid #eee;
  background-color: #fff;
}
.asptax-wrap .tbl-section .guide-txt {
  margin: 0 0 10px 0;
  padding: 8px 10px 10px 28px;
  font-size: 12px;
  color: #e33d3d;
  line-height: 120%;
  border: 1px solid #c6d1e3;
  background: #f7f9fc url("../images/다운로드.gif") no-repeat 10px 10px;
}
.asptax-wrap .tbl-section .info-modal {
  clear: both;
  display: inline-block;
  position: relative;
  margin: 0 0 0 14px;
  vertical-align: middle;
  border-radius: 4px;
  border-color: #3c4b5c;
  background-color: #435366;
  height: 24px;
  padding: 2px 8px 0;
  font-size: 11px;
  letter-spacing: -0.5px;
  line-height: 22px;
  color: #fff !important;
  transition: all 0.2s ease;
  cursor: pointer;
}
.asptax-wrap .tbl-section .info-modal:hover {
  border-color: #151631;
  background-color: #151631;
}
.asptax-wrap .tbl-section .stit.first {
  margin-top: -3px;
}
.asptax-wrap .tbl-section .stit {
  position: relative;
  min-height: 20px;
  margin: 0 0 10px 0;
  padding: 0 0 0 24px;
  font-size: 17px;
  color: #555;
  letter-spacing: -0.6px;
  line-height: 140%;
  font-weight: 700;
  background: url("../images/check.png") 0 3px no-repeat;
}
.asptax-wrap .tbl-section .stit .btn {
  padding: 0;
  position: absolute;
  right: 0;
}
.asptax-wrap .tbl-section .tbl {
  margin-bottom: 25px;
  padding: 1px 0;
  border-top: 1px solid #c3c3c3;
  border-bottom: 1px solid #c3c3c3;
}
.asptax-wrap .tbl-section .tbl table {
  width: 100%;
  table-layout: fixed;
}
.asptax-wrap .tbl-section .tbl th {
  min-height: 50px;
  height: 50px;
  padding: 0 0 0 12px;
  font-size: 13px;
  color: #555;
  line-height: 120%;
  font-weight: 700;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #e3e3e3;
  background-color: #f2f4f6;
}
.asptax-wrap .tbl-section .tbl th span {
  display: inline-block;
}
.asptax-wrap .tbl-section .tbl th span:before {
  content: "\f069";
  display: inline-block;
  margin: 0 5px 2px 0;
  font-family: FontAwesome;
  font-size: 7px;
  color: #f48831;
  font-weight: 400 !important;
  vertical-align: middle;
}
.asptax-wrap .tbl-section .tbl td {
  padding: 8px 20px 8px 20px;
  font-size: 14px;
  line-height: 150%;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #eee;
}
.asptax-wrap .tbl-section .tbl td div {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.asptax-wrap .radio-field {
  margin-top: 5px;
  margin-bottom: 5px;
}
.asptax-wrap .radio-field label {
  font-size: 14px;
  padding-right: 30px;
  cursor: pointer;
}
.asptax-wrap .radio-field label.w1 {
  width: 120px;
  padding: 0;
}
.asptax-wrap .int-calendar {
  margin-left: 5px;
  vertical-align: middle;
}
.asptax-wrap .int-calendar:before {
  content: "";
  display: inline-block;
  position: relative;
  width: 30px;
  height: 34px;
  background: url("../images/다운로드 (2).png") no-repeat 0 0;
  background-size: auto 34px;
  z-index: 2;
  margin-left: 190px;
  margin-top: 4px;
  cursor: pointer;
}
.asptax-wrap .int-infoTxt {
  display: block;
  margin: 10px 0 0 0;
  font-size: 12px;
  color: #669;
  line-height: 120%;
}

.radio-field.inline {
  display: inline-block;
}

.radio-field input[type=radio] {
  display: none;
}

input[type=checkbox],
input[type=radio] {
  margin: 4px 0 0;
  margin-top: 1px\9 ;
  line-height: normal;
}

.radio-field label:before {
  box-sizing: border-box;
  content: "";
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  top: -2px;
  margin: 0 6px 0 0;
  line-height: 32px;
  vertical-align: middle;
  border: 1px solid #a9c5dc;
  border-radius: 100%;
  background: #f0f7fc;
  cursor: pointer;
  z-index: 5;
}

.radio-field input[type=radio]:checked + label:before {
  width: 20px;
  height: 20px;
  border: 5px solid #d2e0ec;
  background: #0795ee;
  top: -2px;
}

.vdp-datepicker {
  position: relative;
  text-align: left;
}

.vdp-datepicker * {
  box-sizing: border-box;
}

.vdp-datepicker input {
  width: 100%;
  height: 34px;
  padding: 6px 10px;
  font-size: 15px;
  line-height: 1.42857143;
  color: #444;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d5d5d5;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  z-index: 10;
}

.vdp-datepicker input:focus {
  border: 1px solid #1c1c1c;
}

.vdp-datepicker__calendar {
  position: absolute;
  z-index: 100;
  background: #fff;
  width: 300px;
  border: 1px solid #ccc;
}
.vdp-datepicker__calendar header {
  display: block;
  line-height: 40px;
}
.vdp-datepicker__calendar header span {
  display: inline-block;
  text-align: center;
  width: 71.4285714286%;
  float: left;
}

.vdp-datepicker__calendar header .next,
.vdp-datepicker__calendar header .prev {
  width: 14.2857142857%;
  float: left;
  text-indent: -10000px;
  position: relative;
}

.vdp-datepicker__calendar header .next:after,
.vdp-datepicker__calendar header .prev:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  border: 6px solid transparent;
}

.vdp-datepicker__calendar header .prev:after {
  border-right: 10px solid #000;
  margin-left: -5px;
}

.vdp-datepicker__calendar header .prev.disabled:after {
  border-right: 10px solid #ddd;
}

.vdp-datepicker__calendar header .next:after {
  border-left: 10px solid #000;
  margin-left: 5px;
}

.vdp-datepicker__calendar header .next.disabled:after {
  border-left: 10px solid #ddd;
}

.vdp-datepicker__calendar header .next:not(.disabled),
.vdp-datepicker__calendar header .prev:not(.disabled),
.vdp-datepicker__calendar header .up:not(.disabled) {
  cursor: pointer;
}

.vdp-datepicker__calendar header .next:not(.disabled):hover,
.vdp-datepicker__calendar header .prev:not(.disabled):hover,
.vdp-datepicker__calendar header .up:not(.disabled):hover {
  background: #eee;
}

.vdp-datepicker__calendar .disabled {
  color: #ddd;
  cursor: default;
}

.vdp-datepicker__calendar .flex-rtl {
  display: flex;
  width: inherit;
  flex-wrap: wrap;
}

.vdp-datepicker__calendar .cell {
  display: inline-block;
  padding: 0 5px;
  width: 14.2857142857%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid transparent;
}

.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year {
  cursor: pointer;
}

.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover,
.vdp-datepicker__calendar .cell:not(.blank):not(.disabled).year:hover {
  border: 1px solid #4bd;
}

.vdp-datepicker__calendar .cell.selected,
.vdp-datepicker__calendar .cell.selected.highlighted,
.vdp-datepicker__calendar .cell.selected:hover {
  background: #4bd;
}

.vdp-datepicker__calendar .cell.highlighted {
  background: #cae5ed;
}

.vdp-datepicker__calendar .cell.highlighted.disabled {
  color: #a3a3a3;
}

.vdp-datepicker__calendar .cell.grey {
  color: #888;
}

.vdp-datepicker__calendar .cell.grey:hover {
  background: inherit;
}

.vdp-datepicker__calendar .cell.day-header {
  font-size: 75%;
  white-space: nowrap;
  cursor: inherit;
}

.vdp-datepicker__calendar .cell.day-header:hover {
  background: inherit;
}

.vdp-datepicker__calendar .month,
.vdp-datepicker__calendar .year {
  width: 33.333%;
}

.vdp-datepicker__calendar-button,
.vdp-datepicker__clear-button {
  cursor: pointer;
  font-style: normal;
}

.vdp-datepicker__calendar-button.disabled,
.vdp-datepicker__clear-button.disabled {
  color: #999;
  cursor: default;
}

.tbl-btns {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.tbl-btns .w2 {
  width: 150px;
  height: 47px;
  padding: 0 20px 0 20px;
  font-size: 16px;
  color: #fff !important;
  line-height: 45px;
  text-decoration: none !important;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  border-radius: 4px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: all 0.2s ease;
}

.table-wp {
  margin: 0px 0px 20px;
  clear: both;
  position: relative;
}
.table-wp table {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
}
.table-wp .list td {
  min-height: 35px;
  padding: 12px 8px 14px 8px;
  font-size: 100%;
  line-height: 170% !important;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #e7e7e7;
}
.table-wp .list td:last-child {
  border-right: none;
}
.table-wp .list.tbl-small td {
  min-height: 30px;
  padding: 5px 0 6px 0;
}
.table-wp .list th {
  height: 40px;
  padding: 0 0 1px 0;
  font-size: 95%;
  color: #444;
  letter-spacing: -0.5px;
  line-height: 1.2em;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #d1d1d1;
  background: #ececec;
}
.table-wp .list.tbl-small td {
  min-height: 30px;
  padding: 5px 0 6px px 0;
}
.table-wp .list td.botmNone {
  border-bottom: none;
}
.table-wp .list.f14 td {
  font-size: 14px !important;
}

.pop-modal.pop01, .pop-modal.pop02, .pop-modal.pop03 {
  display: none;
}

.cal-popTitle {
  position: relative;
  height: 65px;
  background: url("../images/pop_titleBg.gif") repeat-x 0 0;
}
.cal-popTitle p.popTitle {
  display: block;
  height: 65px;
  padding: 0 0 0 40px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 70px;
  background: url("../images/pop_titleIc.gif") no-repeat 0 0;
}
.cal-popTitle p.popTitle-calc {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
  height: 65px;
  padding: 0 0 0 60px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -1px;
  background: url("../images/pop_titleIc_calc.jpg");
  background-repeat: no-repeat;
}
.cal-popTitle p.popTitle-calc span {
  font-weight: bold;
  font-size: 22px;
  padding-top: 0;
}
.cal-popTitle p.popClose {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.cal-popTitle p.popClose img {
  cursor: pointer;
  z-index: 100;
}

.cal-popContents {
  padding: 19px 25px 20px 25px;
  border-right: 7px solid #c8c8c8;
  border-bottom: 7px solid #c8c8c8;
  border-left: 7px solid #c8c8c8;
}
.cal-popContents form {
  display: inline;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
}

.Pop-area .info-Text {
  margin: 0 0 5px 0;
  padding: 10px 0 10px 35px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.2em;
  border: 1px solid #b5d4d1;
  background: #f7fbfd url("../images/infoIc3.gif") no-repeat 12px 8px;
}
.Pop-area .Dld {
  padding: 6px 0 0 0;
}
.Pop-area .Dld dd {
  margin: 0 0 15px 0;
  padding: 0 0 0 10px;
  font-size: 12px;
  text-align: justify;
  line-height: 1.6em;
  background: url(/images/icon/ic_gray.gif) no-repeat 0 8px;
}
.Pop-area .Dld dd b {
  display: block;
  margin: 0 0 3px 0;
  font-size: 12px;
  color: #517a74;
  line-height: 1.4em;
}
.Pop-area .Dld dd.bgnone {
  background: none;
}
.Pop-area .sUli {
  margin: 0 0 10px 0;
  padding: 6px 0 0 0;
}
.Pop-area .sUli li {
  margin: 0 0 6px 0;
  padding: 0 0 0 13px;
  font-size: 12px;
  text-align: justify;
  line-height: 1.3em;
  background: url("../images/ic_gray3.gif") no-repeat 2px 8px;
}
.Pop-area .f12pad {
  display: inline-block;
  padding: 4px 0 4px 0;
  font-size: 12px;
  line-height: 1.8em;
}
.Pop-area span.con_bold {
  padding: 0 0 0 10px;
  color: #c1535a;
  font-weight: bold;
  background: url("/images/cal_ic2.gif") no-repeat 0 5px;
}
.Pop-area .Uli {
  position: relative;
  margin: 0 0 5px 0;
  padding: 0 0 0 13px;
  font-size: 13px;
  text-align: justify;
  line-height: 1.6em;
  background: url("/images/cal_ic.gif") no-repeat 0 8px;
}
.Pop-area .Uli b {
  margin: 0 0 5px 0;
  font-size: 15px;
  font-weight: bold;
}
.Pop-area .cal-Board-L {
  margin: 0 0 20px 0;
  border-top: 1px solid #63a49f;
  border-bottom: 1px solid #b5cac8;
  float: left;
}
.Pop-area table.cal_pop_list {
  table-layout: auto;
}
.Pop-area table.cal_pop_list th {
  padding: 9px 0 6px 0;
  font-size: 13px;
  color: #447876;
  letter-spacing: -1px;
  line-height: 1.2em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  background: #eff4f3;
}
.Pop-area table.cal_pop_list td {
  padding: 9px 10px 6px 10px;
  font-size: 13px;
  line-height: 1.2em;
  vertical-align: middle;
  border-bottom: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
}
.Pop-area table.cal_pop_list td:last-child {
  border-right: none;
}
.Pop-area table.cal_pop_list td.Right {
  padding: 5px 10px 6px 10px;
  line-height: 1.4em;
  text-align: right;
  vertical-align: middle;
}
.Pop-area table.cal_pop_list tr.None td {
  border-bottom: none;
}
.Pop-area .input_3 {
  height: 20px;
  font-size: 13px;
  line-height: 2em;
  vertical-align: middle;
  border: 1px solid #a1cbaa;
  background: #f6fcf7;
}
.Pop-area input {
  border-radius: 2px;
  transition: all 0.2s ease;
  padding-left: 4px;
}
.Pop-area input:focus {
  border: 1px solid #1c1c1c;
  border-radius: 2px;
}

.btn_cen {
  text-align: center;
  cursor: pointer;
}

a.cal_btn {
  display: inline-block;
  padding-right: 4px;
  background: linear-gradient(to bottom, #678a87, #2d5451);
  border: 1px solid #42827d;
  font-weight: bold;
  font-size: 13px;
  white-space: nowrap;
  border-radius: 6px;
  transition: all 0.8s ease;
}
a.cal_btn span {
  display: block;
  padding: 4px 18px 2px 22px;
  line-height: 29px;
  color: #fff;
  transition: all 0.2s ease;
}

a.cal_btn:hover {
  background: linear-gradient(to bottom, #2d5451, #153735);
}

.clear,
.clearfix {
  margin: 0;
  padding: 0;
  clear: both;
}

.comm-List-ul {
  position: relative;
  margin: 0 0 40px 5px;
  margin-bottom: 25px;
  overflow: hidden;
}
.comm-List-ul li {
  position: relative;
  margin: 0 0 10px 0;
  font-size: 15px;
  line-height: 1.6em;
  text-align: justify;
}
.comm-List-ul li img {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 0 4px 1px;
  vertical-align: middle;
  border-radius: 2px;
}
.comm-List-ul li a.link strong {
  color: #005de4;
  transition: all 0.2s ease;
}
.comm-List-ul li a.link strong:hover {
  color: #ff5529;
}

.comm-List-ul.circle li::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 11px;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: #333;
}

.comm-List-ul.circle li {
  padding: 0 0 0 12px;
}

.comm-List-ul.btMag-None li {
  margin-bottom: 2px;
}

.tbl-wp {
  clear: both;
  position: relative;
  margin: 0 0 40px 0;
}
.tbl-wp .bottomMrg4 {
  margin-bottom: 30px;
}
.tbl-wp .bottomMrg2 {
  margin-bottom: 50px;
}
.tbl-wp .th-color th {
  background: #f2f4f6 !important;
}
.tbl-wp table.Insert {
  border-top: 1px solid #d0d0d0;
}
.tbl-wp table {
  width: 100%;
  table-layout: fixed;
}
.tbl-wp .th-color th {
  background: #f2f4f6 !important;
}
.tbl-wp table.Insert th {
  height: 62px;
  font-size: 100%;
  color: #555;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #e5e5e5;
  background: #f7f7f7;
  line-height: 1.4rem;
  padding-left: 18px;
}
.tbl-wp table.Insert th.disBg {
  background-color: #fafafa !important;
}
.tbl-wp table.Insert.td60 td {
  height: 60px;
}
.tbl-wp table.Insert.td62 td {
  height: 62px;
}
.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 td.hp {
  padding: 10px 20px;
}
.tbl-wp table.Insert tr:last-child th,
.tbl-wp table.Insert tr:last-child td {
  border-bottom: none;
}
.tbl-wp .selt-1 {
  display: inline-block;
  height: 42px;
  line-height: 38px;
  margin: 0 0 0px 0;
  padding: 3px 3px 3px 10px;
  font-size: 14px;
}
.tbl-wp table.View2 td.rt-txt {
  padding-right: 30px;
  text-align: right;
}
.tbl-wp table.View2 td.ct {
  text-align: center;
}
.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.ct {
  padding-left: 0 !important;
  text-align: center;
}
.tbl-wp table.View2 th.rt-Line {
  border-right: 1px solid #e5e5e5;
}
.tbl-wp table.View2 .order th.txt {
  height: 45px;
}
.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 td {
  padding: 4px 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.rt-Line {
  border-right: 1px solid #e9e9e9;
}
.tbl-wp table.View2.td50 td {
  height: 50px;
}
.tbl-wp table.View2.order th {
  height: 60px;
  padding: 0 0 1px 25px;
  font-size: 15px;
  color: #555;
  font-weight: bold;
}
.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: 88px;
  height: 100px;
  margin: 0 25px 0 0;
  background: url(../images/searchResult_No_big.png) no-repeat 0 0;
  background-size: 88px auto;
}
.tbl-wp table.List td.search-None .text .txt {
  float: left;
  display: inline-block;
  margin: 2px 0 0 0;
}
.tbl-wp table.List td.kind {
  font-size: 14px;
  color: #4d6583;
  letter-spacing: -0.5px;
}

.tbl-box {
  margin: 0 0 35px 0;
  padding: 1px;
  background-color: #fff !important;
  border-radius: 3px;
}
.tbl-box .tbl-wp {
  margin: 0;
}
.tbl-box .tbl-wp table.Insert {
  border-top: none;
  border-bottom: none;
}
.tbl-box .tbl-wp table.View2 {
  border-top: 1px px solid #d7d7d7;
}
.tbl-box .tbl-wp table.List,
.tbl-box .tbl-wp table.View2 {
  border-top: none;
  border-bottom: none;
}

.box-tp.ty4 {
  border-color: #c9c9c9;
  background-color: #f8f8f8 !important;
  border-radius: 3px;
}

.box-tp.ty6 {
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 22px 20px;
  background-color: #fff;
}

.checkbox-field .chkbox {
  display: none;
}

.checkbox-field label {
  cursor: pointer;
  display: inline-block;
  max-width: 100%;
  font-weight: normal;
  line-height: 62px;
}
.checkbox-field .square {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: -3px 8px 0 0;
  font-size: 100%;
  line-height: 12px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #7d9fca;
  background: #f0f7fc;
  border-radius: 2px;
}
.checkbox-field .square i {
  opacity: 0;
}
.checkbox-field .chkbox:checked + label i {
  opacity: 1;
}

.box-tp.ty4.tbl-box .form-control {
  display: inline-block;
}

.guide-btn-box.inner {
  position: absolute;
  bottom: 23px;
  right: 26px;
  margin: 0;
  padding: 0;
  border: 0;
}

.omission-txt {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-style: 15px;
  font-weight: bold;
}
.omission-txt .fa-circle {
  color: #ff5529;
  font-size: 8px;
  margin-right: 6px;
}

.box-tp {
  clear: both;
  position: relative;
  border: 1px solid #c6d5e8;
  background-color: #f9fbff;
}
.box-tp .click-tag {
  position: relative;
  padding: 4px 10px;
  letter-spacing: 1px;
  font-size: 12px;
  line-height: 12px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  border-radius: 3px;
  background: #f47d31;
  margin-right: 4px;
  top: -1px;
  transition: all 0.2s ease;
}
.box-tp .click-tag:hover {
  background-color: #DA5500;
}
.box-tp.info-box {
  position: relative;
  padding: 20px 26px;
  font-size: 100%;
  line-height: 1.2em;
  background: #fbfcfc !important;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-color: #e3e3e3;
  margin-bottom: 30px;
  color: #444;
  font-weight: 500;
  border-radius: 2px;
}
.box-tp.info-box .fa {
  margin-right: 5px;
  margin-top: -3px;
}
.box-tp.info-box .fa.fa-check {
  margin-top: -4px;
  margin-right: 2px;
  color: #fff;
  width: 18px;
  height: 18px;
  border-radius: 15px;
  background-color: #333;
  font-size: 10px;
  line-height: 18px;
  text-align: center;
}
.box-tp.info-box .row {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  align-items: center;
}
.box-tp.info-box .row .txt-guide {
  margin-left: 40px;
  font-size: 13px;
}
.box-tp.info-box .row .txt-guide li {
  line-height: 160%;
}
.box-tp.info-box .row .txt-guide li:first-child {
  margin-bottom: 4px;
}
.box-tp.info-box .left {
  line-height: 1.5em;
}
.box-tp.info-box .left .tit {
  display: block;
  font-weight: bold;
  font-size: 26px;
  line-height: 160%;
  margin-bottom: 4px;
}
.box-tp.info-box .left strong {
  font-size: 15px;
  line-height: 140%;
}
.box-tp.info-box .left p {
  font-size: 14px;
}
.box-tp.info-box .left-img {
  margin-left: 10px;
  margin-right: 30px;
}
.box-tp.info-box .right-txt {
  display: flex;
  flex-direction: column;
  width: 100%;
  word-break: keep-all;
}
.box-tp.info-box .right-txt .tit {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: -1px;
  margin-bottom: 8px;
}
.box-tp.info-box .right-txt p {
  margin-bottom: 5px;
  line-height: 140%;
  font-size: 14px;
}
.box-tp.info-box .right-txt .sm-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 14px;
  color: #666;
}
.box-tp.info-box .right-txt .sm-link .btn-type.small {
  height: 22px;
  padding: 0 3px 0 8px;
  font-size: 12px;
  line-height: 21px;
  font-weight: normal;
  margin-left: 8px;
}
.box-tp.info-box .right-txt .sm-link .btn-type.small .fa {
  margin-right: 6px;
  margin-top: 1px;
  color: #fff;
}
.box-tp.ty4 {
  border-color: #c9c9c9;
  background-color: #f8f8f8;
}

.tbl-box {
  margin: 0 0 35px 0;
  padding: 1px;
  background-color: #fff !important;
}

.gijunsiga-sider-wp {
  position: relative;
  min-width: 100%;
  padding: 0 0 30px 0;
  overflow: hidden;
  background-color: #fff;
}
.gijunsiga-sider-wp .swiper-pagination .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.gijunsiga-sider-wp .gijunsiga-sider {
  position: relative;
  width: 100%;
}
.gijunsiga-sider-wp .gijunsiga-sider .radio-field-new.m2 {
  margin-left: 40px;
}
.gijunsiga-sider-wp .gijunsiga-sider .radio-field-new.m1 {
  margin-left: 70px;
}
.gijunsiga-sider-wp .gijunsiga-sider .radio-field-new {
  margin: 4px auto 0 auto;
}
.gijunsiga-sider-wp .gijunsiga-sider table {
  border-top: 1px solid #e5e5e5 !important;
  border-left: 1px solid #e5e5e5 !important;
  border-right: 1px solid #e5e5e5 !important;
}
.gijunsiga-sider-wp .gijunsiga-sider .tbl-wp {
  margin-bottom: 15px;
  max-height: 500px;
  padding: 30px 60px;
  overflow-y: auto;
  overflow-x: hidden;
}
.gijunsiga-sider-wp .gijunsiga-sider .tbl-wp table.Insert td.cell {
  padding-top: 10px;
  padding-bottom: 10px;
}
.gijunsiga-sider-wp .gijunsiga-sider .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;
  border-bottom: 1px solid #e5e5e5 !important;
}
.gijunsiga-sider-wp .gijunsiga-sider .tbl-wp table.Insert td {
  border-bottom: 1px solid #e9e9e9 !important;
}
.gijunsiga-sider-wp .gijunsiga-sider .tbl-wp table.Insert td.editer {
  padding-top: 20px;
}
.gijunsiga-sider-wp .gijunsiga-sider .tbl-wp table.Insert td.gijunsiga-bg {
  padding-top: 10px;
  padding-bottom: 10px;
  border-left: 1px solid #e6eaee;
  background: #f7f8fa;
}
.gijunsiga-sider-wp .gijunsiga-sider table.Insert tr:hover th,
.gijunsiga-sider-wp .gijunsiga-sider table.Insert tr:hover td {
  background-image: url("../images/pattern_org.png") !important;
  transition: all 0.3s;
}
.gijunsiga-sider-wp .gijunsiga-sider .th-color th {
  background: #f2f4f6 !important;
}
.gijunsiga-sider-wp .swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.gijunsiga-sider-wp .gijunsiga-sider .swiper-slide:first-child .tbl-wp {
  margin-top: 135px;
}

.radio-field-new {
  display: inline-block;
  position: relative;
  min-height: 22px;
  margin: 4px 25px 0px 0;
  padding: 0 0 4px 30px;
  font-size: 100%;
  font-weight: 300 !important;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.radio-field-new input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  cursor: pointer;
}

.radio-field-new .checkmark {
  position: absolute;
  top: 51%;
  left: 0;
  width: 22px;
  height: 22px;
  margin: -13px 0 0 0;
  border: 1px solid #e0e0e0;
  border-radius: 100%;
  background-color: #eee;
}
.radio-field-new .checkmark:after {
  top: 51%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  border-radius: 100%;
  background: #fff;
}
.radio-field-new input:checked ~ .checkmark {
  border-color: #1c8ae2;
  background-color: #2196f3;
}
.radio-field-new .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.radio-field-new input:checked ~ .checkmark:after {
  display: block;
}

.radio-field-new:hover input ~ .checkmark {
  border-color: #cfcfcf;
  background-color: #ddd;
}

.tbl-btn {
  clear: both;
  line-height: 100%;
}
.tbl-btn button {
  display: block;
  position: relative;
  height: 58px;
  padding: 0 30px 0 30px;
  font-size: 115%;
  line-height: 58px;
  text-decoration: none !important;
  font-weight: bold;
  text-align: center;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: all 0.2s;
}
.tbl-btn li .big {
  min-width: 200px;
  height: 64px;
  font-size: 20px !important;
  font-weight: normal !important;
  line-height: 64px;
}
.tbl-btn .rtB {
  float: right;
  overflow: hidden;
}
.tbl-btn .rtB li {
  float: left;
  margin: 0 0 0 10px;
  padding: 0 0 5px 0;
}
.tbl-btn .ctB {
  text-align: center;
  overflow: hidden;
  font-family: "Noto Sans KR", sans-serif;
}
.tbl-btn .ctB li {
  display: inline-block;
  margin: 0 0 0 6px !important;
  padding: 0 0 5px 0;
  height: auto;
  background-color: transparent;
}
.tbl-btn .ctB li a.big {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  line-height: 70px;
  font-size: 21px;
  border-radius: 4px;
}
.tbl-btn .ctB li .c2 {
  width: 260px;
}
.tbl-btn .c3 {
  width: 180px;
}

.box-tp.ty3 {
  border-color: #d2d2d2;
  background-color: #fff;
}

.ptxt {
  height: 26px;
  line-height: 26px;
  margin-top: 26px;
}

.tbl-wp.th-color th {
  background: #f2f4f6 !important;
}

.calculation-wp .tbl-wp {
  background-color: #fcfcfc !important;
}
.calculation-wp .tbl-wp.th-color {
  background-color: #fff !important;
}

.search-con {
  clear: both;
  position: relative;
  margin: 0 0 60px 0;
  padding: 25px 30px 23px 30px;
  border: 1px solid #c7c7c7;
  background-color: #f8f8f8;
}
.search-con .int-1 {
  display: inline-block;
  height: 42px;
  margin: 0 0 0px 0;
  padding-left: 10px;
}
.search-con th {
  height: 42px;
  padding: 2px 0 0 0;
  font-size: 100%;
  color: #555;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
}
.search-con th .icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 6px 2px 0;
  vertical-align: middle;
  background: url("../images/ic_check2.png") no-repeat 0 0;
}
.search-con td {
  padding: 8px 0;
}
.search-con td .btn {
  position: relative;
  height: 42px;
  margin: 0 0 0 5px;
  padding: 0 20px 0 20px;
  font-size: 14px;
  line-height: 42px;
  text-decoration: none !important;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.search-con td .btn i {
  color: #fff;
  margin-right: 5px;
  margin-top: -2px;
}
.search-con dl.kor dd,
.search-con dl.eng dd {
  float: left;
  margin: 0 8px 8px 0;
  vertical-align: middle;
}
.search-con dl.kor dd a,
.search-con dl.eng dd a {
  font-size: 110%;
  clear: both;
  display: block;
  position: relative;
  width: 40px;
  height: 40px;
  color: #fff;
  line-height: 42px;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  background: #345b99;
}
.search-con dl.kor dd a:hover,
.search-con dl.eng dd a:hover {
  bottom: -2px;
  background: #ff643c !important;
  box-shadow: 0 20px 0 0 rgba(255, 255, 255, 0.1) inset;
}
.search-con dl.kor dd a.active,
.search-con dl.eng dd a.active {
  background: #ff643c !important;
  box-shadow: 0 20px 0 0 rgba(255, 255, 255, 0.1) inset;
}
.search-con dl.eng dd a {
  background: #435366 !important;
  font-size: 100%;
}
.search-con .bt-None {
  padding-bottom: 0;
}

.dic-List-wp {
  clear: both;
  display: none;
  margin: -10px 0 0 0;
  overflow: hidden;
}
.dic-List-wp .word {
  margin: 0 0 15px 0;
  font-size: 110%;
}
.dic-List-wp .word i {
  margin: 0 8px 3px 0;
  color: #e05555;
  vertical-align: middle;
}
.dic-List-wp dl {
  width: 100%;
  margin: 0 0 40px 0;
  border-top: 1px solid #777;
  border-bottom: 1px solid #ccc;
}
.dic-List-wp dt {
  padding: 25px 15px 0 15px;
  font-size: 110%;
  color: #333;
  line-height: 1.6em;
  font-weight: bold;
}
.dic-List-wp dd {
  position: relative;
  padding: 8px 100px 25px 15px;
  font-size: 100%;
  color: #555;
  line-height: 150%;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #e9e9e9;
}
.dic-List-wp dd a.down-btn {
  clear: both;
  display: inline-block;
  position: absolute;
  top: -16px;
  right: 15px;
  height: 38px;
  padding: 0 15px 0 15px;
  text-align: center;
  border-radius: 4px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 20px 0px 0 rgba(255, 255, 255, 0.9) inset;
  color: #888;
  background-color: #f9f9f9;
  text-decoration: none;
  font-weight: bold;
  vertical-align: middle;
  border: 1px solid #d5d5d5;
  cursor: pointer;
}
.dic-List-wp dd a.down-btn i {
  color: #888;
  font-size: 16px;
  line-height: 39px;
  transition: all 0.2s ease;
}
.dic-List-wp dd a.down-btn i:before {
  content: "\f107";
}
.dic-List-wp dd a.down-btn:hover {
  border-color: #1c1c1c;
}
.dic-List-wp dd a.down-btn:hover i {
  color: #1c1c1c;
}
.dic-List-wp dd span.txt {
  width: 1050px;
  display: block;
  height: 25px;
  padding: 0 0 5px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: height linear 0.2s;
  overflow: hidden;
  word-break: keep-all;
  margin: 0 0;
}
.dic-List-wp dd a.down-btn.active i:before {
  color: #ccc;
  content: "\f106";
  transition: all 0.2s ease;
}
.dic-List-wp dd a.down-btn.active ~ span.txt {
  height: 100% !important;
  white-space: normal;
}
.dic-List-wp dd a.down-btn.active:hover {
  border-color: #1c1c1c;
}
.dic-List-wp dd a.down-btn.active:hover i:before {
  color: #1c1c1c;
}

.tbl-wp.Line tbody tr {
  border: 0;
}

.exchangRate-tbl {
  position: relative;
}
.exchangRate-tbl .btn-area {
  position: absolute;
  bottom: -12px;
  right: 0;
}
.exchangRate-tbl .tbl-wp table.List td {
  padding: 8px 0 10px 0;
}

.tbl-wp.tax-calendar table.List td,
.tbl-wp.Line table.List td {
  padding: 12px 0 8px 0;
}

.tbl-wp.tax-calendar table.List td:last-child,
.tbl-wp.tax-calendar .tbl-wp.Line table.List td:last-child {
  border-right: none;
}
.tbl-wp.tax-calendar tr:hover td,
.tbl-wp.tax-calendar .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;
}

.tbl-wp table.List td.rt-doubleLine {
  border-right: 3px double #e3e3e3 !important;
}
.tbl-wp table.List td.won {
  background: #fbfbfb;
}

.topbanner {
  position: relative;
  height: 250px;
  margin: 0px 0 0px 0;
  text-align: center;
  background: #e7e7e7;
  background: linear-gradient(to right, #5a52c9 51%, #e7e7e7 52%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#5a52c9", endColorstr="#e7e7e7",GradientType=1 );
}
.topbanner.lec0401 {
  background: linear-gradient(to right, #4957AD 51%, #e7e7e7 52%);
}
.topbanner.lec5 {
  height: 250px;
  background: url("../images/lec(5)_top_bg.png") no-repeat 50% 0;
}
.topbanner.yp02-bg {
  height: 352px;
  background: rgb(90, 82, 201);
  background: linear-gradient(175deg, rgb(90, 82, 201) 0%, rgb(72, 64, 177) 100%);
}

.topbanner.bgred {
  background: linear-gradient(to right, #e05555 51%, #e7e7e7 52%);
}

.banner-wp {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  padding: 0;
  vertical-align: top;
}
.banner-wp .subHome-Btn {
  display: block;
  position: absolute;
  bottom: 15px;
  right: 0;
  height: 40px;
  padding: 0 20px;
  text-align: center;
  border-radius: 40px;
  background: rgb(31, 36, 80);
  box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.1);
  animation: subHome_ani 0.8s infinite;
}
.banner-wp .subHome-Btn .fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  color: #fff;
  font-size: 20px;
  padding-top: 10px;
}
.banner-wp .subHome-Btn:hover {
  bottom: 14px;
  background: #18269f;
}

.new-list-importGuide {
  margin: 0 0 40px 0;
  padding: 15px 25px 13px 25px;
  font-size: 14px;
  color: #555;
  background: #fbfcfc !important;
  border-radius: 2px;
}
.new-list-importGuide i {
  margin: 0 8px 1px 0;
  font-size: 130%;
  color: #555;
  vertical-align: middle;
}

.new-list-rowGuide {
  display: flex;
  flex-direction: row;
  margin: 0 0 40px 0;
  padding: 18px 25px 20px 25px;
  font-size: 14px;
  color: #555;
  background: #fbfcfc !important;
  border-radius: 2px;
}
.new-list-rowGuide i {
  margin: 1px 8px 1px 0;
  font-size: 130%;
  color: #555;
  vertical-align: middle;
}
.new-list-rowGuide .txt {
  margin: 0;
  font-size: 14px;
  line-height: 20px;
}

.card-item-wp.mgT50 {
  margin-top: 50px;
}

.card-item-wp {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  gap: 20px 10px;
  margin-top: 20px;
  margin-bottom: 50px;
  position: relative;
}
.card-item-wp .video-list.no-tag li .thmubs {
  margin-bottom: 12px;
}
.card-item-wp .edu-video-list {
  float: left;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 60px 3%;
  margin-bottom: 40px;
}
.card-item-wp .edu-video-list li {
  width: 31.3%;
  margin-bottom: 40px;
  float: left;
  position: relative;
  margin: 0 0 0px 0;
  transition: all 0.3s;
}
.card-item-wp .edu-video-list li:hover .edu-video-item .details .bottom-info .summary-txt {
  color: #333;
}
.card-item-wp .edu-video-list li:hover .edu-video-item .thumb img {
  transform: scale(1.01);
}
.card-item-wp .edu-video-list li.finish:hover .edu-video-item .details .bottom-info .summary-txt {
  color: #999;
}
.card-item-wp .edu-video-list li.finish:hover .edu-video-item .thumb img {
  transform: scale(1);
}
.card-item-wp .edu-video-item {
  display: flex;
  flex-direction: column;
  position: relative;
}
.card-item-wp .edu-video-item .thumb {
  position: relative;
  width: 100%;
  height: 210px;
  border-radius: 6px;
  transition: all 0.2s ease;
  overflow: hidden;
  -webkit-align-items: center;
  background-size: 100% auto;
  margin-bottom: 18px;
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 1, 0.2);
}
.card-item-wp .edu-video-item .thumb img {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  transform: scale(1);
  transition: all 0.2s ease;
}
.card-item-wp .edu-video-item .details {
  display: flex;
  flex-direction: column;
  position: relative;
}
.card-item-wp .edu-video-item .details .top {
  height: 70px;
  margin-bottom: 8px;
}
.card-item-wp .edu-video-item .details .tit {
  font-size: 20px;
  font-weight: bold;
  line-height: 26px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: auto;
  max-height: 54px;
  margin-bottom: 6px;
}
.card-item-wp .edu-video-item .details .tit .stxt {
  font-size: 16px;
  font-weight: bold;
}
.card-item-wp .edu-video-item .details .titguide {
  font-size: 12px;
  height: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card-item-wp .edu-video-item .details .titguide .sbook {
  transition: all 0.2s ease;
}
.card-item-wp .edu-video-item .details .titguide .sbook:hover {
  color: #ff5529;
}
.card-item-wp .edu-video-item .details .bottom-info .date {
  font-size: 18px;
  font-weight: bold;
  color: #666699;
}
.card-item-wp .edu-video-item .details .bottom-info .date .time {
  font-size: 15px;
}
.card-item-wp .edu-video-item .details .bottom-info .sb-wp {
  margin-top: 10px;
}
.card-item-wp .edu-video-item .details .bottom-info .sb-wp .lecturer {
  font-size: 13px;
  color: #555;
  letter-spacing: -0.5px;
}
.card-item-wp .edu-video-item .details .bottom-info .sb-wp .price {
  color: #666699;
}
.card-item-wp .edu-video-item .details .bottom-info .sb-wp .price .free {
  display: inline-block;
  height: 18px;
  padding: 0 7px;
  margin-bottom: 1px;
  font-size: 12px;
  color: #fff;
  line-height: 18px;
  font-weight: 600;
  vertical-align: text-bottom;
  border-radius: 18px;
  background: #cb0a0a;
}
.card-item-wp .edu-video-item .details .bottom-info .summary-txt {
  display: -webkit-box;
  position: relative;
  height: 34px;
  margin: 8px 0 0 0;
  padding: 0 2px;
  font-size: 12px;
  color: #999;
  letter-spacing: -0.5px;
  line-height: 140%;
  font-weight: 100;
  word-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: all 0.2s;
  overflow: hidden;
}
.card-item-wp .edu-btns {
  margin-top: 16px;
}
.card-item-wp .edu-btns a:nth-child(1) {
  width: 68%;
  font-weight: 600;
}
.card-item-wp .edu-btns a:nth-child(2) {
  float: right;
  letter-spacing: -0.5px;
}
.card-item-wp .edu-btns a.btn-type, .card-item-wp .edu-btns a.btn-line {
  height: 38px;
  line-height: 36px;
  font-size: 13px !important;
}
.card-item-wp .finish .edu-video-item .thumb {
  box-shadow: none;
}
.card-item-wp .finish .edu-video-item .thumb::after {
  content: "종료";
  display: block;
  position: absolute;
  top: 8px;
  left: -23px;
  width: 80px;
  height: 18px;
  font-family: "Noto Sans KR", "Noto Sans", sans-serif;
  font-size: 11px;
  color: #fff;
  letter-spacing: -1px;
  line-height: 16px;
  font-weight: 400;
  text-align: center;
  background: #9a0000;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
  transform: rotate(-45deg);
  z-index: 100;
}
.card-item-wp .finish .edu-video-item .thumb::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0px;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4) url("../images/visual_dot3.png") repeat;
  z-index: 2;
}
.card-item-wp .finish .edu-btns a:first-child {
  background-color: #c4c9cf;
  border-color: #c4c9cf;
  cursor: default;
}
.card-item-wp .finish .edu-btns a:first-child:active {
  bottom: 0;
}
.card-item-wp .finish .edu-video-item .details .bottom-info .sb-wp .price .free {
  background-color: #999;
}
.card-item-wp .video-list {
  float: left;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 40px 20px;
}
.card-item-wp .video-list li {
  width: 23.75%;
  margin-bottom: 40px;
  float: left;
  position: relative;
  margin: 0 0 0px 0;
  transition: all 0.3s;
}
.card-item-wp .video-list li a.lec {
  display: block;
  position: relative;
  text-decoration: none;
  z-index: 1;
}
.card-item-wp .video-list li .thmubs {
  position: relative;
  height: 160px;
  margin: 0 0 50px 0;
  text-align: center;
  align-items: center;
  -webkit-align-items: center;
  border-radius: 6px;
  background: url("../images/no_image.png") no-repeat center center;
  background-size: 100% auto;
  transition: all 0.2s;
  overflow: hidden;
}
.card-item-wp .video-list li .thmubs img {
  transition: 0.3s ease;
}
.card-item-wp .video-list li .thmubs::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0px;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.1);
  transition: all 0.3s;
  z-index: 2;
}
.card-item-wp .video-list li .thmubs::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  background: url("../images/media_playBtn.png") no-repeat 0 0;
  background-size: 50px auto;
  transition: all 0.3s;
  z-index: 3;
}
.card-item-wp .video-list li .subj {
  display: -webkit-box;
  position: relative;
  height: 74px;
  margin: 0 0 10px 0;
  padding: 0 2px;
  font-family: "Noto Sans KR", "Noto Sans", "맑은 고딕", "Malgun Gothic";
  font-size: 19px;
  color: #111;
  letter-spacing: -0.8px;
  line-height: 130%;
  font-weight: 500;
  word-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  transition: all 0.2s;
  overflow: hidden;
}
.card-item-wp .video-list li .etc {
  position: relative;
  padding: 0 2px;
  font-size: 14px;
  color: #666699;
  line-height: 150%;
  font-weight: 400;
}
.card-item-wp .video-list li .etc .lecturer {
  display: inline-block;
  float: right;
  color: #555;
}
.card-item-wp .video-list li .summary {
  display: -webkit-box;
  position: relative;
  height: 34px;
  margin: 8px 0 0 0;
  padding: 0 2px;
  font-size: 12px;
  color: #999;
  letter-spacing: -0.5px;
  line-height: 140%;
  font-weight: 100;
  word-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: all 0.2s;
  overflow: hidden;
}
.card-item-wp .video-list li .keywords {
  display: block;
  display: -webkit-box;
  position: absolute;
  top: 174px;
  left: 0;
  right: 0;
  width: 96%;
  height: 24px;
  margin: 0 0 10px 0;
  padding: 0 2px;
  color: #fff;
  word-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  z-index: 2;
}
.card-item-wp .video-list li .keywords span.tag {
  display: inline-block;
  height: 24px;
  margin: 0 0px 0 0;
  padding: 0 8px;
  font-size: 11px;
  color: #666;
  letter-spacing: -0.5px;
  line-height: 24px;
  font-weight: 300;
  vertical-align: text-bottom;
  border-radius: 4px;
  background-color: #eee;
  transition: 0.3s ease;
  cursor: pointer;
}
.card-item-wp .video-list li .keywords span.tag:last-child {
  margin-right: 0;
}
.card-item-wp .video-list li .keywords span.tag:hover {
  background-color: #ff5529;
  color: #fff;
}
.card-item-wp .video-list li a.lec:hover .thmubs {
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.25);
}
.card-item-wp .video-list li a.lec:hover .thmubs img {
  transform: scale(1.05);
}
.card-item-wp .video-list li a.lec:hover p.subj {
  color: #ff5529;
}
.card-item-wp .video-list li a.lec:hover p.summary {
  color: #1c1c1c;
}
.card-item-wp .video-list li a.lec:hover .thmubs::after {
  transform: scale(1.05);
}

.Lec-tabIcon-new {
  display: block;
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 5;
}
.Lec-tabIcon-new .tabicon {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.9);
  letter-spacing: 0px;
  line-height: 38px;
  text-align: center;
  border-radius: 100%;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
}
.Lec-tabIcon-new .tabicon.series.one {
  padding: 0;
  font-size: 10px;
  line-height: 12px;
  letter-spacing: -0.5px;
  font-weight: 200;
  background: #00a0d4;
  display: flex;
  align-items: center;
  justify-content: center;
}

.video-wp {
  clear: both;
  position: relative;
  border-radius: 4px;
  box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  padding: 20px;
  background: #555;
}
.video-wp .video-con {
  width: 1160px;
  height: 652px;
  background-color: #ccc;
  margin: auto auto;
}

.media-view-wp .title {
  position: relative;
  margin: 30px 0 40px 0;
  padding: 20px 0 25px 0;
  font-size: 28px;
  letter-spacing: -1px;
  font-weight: 500;
  border-bottom: 1px solid #ddd;
  font-family: "Noto Sans KR", sans-serif;
}
.media-view-wp .title .icon {
  display: inline-block;
  height: 28px;
  margin: 0 6px 2px 0;
  padding: 0 12px;
  font-size: 15px;
  color: #fff;
  letter-spacing: 0;
  line-height: 29px;
  font-weight: 300;
  text-align: center;
  vertical-align: middle;
}
.media-view-wp .icon.cate01 {
  background: #32818a;
  border-radius: 3px;
}
.media-view-wp .icon.cate03 {
  background: #7e6d38;
  border-radius: 3px;
}
.media-view-wp .detail {
  position: relative;
  margin: 0 0 30px 0;
  padding: 5px 20px 50px 20px;
  font-size: 100%;
  line-height: 170%;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
}
.media-view-wp .keywords {
  margin: 10px 0 25px 0;
}
.media-view-wp .keywords a {
  display: inline-block;
  height: 30px;
  line-height: 28px;
  margin: 10px 5px 6px 0;
  padding: 2px 12px 0;
  font-size: 13px;
  color: #fff;
  letter-spacing: -0.5px;
  text-decoration: none;
  border-radius: 4px;
  background-color: #8e9aa8;
  cursor: pointer;
}
.media-view-wp .keywords a:hover {
  background-color: #768393;
}

.member-benefits-etc {
  padding: 18px 20px 18px 20px;
  font-size: 13px;
  color: #777;
  border: 1px solid #e9e9e9;
  background: #f5f5f5;
}

.series-List th.Left {
  padding-left: 25px;
  font-size: 105% !important;
  color: #777 !important;
}
.series-List th.Left strong {
  color: #333;
}

.seriesList-wp {
  margin-bottom: 80px;
}
.seriesList-wp table th.Left {
  padding-left: 25px;
  color: #777 !important;
}
.seriesList-wp table th.Left.tableTitle {
  font-size: 17px;
}
.seriesList-wp table th.Left strong {
  color: #333;
}
.seriesList-wp table tbody tr:hover .subj {
  color: #ff5529;
}
.seriesList-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;
  transition: 0.2s ease;
}
.seriesList-wp .series-media {
  clear: both;
  display: block;
  position: relative;
  padding: 16px 0 16px 25px;
  font-size: 100%;
  color: #333;
  line-height: 1.4em;
  text-align: left;
  overflow: hidden;
}
.seriesList-wp .series-media .thumb {
  display: inline-block;
  float: left;
  position: relative;
  width: 230px;
  height: 130px;
  text-align: center;
  overflow: hidden;
}
.seriesList-wp .series-media .thumb {
  width: 130px;
  height: 70px;
}
.seriesList-wp .series-media .thumb img {
  width: 130px;
  height: 70px;
}
.seriesList-wp .series-media .thumb:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.1) url("../images/media_playBtn.png") no-repeat 0 0;
  background-size: 40px auto;
  z-index: 2;
}
.seriesList-wp .series-media .info {
  display: inline-block;
  float: left;
  width: 900px;
  padding: 10px 0 0 30px;
}
.seriesList-wp .series-media .info .subj {
  margin-bottom: 8px;
  font-size: 19px;
  transition: all 0.2s ease;
}
.seriesList-wp .series-media .info .time {
  display: block;
  color: #777;
  font-size: 15px;
}
.seriesList-wp .series-media .btn {
  position: absolute;
  top: 50%;
  right: 20px;
  margin: -15px 0 0 0;
  letter-spacing: -0.5px;
  border-color: #a4acb4 !important;
  background-color: #acb4bc !important;
  border-radius: 4px;
  transition: all 0.3s;
  line-height: 28px;
}
.seriesList-wp .series-media .btn::before {
  content: "동영상 보기";
}
.seriesList-wp .series-media.playing {
  background-color: #fff6f4;
}
.seriesList-wp .series-media.playing .info .subj {
  display: inline-block;
  padding-right: 40px;
  color: #ff5529;
  font-weight: 700;
  text-decoration: none;
  background: url("../images/playing.png") no-repeat right 3px;
}
.seriesList-wp .series-media.playing .btn::before {
  content: "선택한 강의";
}
.seriesList-wp .series-media.playing .btn {
  border-color: #f66039 !important;
  background-color: #ff643c !important;
}

.silmu-lec-guide {
  position: relative;
  height: 80px;
  margin: 40px 0 45px 0;
  padding: 0 120px 0 0;
  font-family: "Noto Sans KR", "Noto Sans", "맑은 고딕", "Malgun Gothic";
  font-size: 18px;
  color: #222;
  letter-spacing: -0.2px;
  line-height: 80px;
  font-weight: 400;
  text-align: center;
  background: #d7dbed;
}
.silmu-lec-guide a {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 30px;
  height: 26px;
  margin: -13px 0 0 0;
  padding: 0 30px 0 10px;
  font-size: 11px;
  color: #fff;
  letter-spacing: 0;
  line-height: 26px;
  font-weight: 300;
  text-decoration: none;
  text-align: center;
  background: #2a2a41;
}
.silmu-lec-guide a .ic {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 22px;
  font-size: 10px !important;
  color: rgba(255, 255, 225, 0.4);
  text-align: center;
  background: #12121c;
}

.con-list-area li:hover {
  border-color: #777;
  background: #fff;
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.2);
}
.con-list-area li:hover .thumb img {
  transform: scale(1.05);
}
.con-list-area li:hover .subj {
  color: #e05555;
}
.con-list-area li:hover i.fa-angle-right {
  color: #e05555 !important;
}
.con-list-area li::after {
  content: "";
  bottom: -2px;
  right: -2px;
  border-bottom: 3px solid #e05555;
  border-right: 3px solid #e05555;
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  z-index: 10;
  border-bottom-right-radius: 6px;
}
.con-list-area li::before {
  content: "";
  top: -2px;
  left: -2px;
  border-top: 3px solid #e05555;
  border-left: 3px solid #e05555;
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  z-index: 10;
  border-top-left-radius: 6px;
}
.con-list-area li:last-child a::before {
  opacity: 0;
}
.con-list-area li {
  position: relative;
  margin: 0 0 40px 0;
  padding: 25px 35px 25px 35px;
  border: 1px solid #dfdfdf;
  border-bottom-color: #cfcfcf;
  background: #fafafa;
  transition: all 0.2s;
  border-radius: 6px;
}
.con-list-area li a {
  display: block;
  position: relative;
  transition: all 0.2s;
}
.con-list-area li a::before {
  content: "\f055";
  position: absolute;
  bottom: -61px;
  left: 50%;
  width: 30px;
  height: 30px;
  margin: 0 0 0 -14px;
  font-family: "FontAwesome";
  font-size: 30px;
  color: #d7dbed;
  line-height: 100%;
  text-align: center;
  z-index: 2;
}
.con-list-area li .thumb {
  display: inline-block;
  float: left;
  position: relative;
  width: 230px;
  height: 130px;
  text-align: center;
  overflow: hidden;
}
.con-list-area li .thumb img {
  width: 231px;
  height: 130px;
  transform: scale(1);
  transition: all 0.2s;
}
.con-list-area li .thumb:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.1) url("../images/media_playBtn.png") no-repeat 0 0;
  background-size: 60px auto;
  z-index: 2;
}
.con-list-area li .info {
  display: inline-block;
  float: left;
  width: 840px;
  padding: 15px 0 0 30px;
}
.con-list-area li .info .lecturer {
  display: block;
  color: #777;
}
.con-list-area li .info .subj {
  display: inline-block;
  position: relative;
  margin: 0 0 20px 0;
  font-family: "Noto Sans KR", "Noto Sans", "맑은 고딕", "Malgun Gothic";
  font-size: 28px;
  letter-spacing: -1px;
  font-weight: 500;
}
.con-list-area li .info .subj::before {
  content: "온라인교육";
  position: absolute;
  top: 50%;
  right: -90px;
  width: 70px;
  height: 20px;
  margin: -9px 0 0 0;
  font-family: "Noto Sans KR", "Noto Sans", "맑은 고딕", "Malgun Gothic";
  font-size: 11px;
  color: #fff;
  letter-spacing: -0.5px;
  line-height: 18px;
  font-weight: 300;
  text-align: center;
  border-radius: 20px;
  background: #3c4a64;
  z-index: 2;
}
.con-list-area li .info .summary {
  display: block;
  display: -webkit-box;
  position: relative;
  /* height: 38px; */
  margin: 0 0 10px 0;
  padding: 0 0 0 15px;
  font-size: 13px;
  color: #555;
  line-height: 140%;
  word-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.con-list-area li .info .summary::before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  bottom: 6px;
  left: 0;
  width: 2px;
  background: #8680bc;
}
.con-list-area li i {
  position: absolute;
  top: 50%;
  right: -20px;
  width: 30px;
  height: 80px;
  margin: -40px 0 0 0;
  font-size: 50px;
  color: #c6c5dc !important;
  line-height: 78px;
  transition: all 0.2s;
}
.con-list-area li .fa-angle-right:before {
  content: "\f105";
}
.con-list-area li a::after {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  left: -25px;
  width: 70px;
  height: 70px;
  background: url("../images/image.png") no-repeat 0 0;
}

.bt-txt-area {
  clear: both;
  position: relative;
  margin: 40px 0 0 0;
  overflow: hidden;
}
.bt-txt-area li {
  margin: 0 0 2px 0;
  padding: 5px 0 0 12px;
  font-size: 15px;
  color: #444;
  line-height: 20px;
  text-align: justify;
  background: url("../images/ic_gray4.png") no-repeat 0 16px;
}

.tab-box {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 30px;
  width: 100%;
  gap: 6px;
}
.tab-box a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 0;
  position: relative;
  line-height: 18px;
  font-size: 14px;
  color: #888;
  letter-spacing: -0.5px;
  text-decoration: none;
  text-align: center;
  border: 1px solid #cfcfcf;
  border-radius: 4px;
  background: #f9f9f9;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.02), 0 20px 10px 0 rgba(255, 255, 255, 0.9) inset;
  transition: all 0.2s;
}
.tab-box a:hover {
  color: #1c1c1c;
}
.tab-box a.active {
  color: #fff;
  font-weight: bold;
  border-color: #19218f;
  background: #19218f;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.tab-box a.active::after {
  content: "";
  position: absolute;
  bottom: -11px;
  left: 50%;
  width: 0;
  height: 0;
  margin: 0 0 0 -5px;
  border: 5px solid;
  border-color: #444 transparent transparent transparent;
}

.banner {
  margin-top: -10px;
  background: url("../images/nts_case_visual.jpg") no-repeat 0px -150px;
  background-size: 100% auto;
  height: 100px;
  margin-bottom: 35px;
  padding: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.banner .txt-valign {
  font-size: 16.5px;
  color: rgba(255, 255, 255, 0.9);
  letter-spacing: 0px;
  line-height: 150%;
  text-shadow: 2px 1px 5px rgba(0, 0, 0, 0.5);
  display: inline-block;
  position: relative;
  text-align: center;
  z-index: 10;
  margin-top: 5px;
}
.banner .txt-valign b {
  color: #fff;
}

.comm-search-wp {
  clear: both;
  position: relative;
  margin: 0 0 60px 0;
  padding: 15px 24px;
  background-color: #f8f8f8;
  border-color: #c7c7c7 !important;
  border: 1px solid #c6d5e8;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
  margin-bottom: 10px !important;
}
.comm-search-wp table {
  width: 100%;
  table-layout: fixed;
}
.comm-search-wp th {
  height: 42px;
  padding: 4px 0 0 0;
  font-size: 100%;
  text-align: left;
  color: #111;
}
.comm-search-wp th .icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 6px 2px 0;
  vertical-align: middle;
  background: url("../images/ic_check2.png") no-repeat 0 0;
}
.comm-search-wp td {
  position: relative;
  padding: 8px px 0;
  display: flex;
  flex-direction: row;
}
.comm-search-wp td select {
  display: inline-block;
  height: 42px;
}
.comm-search-wp td input {
  border-radius: 3px;
  position: relative;
}
.comm-search-wp .select-stit {
  display: inline-block;
  height: 42px;
  margin: 0 0 0 0;
  padding: 0 10px;
  font-size: 12px;
  color: #fff;
  line-height: 42px;
  text-align: center;
  vertical-align: middle;
  background: #999;
}
.comm-search-wp label {
  display: inline-block;
  max-width: 100%;
  font-weight: normal;
  color: #111;
}
.comm-search-wp button {
  display: inline-block;
  height: 42px;
  padding: 0 20px 3px 20px;
  font-size: 14px;
  line-height: 40px;
  vertical-align: middle;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.2s;
  border-radius: 3px;
  margin-left: 4px;
}
.comm-search-wp .btn-field {
  clear: both;
  position: relative;
  margin: 8px 0 0 0;
  padding: 15px 0 10px 0;
  text-align: right;
  border-top: 1px dotted #bbb;
}
.comm-search-wp .btn-field .sch {
  padding-left: 22px !important;
  padding-right: 27px !important;
  background-color: #19218f;
  border-color: #19218f;
}
.comm-search-wp .btn-field .sch:hover {
  background-color: #00c398;
  border-color: #00c398;
}
.comm-search-wp .btn-field.no-line {
  border: none;
  padding: 0;
  margin: 0;
}
.comm-search-wp .btn-field.no-line .guide-btn-box {
  position: absolute;
  right: 0;
  top: -47px;
}
.comm-search-wp .btn-field.inner {
  position: absolute;
  bottom: 21px;
  right: 30px;
  margin: 0;
  padding: 0;
  border: 0;
}
.comm-search-wp .btn-type i {
  margin: 0 8px 2px 0;
  color: #fff;
}

.selt-1.native {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 30px px !important;
  background: #fff url("../images/select_bg.png") no-repeat center right !important;
  background-size: auto 10px !important;
  transition: all 0.3s;
  border-radius: 3px;
  margin-right: 4px;
}

.selt-1.radius-None {
  border-radius: 0 !important;
}

.af {
  position: relative;
}
.af:last-child::after {
  width: 0;
}

.af::after {
  content: "";
  position: absolute;
  top: 16px;
  right: 0;
  width: 1px;
  height: 11px;
  background: #d7d7d7;
  z-index: 2;
}

.tbl-wp.tb th span {
  color: #777;
}
.tbl-wp.tb table.List td {
  padding: 8px 12px 8px 12px;
  font-size: 100%;
  line-height: 150%;
  vertical-align: middle;
  border-bottom: 1px solid #e9e9e9;
  background-color: transparent;
}
.tbl-wp.tb table.List td .profile {
  display: flex;
  flex-direction: column;
  width: 60px;
  padding: 12px 0 0 0;
  font-size: 12px;
  color: #777;
  line-height: 150%;
}
.tbl-wp.tb table.List td:last-child .kind-Icon {
  margin: 0 auto;
}
.tbl-wp.tb table.List td.subj-link {
  padding: 8px 12px 8px 12px;
}
.tbl-wp.tb table.List td.kind-gray {
  font-size: 13px;
  text-align: center;
  color: #888;
  transition: all 0.2s ease;
}
.tbl-wp.tb table.List td.consult-qTd {
  padding: 17px 15px 18px 37px;
  text-align: left;
  background: url("../images/speech_bubble.png") no-repeat 5px 17px;
}
.tbl-wp.tb table.List td.subj-link.case a {
  display: block;
  background: url(../images/board_bubble_02.png) no-repeat 4px 10px;
  padding: 12px 15px 10px 38px;
  line-height: 1.3em;
  text-align: left;
}
.tbl-wp.tb tr.ho-summary:hover .consult-summary {
  color: #1c1c1c;
}
.tbl-wp.tb tr.ho-summary:hover .kind-gray {
  color: #1c1c1c;
}
.tbl-wp.tb .ft14 {
  font-size: 14px !important;
  text-align: center !important;
  font-weight: 200 !important;
}
.tbl-wp.tb .date {
  font-size: 13px !important;
  text-align: center !important;
  color: #888;
}
.tbl-wp.tb .kind-Icon {
  display: flex;
  justify-content: center;
  width: 44px;
  height: 24px;
  font-size: 11px;
  line-height: 20px;
  color: #fff;
  background-color: #bbb;
  padding-top: 3px;
  border-radius: 2px;
}
.tbl-wp.tb .thumbs {
  float: left;
  display: block;
  width: 45px;
  height: 58px;
  margin: 0 10px 0 12px;
  text-align: center;
  align-items: center;
  -webkit-align-items: center;
  border: 1px solid #eee;
  background: url("../images/writer_photo.png") no-repeat center center;
  background-size: 100% auto;
  overflow: hidden;
}
.tbl-wp.tb .thumbs img {
  display: inline;
  width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.tbl-wp.tb td.consult-qTd a.subj {
  font-size: 19px;
  letter-spacing: -0.6px;
  font-weight: 400;
  display: block;
}
.tbl-wp.tb .consult-summary {
  display: block;
  display: -webkit-box;
  max-height: 32px;
  margin: 4px 0 1px 0px;
  font-size: 12px;
  color: #999;
  letter-spacing: -0.2px;
  line-height: 140%;
  word-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: all 0.2s;
  overflow: hidden;
}

.sbanner-consultcase {
  width: 100%;
  height: 140px;
  overflow: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: -10px;
  background-size: 100% auto;
  position: relative;
  border-radius: 4px;
  margin-bottom: 40px;
}
.sbanner-consultcase.bnImg01 {
  background: url("../images/expert_case_visual.jpg") no-repeat;
  background-size: cover;
}
.sbanner-consultcase.bnImg02 {
  background: url("../images/weekly_case_visual.jpg") no-repeat;
  background-size: cover;
}
.sbanner-consultcase::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2) url("../images/main_visual_dot.png") repeat;
  z-index: 1;
}
.sbanner-consultcase .tit {
  font-size: 36px;
  font-weight: 500;
  color: #fff;
  z-index: 1;
  margin-top: 12px;
  font-family: "Noto Sans KR", "Noto Sans", "맑은 고딕", "Malgun Gothic";
}
.sbanner-consultcase .txt {
  font-size: 14px;
  color: #fff;
  z-index: 1;
}

.tbl-wp table.List td.kind-gray2 {
  font-size: 14px;
  letter-spacing: -0.5px;
  color: #999;
}

.search-wordRed {
  color: red !important;
}

.tbl-wp table.View {
  border-top: 1px solid #777;
  border-bottom: 1px solid #ccc;
}
.tbl-wp table.View tr.bottom {
  height: 55px;
}
.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: 46px;
}
.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 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;
  transition: all 0.2s ease;
}
.tbl-wp table.View td.f14 {
  font-size: 14px;
}
.tbl-wp table.View td.date {
  font-size: 14px;
  color: #888;
}
.tbl-wp table.View td.subj {
  padding: 12px 20px 14px 20px;
  font-size: 110%;
  border-bottom: none;
  background: #f4f4f4;
}
.tbl-wp table.View td.detail {
  padding: 40px 25px 45px 25px;
  color: #444;
  line-height: 1.7em;
}
.tbl-wp table.View td.detail .counsel-re-txtField {
  font-size: 15px;
}
.tbl-wp table.View td.detail.consult {
  padding-bottom: 45px;
}
.tbl-wp table.View tr:last-child td {
  border-bottom: none;
}
.tbl-wp table.View .attached-file {
  width: 100%;
}
.tbl-wp table.View .attached-file td {
  padding: 25px;
  width: 100%;
}
.tbl-wp table.View .attached-file .file-wp {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  row-gap: 2px;
}
.tbl-wp table.View .attached-file .f-dl {
  position: relative;
  font-size: 15px;
  margin-right: 10px;
  padding: 4px 0 4px 23px;
  letter-spacing: -0.5px;
  white-space: nowrap;
  transition: all 0.2s ease;
}
.tbl-wp table.View .attached-file .f-dl:hover {
  text-decoration: underline;
}
.tbl-wp table.View .attached-file .f-dl::after {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 18px;
  height: 18px;
  border-radius: 2px;
}
.tbl-wp table.View .attached-file .f-dl.f-hwp::after {
  background: url(../images/file_hwp.png) no-repeat;
  background-size: cover;
}
.tbl-wp table.View .attached-file .f-dl.f-zip::after {
  background: url(../images/file_zip.png) no-repeat;
  background-size: cover;
}
.tbl-wp table.View .attached-file .f-dl.f-pdf::after {
  background: url(../images/file_pdf.png) no-repeat;
  background-size: cover;
}
.tbl-wp table.View .attached-file .f-dl.f-doc::after {
  background: url(../images/file_doc.png) no-repeat;
  background-size: cover;
}
.tbl-wp table.View .attached-file .f-dl.f-xls::after {
  background: url(../images/file_xls.png) no-repeat;
  background-size: cover;
}

.consult-keyword a.word {
  display: inline-block;
  position: relative;
  height: 26px;
  margin: 0 2px 0 0;
  padding: 0 15px;
  font-size: 12px;
  color: #fff;
  line-height: 26px;
  text-align: center;
  text-decoration: none !important;
  border-radius: 40px;
  background: #a9afb6;
}

.consult-keyword a.word:last-child {
  background: #91979e;
}

.counsel-re-wp {
  clear: both;
  position: relative;
  margin: -41px 0 40px 0;
  padding: 30px 30px 0px 75px;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #ccc;
  background: #f6f6f6;
}
.counsel-re-wp .tit {
  position: absolute;
  top: 30px;
  left: 19px;
  font-size: 18px;
  color: #6c63b2;
  font-weight: bold;
  text-align: center;
}
.counsel-re-wp .tit i {
  display: block;
  margin: 0 0 10px 0;
  font-size: 200%;
  color: #6c63b2;
}
.counsel-re-wp .consult-expert-field {
  display: inline-block;
  position: absolute;
  top: 7px;
  right: 10px;
  width: 230px;
  height: 108px;
  padding: 8px 0 0 15px;
  text-align: left;
  text-decoration: none !important;
  border: 1px solid #e3e3e3;
  border-top-color: transparent;
  border-right-color: transparent;
  background: #fff;
  z-index: 10;
}
.counsel-re-wp .consult-expert-field.h116 {
  height: 116px;
}
.counsel-re-wp .consult-expert-field .thumbs {
  float: left;
  display: block;
  width: 70px;
  height: 90px;
  margin: 0 12px 0 0;
  text-align: center;
  align-items: center;
  -webkit-align-items: center;
  border: 1px solid #eee;
  background: url("../images/writer_photo.png") no-repeat center center;
  background-size: 100% auto;
  overflow: hidden;
}
.counsel-re-wp .consult-expert-field .thumbs img {
  display: inline;
  width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.counsel-re-wp .consult-expert-field .profile {
  float: left;
  display: inline-block;
  width: 130px;
  margin: 8px 0 2px 0;
  font-size: 12px;
  color: #777;
  line-height: 150%;
}
.counsel-re-wp .consult-expert-field .kinds {
  display: inline-block;
  height: 16px;
  padding: 0 6px 0 5px;
  font-family: "Noto Sans KR", "Noto Sans", "맑은 고딕", "Malgun Gothic";
  font-size: 10px;
  color: #fff;
  letter-spacing: -0.5px;
  line-height: 16px;
  font-weight: 300;
  text-align: center;
  vertical-align: middle;
  border-radius: 2px;
  background: #6c63b2;
}
.counsel-re-wp .consult-expert-field .kinds-txt {
  display: block;
  display: -webkit-box;
  max-height: 28px;
  margin: 3px 10px 0 0;
  font-size: 11px;
  color: #999;
  letter-spacing: -0.8px;
  line-height: 140%;
  word-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.counsel-re-wp .consult-expert-field::after {
  content: "";
  display: block;
  position: absolute;
  top: -20px;
  left: -20px;
  width: 50px;
  height: 50px;
  background: url("../images/expert_ic.png") no-repeat center 0;
  z-index: 11;
}
.counsel-re-wp .tbl-wp {
  margin-bottom: 30px;
  background: #fff;
}
.counsel-re-wp .tbl-wp table.View {
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.counsel-re-wp .tbl-wp table.View th.subj {
  background: #fff;
}
.counsel-re-wp .tbl-wp table.View th {
  border-bottom: 1px solid #e9e9e9 !important;
}

td.td-padding {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.contents-wp {
  position: relative;
  min-height: 700px;
  margin: 60px 0 120px 0;
  text-align: left;
}
.contents-wp input {
  display: inline-block;
}
.contents-wp .checkbox-field {
  display: inline-block;
}
.contents-wp .mTitle .icon {
  margin: 0 10px 3px 0;
  font-size: 100%;
  color: #555;
  vertical-align: middle;
}
.contents-wp .mTitle .rt-txt {
  position: absolute;
  bottom: -5px;
  right: 0;
  font-size: 12px;
  letter-spacing: -0.5px;
  font-weight: normal;
}
.contents-wp .tbl-wp table.Insert {
  border-bottom-color: #d5d5d5;
}
.contents-wp .tbl-wp table.Insert td.td-padding {
  padding-top: 12px;
  padding-bottom: 12px;
}
.contents-wp .tbl-wp table.Insert .form-info.None {
  margin: 12px 0 0 0;
}
.contents-wp .tbl-wp table.Insert .editer {
  padding: 16px 16px;
  overflow: hidden;
}
.contents-wp .tbl-wp .mTitle.small2 {
  margin-bottom: 12px;
  font-size: 21px;
  letter-spacing: -0.6px;
  font-weight: 700;
  margin-top: 20px;
}
.contents-wp .tbl-wp .mTitle span.stxt2 {
  display: inline-block;
  position: relative;
  margin: 0 0 0 20px;
  font-size: 13px;
  color: #999;
  letter-spacing: 0;
  line-height: 150%;
  font-weight: 300;
}
.contents-wp .tbl-wp .mTitle span.stxt2:before {
  content: "";
  position: absolute;
  top: 5px;
  left: -14px;
  width: 1px;
  height: 10px;
  background: #d7d7d7;
}
.contents-wp .selt-1.bg {
  background: #fafafa !important;
}
.contents-wp div.ck-editor__editable {
  min-height: 200px;
}
.contents-wp .mh400 div.ck-editor__editable {
  min-height: 400px;
}

fieldset {
  padding: 0.35em 0.625em 0.75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}

i {
  display: inline-block;
  vertical-align: middle;
}

i.essential-ic {
  font-size: 10px;
  font-weight: 600;
  color: #e05555;
  vertical-align: middle;
  margin: 0 0 2px 6px;
}

.fa-asterisk:before {
  content: "\f069";
}

i.fa-spin {
  animation: move-spin 2s infinite linear;
}

@keyframes move-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.form-info {
  display: inline-block;
  margin: 0 0 4px 4px;
  padding: 2px 0 0 0;
  font-size: 13px !important;
  color: #e05555;
  letter-spacing: -0.2px;
  line-height: 1.2em;
  vertical-align: middle;
}
.form-info i {
  color: #e05555;
  margin-right: 4px;
}

.agree {
  clear: both;
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid #e3e3e3;
  background-color: #fff;
  margin: -10px 0 40px 0;
  padding: 20px 27px 16px 27px;
  font-size: 14px;
  color: #555;
  line-height: 150%;
}

.txt-num {
  display: block;
  margin-left: 18px;
  margin-bottom: 2px;
  text-indent: -18px;
}

.txt-ct {
  margin: 12px 0 0 0;
  font-size: 115%;
  color: #333;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  font-family: "Noto Sans KR", sans-serif;
  gap: 20px;
}

.consult-member-count {
  float: left;
  height: 58px;
  margin: -10px 0 0 0;
  padding: 15px 0 0 72px;
  font-size: 20px;
  line-height: 120%;
  background: url("../images/consult_count.png") no-repeat 0 0;
}

.rtB button {
  display: block;
  position: relative;
  height: 58px;
  padding: 0 30px 0 30px;
  font-size: 115%;
  line-height: 58px;
  text-decoration: none !important;
  font-weight: bold;
  text-align: center;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: all 0.2s;
}

.consult-insert-guide {
  display: none;
  margin: 0 0 40px 0;
  padding: 35px 40px 32px 40px;
  font-size: 14px;
  color: #555;
  line-height: 150%;
  background-color: #fafafa !important;
}
.consult-insert-guide span.notice {
  display: block;
  margin: 0 0 14px 0;
  font-size: 13px;
}
.consult-insert-guide span.txt-num {
  margin-bottom: 5px;
}

.consult-insert-guide.new {
  display: block;
  margin: 10px 0 -50px 0;
}

.consult-insert-guide td {
  font-size: 14px !important;
  color: #555;
}

.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 td:first-child {
  border-left: 1px solid #e0e0e0;
}

td.posR select.selt-1 {
  padding: 8px 10px 6px 10px !important;
}
td.posR select.selt-1 option {
  display: flex;
  align-items: center;
  height: 22px;
  line-height: 22px;
  padding-left: 4px;
}

section.posR .reserv-insert-box .tbl-wp table.Insert {
  border-bottom: 0;
}

.topbanner.reserv {
  height: 420px;
  background: #1c1e49 url("../images/reservation_visual.jpg") no-repeat 50% 0;
  min-width: 1200px;
}

.reserv-top-Banner-bottom {
  height: 70px;
  margin: 0 0 80px 0;
  font-size: 20px;
  color: rgba(255, 255, 255, 0.9);
  letter-spacing: 0px;
  line-height: 72px;
  text-align: center;
  font-weight: 100;
  background: #39365b;
  min-width: 1200px;
  font-family: "GmarketSansMedium", sans-serif;
}

.flexC {
  display: flex;
  flex-direction: column;
}

.call-info-wp {
  margin-bottom: 60px;
}
.call-info-wp .title {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.call-info-wp .title h1 {
  font-size: 32px;
  font-weight: 600;
  position: relative;
  font-family: "Noto Sans KR", sans-serif;
}
.call-info-wp .title h1 span {
  color: #d43c3c;
  font-size: 20px;
  font-weight: 600;
  margin-left: 6px;
}
.call-info-wp .title h1:before {
  content: "";
  position: absolute;
  top: 15px;
  right: -18px;
  width: 1px;
  height: 10px;
  background: #d7d7d7;
}
.call-info-wp .title p {
  font-size: 13px;
  color: #707070;
  margin-left: 32px;
  padding-bottom: 4px;
}
.call-info-wp .call-num {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0 10px 0;
}
.call-info-wp .call-num .txt-box {
  display: flex;
  flex-direction: column;
}
.call-info-wp .call-num .txt-box h1 {
  font-size: 70px;
  line-height: 80px;
  color: #1c1c1c;
  font-weight: 600;
  font-family: "GmarketSansMedium", sans-serif;
}
.call-info-wp .call-num .txt-box p.time {
  font-size: 18px;
  line-height: 26px;
  color: #777;
  margin-bottom: 20px;
}
.call-info-wp .call-num .txt-box p.subT {
  font-size: 24px;
  color: #666699;
  letter-spacing: 0px;
  line-height: 140%;
  font-weight: 400;
  font-family: "Noto Sans KR", sans-serif;
}
.call-info-wp .etc-box {
  display: flex;
  flex-direction: row;
  padding: 18px 10px;
  gap: 6px;
}
.call-info-wp .etc-box span.etcT {
  font-size: 14px;
  line-height: 20px;
  color: #ff5529;
}

.coun-wp .title {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.coun-wp .title h1 {
  font-size: 32px;
  font-weight: 600;
  position: relative;
  font-family: "Noto Sans KR", sans-serif;
}
.coun-wp .title h1:before {
  content: "";
  position: absolute;
  top: 15px;
  right: -18px;
  width: 1px;
  height: 10px;
  background: #d7d7d7;
}
.coun-wp .title p {
  font-size: 13px;
  color: #707070;
  margin-left: 32px;
  padding-bottom: 4px;
}

.reserv-week-box {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  padding: 40px 0 60px 0;
  text-align: center;
}
.reserv-week-box .Btn {
  display: inline-block;
  position: absolute;
  top: 35px;
  width: 40px;
  height: 100px;
  font-size: 40px;
  color: #aaa;
  line-height: 100px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
}
.reserv-week-box .Btn:hover {
  color: #19218F;
}
.reserv-week-box .Btn.fa-chevron-left {
  top: 60px;
  left: 0;
  z-index: 999;
}
.reserv-week-box .Btn.fa-chevron-right {
  top: 60px;
  right: 20px;
}
.reserv-week-box a {
  display: inline-block;
  margin: 0 5px 0 5px;
  font-size: 20px;
  color: #333;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
}
.reserv-week-box a .day {
  position: relative;
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 0 10px 0;
  font-size: 44px;
  letter-spacing: -1px;
  line-height: 104px;
  font-weight: 900;
  border-radius: 100%;
  background: transparent;
  padding-left: 8px;
}
.reserv-week-box a .day sup {
  position: absolute;
  right: 71px;
  top: 10px;
  line-height: 3em;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: -2px;
  font-family: "Noto Sans KR", "Noto Sans", "맑은 고딕", "Malgun Gothic";
}
.reserv-week-box a.active {
  color: #ff5500;
  display: inline-block;
  font-weight: bold;
}
.reserv-week-box a.active .day {
  color: #fff !important;
  background: #ff5500;
  padding-left: 10px;
}
.reserv-week-box a.active .day sup {
  color: #fff !important;
  letter-spacing: -2px;
}
.reserv-week-box a.today {
  position: relative;
  color: #ff5500 !important;
  display: inline-block;
}
.reserv-week-box a.today .day {
  color: #333;
}
.reserv-week-box a.today::after {
  content: "Today";
  display: inline-block;
  position: absolute;
  bottom: -30px;
  left: 41%;
  width: 50px;
  height: 18px;
  margin: 0 0 0 -25px;
  padding: 0 10px;
  font-size: 9px;
  color: #fff;
  line-height: 18px;
  font-weight: normal;
  text-align: center;
  border-radius: 18px;
  background: #E05555;
  transform: scale(0.8);
}
.reserv-week-box a.today::before {
  content: "▲";
  position: absolute;
  bottom: -20px;
  left: 50%;
  width: 20px;
  margin: 0 0 0 -10px;
  font-size: 10px;
  color: #E05555;
  text-align: center;
}
.reserv-week-box a.disabled {
  color: #ccc;
  cursor: default;
}
.reserv-week-box a.disabled .day {
  color: #ccc;
}

.reserv-tbl {
  margin: 0 0 80px 0;
  border: 3px solid #e0e0e0;
  box-sizing: border-box;
}
.reserv-tbl th {
  height: 54px;
  font-size: 19px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  border-right: 3px solid #eee;
  border-bottom: 3px solid #e7e7e7;
  background: #f7f7f7;
}
.reserv-tbl th:last-child {
  border-right: none;
}
.reserv-tbl td {
  height: 56px;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
  border-right: 3px solid #eee;
  border-bottom: 3px solid #eee;
}
.reserv-tbl td.subj {
  font-size: 17px;
}
.reserv-tbl .reserv-Btn {
  height: 40px;
  font-size: 15px;
  line-height: 40px;
  transition: all 0.2s ease;
}
.reserv-tbl tr:last-child td {
  border-bottom: none;
}

.reserv-counselor h1 {
  font-size: 32px;
  font-weight: 600;
  font-family: "Noto Sans KR", sans-serif;
}
.reserv-counselor .profile-box {
  display: flex;
  flex-direction: row;
  margin-top: 20px;
  gap: 40px;
  position: relative;
}
.reserv-counselor .profile-box .photo {
  width: 200px;
  height: 250px;
  border: 1px solid #eee;
  background: url("../images/writer_photo.png") no-repeat center center;
  background-size: cover;
  overflow: hidden;
}
.reserv-counselor .profile-box .photo img {
  width: 100%;
}
.reserv-counselor .profile-box .profile {
  position: relative;
  font-size: 15px;
  line-height: 150%;
}
.reserv-counselor .profile-box .profile .name {
  margin: 0 0 10px 0;
  font-size: 26px;
  line-height: 120%;
  font-weight: 700;
}
.reserv-counselor .profile-box .profile .name .counselor {
  display: inline-block;
  height: 22px;
  margin: 0 0 3px 6px;
  padding: 0 8px;
  font-size: 11px;
  color: #fff;
  line-height: 22px;
  font-weight: 300;
  text-decoration: none;
  vertical-align: middle;
  background: #47408c;
  border-radius: 3px;
}
.reserv-counselor .profile-box .profile .name .counselor:hover {
  background: #322d62;
}
.reserv-counselor .profile-box .profile .intro {
  font-size: 16px;
}
.reserv-counselor .profile-box .profile .career {
  margin-top: 20px;
}
.reserv-counselor .profile-box .profile .career p {
  font-size: 15px;
  line-height: 26px;
}

.guide-txt {
  position: relative;
  border: 1px solid #e3e3e3;
  background-color: #fff;
  padding: 20px 30px 20px 25px;
  margin-top: 50px;
}
.guide-txt li {
  margin: 0 0 4px 0;
  padding: 0 0 0 12px;
  font-size: 14px;
  line-height: 1.5em;
  background: url("../images/ic_gray.gif") no-repeat 0 9px;
}
.guide-txt li:last-child {
  margin: 0 0 0 0;
}

.resetv-bottom-wp {
  margin: -40px 0 -10px 0;
  padding: 65px 0 75px 0;
  border-top: 1px solid #f2f2f2;
  background: #f7f7f7;
  overflow: hidden;
  min-height: 200px;
}
.resetv-bottom-wp .box {
  margin-left: -20px;
  margin-right: -20px;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
.resetv-bottom-wp .box .rows {
  display: flex;
  flex-direction: column;
}
.resetv-bottom-wp .box .rows .header-box.mTitle {
  margin: 0 0 12px 0;
}
.resetv-bottom-wp .box .rows .header-box {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 26px;
}
.resetv-bottom-wp .box .rows .header-box p.title {
  font-size: 23px;
  font-weight: 600;
  margin-left: 4px;
}
.resetv-bottom-wp .box .rows .header-box a.more {
  cursor: pointer;
  transition: all 0.2s;
  font-size: 14px;
  color: #aaa;
  letter-spacing: -0.5px;
  line-height: 16px;
  font-weight: normal;
  text-decoration: none;
}
.resetv-bottom-wp .box .rows .header-box a.more:hover {
  color: #ff5529;
}
.resetv-bottom-wp .box .rows .list {
  border-top: 1px solid #777;
  border-bottom: 1px solid #ccc;
}
.resetv-bottom-wp .box .rows .list li {
  position: relative;
  height: 50px;
  border-bottom: 1px solid #ddd;
}
.resetv-bottom-wp .box .rows .list li .bub-ic {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 5px;
  width: 42px;
  height: 18px;
  max-width: 100%;
  margin: -9px 0 0 0;
  padding: 0 2px;
  font-family: "Noto Sans KR", "Noto Sans", "맑은 고딕", "Malgun Gothic";
  font-size: 10px;
  color: #fff;
  letter-spacing: -0.5px;
  line-height: 17px;
  text-align: center;
  font-weight: 400;
  border-radius: 3px;
  background-color: #666699;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.resetv-bottom-wp .box .rows .list li .bub-ic.recom {
  background-color: #e05555;
}
.resetv-bottom-wp .box .rows .list li .bub-ic.hot {
  background-color: #395580;
}
.resetv-bottom-wp .box .rows .list li a {
  display: inline-block;
  max-width: 360px;
  padding: 0 0 0 54px;
  font-size: 14px;
  letter-spacing: -0.5px;
  line-height: 50px;
  text-decoration: none !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: all 0.2s ease;
}
.resetv-bottom-wp .box .rows .list li a:hover {
  color: #ff5529;
}

.reserv-insert-box {
  margin-top: 12px;
  padding: 65px 70px 75px 70px;
  border: 1px solid #ddd;
  background: #fff;
  overflow: hidden;
}
.reserv-insert-box .stit {
  display: block;
  margin: 0 0 20px 0;
  font-size: 36px;
  letter-spacing: -3px;
  line-height: 120%;
  font-weight: bold;
  text-align: center;
}
.reserv-insert-box .reserv-day {
  display: inline-block;
  padding: 8px 15px 8px 15px;
  font-size: 26px;
  color: #fff;
  line-height: 120%;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  background: #47408c;
  border-radius: 3px;
}
.reserv-insert-box .radio-field-new {
  display: inline-block;
  position: relative;
  min-height: 22px;
  margin: 4px 25px 0px 0;
  padding: 0 0 0px 30px;
  font-size: 100%;
  font-weight: 300 !important;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.reserv-insert-box .clr-aaa {
  color: #aaa !important;
}
.reserv-insert-box .clr-aaa span {
  color: #aaa !important;
}
.reserv-insert-box .int-big {
  display: inline-block;
  height: 50px;
  margin: 0 0 0px 0;
  padding-left: 10px;
  font-size: 17px;
}

.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.line-None table.Insert div.ck-editor__editable {
  min-height: 300px;
}

.tbl-wp table.Insert th.txt-rt {
  padding: 0 10px 1px 0;
  text-align: right;
}
.tbl-wp table.Insert label.request {
  padding-top: 20px;
}

.box-tp.ty5 {
  border-color: #e3e3e3;
  background-color: #fff;
}

.consult-insert-law {
  margin: 10px 0 40px 0;
  padding: 20px 20px 18px 20px;
  font-size: 14px;
  color: #555;
  line-height: 150%;
}

.radio-field-resv {
  display: inline-block;
  position: relative;
  min-height: 22px;
  margin: 4px 25px 0px 0;
  padding: 4px 0 4px 30px;
  font-size: 100%;
  font-weight: 300 !important;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.radio-field-resv input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
  cursor: pointer;
}

.radio-field-resv .checkmark {
  position: absolute;
  top: 50%;
  left: 0;
  width: 22px;
  height: 22px;
  margin: -13px 0 0 0;
  border: 1px solid #e0e0e0;
  border-radius: 100%;
  background-color: #eee;
}
.radio-field-resv .checkmark:after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  border-radius: 100%;
  background: #fff;
}
.radio-field-resv input:checked ~ .checkmark {
  border-color: #1c8ae2;
  background-color: #2196f3;
}
.radio-field-resv .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.radio-field-resv input:checked ~ .checkmark:after {
  display: block;
}

.consulting-top-Banner {
  height: 420px;
  text-align: center;
  background: #3c3679 url("../images/consulting_visual.jpg") no-repeat;
  background-position: center;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.consulting-top-Banner .stxt {
  display: block;
  margin: 35px auto 0 auto;
  font-size: 19px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 160%;
  font-weight: 300;
}

.body-contents-wp.consulting {
  min-height: 0;
  margin: 70px auto -20px;
}

.consulting-wp .title h1 {
  font-size: 32px;
  font-weight: 800;
  font-family: "Noto Sans KR", sans-serif;
}
.consulting-wp .range-box {
  position: relative;
  width: 1000px;
  margin: 30px auto;
  padding: 20px 0 70px 0;
  text-align: center;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.consulting-wp .range-box a.active {
  color: #ff5500;
}
.consulting-wp .range-box a.active .ic {
  background: #ff5500;
}
.consulting-wp .range-box a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  font-size: 22px;
  color: #666;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
}
.consulting-wp .range-box a .ic {
  display: block;
  width: 150px;
  height: 150px;
  margin: 0 0 10px 0;
  font-size: 44px;
  letter-spacing: -1px;
  line-height: 120px;
  border-radius: 100%;
  background: transparent;
  overflow: hidden;
  transition: all 0.3s ease;
}
.consulting-wp .range-box a:hover .ic {
  background: #eee;
}
.consulting-wp .range-box a.active:hover .ic {
  background: #ff5500;
}
.consulting-wp .guide-wp {
  margin: 20px 0 0 0;
  padding: 80px 0 80px 0;
  background: #555;
}
.consulting-wp .guide-wp .mTitle {
  margin-bottom: 30px;
  color: #fff;
}
.consulting-wp .guide-wp ul {
  display: flex;
  flex-direction: row;
  gap: 18px;
  width: 100%;
}
.consulting-wp .guide-wp li {
  flex: 1;
  display: flex;
  flex-direction: column;
  font-size: 17px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 150%;
  font-weight: 300;
}
.consulting-wp .guide-wp li .thumbs {
  display: block;
  width: 100%;
  height: 250px;
  margin: 0 0 25px 0;
  overflow: hidden;
}
.consulting-wp .guide-wp li .thumbs img {
  display: inline;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  transform: scale(1);
  transition: all 0.3s;
}
.consulting-wp .guide-wp li .subj {
  display: block;
  margin: 0 0 10px 0;
  font-size: 23px;
  color: #fff;
  font-weight: 500;
}
.consulting-wp .guide-wp li:hover .thumbs img {
  transform: scale(1.05);
}

.process-wp {
  border-bottom: 1px solid #e7e7e7;
}
.process-wp .flow {
  position: relative;
  height: 170px;
  text-align: center;
  margin-top: 20px;
}
.process-wp .flow .dot {
  float: left;
  position: relative;
  display: inline-block;
  width: 20%;
  padding: 20px 0 0 0;
  font-size: 17px;
  line-height: 120%;
  font-weight: 400;
}
.process-wp .flow .dot::after {
  content: "";
  display: block;
  position: absolute;
  top: 80px;
  left: 48%;
  width: 40px;
  height: 40px;
  margin: 0 0 0 -20px;
  border: 6px solid #ff643c;
  border-radius: 100%;
  background: #fff;
  transform: scale(1);
}
.process-wp .flow .dot:nth-child(1)::after {
  animation: animate_dot 0.3s ease infinite alternate;
}
.process-wp .flow .dot:nth-child(2)::after {
  animation: animate_dot 0.3s ease 0.3s infinite alternate;
}
.process-wp .flow .dot:nth-child(3)::after {
  animation: animate_dot 0.3s ease 0.6s infinite alternate;
}
.process-wp .flow .dot:nth-child(4)::after {
  animation: animate_dot 0.3s ease 0.9s infinite alternate;
}
.process-wp .flow .dot:nth-child(5)::after {
  animation: animate_dot 0.3s ease 1.2s infinite alternate;
}
@keyframes animate_dot {
  to {
    transform: scale(1.2);
  }
}
.process-wp .flow::before {
  content: "";
  display: block;
  position: absolute;
  top: 106px;
  left: 0;
  right: 0;
  height: 0;
  outline: 4px dashed #fff;
  box-shadow: 0 0 0 4px #47408c;
  animation: animateBorderOne 0.5s ease infinite;
  transition: all 0.3s;
}
@keyframes animateBorderOne {
  to {
    outline-color: #47408c;
    box-shadow: 0 0 0 4px #fff;
  }
}
.process-wp .flow::after {
  content: "▶";
  position: absolute;
  top: 95px;
  right: -28px;
  font-size: 30px;
  color: #47408c;
}
.process-wp ul.txt-box {
  margin-top: 26px;
}
.process-wp ul.txt-box li {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 36px;
}
.process-wp ul.txt-box li p {
  padding-left: 16px;
  position: relative;
}
.process-wp ul.txt-box li p::after {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 5px;
  background-color: #121212;
  position: absolute;
  top: 3px;
  left: 0;
}

.title-header {
  clear: both;
  position: relative;
  margin-top: 30px;
  margin-bottom: 15px;
  padding-bottom: 5px;
  color: #444;
  letter-spacing: -2px;
  line-height: 1.2em;
  font-weight: 700;
  font-size: 32px;
  color: #333;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.title-header .tab {
  font-family: "Noto Sans KR", sans-serif;
  height: 36px;
  margin: 0 16px 1px 0;
  padding: 6px 10px;
  color: #fff;
  letter-spacing: -1px;
  line-height: 37px;
  vertical-align: text-bottom;
  background: #333;
  transition: all 0.3s ease;
}
.title-header h1 {
  font-weight: 800;
  font-family: "Noto Sans KR", sans-serif;
}
.title-header .number {
  font-weight: 800;
  color: #777;
  margin-left: 6px;
  padding-top: 6px;
}

.expert-wp {
  padding-bottom: 0px;
}
.expert-wp .reserv-counselor {
  margin-top: 42px;
  margin-bottom: 90px;
}
.expert-wp .title-header {
  margin-top: 60px;
}
.expert-wp .title-header .tab {
  height: 50px;
}
.expert-wp .add-btn {
  position: absolute;
  bottom: 0;
  right: 0;
}
.expert-wp .add-btn a {
  display: block;
  font-size: 18px;
  width: 150px;
  height: 55px;
  line-height: 55px;
  font-weight: 600;
  text-align: center;
  transition: all 0.2s ease;
  border-radius: 3px;
}

.consulting-top-Banner.bg04 {
  background: #3c3679 url("../images/counselor_pageBg_4.jpg") no-repeat;
  background-size: cover;
  flex-direction: row;
  align-items: flex-end;
  overflow: hidden;
  height: 350px;
}
.consulting-top-Banner.bg04 .banner-con {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  position: relative;
}
.consulting-top-Banner.bg04 .banner-con .best {
  position: absolute;
  top: -10px;
  left: 610px;
  width: 90px;
  height: 90px;
  background: url("../images/counselor_best.png") no-repeat 0 0;
}
.consulting-top-Banner.bg04 .banner-con .subHome-Btn {
  display: block;
  position: absolute;
  bottom: 20px;
  right: 0;
  height: 40px;
  padding: 0 24px;
  font-size: 26px;
  color: #fff;
  line-height: 35px;
  text-align: center;
  border-radius: 40px;
  background: #453aa9;
  transition: all 0.3s ease;
}
.consulting-top-Banner.bg04 .banner-con .subHome-Btn i {
  color: #fff;
  font-size: 22px;
}
.consulting-top-Banner.bg04 .banner-con .subHome-Btn:hover {
  background-color: #5044c6;
}
.consulting-top-Banner.bg04 .photo {
  display: block;
  width: 220px;
  height: 275px;
  margin: 0;
  padding: 0;
  text-align: center;
  vertical-align: top;
  align-items: center;
  -webkit-align-items: center;
  background: url("../images/writer_photo.png") no-repeat center center;
  background-size: 100% auto;
  box-shadow: 8px 8px 16px 0 rgba(0, 0, 0, 0.9);
  overflow: hidden;
  z-index: 2;
  margin-right: 40px;
}
.consulting-top-Banner.bg04 .photo img {
  display: inline-block;
  width: 221px;
  height: auto;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.consulting-top-Banner.bg04 .title {
  text-align: left;
  font-family: "Noto Sans KR", sans-serif;
}
.consulting-top-Banner.bg04 .title .gubun {
  font-size: 26px;
  color: #ff643c;
  letter-spacing: -0.5px;
  line-height: 120%;
  font-weight: 300;
  margin-bottom: 18px;
}
.consulting-top-Banner.bg04 .title .name {
  margin: 15px 0 25px 0;
  font-size: 40px;
  color: #fff;
  line-height: 120%;
}
.consulting-top-Banner.bg04 .title .name strong {
  display: inline-block;
  font-size: 65px;
  letter-spacing: 8px;
  font-weight: 700;
  color: #fff;
}
.consulting-top-Banner.bg04 .title .etc-gubun {
  font-size: 15px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 120%;
  font-weight: 300;
}
.consulting-top-Banner.bg04 .title .etc-gubun .tab {
  display: inline-block;
  height: 20px;
  margin: 0 10px 1px 0;
  padding: 1px 8px;
  font-size: 11px;
  color: #fff;
  line-height: 19px;
  font-weight: 400;
  vertical-align: text-bottom;
  border-radius: 3px;
  background: #453aa9;
}
.consulting-top-Banner.bg04 .title .etc {
  display: block;
  height: 38px;
  margin: 40px 0 0 0;
  padding: 0 25px;
  font-size: 14px;
  color: #c6c4d6;
  line-height: 38px;
  background: rgba(0, 0, 0, 0.5);
}

.body-contents-wp.cons .cons-profile {
  display: flex;
  flex-direction: column;
  position: relative;
}
.body-contents-wp.cons .cons-profile .prof {
  display: flex;
  flex-direction: row;
}
.body-contents-wp.cons .cons-profile .prof .prof-icon {
  width: 120px;
  min-height: 120px;
  height: 100%;
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  font-family: "Noto Sans KR", sans-serif;
  background: #1b1740;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 60px;
}
.body-contents-wp.cons .cons-profile .academic,
.body-contents-wp.cons .cons-profile .career,
.body-contents-wp.cons .cons-profile .writer {
  width: 340px;
}
.body-contents-wp.cons .cons-profile .academic p,
.body-contents-wp.cons .cons-profile .career p,
.body-contents-wp.cons .cons-profile .writer p {
  font-size: 12px;
  line-height: 22px;
}
.body-contents-wp.cons .cons-profile .academic p.title,
.body-contents-wp.cons .cons-profile .career p.title,
.body-contents-wp.cons .cons-profile .writer p.title {
  margin: 0 0 2px 0;
  font-size: 16px;
  color: #aaa;
  letter-spacing: -0.5px;
}
.body-contents-wp.cons .cons-profile .mail {
  margin: 20px 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.body-contents-wp.cons .cons-profile .mail i {
  display: inline-block;
  width: 26px;
  height: 24px;
  margin: 0 8px 0 0;
  font-size: 15px;
  color: #fff;
  line-height: 25px;
  text-align: center;
  vertical-align: middle;
  background: #1b1740;
}
.body-contents-wp.cons .cons-profile .mail:hover a {
  color: #5064e8;
}
.body-contents-wp.cons .greetings {
  position: relative;
  min-height: 150px;
  padding: 32px 40px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 150%;
  font-weight: 100;
  background: url("../images/counselor_greetings_bg.jpg") no-repeat 50% 0;
  background-size: cover;
  transition: all 0.3s;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.body-contents-wp.cons .greetings .ribbon {
  display: block;
  position: absolute;
  top: 12px;
  right: -24px;
  width: 96px;
  height: 24px;
  font-size: 12px;
  color: #fff;
  letter-spacing: -0.2px;
  line-height: 24px;
  font-weight: 300;
  text-align: center;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  background: #ff5124;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.5);
}
.body-contents-wp.cons .greetings .text-box p {
  font-size: 14px;
  line-height: 26px;
  color: rgba(255, 255, 255, 0.8);
}
.body-contents-wp.cons .greetings .text-box p a {
  color: rgba(255, 255, 255, 0.8);
}
.body-contents-wp.cons .greetings .text-box p a:hover {
  text-decoration: underline;
}
.body-contents-wp.cons .dot-img {
  display: flex;
  width: 30px;
  margin: 20px auto;
}
.body-contents-wp.cons .guide-txt {
  margin-top: 40px;
}
.body-contents-wp.cons .reserv-tbl {
  margin-bottom: 30px;
}

.counselor-page-pTabmenu {
  position: relative;
  margin: 0 0 60px 0;
  height: 70px;
}
.counselor-page-pTabmenu .expTabList {
  float: left;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.counselor-page-pTabmenu .tab {
  float: left;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 70px;
  font-size: 20px;
  color: rgba(255, 255, 255, 0.4);
  line-height: 70px;
  font-weight: 400;
  text-decoration: none;
  text-align: center;
  border-right: 1px solid rgba(255, 255, 255, 0.12);
  background: #222;
  font-family: "Noto Sans KR", sans-serif;
  box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.counselor-page-pTabmenu .tab.active {
  bottom: 2px;
  font-size: 24px;
  color: #fff;
  letter-spacing: -0.5px;
  font-weight: 500;
  border-right: none;
  background: #2d257e;
  z-index: 10;
}
.counselor-page-pTabmenu .tab:hover {
  color: #fff;
}

.counselor-table .online-wp,
.counselor-table .call-wp,
.counselor-table .expert-wp {
  display: none;
}
.counselor-table .active {
  display: block;
}
.counselor-table .tbl-wp table.List th span {
  clear: both;
  display: block;
  position: relative;
}
.counselor-table .tbl-wp table.List th span::after {
  content: "";
  position: absolute;
  top: 2px;
  right: 0;
  width: 1px;
  height: 11px;
  background: #d7d7d7;
  z-index: 2;
}
.counselor-table .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;
  transition: all 0.2s ease;
}
.counselor-table .tbl-wp table.List td.consult-qTd {
  padding: 19px 15px 18px 37px;
  text-align: left;
  background: url("../images/speech_bubble.png") no-repeat 5px 17px;
}
.counselor-table .tbl-wp table.List td.kind-gray {
  font-size: 13px;
  color: #888;
  line-height: 1.2em;
}
.counselor-table .tbl-wp table.List td.consult-qTd a.subj {
  font-size: 19px;
  letter-spacing: -0.6px;
  font-weight: 400;
}
.counselor-table .tbl-wp table.List span.consult-summary {
  display: block;
  display: -webkit-box;
  max-height: 32px;
  margin: 4px 0 1px 0px;
  font-size: 12px;
  color: #999;
  letter-spacing: -0.2px;
  line-height: 140%;
  word-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: all 0.2s;
  overflow: hidden;
}
.counselor-table .tbl-wp table.List td.date {
  font-size: 13px;
  color: #888;
}
.counselor-table .tbl-wp table.List .kind-Icon {
  color: #fff;
}
.counselor-table .tbl-wp table.List .kind-Icon.end {
  background-color: #bbb;
  border-radius: 2px;
}
.counselor-table .tbl-wp table.List .kind-Icon.wait {
  background-color: #6c63b2;
  border-radius: 2px;
}
.counselor-table .tbl-wp table.List .kind-Icon.h1 {
  height: 24px;
  font-size: 11px;
  line-height: 24px;
  margin: 0;
}
.counselor-table .tbl-wp table.List .kind-Icon.w1 {
  width: 44px !important;
}

.consult-add-icon {
  font-family: "Noto Sans KR", "Noto Sans", "맑은 고딕", "Malgun Gothic";
  display: inline-block;
  margin-top: -5px;
  margin-left: 3px;
  height: 20px;
  font-size: 11px;
  color: #fff;
  letter-spacing: -0.5px;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
  background: #494197;
  padding: 0px 5px 0px 5px;
  line-height: 19px;
}

.call-wp .title,
.expert-wp .title {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.call-wp .title h1,
.expert-wp .title h1 {
  font-family: "Noto Sans KR", sans-serif;
  font-size: 23px;
  font-weight: 600;
  position: relative;
  color: #444;
}
.call-wp .title h1:before,
.expert-wp .title h1:before {
  content: "";
  position: absolute;
  top: 6px;
  right: -18px;
  width: 1px;
  height: 10px;
  background: #d7d7d7;
}
.call-wp .title p,
.expert-wp .title p {
  font-size: 13px;
  color: #707070;
  margin-left: 32px;
  padding-bottom: 4px;
}
.call-wp table tbody tr td:last-child,
.expert-wp table tbody tr td:last-child {
  border-right: 0px solid #d5d5d5;
}

.counselor-search-b::after {
  content: "";
  position: absolute;
  bottom: -50px;
  left: 50%;
  width: 0px;
  height: 0px;
  margin: 0 0 0 -25px;
  border: 25px solid;
  border-color: #010204 transparent transparent transparent;
}

.counselor-search-b {
  position: relative;
  height: 225px;
  padding: 75px 0 0 0;
  font-size: 20px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 120%;
  font-weight: 400;
  text-align: center;
  background: #111022 url("../images/counselor_visual.jpg") no-repeat 50% 0;
  font-family: "Noto Sans KR", sans-serif;
  background-position: center;
  background-size: cover;
}
.counselor-search-b .stit {
  display: block;
  margin: 0 auto 25px auto;
  font-size: 45px;
  color: #fff;
  letter-spacing: -1px;
  font-weight: 700;
  font-family: "GmarketSansMedium", sans-serif;
}
.counselor-search-b .search {
  display: block;
  width: 800px;
  margin: 23px auto 0 auto;
  text-align: center;
}
.counselor-search-b .search input {
  display: inline-block;
  width: 680px;
  height: 53px;
  padding: 0 0 0 12px;
  font-size: 16px;
  line-height: auto !important;
  text-transform: none;
  vertical-align: middle;
  border-radius: 0;
  background: #fff !important;
}
.counselor-search-b .search button .fa {
  color: #fff;
}
.counselor-search-b .search .Btnss {
  transition: all 0.2s ease;
}

.counselor-header::before {
  content: "";
  display: block;
  position: absolute;
  top: -20px;
  left: -20px;
  width: 50px;
  height: 50px;
  background: url("../images/counselor_ic.png") no-repeat 0 0;
}

.counselor-header {
  position: relative;
  height: 70px;
  margin: 0 0 50px 0;
  padding: 0 50px 0 0;
  font-size: 20px;
  color: #fff;
  line-height: 70px;
  font-weight: 400;
  text-align: center;
  background: #4a4a4a url("../images/main_visual_dot.png") repeat;
  box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.4);
  font-family: "Noto Sans KR", sans-serif;
}
.counselor-header .icon {
  display: inline-block;
  width: 45px;
  height: 45px;
  margin: 0 50px 0 0;
  vertical-align: middle;
  background: url("../images/counselor_state_ic.png") no-repeat 0 0;
  background-size: 100% auto;
}
.counselor-header .counter {
  display: inline-block;
  min-width: 130px;
  margin: 0 50px 0 0;
  font: 38px "arial";
  color: #fa4b2a;
  font-weight: 700;
  text-align: right;
  vertical-align: middle;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.comm-subTab-new {
  clear: both;
  position: relative;
  margin: 0 -5px 20px 0;
  padding: 0 0 10px 0;
  overflow: hidden;
}
.comm-subTab-new .tabs {
  float: left;
  width: 100%;
  margin: 0 -5px 0 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.comm-subTab-new .tabs li {
  width: 100%;
  padding-right: 3px;
  float: left;
  padding: 0 5px 0 0;
  background: #fff;
}
.comm-subTab-new .tabs li a {
  width: 100%;
  display: block;
  position: relative;
  height: 50px;
  line-height: 46px;
  font-size: 16.5px;
  color: #777;
  font-weight: 400;
  text-decoration: none !important;
  font-family: "Noto Sans KR", sans-serif;
  text-align: center;
  border: 1px solid transparent;
  background: #ececec;
  transition: all 0.2s;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 4px;
}
.comm-subTab-new .tabs li a span {
  font-size: 12px;
  color: #777;
}
.comm-subTab-new .tabs li a:hover {
  bottom: -2px;
  color: #333;
  font-weight: 500;
  border-color: #222;
  background: #fff;
  /*	animation: item_Ani 0.2s ease-out;	*/
}
.comm-subTab-new .tabs li.active a {
  bottom: 0;
  color: #333;
  font-weight: 500;
  border-color: #555;
  background: #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  animation: none;
  border-width: 2px;
}
.comm-subTab-new .tabs li.active a:after {
  content: "";
  position: absolute;
  bottom: -17px;
  left: 50%;
  width: 0;
  height: 0;
  margin: 0 0 0 -8px;
  border: 8px solid;
  border-color: #222 transparent transparent transparent;
  /* animation: item_Ani 0.2s ease-out; */
}

.counselor-list-wp {
  position: relative;
  margin: 0 -20px 0 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px 20px;
  width: 100%;
}
.counselor-list-wp .Column a.box:hover {
  border-color: #111 !important;
  box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.25);
}
.counselor-list-wp .Column a.box:hover span.class-tab {
  background-color: #ff5529;
  padding: 5px 9px 3px 9px;
}
.counselor-list-wp .Column a.box {
  display: block;
  position: relative;
  padding: 22px 0px 22px 20px;
  border: 1px solid #d9d9d9;
  border-bottom-color: #ccc;
  display: flex;
  flex-direction: row;
}
.counselor-list-wp .Column a.box span.class-tab {
  position: absolute;
  top: -4px;
  left: -4px;
  padding: 5px 6px 3px 6px;
  font-size: 10px;
  color: #fff;
  line-height: 14px;
  font-weight: 100;
  border-radius: 3px;
  background: #333333;
  transition: all 0.2s ease;
}
.counselor-list-wp .Column a.box .imgBox {
  width: 110px;
  margin: 0 15px 0 0;
  padding: 4px 5px 5px 4px;
  border: 1px solid #e9e9e9;
}
.counselor-list-wp .Column a.box .imgBox img {
  display: block;
  width: 100%;
  aspect-ratio: 1/1.3;
  background: url("../images/writer_photo.png") no-repeat center center;
  background-size: cover;
}
.counselor-list-wp .Column a.box .txtCon {
  display: flex;
  flex-direction: column;
  margin-top: 2px;
}
.counselor-list-wp .Column a.box .txtBox {
  position: relative;
}
.counselor-list-wp .Column a.box .name {
  position: relative;
  font-size: 15px;
  line-height: 20px;
  display: inline-block;
}
.counselor-list-wp .Column a.box .name strong {
  font-size: 19px;
  margin-right: 3px;
}
.counselor-list-wp .Column a.box .name::before {
  content: "전문상담위원";
  position: absolute;
  top: 2px;
  right: -70px;
  height: 14px;
  padding: 1px 5px 1px 4px;
  font-size: 10px;
  color: #fff;
  line-height: 14px;
  font-weight: 100;
  border-radius: 3px;
  background: #47408c;
}
.counselor-list-wp .Column a.box .name.best::after {
  content: "BEST";
  position: absolute;
  top: 2px;
  right: -103px;
  height: 14px;
  padding: 0 4px 2px 4px;
  font-size: 10px;
  color: #fff;
  line-height: 16px;
  font-weight: 100;
  border-radius: 3px;
  background: #bf3434;
}
.counselor-list-wp .Column a.box .txtS {
  font-size: 13px;
  color: #999;
  line-height: 130%;
  font-weight: 300;
  word-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-width: 210px;
  margin-top: 8px;
  margin-bottom: 9px;
}
.counselor-list-wp .Column a.box .txtS strong {
  color: #999;
}
.counselor-list-wp .Column a.box .etcBox {
  max-width: 210px;
  display: flex;
  flex-direction: row;
}
.counselor-list-wp .Column a.box .etcBox .etcT {
  display: inline-block;
  font-size: 12px;
  margin-right: 4px;
  width: 26px;
  line-height: 17px;
  color: #b4b2c6;
}
.counselor-list-wp .Column a.box .etcBox p.etc {
  display: inline-block;
  width: 180px;
  font-size: 11px;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.comm-search-wp table {
  width: 100%;
  table-layout: fixed;
}
.comm-search-wp td {
  padding: 6px 0;
}
.comm-search-wp .dateBtn {
  display: inline-block;
  height: 38px;
  line-height: 36px;
  padding: 0 12px;
  font-size: 13px;
  color: #fff;
  letter-spacing: -0.5px;
  text-align: center;
  vertical-align: middle;
  text-decoration: none !important;
  border: 1px solid #a4acad;
  border-radius: 3px;
  background: #b1b9ba;
  margin-right: 4px;
  cursor: pointer;
  margin-top: 6px;
}
.comm-search-wp .dateBtn.w1 {
  min-width: 80px;
  padding: 0 10px;
}
.comm-search-wp .dateBtn.active {
  border-color: #e98730;
  background: #f48d31;
}
.comm-search-wp .dateBtn.first {
  margin-left: 10px !important;
}
.comm-search-wp .dateBtn:hover {
  border-color: #676767;
  background: #777;
}
.comm-search-wp .dateBtn.active {
  border-color: #e98730;
  background: #f48d31;
}
.comm-search-wp .guide-btn {
  display: inline-block;
  position: absolute;
  top: 28px;
  right: 30px;
  height: 34px;
  line-height: 34px;
  padding: 0 15px;
  font-size: 13px;
  letter-spacing: -0.5px;
  font-weight: normal;
  text-decoration: none !important;
  border-radius: 4px;
}
.comm-search-wp .ui-datepicker-trigger {
  cursor: pointer;
}
.comm-search-wp .int-guide-txt.inline {
  display: inline-block !important;
  margin: 8px 0 0 10px;
  font-size: 14px;
  line-height: 14px;
  color: #999;
}
.comm-search-wp .btn-field .guide-txt strong {
  color: #ff5529;
}
.comm-search-wp .btn-field .guide-txt i {
  margin: 0 6px 2px 0;
  font-size: 120%;
  color: #f47d31;
  vertical-align: middle;
}

.public2 td {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.public2 td .und-guide-txt {
  display: block;
  width: 100%;
  line-height: 1.6em;
  font-size: 13px;
  color: #777;
  margin-top: 6px;
}

.select-flag {
  margin-left: 4px;
  margin-top: 6px;
  height: 40px !important;
}

.search-guide {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.search-guide .guide-txt {
  margin-top: 0;
  background-color: transparent;
  border: 0;
  padding: 12px 0 12px 0;
  color: #555;
}

.tbl-wp table.List td.subj.YgPr2 {
  padding: 20px 18px 17px 18px;
}
.tbl-wp table.List td.subj.YgPr2 a {
  font-weight: 800;
}

.tbl-wp table.List td.subj {
  padding: 20px 15px 20px 15px;
  line-height: 1.3em;
  text-align: left;
}

.tbl-wp table.List td.origin {
  font-size: 13px;
  color: #333;
}

.YgPr-text {
  display: block;
  display: -webkit-box;
  max-height: 61px;
  margin: 4px 0 0 -1px;
  font-size: 13px;
  color: #666;
  letter-spacing: -0.2px;
  line-height: 1.4em;
  word-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  transition: all 0.3s;
  overflow: hidden;
  cursor: help;
}

.counsel-re-wp .consult-expert-field .profile strong {
  display: inline-block;
  font-size: 16px;
  color: #333;
}

.counsel-re-wp .consult-expert-field:hover {
  border: 1px solid #c8c8c8;
  box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.1);
}

.consult-Notoce-box {
  margin: -10px 0 30px 0;
  padding: 25px 20px;
  border: 1px solid #d0d0d0;
  background: #fafafa;
}
.consult-Notoce-box p {
  margin: 0 0 10px 20px;
  font-family: "Noto Sans KR", "Noto Sans", sans-serif;
  font-size: 14.5px;
  color: #555;
  line-height: 150%;
  text-indent: -20px;
  font-weight: 400;
}
.consult-Notoce-box p.Noto:last-child {
  margin-bottom: 0;
}

.tbl-btn .ltB li {
  float: left;
  margin: 0 10px 0 0;
  padding: 0 0 5px 0;
  display: block;
}

.tbl-btn li .c1 {
  width: 160px;
}

.tbl-btn li .etc {
  border-color: #3c4b5c;
  background-color: #435366;
}

.tbl-btn li a,
.tbl-btn li button,
.tbl-btn .rtB li .submit,
.tbl-btn .submit {
  display: block;
  position: relative;
  font-size: 105%;
  color: #fff;
  line-height: 54px;
  height: 56px;
  text-decoration: none !important;
  text-align: center;
  border: 1px solid #272727;
  border-radius: 4px;
  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: #00bd93;
  background-color: #00bd93;
}

.tbl-btn li .etc {
  border-color: #3c4b5c;
  background-color: #435366;
}

.tbl-btn li .etc:hover {
  border-color: #496587;
  background-color: #4e6c91;
}

.tbl-wp table.List th span {
  clear: both;
  display: block;
  position: relative;
  color: #777;
}

.tbl-wp table.List th span::after {
  content: "";
  position: absolute;
  top: 1px;
  right: 0;
  width: 1px;
  height: 11px;
  background: #d7d7d7;
  z-index: 2;
}

.tbl-wp table.List th:last-child span::after {
  width: 0;
}

.tbl-wp table.List tr:last-child td {
  border-bottom: none;
}

.tbl-wp table.List td.kind-gray2 {
  transition: all 0.2s ease;
}

.tbl-wp table.List td.kind-gray {
  font-size: 13px;
  color: #888;
  line-height: 1.2em;
  transition: all 0.2s ease;
}

.tbl-wp table.List td.codenum {
  font-size: 14px;
  color: #777;
  padding-top: 16px;
  padding-bottom: 16px;
}

.tbl-wp table.List td.left {
  text-align: left;
}

.tbl-wp table.List td.left2 {
  color: #888;
  -moz-text-align-last: left;
       text-align-last: left;
}

.consult-listNum {
  display: block;
  margin: 3px 0 0 0;
  font-size: 10px;
  color: #ddd;
  line-height: 120%;
  transform: scale(0.85);
}

.YgPr-fileNumberSubj {
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.5px;
}

.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 td.subj-link {
  text-align: left;
  padding: 16px 12px 16px 20px;
  word-break: keep-all;
  font-size: 15px;
}
.tbl-wp table.List td.subj-link a {
  display: block;
  cursor: pointer;
}
.tbl-wp table.List td.subj-link.doc {
  position: relative;
  background: url("../images/acc_list_ic_01.png") no-repeat 12px 20px;
  background-size: 10px;
  padding: 6px 12px;
  padding-left: 32px;
}
.tbl-wp table.List td.subj-link.doc a {
  display: block;
  cursor: pointer;
  position: relative;
  padding: 10px 0;
}
.tbl-wp table.List td.subj-link.doc a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 100px;
  width: 11px;
  height: 11px;
  margin: -5px 0 0 0;
  background: url("../images/mySave_menu_icon.png") no-repeat center 0px;
  transition: all 0.3s;
  opacity: 0;
}
.tbl-wp table.List td.subj-link.doc a:hover::after {
  opacity: 1;
  right: 12px;
}
.tbl-wp table.List td.subj-link.folder {
  position: relative;
  background: url("../images/acc_list_ic_02.png") no-repeat 12px 18px;
  background-size: 18px 16px;
  padding: 4px 12px;
  padding-left: 40px;
}
.tbl-wp table.List td.subj-link.folder a {
  display: block;
  cursor: pointer;
  position: relative;
  padding: 10px 0;
  font-weight: bold;
  font-size: 15px;
}
.tbl-wp table.List td.subj-link.folder a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 100px;
  width: 11px;
  height: 11px;
  margin: -5px 0 0 0;
  background: url("../images/mySave_menu_icon.png") no-repeat center 0px;
  transition: all 0.3s;
  opacity: 0;
}
.tbl-wp table.List td.subj-link.folder a:hover::after {
  opacity: 1;
  right: 10px;
}
.tbl-wp table.List td.subj-link.folder2 {
  position: relative;
  background: url(../images/acc_list_ic_03.png) no-repeat 34px 18px;
  background-size: 18px 16px;
  padding: 4px 12px;
  padding-left: 60px;
}
.tbl-wp table.List td.subj-link.folder2 a {
  display: block;
  cursor: pointer;
  position: relative;
  padding: 10px 0;
  font-weight: bold;
  font-size: 15px;
}
.tbl-wp table.List td.subj-link.folder2 a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 100px;
  width: 11px;
  height: 11px;
  margin: -5px 0 0 0;
  background: url("../images/mySave_menu_icon.png") no-repeat center 0px;
  transition: all 0.3s;
  opacity: 0;
}
.tbl-wp table.List td.subj-link.folder2 a:hover::after {
  opacity: 1;
  right: 10px;
}
.tbl-wp table.List td.subj-link2 {
  text-align: left;
  padding: 4px 12px;
  word-break: keep-all;
  font-size: 15px;
}
.tbl-wp table.List td.subj-link2 a {
  display: block;
  cursor: pointer;
  position: relative;
  padding: 10px 0;
}
.tbl-wp table.List td.subj-link2 a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 100px;
  width: 11px;
  height: 11px;
  margin: -5px 0 0 0;
  background: url("../images/mySave_menu_icon.png") no-repeat center 0px;
  transition: all 0.3s;
  opacity: 0;
}
.tbl-wp table.List td.subj-link2 a:hover::after {
  opacity: 1;
  right: 12px;
}
.tbl-wp table.List td.subj-link2.doc {
  position: relative;
  background: url("../images/acc_list_ic_01.png") no-repeat 37px 20px;
  background-size: 10px;
  padding-left: 56px;
}
.tbl-wp table.List td.subj-link2.doc2 {
  position: relative;
  background: url(../images/acc_list_ic_01.png) no-repeat 62px 20px;
  background-size: 10px;
  padding-left: 84px;
}
.tbl-wp table.List td.subj-link2.doc2 a {
  display: block;
  cursor: pointer;
  position: relative;
  padding: 10px 0;
}
.tbl-wp table.List td.subj-link2.doc2 a::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 100px;
  width: 11px;
  height: 11px;
  margin: -5px 0 0 0;
  background: url("../images/mySave_menu_icon.png") no-repeat center 0px;
  transition: all 0.3s;
  opacity: 0;
}
.tbl-wp table.List td.subj-link2.doc2 a:hover::after {
  opacity: 1;
  right: 12px;
}
.tbl-wp table.List td.consult-qTd {
  padding: 17px 15px 18px 37px;
  text-align: left;
  background: url("../images/speech_bubble.png") no-repeat 5px 17px;
}
.tbl-wp table.List td.consult-qTd a.subj {
  font-size: 19px;
  letter-spacing: -0.6px;
  font-weight: 400;
  transition: all 0.2s ease;
}
.tbl-wp table.List td.consult-qTd a.subj:hover {
  color: #ff5529;
}

.tbl-wp .List .consult-summary {
  display: block;
  display: -webkit-box;
  max-height: 32px;
  margin: 4px 0 1px 0px;
  font-size: 12px;
  color: #999;
  letter-spacing: -0.2px;
  line-height: 140%;
  word-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  transition: all 0.2s;
  overflow: hidden;
  transition: all 0.2s ease;
}

table.List tr:hover .consult-summary {
  color: #000;
}
table.List tr:hover td.kind-gray {
  color: #000;
}
table.List tr:hover td.kind-gray2 {
  color: #000;
}
table.List tr:hover td.consult-qTd a.subj {
  color: #000;
}
table.List tr:hover td.date {
  color: #000;
}

.tbl-wp table.List td.date,
.tbl-wp table.List td.count {
  font-size: 13px;
  color: #888;
  transition: all 0.2s ease;
}

.tbl-wp .List .consult-expert-field {
  display: block;
  text-align: left;
  overflow: hidden;
}

.tbl-wp .List .consult-expert-field .thumbs {
  float: left;
  display: block;
  width: 45px;
  height: 58px;
  margin: 0 10px 0 12px;
  text-align: center;
  align-items: center;
  -webkit-align-items: center;
  border: 1px solid #eee;
  background: url("../images/writer_photo.png") no-repeat center center;
  background-size: 100% auto;
  overflow: hidden;
}

.tbl-wp .List .consult-expert-field .thumbs img {
  display: inline;
  width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.tbl-wp .List .consult-expert-field .profile {
  float: left;
  display: inline-block;
  width: 60px;
  padding: 14px 0 0 0;
  font-size: 12px;
  color: #777;
  line-height: 150%;
}

.tbl-wp .List .consult-expert-field .profile strong {
  display: block;
  font-size: 14px;
  color: #333;
}

.kind-Icon.w1 {
  width: 44px !important;
}

.kind-Icon.h1 {
  height: 24px;
  font-size: 11px;
  line-height: 24px;
}

.kind-Icon.end {
  background-color: #bbb;
  color: #fff;
}

.kind-Icon.consult-lock {
  color: #fff;
  letter-spacing: -1px;
  background-color: #34a02c;
}

.date-period-box {
  width: 160px;
  height: 40px;
  border: 1px solid #d5d5d5;
  border-radius: 3px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  padding: 0 10px;
}

.date-period {
  width: 24px;
  padding-top: 10px;
  text-align: center;
}

.input-date input[type=date] {
  position: relative;
  padding-right: 28px;
  background: #fff url("../images/calendar.png") no-repeat right 8px center/20px auto;
  color: #555;
}
.input-date input[type=date]::-webkit-clear-button,
.input-date input[type=date]::-webkit-inner-spin-button {
  display: none;
}
.input-date input[type=date]::-webkit-calendar-picker-indicator {
  position: absolute;
  right: 0;
  top: 0;
  width: 38px;
  height: 100%;
  background: transparent;
  color: transparent;
  cursor: pointer;
}

.contributor-bg {
  background: #e7e7e7 url("../images/hand-img.png");
  background-size: cover;
  background-position: center;
  height: 200px;
}
.contributor-bg .banner-wp {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.contributor-bg .banner-wp h2 {
  font-family: "GmarketSansMedium", sans-serif;
  font-size: 1.7rem;
  font-weight: 500;
  color: #fff;
}
.contributor-bg .banner-wp h3 {
  font-family: "GmarketSansMedium", sans-serif;
  font-size: 20px;
  color: #fff;
}

.rec-txtbox {
  font-size: 17px;
  line-height: 1.6rem;
  padding: 26px 30px;
  border: 1px solid #dfdfdf;
  border-radius: 10px;
  background-color: #fafafa;
}

.rec-title {
  padding-top: 80px;
  font-size: 32px;
  color: #28282b;
  font-weight: 700;
  text-align: center;
}

.file-upload {
  position: relative;
  margin-top: 12px;
  /* named upload */
}
.file-upload .filesize-con {
  display: flex;
  margin-bottom: 4px;
  font-weight: 600;
  font-size: 14px;
}
.file-upload .filesize-con .file-size {
  color: #d43c3c;
  font-weight: 600;
}
.file-upload .filesize-con span {
  font-size: 13px;
  font-weight: 200;
  color: #222222;
}
.file-upload input[type=file] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.file-upload label {
  display: inline-block;
  height: 50px;
  padding: 12px 30px;
  color: #fff;
  font-size: inherit;
  vertical-align: middle;
  background-color: #19218f;
  cursor: pointer;
  border: 1px solid #c7c7c7;
  border-bottom-color: #c7c7c7;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.file-upload label:hover {
  background-color: #353fd5;
}
.file-upload .upload-name {
  display: inline-block;
  height: 50px;
  padding: 14px 10px;
  font-size: 13px;
  color: #6a6a6a;
  font-family: inherit;
  line-height: normal;
  vertical-align: middle;
  background-color: #fafafa;
  border: 1px solid #ebebeb;
  border-bottom-color: #e2e2e2;
  border-radius: 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 60%;
}

.topline-txt {
  width: 100%;
  padding: 28px 32px;
  margin-top: 48px;
  border-top: 1px solid #909090;
  line-height: 160%;
  color: #222222;
}

.reserv-insert-box .line-None .ctB .line {
  margin: 0;
  margin-top: 30px;
}
.reserv-insert-box .tbl-wp {
  margin-bottom: 0;
}

.persons01-bg {
  background: #e7e7e7 url("../images/person_subm_Visual_bg.png");
  background-position: center;
  height: 300px;
}

.office-tab-field .info-box {
  position: relative;
  padding: 20px;
  font-size: 100%;
  line-height: 1.2em;
  background: #fbfcfc !important;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.office-tab-field .info-box .left a.tax-map {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  margin: 0 0 0px 10px;
  padding: 0 8px;
  font-size: 11px;
  color: #fff;
  letter-spacing: -1px;
  font-weight: normal;
  text-align: center;
  vertical-align: text-bottom;
  border-radius: 3px;
}
.office-tab-field .info-box .right {
  display: flex;
  flex-direction: row;
}
.office-tab-field .info-box .right .form-control {
  position: absolute;
  top: 50%;
  right: 25px;
  width: 100px;
  height: 34px !important;
  margin: -17px 0 0 0;
  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 #444;
  background: #555 url("../images/icon_down.png") right no-repeat !important;
  border-radius: 4px;
}
.office-tab-field .info-box .right .form-control option {
  color: #fff;
  height: 120%;
}
.office-tab-field .info-box a.old {
  position: absolute;
  top: 50%;
  right: 132px;
  height: 34px;
  margin: -17px 0 0 0;
  padding: 0 11px 0 12px;
  font-size: 12px;
  line-height: 32px;
  letter-spacing: -0.5px;
  font-weight: normal;
  border-radius: 4px;
}
.office-tab-field .info-box a.tax-map {
  display: inline-block;
  height: 20px;
  margin: 0 0 0px 10px;
  padding: 0 8px;
  font-size: 11px;
  color: #fff;
  line-height: 18px;
  letter-spacing: -1px;
  font-weight: normal;
  text-align: center;
  vertical-align: text-bottom;
  border-radius: 3px;
}
.office-tab-field .info-box a.old {
  position: absolute;
  top: 50%;
  right: 132px;
  height: 34px;
  margin: -17px 0 0 0;
  padding: 0 11px 0 12px;
  font-size: 12px;
  line-height: 32px;
  letter-spacing: -0.5px;
  font-weight: normal;
  border-radius: 4px;
}
.office-tab-field .info-box a.old i {
  margin-top: 2px;
  vertical-align: middle;
  color: #888;
  transition: all 0.2s ease;
}
.office-tab-field .info-box a.old:hover i {
  color: #000;
}
.office-tab-field .info-box i.fa-angle-right {
  margin-left: 7px;
  margin-right: 0;
}

.office-tab-field .int-1.bg-None {
  width: 650px;
  margin-top: 0px !important;
  margin-left: 4px;
  height: 42px;
}
.office-tab-field .btn-field.inner {
  bottom: 22px;
}

.public-office-tbl-wp {
  clear: both;
  position: relative;
  padding: 5px 0 0 0;
  overflow: hidden;
}
.public-office-tbl-wp a {
  transition: all 0.2s ease;
}
.public-office-tbl-wp a:hover {
  color: #ff5529;
}
.public-office-tbl-wp ul.box {
  float: left;
  width: 386px;
  margin: 0 20px 30px 0;
  transition: all 0.3s;
}
.public-office-tbl-wp ul.box:last-child {
  margin-bottom: 0;
}
.public-office-tbl-wp ul.box li {
  padding: 14px 30px 14px 30px;
  font-size: 100%;
  line-height: 1.2em;
  border: 1px solid #ccc;
  transition: all 0.1s;
  overflow: hidden;
  border-radius: 2px;
}
.public-office-tbl-wp ul.box li.tit {
  padding: 10px 20px 10px 20px;
  font-size: 17.5px;
  letter-spacing: -0.5px;
  font-weight: bold;
  border-bottom: none;
  background-color: #f8f8f8;
}
.public-office-tbl-wp ul.box li.list a {
  float: left;
  display: block;
  width: 100%;
  height: 30px;
  padding: 0 0 0 10px;
  line-height: 28px;
  text-decoration: none !important;
  position: relative;
  color: #010101;
  transition: all 0.2s ease;
}
.public-office-tbl-wp ul.box li.list a::after {
  position: absolute;
  content: "·";
  font-size: 20px;
  left: -6px;
}
.public-office-tbl-wp ul.box li.list a:hover {
  color: #ff5529;
  font-weight: bold;
}
.public-office-tbl-wp ul.box:hover {
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15);
}
.public-office-tbl-wp ul.box:hover li {
  border-color: #66c8ef;
}
.public-office-tbl-wp ul.box:hover li.tit {
  background: #f0fafd;
}
.public-office-tbl-wp ul.box.wide {
  width: 100% !important;
  margin-right: 0 !important;
}
.public-office-tbl-wp ul.box.wide li.list a {
  width: 20%;
}
.public-office-tbl-wp ul.box.rt {
  float: right;
  margin-right: 0;
}

.rt-btn-box {
  position: absolute;
  right: 0;
  top: 118px;
}
.rt-btn-box .btn-type {
  font-size: 13px;
  height: 38px;
  line-height: 36px;
}
.rt-btn-box .btn-type.org i {
  color: #fff;
}

.sch-name .title {
  font-size: 22px;
  letter-spacing: -0.5px;
  line-height: 120%;
  font-weight: bold;
}
.sch-name .title i {
  margin-right: 10px;
}

.consult-Reply-view-wp {
  clear: both;
  max-height: 450px;
  margin: 15px 0 15px 0;
  padding: 20px 25px 22px 25px;
  border: 1px solid #cacaca;
  border-radius: 6px;
  background: #fcfcfc;
}

td.b-b-gray {
  border-bottom: 1px solid #d5d5d5 !important;
  padding-top: 0 !important;
}

.tbl-wp table.Insert td.td-padding3 {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
}

.consult-Reply-txtBlock {
  display: inline-block;
  height: 24px;
  line-height: 22px;
  margin: 18px 0 5px 0;
  padding: 0 10px 0 10px;
  font-size: 14px;
  color: #fff;
  letter-spacing: -0.5px;
  font-weight: bold;
  text-align: center;
  background: #bf3434;
}

.consult-Reply-lawjoin {
  margin: 15px 0 10px 0;
}

.tbl-wp table.Insert td.cell {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* 첨부파일 - 멀티 */
.upload_dnd_wrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4rem;
  color: #777;
  font-size: 14px;
  padding: 0 12px;
  margin-top: 0.4rem;
  border: 3px dashed #ddd;
  background-color: #fff;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.upload_dnd_wrap:hover {
  background-color: #eee;
}

.upload_dnd_wrap p {
  display: inline-flex;
  align-items: center;
}

.upload_dnd_wrap p i.fa {
  color: #999;
  font-size: 2rem;
  margin-right: 10px;
}

.upload_dnd_wrap p span {
  line-height: 1.3;
}

.upload_dnd_wrap label {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  text-indent: -9999em;
}

.upload_dnd_wrap input[type=file] {
  position: absolute;
  left: -9999em;
  top: 0;
}

.upload_show_list {
  margin-top: 5px;
  overflow: hidden;
}

.upload_show_list li {
  float: left;
  font-size: 14px;
  margin: 4px 0 0 12px;
}

.upload_show_list li a {
  color: #ff5a31;
  text-decoration: underline;
}

.upload_show_list li a:hover {
  color: #ffa51e;
}

.upload_show_list li button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  color: #aaa;
  padding: 0;
  margin-left: 6px;
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  transition: all 0.2s;
}

.upload_show_list li button:hover {
  color: #fff;
  border-color: #d15050;
  background: #e05555;
}

.tbl-wp table.Insert {
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
}

.consult-Reply-star {
  padding-top: 6px;
}

.per-name {
  font-size: 14px;
  position: absolute;
  top: 2px;
  left: 134px;
  padding-left: 30px;
  color: #909090;
}

.per-name::after {
  position: absolute;
  content: "";
  top: 7px;
  left: 12px;
  width: 1px;
  height: 14px;
  background-color: #ccc;
}

.sch-name {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.sch-name .icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 6px 2px 0;
  vertical-align: middle;
  background: url("../images/ic_check2.png") no-repeat 0 0;
}
.sch-name li {
  height: 42px;
  line-height: 42px;
}
.sch-name li select {
  height: 42px;
}
.sch-name .slesctbox {
  margin-left: 4px;
  margin-bottom: 10px;
}
.sch-name .w100 {
  width: 100%;
}
.sch-name .w100 .namebox {
  display: flex;
  flex-direction: row;
}
.sch-name .w100 .namebox .one {
  display: inline-block;
  width: 42px;
  height: 36px;
  line-height: 36px;
  background: #333;
  color: #fff;
  text-align: center;
  font-size: 13px;
}
.sch-name .w100 .namebox .name {
  display: inline-block;
  height: 36px;
  line-height: 36px;
  padding: 0 20px;
  border: 1px solid #333;
}
.sch-name .w100 .namebox .name a {
  transition: all 0.2s ease;
  font-size: 18px;
}
.sch-name .w100 .namebox .name a:hover {
  color: #ff5529;
}
.sch-name .dot-line {
  border-bottom: dotted 1px #ccc;
  margin-bottom: 8px;
  display: flex;
  flex-direction: row;
}
.sch-name .dot-line .info {
  position: relative;
  flex: 1;
  font-size: 15px;
  margin-left: 18px;
  height: 30px;
}
.sch-name .dot-line .info::after {
  position: absolute;
  content: "";
  top: 17px;
  left: -10px;
  width: 3px;
  height: 3px;
  border-radius: 2px;
  background-color: #333;
}
.sch-name .slesctbox2 {
  min-width: 300px;
  display: flex;
  flex-direction: row;
  width: 30px;
  background-color: pink;
  margin-right: 10px;
  margin-bottom: 12px;
  flex: 1;
}
.sch-name .slesctbox2 .type {
  width: 50px;
  background-color: #999;
  border-left: 1px solid #c7c7c7;
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  color: #fff;
  text-align: center;
  font-size: 14px;
}
.sch-name .slesctbox2 select {
  width: 100%;
}

.ex-txt {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 12px;
}

.public-chat {
  display: inline-block;
  width: 32px;
  height: 30px;
  margin: 5px 0 0 0;
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  background: url("../images/person_chatIc.png") no-repeat center center;
  background-size: auto 15px;
}

.public-chat:hover {
  border-color: #f47d31;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
}

.search-txt {
  position: absolute;
  padding: 20px 30px 20px 25px;
  margin-top: 50px;
  left: -22px;
  top: -42px;
}
.search-txt i {
  color: #ff5529;
  margin-right: 6px;
}
.search-txt strong {
  color: #ff5529;
}

.bottom-guide {
  clear: both;
  margin: 10px 0 20px 120px;
}
.bottom-guide li {
  clear: both;
  margin: 0 0 4px 0;
  padding: 0 0 0 10px;
  font-size: 13px;
  color: #666;
  line-height: 150%;
  position: relative;
}
.bottom-guide li:after {
  position: absolute;
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background-color: #666;
  left: 0;
  top: 6px;
}

.items {
  display: none;
}

.items.active {
  display: block;
}

.general-josebub-wp {
  clear: both;
  position: relative;
  margin: 0 -15px;
  padding: 0 0 5px 0;
  overflow: hidden;
}
.general-josebub-wp .row.one {
  width: 100% !important;
}
.general-josebub-wp .row.one .bub-info-field {
  display: flex;
  padding: 0;
}
.general-josebub-wp .row.one .bub-info-field .title {
  margin: 0;
  width: 180px;
  padding: 20px;
}
.general-josebub-wp .row.one .special {
  padding: 20px;
}
.general-josebub-wp .row.one li {
  position: relative;
  padding-left: 12px;
  margin-bottom: 6px;
}
.general-josebub-wp .row.one li a {
  font-size: 14px;
  line-height: 1.4em;
}
.general-josebub-wp .row.one li a:hover {
  text-decoration: underline;
  color: #ff5529;
}
.general-josebub-wp .row.one li::after {
  position: absolute;
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background-color: #666;
  left: 0;
  top: 6px;
}
.general-josebub-wp .row {
  float: left;
  width: 50%;
  margin: 0 auto;
  padding: 0 15px 0 15px;
}
.general-josebub-wp .bub-info-field {
  position: relative;
  height: 160px;
  margin: 0 0 35px 0;
  border: 1px solid #d0d0d0;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.02);
  transition: all 0.3s;
}
.general-josebub-wp .bub-info-field .title {
  position: relative;
  margin: 0 0 18px 0;
  padding: 12px 15px 16px 18px;
  background: #f3f3f3;
  transition: all 0.3s;
}
.general-josebub-wp .bub-info-field .title span.subj {
  clear: both;
  display: inline-block;
  font-size: 110%;
  line-height: 1.4em;
  font-weight: bold;
  vertical-align: middle;
}
.general-josebub-wp .bub-info-field .title .btn-pop-pos {
  position: absolute;
  top: 50%;
  right: 15px;
  margin: -14px 0 0 0;
}
.general-josebub-wp .bub-info-field .title .btn-pop-pos a.btn-type {
  height: 28px;
  margin: 0 0 0 0px;
  padding: 0 7px;
  font-size: 12px;
  color: #fff;
  letter-spacing: -1px;
  line-height: 26px;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  border-radius: 4px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.general-josebub-wp .bub-info-field ul.list {
  clear: both;
  margin: 0 12px;
}
.general-josebub-wp .bub-info-field ul.list li {
  margin: 0 0 6px 0;
  border-bottom: 1px dotted #ccc;
}
.general-josebub-wp .bub-info-field ul.list li span.subj {
  display: inline-block;
  width: 76px;
  height: 30px;
  margin: 0 10px 5px 5px;
  font-size: 12px;
  color: #555;
  letter-spacing: -0.5px;
  line-height: 30px;
  text-align: center;
  vertical-align: bottom;
  border-radius: 4px;
  background: #eee;
  transition: all 0.2s;
}
.general-josebub-wp .bub-info-field ul.list li:hover span.subj {
  color: #fff;
  background: #f25f39;
}
.general-josebub-wp .bub-info-field ul.list .btn-type:hover {
  bottom: -1px;
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.15), 0 15px 0px 0 rgba(255, 255, 255, 0.9) inset;
}
.general-josebub-wp .bub-info-field ul.list .btn-type {
  display: inline-block;
  position: relative;
  bottom: 0;
  width: 80px;
  margin: 0 0px 6px 0;
  padding: 0;
  font-size: 13px;
  letter-spacing: -0.2px;
  border-radius: 3px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 15px 0px 0 rgba(255, 255, 255, 0.9) inset;
}
.general-josebub-wp .bub-info-field ul.list .btn-type.long {
  width: 110px;
}
.general-josebub-wp .bub-info-field:hover {
  border-color: #555;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.15);
}

.general-sch-word-box {
  clear: both;
  position: relative;
  margin: 0 0 45px 0;
  padding: 14px 20px 15px 20px;
  font-size: 105%;
  font-weight: bold;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
}
.general-sch-word-box span.icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 4px 6px 2px 0;
  vertical-align: middle;
  background: url(../images/ic_check2.png) no-repeat 0 0;
}
.general-sch-word-box a i {
  color: #fff;
}

.general-sch-bub-tit {
  display: inline-block;
  position: relative;
  height: 36px;
  margin: 0 0 0 0;
  padding: 0 20px 0 20px;
  font-size: 100%;
  color: #fff;
  line-height: 36px;
  background: #444;
  margin-bottom: 4px;
  font-family: "Noto Sans KR", sans-serif;
}

.general-sch-bub-tit:after {
  content: "";
  position: absolute;
  top: 0;
  right: -36px;
  margin: 0 0 0 -1px;
  width: 0px;
  height: 0px;
  border: 18px solid;
  border-color: transparent transparent transparent #444;
}

.general-sch-bub-tbl {
  clear: both;
  margin: 0 0 45px 0;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.02);
}
.general-sch-bub-tbl table {
  width: 100%;
  table-layout: fixed;
}
.general-sch-bub-tbl .general-sch-bub-tbl.th3 th {
  width: 33.3333333333%;
}
.general-sch-bub-tbl th {
  height: 46px;
  padding: 0 0 2px 0;
  font-size: 100%;
  line-height: 1.2em;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #d0d0d0;
  border-bottom: none;
  background: #f3f3f3;
  transition: all 0.3s;
}
.general-sch-bub-tbl th span.num {
  display: inline-block;
  margin: 0 0 0 4px;
  color: #e05555;
  letter-spacing: 0;
}
.general-sch-bub-tbl td {
  padding: 18px 14px 20px 14px;
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.4em;
  vertical-align: top;
  border: 1px solid #d0d0d0;
  border-top: none;
}
.general-sch-bub-tbl td a {
  display: block;
  margin: 0 0 10px 0;
  padding: 0 0 0 10px;
  position: relative;
  transition: all 0.2s ease;
}
.general-sch-bub-tbl td a::after {
  position: absolute;
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 3px;
  background-color: #333;
  top: 5px;
  left: 0;
}
.general-sch-bub-tbl td a:hover {
  color: #ff5529;
  text-decoration: underline;
}

.general-sch-bub-tbl.th3 th {
  width: 33.3333333333%;
}

.win-bottom-body-wp {
  transition: all 0.3s ease;
}

.comm-3tab-window-grobal-wrap.frame .win-body-wp {
  top: 0 !important;
}

.comm-3tab-window-grobal-wrap {
  clear: both;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  min-width: 1200px;
  overflow: hidden;
}
.comm-3tab-window-grobal-wrap .btn-small-style {
  height: 32px;
  padding: 0 9px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.9) !important;
  letter-spacing: -0.2px;
  line-height: 28px;
  font-weight: normal;
  text-align: center;
  border-radius: 3px;
  background-color: #3c4b5c !important;
  border-color: #3c4b5c !important;
}
.comm-3tab-window-grobal-wrap .win-header-wp {
  position: relative;
  background: #1d2483;
}
.comm-3tab-window-grobal-wrap .win-header-wp .title-field {
  display: inline-block;
  position: relative;
  height: 54px;
  padding: 11px 0 0 54px;
  font-size: 100%;
  color: #fff;
  line-height: 1em;
  background: url(../images/win_tit_icon_big.png) no-repeat 15px center;
}
.comm-3tab-window-grobal-wrap .win-header-wp .title-field .form-control {
  display: inline-block;
  height: 32px;
  font-size: 14px;
  vertical-align: middle;
  border-color: #1d2483;
  border-radius: 3px;
}
.comm-3tab-window-grobal-wrap .win-header-wp .title-field .total-search-btn {
  height: 32px;
  line-height: 33px;
  background-color: #464ca2 !important;
  border-color: #464ca2 !important;
  transition: all 0.2s ease;
}
.comm-3tab-window-grobal-wrap .win-header-wp .title-field .total-search-btn:hover {
  background-color: #00c398 !important;
  border-color: #00c398 !important;
}
.comm-3tab-window-grobal-wrap .win-header-wp .win-btns {
  display: inline-block;
  margin: 0 0 0 15px;
  position: absolute;
  top: 50%;
  margin-top: -15px;
}
.comm-3tab-window-grobal-wrap .win-header-wp .win-btns ul {
  float: left;
}
.comm-3tab-window-grobal-wrap .win-header-wp .win-btns ul li {
  float: left;
  margin: 0 0 0 4px;
}
.comm-3tab-window-grobal-wrap .win-header-wp .cnt-btns {
  position: absolute;
  top: 50%;
  right: 20px;
  margin: -14px 0 0 0;
}
.comm-3tab-window-grobal-wrap .win-header-wp .cnt-btns .comm-cnt-Btns dd .btn-type {
  height: 30px;
  font-size: 12px;
  color: #666 !important;
  line-height: 29px;
  border-color: #d0d0d0 !important;
  background-color: #f9f9f9 !important;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), 0 14px 0px 0 rgba(255, 255, 255, 0.9) inset;
  border-radius: 3px;
}
.comm-3tab-window-grobal-wrap .win-header-wp .cnt-btns .comm-cnt-Btns dd .btn-type:hover {
  color: #111 !important;
  border-color: #666 !important;
  background-color: #f0f0f0 !important;
}
.comm-3tab-window-grobal-wrap .body_stitle {
  font-size: 16px;
}

.comm-3tab-window-grobal-wrap .win-body-wp {
  clear: both;
  position: absolute;
  top: 54px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.comm-3tab-window-grobal-wrap .win-body-wp.active {
  bottom: 45%;
  height: auto;
}

.comm-3tab-window-grobal-wrap.frame .win-body-wp {
  top: 0 !important;
}

.comm-3tab-window-grobal-wrap .win-body-wp .row-body-wp {
  float: left;
  position: relative;
  width: 33.5%;
  height: 96%;
  border-right: 1px solid #ccc;
}

.comm-3tab-window-grobal-wrap .win-body-wp .row-body-wp.tab3 {
  width: 33%;
}

.comm-3tab-window-grobal-wrap .win-body-wp .row-body-wp:last-child,
.comm-3tab-window-grobal-wrap .win-body-wp .row-body-wp.tab3 {
  border-right: none !important;
}

/* subj */
.comm-3tab-window-grobal-wrap .win-body-wp .row-body-wp .select-field {
  clear: both;
  position: relative;
  height: 86px;
  padding: 0 20px 0 20px;
  font-size: 14px;
  line-height: 1.4em;
  text-align: center;
  background: #e1e3e6;
}

.comm-3tab-window-grobal-wrap .win-body-wp .row-body-wp .select-field .bub-subj {
  height: 40px;
  font-size: 13px;
  color: #222;
  line-height: 1.2em;
  text-align: center;
  padding-top: 12px;
  font-family: "Noto Sans KR", sans-serif;
}

.comm-3tab-window-grobal-wrap .win-body-wp .row-body-wp .select-field .bub-subj strong {
  font-size: 15px;
}

.comm-3tab-window-grobal-wrap .win-body-wp .row-body-wp .select-field select {
  display: inline-block;
  width: 85%;
  height: 30px;
  margin: 0 auto;
  padding: 3px 3px 3px 6px;
  font-size: 13px;
  border-color: #bbb;
  border-radius: 3px;
  background: #fff;
}

/*----- select-field 사용자형 -----*/
.comm-3tab-window-grobal-wrap .win-body-wp .row-body-wp .select-field .select-style {
  display: block;
  position: relative;
  width: 85%;
  height: 30px;
  margin: 0 auto;
  font-size: 13px;
  text-align: left;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

.comm-3tab-window-grobal-wrap .win-body-wp .row-body-wp .select-field .select-style .select-placeholder {
  display: block;
  position: relative;
  height: 30px;
  padding: 6px 6px 0 10px;
  border: 1px solid #bbb;
  border-radius: 4px;
  background: #fff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
}

.comm-3tab-window-grobal-wrap .win-body-wp .row-body-wp .select-field .select-style .select-placeholder:hover {
  background: #fafafa;
}

.comm-3tab-window-grobal-wrap .win-body-wp .row-body-wp .select-field .select-style .select-placeholder:after {
  content: "\f078";
  position: absolute;
  right: 10px;
  top: 50%;
  margin: -1px 0 0 0;
  font-family: "FontAwesome";
  transform: translateY(-50%);
  z-index: 10;
}

.comm-3tab-window-grobal-wrap .win-body-wp .row-body-wp .select-field .select-style.is-open .select-placeholder:after {
  content: "\f077";
}

.comm-3tab-window-grobal-wrap .win-body-wp .row-body-wp .select-field .select-style.is-open ul {
  display: block;
}

.comm-3tab-window-grobal-wrap .win-body-wp .row-body-wp .select-field .select-style ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%; /* max-height: 650px;	*/
  height: 80vh;
  margin: 4px 0 0 0;
  padding: 8px 0 10px 0;
  border: 2px solid #333;
  border-radius: 4px;
  background: #fff;
  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.2);
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 100;
}

.comm-3tab-window-grobal-wrap .win-body-wp .row-body-wp .select-field .select-style ul li {
  display: block;
  padding: 3px 12px 5px 12px;
  font-size: 13px;
  line-height: 1.4em;
  text-align: left;
  /*	cursor: pointer;	*/
}

/*
.comm-3tab-window-grobal-wrap .win-body-wp .row-body-wp .select-field .select-style ul li:hover {color: #fff; background: #4ebbf0;}
*/
.comm-3tab-window-grobal-wrap .win-body-wp .row-body-wp .select-field .select-style ul li .btn-type {
  width: 26px;
  height: 16px;
  margin: 0 0 0 10px;
  padding: 0 0 0 3px;
  line-height: 11px;
  text-align: center;
  vertical-align: text-bottom;
  border-color: #bfc5ca;
  border-radius: 3px;
  background-color: #c5cad0;
}

.comm-3tab-window-grobal-wrap .win-body-wp .row-body-wp .select-field .select-style ul li .btn-type:hover {
  border-color: #ff643c;
  background-color: #f25f39;
}

.comm-3tab-window-grobal-wrap .win-body-wp .row-body-wp .select-field .select-style ul li .btn-type i {
  font-size: 10px;
}

.comm-3tab-window-grobal-wrap .win-body-wp .row-body-wp .select-field .select-style ul li .btn-type i::before {
  content: "\f24d";
}

.comm-3tab-window-grobal-wrap .win-body-wp .row-body-wp .select-field .select-style ul li a {
  position: relative;
  color: #333;
  text-decoration: none !important;
  transition: none;
  cursor: default;
}

/* contents */
.comm-3tab-window-grobal-wrap .win-body-wp .row-body-wp .contents-field {
  position: absolute;
  top: 86px;
  bottom: 0;
  width: 100%;
  padding: 2px 0;
  border-top: 1px solid #ddd;
  background: #fff;
  overflow-y: auto;
}

.comm-3tab-window-grobal-wrap .win-body-wp .row-body-wp .contents-field .text-cnt {
  /*	clear: both;	*/
  position: relative !important;
  margin: 0 0 0px 0;
  padding: 15px 20px;
  font-size: 14px;
  line-height: 1.6em;
  text-align: justify;
  border-bottom: 1px dotted #bbb;
}

.comm-3tab-window-grobal-wrap .win-body-wp .row-body-wp .contents-field .text-cnt:last-child {
  padding-bottom: 30px;
  border-bottom: none;
}

.comm-3tab-window-grobal-wrap .win-body-wp .row-body-wp .contents-field .text-cnt .clsLT1 {
  margin: 0 0 0 0;
  font-size: 115%;
}

.comm-3tab-window-grobal-wrap .win-body-wp .row-body-wp .contents-field .text-cnt .cnt-small-btns {
  margin: 15px 0 12px 0;
  text-align: right;
}

.comm-3tab-window-grobal-wrap .win-body-wp .row-body-wp .contents-field .text-cnt .cnt-small-btns:first-child {
  margin-top: 0;
}

.comm-3tab-window-grobal-wrap .win-body-wp .row-body-wp .contents-field .text-cnt .cnt-small-btns .btn-type {
  height: 24px;
  margin: 0 0 0 -2px;
  padding: 0 5px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.9) !important;
  letter-spacing: -0.8px;
  line-height: 24px;
  font-weight: normal;
  text-align: center;
  border-radius: 3px;
}

.comm-3tab-window-grobal-wrap .win-body-wp .row-body-wp .contents-field .text-cnt .cnt-small-btns .btn-type:hover {
  color: #fff !important;
}

DIV.clsLM0 {
  padding-left: 1em;
  text-indent: 0em;
  line-height: 170%;
  padding-top: 8px;
  padding-bottom: 8px;
}

a.clsHyper:link {
  color: blue;
  line-height: 1.5;
}

.wid-bottom-body-wp {
  display: none;
  clear: both;
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 0;
  width: 100%;
  max-height: 100%;
  border-top: 1px solid #cacaca;
  background: #fff;
  box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}
.wid-bottom-body-wp .bt-header-box {
  clear: both;
  position: relative;
  height: 46px;
  padding: 0 0 0 15px;
  font-size: 16px;
  color: #333;
  line-height: 1.4em;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  background: #f2f3f4;
}
.wid-bottom-body-wp .bt-header-box i {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
  font-size: 13px;
  color: #ff643c;
  line-height: 23px;
  text-align: center;
  border: 1px solid #ed7a5d;
  border-radius: 100%;
}
.wid-bottom-body-wp .bt-header-box i::before {
  content: "\f02e";
}
.wid-bottom-body-wp .txt-valign {
  flex: 1;
}
.wid-bottom-body-wp .bt-header-box .btns {
  position: absolute;
  top: 50%;
  right: 20px;
  margin: -14px 0 0 0;
}
.wid-bottom-body-wp .bt-header-box .btns .btn-small2-style {
  border-radius: 3px;
}

.section-country {
  width: calc(100% - 80px);
  min-width: 360px;
  background-size: cover;
  z-index: 100;
  margin: 0 auto;
  /* choisir un pays */
}
.section-country .select-all {
  display: flex;
  position: relative;
}
.section-country .select-placeholder {
  position: relative;
  cursor: pointer;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  text-align: left;
}
.section-country .select-placeholder-active {
  color: #000;
}
.section-country .select-item {
  position: relative;
  padding: 0 6px;
  display: inline-block;
  width: 100%;
  font-weight: bold;
  border: 1px solid #333;
  height: 36px;
  line-height: 34px;
  font-size: 13px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer;
  background: #fff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  border: 1px solid #bbb;
  border-radius: 4px;
  padding-left: 10px;
  margin-top: 3px;
}
.section-country .rotation-inactive::after,
.section-country .rotation-active::after {
  content: "";
  position: absolute;
  right: 3%;
  font-size: 14px;
  font-weight: 900;
  transition: 0.1s;
  color: #666;
  width: 0px;
  height: 0px;
  border-top: 8.4px solid #bbb;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  transform: rotate(90deg);
  margin-top: 13px;
  border-radius: 2px;
}
.section-country .rotation-inactive::after {
  transform: rotate(0deg);
}
.section-country .rotation-active::after {
  transform: rotateX(180deg);
}
.section-country .select-list {
  margin: 0;
  padding: 10px;
  position: absolute;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.1s;
  height: auto;
  max-height: 72vh;
  border: 1px solid #bbb;
  border-radius: 4px;
  background: #fff;
  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.2);
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 100;
  margin-top: -6px;
}
.section-country li {
  list-style: none;
  min-height: 28px;
  background-color: #fff;
  color: #333;
  font-weight: 400;
  transition: all 0.2s ease;
  text-align: left;
  font-size: 13px;
  letter-spacing: -0.028rem;
  display: flex;
  position: relative;
}
.section-country li a {
  text-decoration: none;
  color: #333;
  transition: all 0.2s ease;
  cursor: pointer;
  transition: all 0.2s ease;
  word-break: break-all;
  padding: 2px 2px;
  line-height: 17px;
  position: relative;
}
.section-country li a:first-child {
  margin-left: 20px;
  max-width: 82%;
}
.section-country li a:hover {
  text-decoration: none;
  font-weight: 800;
}
.section-country li a.sl2 {
  margin-left: 0;
}
.section-country li img {
  height: 30px;
  margin-right: 10px;
  vertical-align: top;
}
.section-country li .newpage-icon {
  display: inline-block;
  width: 28px;
  height: 18px;
  line-height: 18px;
  border-radius: 3px;
  background-color: #666;
  vertical-align: middle;
  text-align: center;
  transition: all 0.2s ease;
  margin-left: 4px;
}
.section-country li .newpage-icon i {
  color: #fff;
  font-size: 10px;
  padding-left: 2px;
}
.section-country li .newpage-icon:hover {
  background-color: #ff5529;
}
.section-country li.lp10 {
  padding-left: 10px;
}
.section-country li.lp20 {
  padding-left: 20px;
}
.section-country li:hover .tooltip {
  visibility: visible;
}

a.clsHyper {
  color: blue;
  transition: all 0.2s ease;
}

a.clsHyper:hover {
  text-decoration: underline;
}

.tooltip {
  visibility: hidden;
  position: absolute;
  bottom: -10px;
  left: 0;
  padding: 4px;
  border-radius: 4px;
  font-size: 11px;
  line-height: 11px;
  z-index: 600;
  color: #fff;
}

.tooltip.recent {
  background: rgba(224, 85, 85, 0.85);
}

.tooltip.oneyear {
  background: rgba(2, 174, 68, 0.85);
}

.row-bottom-body {
  float: left;
  position: relative;
  bottom: 0;
  padding: 0 0 46px 0;
  height: 100%;
  border-right: 1px solid #ccc;
}
.row-bottom-body .mCustomScrollBox {
  overflow-y: scroll;
  height: 100%;
}

.row-bottom-body.left {
  width: 33.5%;
}
.row-bottom-body.left .lt-menu-list-box {
  padding: 5px 4px 32px 4px;
}
.row-bottom-body.left .lt-menu-list-box .menu-list {
  margin: 0 0 18px 0;
  padding: 0 0 4px 0;
  border-bottom: 1px dotted #aaa;
}
.row-bottom-body.left .lt-menu-list-box .menu-list li {
  clear: both;
  min-height: 17px;
  margin: 0 0 8px 0;
  padding: 0 0 0 18px;
  font-size: 13px;
  line-height: 2em;
  background: url(../images/acc_list_ic_01.png) no-repeat 0 4px;
  background-size: 10px 13px;
}
.row-bottom-body.left .lt-menu-list-box .menu-list li a {
  display: block;
  cursor: pointer;
}
.row-bottom-body.left .lt-menu-list-box .menu-list li a:hover {
  color: #ff5529;
  text-decoration: underline;
}

.row-bottom-body.right {
  width: 66.5%;
}
.row-bottom-body.right table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  margin-bottom: 16px;
  display: block;
  padding: 10px 20px 4px;
}
.row-bottom-body.right table tbody {
  border: 1px solid #d4d4d4;
  width: 100%;
}
.row-bottom-body.right table td {
  padding: 9px 12px 12px 12px;
  font-size: 13px;
  line-height: 170%;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
}
.row-bottom-body.right table td:last-child {
  background: #fcfcfc;
}
.row-bottom-body.right table .ft-red {
  color: red;
}
.row-bottom-body.right table .ft-blue {
  color: blue;
}
.row-bottom-body.right .mCSB_container .bt-body-wp {
  padding-bottom: 30px;
}

.bt-body-wp {
  clear: both;
  margin: 0 0 -16px 0;
  padding: 20px;
}

.win-btns.law .btn-type.active {
  border-color: #ff643c;
  background-color: #f25f39;
}

.person-book-wp {
  clear: both;
  margin: -20px 0 0 0;
  overflow: hidden;
}
.person-book-wp .info {
  position: relative;
  height: 200px;
  margin: 0 0 70px 0;
  padding: 35px 450px 0 0;
  font-size: 15px;
  color: #444;
  line-height: 1.6em;
  background: url(../images/person_book_visual.png) no-repeat right bottom;
  font-family: "Noto Sans KR", sans-serif;
}
.person-book-wp .info .stit {
  display: block;
  margin: 0 0 12px 0;
  font-size: 230%;
  color: #333;
  letter-spacing: -2px;
  line-height: 1.2em;
  font-family: "GmarketSansMedium", sans-serif;
}
.person-book-wp .mTitle span.stxt2:before {
  content: "";
  position: absolute;
  top: 5px;
  left: -14px;
  width: 1px;
  height: 10px;
  background: #d7d7d7;
}
.person-book-wp .down-box {
  clear: both;
  margin: 0 0 70px 0;
  padding: 30px 30px 15px 30px;
  overflow: hidden;
}
.person-book-wp .down-box ul {
  float: left;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.person-book-wp .down-box li {
  float: left;
  margin: 0 0 15px 0;
  padding: 0 5px;
  width: 140px;
}
.person-book-wp .down-box li a {
  display: block;
  position: relative;
  font-size: 100%;
  color: rgba(216, 216, 216, 0.6666666667) !important;
  font-weight: normal;
  border-radius: 5px;
}
.person-book-wp .down-box li a i {
  display: inline-block;
  position: absolute;
  top: -4px;
  right: 0;
  font-size: 13px;
  color: #f49e1c;
  transition: all 0.3s;
}
.person-book-wp .down-box li a i::before {
  content: "\f02e";
}
.person-book-wp .down-box li a:hover i {
  color: #333;
}
.person-book-wp .down-box li a:hover {
  font-size: 115%;
  color: #fff !important;
  font-weight: normal;
}

.haesul-view-wp .top .tag {
  margin: 25px 0 0 0;
}
.haesul-view-wp .top .tag span,
.haesul-view-wp .top .tag a.word {
  display: inline-block;
  position: relative;
  height: 26px;
  margin: 0 2px 6px 0;
  padding: 0 15px;
  font-size: 12px;
  color: #fff;
  line-height: 28px;
  text-align: center;
  text-decoration: none !important;
  border-radius: 40px;
  background: #91979e;
}
.haesul-view-wp .cnt-field {
  position: relative;
  min-height: 300px;
  font-size: 100%;
  line-height: 1.7em;
  padding-top: 40px;
}

.cnt-field {
  position: relative;
  min-height: 300px;
  font-size: 100%;
  line-height: 1.7em;
}

.tbl-wp table.List td.subj-link.person-icon {
  padding: 16px 15px;
  line-height: 1.8em;
  text-align: left;
}
.tbl-wp table.List td.subj-link.person-icon a {
  padding-left: 60px;
  background: url(../images/human.png) no-repeat 10px 0px;
  height: 26px;
  display: inline-block;
  cursor: pointer;
  width: 100%;
}

.comm-guide-wp {
  clear: both;
  position: relative;
  padding: 40px 30px 38px 225px;
  border: 3px solid #eee;
  border-radius: 12px;
  background: url("../images/guide_bg(gray).png") no-repeat 52px 36px;
}
.comm-guide-wp .tit {
  margin: 0 0 20px 0;
  font-size: 24px;
  color: #3d495a;
  letter-spacing: -0.5px;
  font-weight: bold;
  font-family: "Noto Sans KR", sans-serif;
}
.comm-guide-wp li,
.comm-guide-wp dd {
  margin: 0 0 15px 0;
  padding: 0 0 0 10px;
  font-size: 15px;
  line-height: 1.6em;
  background: url("../images/ic_dot1.gif") no-repeat 0 10px;
}
.comm-guide-wp li:last-child,
.comm-guide-wp dd:last-child {
  margin-bottom: 0;
}

.tbl-wp.td {
  margin-top: 0;
}

.expert-search-guideTxt a {
  display: inline-block;
  position: absolute;
  top: -4px;
  right: 0;
  height: 24px;
  margin: 0 0 2px 10px;
  padding: 0 10px;
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  letter-spacing: -0.5px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  border-radius: 3px;
}
.expert-search-guideTxt a .fa.fa-angle-right {
  margin-top: 1px;
  margin-left: 6px;
  color: #fff;
}

.taxper-stit {
  clear: both;
  position: relative;
  padding: 0 0 10px 0;
  margin-top: 20px;
  font-size: 15px;
}
.taxper-stit i {
  margin: 0 4px 2px 0;
  vertical-align: middle;
  color: #e05555;
}
.taxper-stit .align {
  position: absolute;
  top: -4px;
  right: 0;
}
.taxper-stit .align ul {
  float: left;
}
.taxper-stit .align li {
  float: left;
  position: relative;
  margin: 0 0 0 16px;
}
.taxper-stit .align li::after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  right: -8px;
  width: 1px;
  height: 12px;
  background: #ccc;
}
.taxper-stit .align li:last-child {
  margin-right: 5px;
}
.taxper-stit .align li:last-child::after {
  display: none;
}
.taxper-stit .align li a {
  cursor: pointer;
  transition: all 0.2s ease;
}
.taxper-stit .align li a.alg {
  display: block;
  height: 26px;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
}
.taxper-stit .align li a.active {
  color: #ff643c;
}
.taxper-stit .align li a.alg {
  display: block;
  height: 26px;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
}
.taxper-stit .align li a.alg.active i {
  margin: 0 3px 2px 0;
  font-size: 15px;
}
.taxper-stit .align li a.alg.active i:after {
  content: "\f063";
}
.taxper-stit .align li a.active.change i {
  transform: rotate(180deg);
}
.taxper-stit .align li a:hover {
  color: #ff5529;
}
.taxper-stit .align li::after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  right: -10px;
  width: 1px;
  height: 12px;
  background: #ccc;
}

.fa-hand-o-right:before {
  content: "\f0a4";
}

.lt-menu-list-box.yg .box-tp {
  clear: both;
  margin: 0 0 20px 0;
  padding: 10px 0;
  font-size: 13px;
  line-height: 1.3em;
  font-weight: bold;
  text-align: center;
}
.lt-menu-list-box.yg .box-tp .int-1 {
  display: inline-block;
  width: 55%;
  height: 32px;
  margin: 0 0 0 8px;
  padding-top: 4px;
  font-size: 13px;
}
.lt-menu-list-box.yg .yp-align-btn {
  clear: both;
  position: relative;
  padding: 0 0 15px 0;
  overflow: hidden;
}
.lt-menu-list-box.yg .yp-align-btn .btn-type {
  height: 26px;
  margin: 0 2px 0 0;
  padding: 0 7px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.9) !important;
  letter-spacing: -0.8px;
  line-height: 26px;
  font-weight: normal;
  text-align: center;
  border-radius: 3px;
}
.lt-menu-list-box.yg .yp-align-btn .rt {
  position: absolute;
  top: 0;
  right: 0;
}

.pop-td table.List {
  border-top: 0;
}

.tbl-wp table.List td.kind2 {
  font-size: 95%;
  color: #4d6583 !important;
}

.comm-law-pop-wp {
  padding: 5px 15px 35px 15px;
}

.yp-view-wrap {
  border-bottom: 1px solid #ccc;
}

.yp-detail-field {
  padding: 0 0 0 5px;
  clear: both;
  position: relative;
  float: left;
  min-height: 200px;
  overflow: hidden;
}
.yp-detail-field .yp-number {
  position: relative;
  margin: 0;
  padding: 2px 0 15px 0;
  font-size: 140%;
  letter-spacing: -0.2px;
  font-weight: bold;
  font-family: "Noto Sans KR", sans-serif;
}
.yp-detail-field .yp-number span {
  clear: both;
  display: inline-block;
  line-height: 18px;
  margin: 0 0 0 2px;
  padding: 2px 6px 2px 6px;
  font-size: 12px;
  color: #fff;
  font-weight: normal;
  text-align: center;
  vertical-align: text-bottom;
  border-radius: 3px;
}
.yp-detail-field .YgPr-recom {
  background: #299921;
  border: 1px solid #299921;
}
.yp-detail-field .yp-main-info {
  position: relative;
  margin: 0 0 25px 0;
  padding: 9px 24px 26px 24px;
  border: 2px solid #555;
  border-radius: 4px;
  background: #f9f9f9;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.08);
}
.yp-detail-field .yp-main-info th {
  padding: 9px 0 10px 0;
  font-size: 14px;
  vertical-align: middle;
}
.yp-detail-field .yp-main-info td {
  padding: 9px 0 10px 4px;
  font-size: 13px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px dotted #ccc;
  vertical-align: middle;
}
.yp-detail-field .yp-main-info td.subj {
  padding-bottom: 14px;
  padding-right: 10px;
  font-size: 14px;
  line-height: 1.4em;
  font-weight: bold;
  vertical-align: top;
}
.yp-detail-field .yp-main-info td {
  padding: 9px 0 10px 4px;
  font-size: 13px;
  text-align: left;
  vertical-align: top;
  border-bottom: 1px dotted #ccc;
}
.yp-detail-field .yp-main-info tr:last-child td {
  padding-bottom: 0 !important;
  border-bottom: none !important;
}
.yp-detail-field .yp-main-info .yp-table {
  padding: 0;
  margin: 0;
  display: inline-table;
}
.yp-detail-field .yp-main-info .yp-table tbody {
  border: 0px;
}
.yp-detail-field .yp-main-info .yp-table tbody tr {
  border-bottom: 1px solid #d4d4d4;
}
.yp-detail-field .yp-main-info .yp-table tbody td {
  border-right: 0px;
  border-bottom: 0px;
  padding-top: 14px;
  width: 41%;
}
.yp-detail-field .yp-main-info table {
  width: 100%;
  table-layout: fixed;
}
.yp-detail-field .YgPr-kind {
  background-color: #e05555;
}

.yp-detail-field .yp-tail-info {
  clear: both;
  position: relative;
  padding: 30px 0 0 0;
  overflow: hidden;
}
.yp-detail-field .yp-tail-info .ygJb-text {
  clear: both;
  position: relative;
  margin: 0 0 50px 0;
  padding: 0 0 0 1px;
  font-size: 100%;
  line-height: 1.6em;
  text-align: justify;
  word-wrap: break-word;
  white-space: normal;
  overflow: hidden;
}
.yp-detail-field .yp-tail-info .ygJb-stit {
  font-size: 18px;
  padding: 0 0 10px 0;
  line-height: 1.2em;
  font-weight: bold;
}
.yp-detail-field .yp-tail-info .ygJb-stit::before {
  content: "【";
  /* content: "["; */
  display: inline-block;
  margin: 0 3px 0 0;
}
.yp-detail-field .yp-tail-info .ygJb-stit::after {
  content: "】";
  /* content: "]"; */
  display: inline-block;
  margin: 0 0 0 3px;
}
.yp-detail-field .yp-tail-info .ygJb-text {
  font-size: 15px;
}

.YgPr-Icon {
  clear: both;
  display: inline-block;
  line-height: 20px;
  margin: 0 0 0 2px;
  padding: 0px 6px 0px 4px;
  font-size: 11px;
  color: #fff;
  font-weight: normal;
  text-align: center;
  vertical-align: text-bottom;
  border-radius: 3px;
}

.YgPr-kind {
  border: 1px solid #d25050;
  background-color: #e05555;
}

.win-jose-year-4wrap {
  clear: both;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  min-width: 1200px;
  overflow: hidden;
}
.win-jose-year-4wrap .row-body-wp {
  float: left;
  position: relative;
  width: 25%;
  height: 100%;
  border-right: 1px solid #ccc;
}
.win-jose-year-4wrap .title-field {
  position: relative;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: #1d2483;
}
.win-jose-year-4wrap .title-field span {
  line-height: 42px;
}
.win-jose-year-4wrap .title-field span.ic {
  display: inline-block;
  height: 38px;
  padding: 0 0 0 30px;
  background: url(../images/win_tit_icon_big.png) no-repeat 0 center;
  color: #fff;
}
.win-jose-year-4wrap .select-field4 {
  clear: both;
  height: 80px;
  padding: 12px 10px 0 10px;
  text-align: center;
  background: #e1e3e6;
}
.win-jose-year-4wrap .select-field4 .row {
  clear: both;
  position: relative;
  margin: 0 0 5px 0;
  padding: 0 150px 0 0;
}
.win-jose-year-4wrap .select-field4 .row .btns {
  position: absolute;
  top: 0;
  right: 0;
}
.win-jose-year-4wrap .select-field4 .row .btns .btn-type {
  height: 26px;
  min-width: initial !important;
  margin: 0 0 0 0px !important;
  padding: 0 5px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.9) !important;
  letter-spacing: -0.8px;
  line-height: 26px;
  font-weight: normal;
  text-align: center;
  border: 0 !important;
  border-radius: 3px;
}
.win-jose-year-4wrap .select-field4 .row .btns .btn-type:first-child {
  margin: 0;
}
.win-jose-year-4wrap .select-field4 .row .btns .btn-type:hover {
  color: #fff !important;
}
.win-jose-year-4wrap .select-field4 select {
  height: 26px;
  line-height: 22px;
  padding: 3px 16px 3px 6px;
  font-size: 12px !important;
  border-color: #bbb;
  border-radius: 4px;
  background: #fff url(../images/icon-dropdown-select.svg) no-repeat right;
}
.win-jose-year-4wrap .mCustomScrollBox {
  position: relative;
  height: calc(100% - 118px);
  max-width: 100%;
  outline: none;
  direction: ltr;
  padding-top: 10px;
  overflow-y: scroll;
}
.win-jose-year-4wrap .mCustomScrollBox .mCSB_container {
  width: auto;
  height: auto;
  margin-right: 22px;
}
.win-jose-year-4wrap .mCustomScrollBox .mCSB_container .text-cnt {
  clear: both;
  position: relative;
  padding: 15px 0px 30px 15px;
  font-size: 13px;
  line-height: 1.6em;
  text-align: justify;
}
.win-jose-year-4wrap .mCustomScrollBox .mCSB_container .text-cnt .jo-tit {
  display: block;
  margin: 0 0 12px 0;
  font-size: 110%;
  line-height: 1.4em;
  font-weight: bold;
}
.win-jose-year-4wrap .mCustomScrollBox .mCSB_container .text-cnt .jo-txt {
  display: block;
  padding: 0 5px;
}

.rev-ssub {
  clear: both;
  margin: 30px 2px 0 0;
  padding: 0 0 10px 0;
  display: flex;
  margin-top: 0;
  overflow: hidden;
  position: relative;
}
.rev-ssub .gjbub-Select {
  border-radius: 4px;
  height: 40px;
  font-size: 100%;
  color: #fff;
  letter-spacing: -1px !important;
  vertical-align: middle;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  border: 1px solid #666;
  background: #777 url(../images/icon_arrow_down_wh.png) no-repeat right !important;
  margin-right: 10px;
}
.rev-ssub .gjbub-Select option {
  color: #fff;
}
.rev-ssub ul {
  float: left;
  width: 100%;
}
.rev-ssub li {
  float: left;
  padding: 0 2px 0 0;
}
.rev-ssub li a {
  display: block;
  position: relative;
  height: 40px;
  line-height: 37px;
  font-size: 14px;
  color: #888;
  letter-spacing: -0.5px;
  text-decoration: none;
  text-align: center;
  border: 1px solid #d7d7d7;
  border-radius: 4px;
  background: #f9f9f9;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.06), 0 20px 10px 0 rgba(255, 255, 255, 0.9) inset;
  font-family: "Noto Sans KR", sans-serif;
  transition: all 0.2s;
  cursor: pointer;
}
.rev-ssub ul.c14 li {
  width: 7.1428571429%;
}
.rev-ssub li a:hover {
  color: #333;
  border-color: #333;
}
.rev-ssub li a:active {
  bottom: -2px;
}
.rev-ssub li a.active {
  color: #fff;
  font-weight: bold;
  border-color: var(--primary-color);
  background: var(--primary-color);
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 20px 10px 0 rgba(255, 255, 255, 0.1) inset;
}

.law-tab-wrap {
  display: flex;
  flex-direction: row;
  width: 100%;
  box-sizing: border-box;
  margin-top: 12px;
}
.law-tab-wrap .law-lt {
  width: 26%;
}
.law-tab-wrap .law-lt .title {
  position: relative;
  margin: 0 0 16px 0;
  padding: 0 0 0 0px;
  vertical-align: middle;
}
.law-tab-wrap .law-lt .title .subj-box {
  display: inline-block;
  position: relative;
  margin: 0 20px 0 0;
  padding: 5px 0 0 14px;
  font-size: 105%;
  font-weight: bold;
}
.law-tab-wrap .law-lt .title .subj-box::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 0;
  width: 4px;
  height: 20px;
  background: #333;
}
.law-tab-wrap .law-lt .title .radio-field {
  position: absolute;
  top: 3px;
  right: 0;
}
.law-tab-wrap .law-lt .title .radio-field input[type=radio] {
  display: none;
}
.law-tab-wrap .law-lt .title .radio-field label {
  padding: 0 0 0 5px;
  font-size: 14px;
  vertical-align: middle;
  cursor: pointer;
}
.law-tab-wrap .law-lt .law-joList {
  position: relative;
  width: 100%;
  height: 800px;
  padding-top: 2px;
  border: 1px solid #d6d6d6;
  background: #f5f5f5;
  overflow-y: auto;
}
.law-tab-wrap .law-lt .law-joList a {
  display: block;
  position: relative;
  padding: 9px 25px 9px 13px;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 1.4em;
  text-decoration: none !important;
  border-bottom: 1px dotted #cfcfcf;
  background-position: right center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.law-tab-wrap .law-lt .law-joList a .date {
  position: absolute;
  top: 7px;
  left: 8px;
}
.law-tab-wrap .law-lt .law-joList a span {
  transition: all 0.2s ease;
}
.law-tab-wrap .law-lt .law-joList a span.num {
  display: inline-block;
  font-size: 12px;
  color: #999;
  font-weight: normal !important;
  transition: all 0.3s;
  margin-bottom: 5px;
}
.law-tab-wrap .law-lt .law-joList a:hover {
  background-image: url(../images/GJ_ic_hover.png);
}
.law-tab-wrap .law-lt .law-joList a:hover span {
  color: #ff3400;
}
.law-tab-wrap .law-lt .law-joList a.active,
.law-tab-wrap .law-lt .law-joList a.selected {
  color: #ff3400 !important;
  font-weight: bold;
  background-image: url(../images/GJ_ic.png);
}
.law-tab-wrap .law-lt .law-joList a.active span,
.law-tab-wrap .law-lt .law-joList a.selected span {
  font-weight: bold;
}
.law-tab-wrap .law-lt .law-joList a.active .num,
.law-tab-wrap .law-lt .law-joList a.selected .num {
  color: #ff3400;
}
.law-tab-wrap .law-lt .law-joList.gjbub-year a {
  padding-left: 88px !important;
}
.law-tab-wrap .law-rt {
  width: 76%;
  padding-left: 26px;
}

.law-2dan-view-jo-title {
  position: relative;
  margin: 0 0 40px 0;
  padding: 16px 15px 18px 18px;
  font-size: 100%;
  line-height: 1.4em;
  font-weight: bold;
  text-align: left;
  border: 1px solid #d6d6d6 !important;
  background: rgb(242, 242, 242);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.05);
  border-radius: 3px;
}
.law-2dan-view-jo-title .btn {
  position: absolute;
  top: 50%;
  right: 15px;
  margin: -15px 0 0 0;
}
.law-2dan-view-jo-title .btn ul {
  float: left;
}
.law-2dan-view-jo-title .btn li {
  float: left;
  margin: 0 0 0 4px;
}
.law-2dan-view-jo-title .btn a {
  display: inline-block;
  position: relative;
  height: 28px;
  line-height: 26px;
  margin: 0 0 0 0;
  padding: 0 10px;
  font-size: 12px;
  letter-spacing: -0.5px;
  text-decoration: none !important;
  border-radius: 3px;
}

.law-2dan-view-jo-title.rt-btn2 {
  padding-right: 270px;
}

.law-2dan-view-jo-detail {
  clear: both;
  overflow: hidden;
}
.law-2dan-view-jo-detail .sub-stxt {
  clear: both;
  position: relative;
  height: 30px;
  padding: 1px 0 0 14px;
  font-size: 110%;
  line-height: 100%;
  font-weight: bold;
}
.law-2dan-view-jo-detail .sub-stxt::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 4px;
  height: 18px;
  background: #333;
}
.law-2dan-view-jo-detail .gjbub-text {
  position: relative;
  margin: -2px 0 40px 0;
  padding: 0 0 0 14px;
  font-size: 14px;
  color: #555;
  line-height: 1.6em;
  text-align: justify;
}
.law-2dan-view-jo-detail .gj-jo-list {
  clear: both;
  margin: 2px 0 45px 0;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.02);
  overflow: hidden;
}
.law-2dan-view-jo-detail .gj-jo-list table {
  width: 100%;
  table-layout: fixed;
}
.law-2dan-view-jo-detail .gj-jo-list td {
  padding: 16px 15px;
  font-size: 14px;
  text-align: left;
  vertical-align: middle;
  white-space: normal;
  word-wrap: break-word;
  border-bottom: 1px dotted #aaa;
  border-right: 1px dotted #ccc;
  transition: all 0.2s;
}
.law-2dan-view-jo-detail .gj-jo-list td a {
  color: #111;
  transition: all 0.2s;
}
.law-2dan-view-jo-detail .gj-jo-list td a:hover {
  color: #ff5529;
  text-decoration: underline;
}
.law-2dan-view-jo-detail .gj-jo-list td.num {
  font-size: 12px;
  color: #999;
  text-align: center;
}
.law-2dan-view-jo-detail .gj-jo-list td.jo {
  font-size: 14px;
}
.law-2dan-view-jo-detail .gj-jo-list td.subj a {
  transition: all 0.2s ease;
}
.law-2dan-view-jo-detail .gj-jo-list td.subj a:hover {
  color: #ff5529;
  text-decoration: underline;
}
.law-2dan-view-jo-detail .gj-jo-list td:last-child {
  border-right: none;
}
.law-2dan-view-jo-detail .star-box {
  clear: both;
  position: relative;
  margin: -2px 0 40px 14px;
}
.law-2dan-view-jo-detail .star-box li {
  margin: 0 0 8px 0;
  padding: 0 0 0 11px;
  font-size: 14px;
  line-height: 1.4em;
  position: relative;
}
.law-2dan-view-jo-detail .star-box li a {
  transition: all 0.2s ease;
  position: relative;
  color: #111;
}
.law-2dan-view-jo-detail .star-box li a:hover {
  color: #ff5529;
  text-decoration: underline;
}
.law-2dan-view-jo-detail .star-box li a::after {
  position: absolute;
  content: "";
  right: -23px;
  top: 2px;
  width: 16px;
  height: 16px;
  background: url(../images/file_hwp.png) no-repeat;
  background-size: cover;
  border-radius: 2px;
  overflow: hidden;
}
.law-2dan-view-jo-detail .star-box li::after {
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 3px;
  left: 0;
  top: 9px;
  background-color: #333;
}

.yp01-bg {
  background: #e7e7e7 url("../images/yp_subm_Visual_bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 350px;
}

.yp-hotList-tab {
  clear: both;
  position: relative;
  padding: 0 0 0 300px;
  overflow: hidden;
}

.yp-hotList-tab .mTitle {
  position: absolute;
  top: 8px;
  left: 0;
}

.tbl-wp table.List td.keyword a {
  display: inline-block;
  position: relative;
  font-size: 12px;
  color: #666;
  letter-spacing: -0.5px;
  line-height: 1.4em;
  text-decoration: none;
  transition: none !important;
}

.YgPr-recom {
  letter-spacing: -0.5px;
  background: #299921;
  font-size: 12px;
  color: #fff;
  line-height: 1.3em;
  text-decoration: none;
  padding: 3px 4px;
  border-radius: 3px;
}

.yp-joKeyword-sch-wp {
  clear: both;
  position: relative;
  padding: 30px 30px 30px 30px;
  border: 1px solid #cfcfcf;
  overflow: hidden;
}
.yp-joKeyword-sch-wp .step {
  margin-bottom: 22px;
}
.yp-joKeyword-sch-wp .step .stit {
  display: inline-block;
  height: 26px;
  margin: 0 12px 0 0;
  padding: 0 12px 0 12px;
  font-size: 100%;
  color: #fff;
  line-height: 26px;
  vertical-align: middle;
  background: #333;
  font-size: 14px;
  border-radius: 2px;
}
.yp-joKeyword-sch-wp .subj {
  display: block;
  height: 30px;
  font-size: 110%;
  line-height: 1em;
}
.yp-joKeyword-sch-wp .bubList {
  margin: 0 -6px 18px 0;
  overflow: hidden;
}
.yp-joKeyword-sch-wp .bubList ul {
  float: left;
  width: 100%;
}
.yp-joKeyword-sch-wp .bubList ul.c7 li {
  width: 14.2857142857%;
}
.yp-joKeyword-sch-wp .bubList li {
  float: left;
  margin: 0 0 6px 0;
}
.yp-joKeyword-sch-wp .bubList li a {
  display: block;
  position: relative;
  height: 45px;
  margin: 0 6px 0 0;
  font-size: 14px;
  line-height: 43px;
  text-align: center;
  text-decoration: none !important;
  border: 1px solid #c7c7c7;
  border-radius: 4px;
  background-color: #f5f5f5;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
  cursor: pointer;
}
.yp-joKeyword-sch-wp .bubList li a.active {
  font-weight: bold;
  color: #fff !important;
  border-color: #e25936;
  background-color: #f25f39;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1), 0 22px 2px 0 rgba(255, 255, 255, 0.03) inset;
}
.yp-joKeyword-sch-wp .bubList li a:hover {
  color: #fff !important;
  border-color: #e25936;
  background-color: #f25f39;
}
.yp-joKeyword-sch-wp .bubList li.del a {
  color: #777;
  background-image: url(../images/visual_dot3.png);
  background-repeat: repeat;
}
.yp-joKeyword-sch-wp .jokeyword-hide {
  clear: both;
  display: none;
  margin: 22px 0 0 0;
}
.yp-joKeyword-sch-wp .jokeyword-hide .result-btn {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.yp-joKeyword-sch-wp .jokeyword-hide .btn-type.h55 {
  background-color: #f25f39;
  transition: all 0.2 ease;
}
.yp-joKeyword-sch-wp .jokeyword-hide .btn-type.h55 i {
  color: #fff;
}
.yp-joKeyword-sch-wp .jokeyword-hide .btn-type.h55:hover {
  background-color: #f48d31;
}
.yp-joKeyword-sch-wp .clr-red2 span {
  color: #d70000 !important;
}

.radio-box {
  display: flex;
  flex-direction: row;
  margin-top: 24px;
}
.radio-box .custom {
  opacity: 0;
  position: relative;
  width: 0;
}
.radio-box .custom + label {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
}
.radio-box .custom[type=checkbox] + label::before {
  content: "";
  width: 1.4em;
  height: 1.4em;
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin-right: 1em;
  border-radius: 6px;
  background-color: transparent;
  transition: background 300ms ease-in;
}
.radio-box .custom[type=checkbox] + label::after {
  content: "✓";
  color: white;
  position: absolute;
  left: 7px;
  transform: scale(0);
  transition: all 200ms ease-in-out;
}
.radio-box .custom[type=checkbox]:checked + label::after {
  transform: scale(1.2);
}
.radio-box .custom[type=checkbox]:checked + label::before {
  background-color: #0795ee;
}
.radio-box .custom[type=radio] + label::before {
  content: "";
  width: 23px;
  height: 23px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  margin-right: 10px;
  border-radius: 50%;
  background-color: transparent;
  transition: all 200ms ease-in;
}
.radio-box .custom[type=radio] + label::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 15px;
  width: 0.7em;
  height: 0.7em;
  background-color: white;
  border-radius: 50%;
  transform: scale(0);
  transition: transform 200ms ease-in-out;
}
.radio-box .custom[type=radio]:checked + label::before {
  background-color: #0795ee;
  border: 1px solid rgba(0, 0, 0, 0);
}
.radio-box .custom[type=radio]:checked + label::after {
  transform: scale(0.9);
  border: 1px solid #0795ee;
}

.yp-view-wrap {
  clear: both;
  position: relative;
  margin: -15px 0 40px 0;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
}
.yp-view-wrap .Lt {
  width: 920px;
  float: left;
}
.yp-view-wrap .Rt {
  width: 250px;
  position: relative;
  float: right;
  margin-top: 39px;
}

.yp-etc-field .yp-floater {
  clear: both;
  position: relative;
  overflow: hidden;
}
.yp-etc-field .yp-floater .title {
  display: block;
  position: relative;
  height: 46px;
  font-size: 105%;
  color: #fff;
  line-height: 44px;
  font-weight: bold;
  text-align: center;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background: #333;
  z-index: 2;
}
.yp-etc-field .yp-floater .box {
  position: relative;
  margin: 0 0 0 0;
  padding: 25px 15px 28px 15px;
  border: 1px solid #ddd;
  border-top: none;
  border-radius: 4px;
}
.yp-etc-field .yp-floater .box .stit {
  display: block;
  margin: 0 0 6px 0;
  font-size: 100%;
  line-height: 1.2em;
  font-weight: bold;
}
.yp-etc-field .yp-floater .box .stit i {
  margin: 0 6px 2px 0;
  vertical-align: middle;
}
.yp-etc-field .yp-floater .box .list {
  margin: 0 0 30px 0;
}
.yp-etc-field .yp-floater .box .list li {
  margin: 0 0 6px 0;
  padding: 0 0 0 12px;
  font-size: 13px;
  line-height: 1.4em;
  background: url(../images/ic_dot2.gif) no-repeat 4px 9px;
}
.yp-etc-field .yp-floater .box .list li a {
  display: block;
  transition: all 0.2s ease;
  cursor: pointer;
}
.yp-etc-field .yp-floater .box .list li a:hover {
  color: #ff5529;
  text-decoration: underline;
}
.yp-etc-field .yp-floater .box .list li:last-child {
  margin-bottom: 0;
}
.yp-etc-field .yp-floater .box .list li.data-None {
  color: #aaa;
}

.hot-box {
  border: 1px solid #c9c9c9;
  margin-bottom: 40px;
  padding: 10px 30px;
}
.hot-box .tbl-wp {
  margin: 0;
}
.hot-box .tbl-wp .table.List td {
  border: 0;
}
.hot-box table.List {
  border: 0;
  margin: 0;
}
.hot-box table.List td {
  border: 0;
}
.hot-box table.List tr {
  border-bottom: 1px dotted #c9c9c9;
}
.hot-box table.List tr:last-child {
  border-bottom: 0;
}
.hot-box table.List tr:hover {
  background-color: transparent;
}
.hot-box .tbl-wp table.List td.subj {
  padding-left: 35px;
  position: relative;
}
.hot-box .tbl-wp table.List td.subj span.num {
  display: block;
  position: absolute;
  top: 16px;
  left: 2px;
  width: 24px;
  height: 20px;
  padding: 7px 0 0 0;
  font-size: 12px;
  color: #fff;
  letter-spacing: -1px;
  line-height: 100%;
  font-weight: bold;
  text-align: center;
  background: #333;
  box-shadow: 0 1px 2px 0 rgba(255, 255, 255, 0.3) inset;
}
.hot-box .tbl-wp table.List td.subj span.num::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -8px;
  width: 24px;
  height: 8px;
  background: url(../images/num_bottom.png) no-repeat 0 0;
}
.hot-box .tbl-wp table.List td.subj a {
  margin-right: 5px;
  font-size: 100%;
  letter-spacing: 0.2px;
  line-height: 1em;
  font-weight: normal;
  font-family: "Noto Sans KR", sans-serif;
}
.hot-box .YgPr-Icon {
  line-height: 14px;
  margin: 0 0 0 0px;
  padding: 2px 3px 2px 2px;
}
.hot-box .List td.keyword {
  padding-left: 20px !important;
  text-align: left;
}
.hot-box .List td.keyword .stit {
  clear: both;
  display: inline-block;
  position: relative;
  height: 18px;
  margin: 0 10px 0 0;
  padding: 0 5px 0 5px;
  font-size: 9px;
  color: #fff;
  line-height: 19px;
  text-align: center;
  vertical-align: middle;
  border-radius: 2px;
  background: #777;
}
.hot-box .List td.keyword .stit::after {
  content: "";
  position: absolute;
  right: -7px;
  top: 50%;
  margin: -4px 0 0 0;
  width: 0px;
  height: 0px;
  border: 4px solid;
  border-color: transparent transparent transparent #777;
}
.hot-box .List td.keyword a {
  display: inline-block;
  position: relative;
  font-size: 12px;
  color: #666;
  letter-spacing: -0.5px;
  line-height: 1.3em;
  text-decoration: none;
  transition: none !important;
}

.yp142 .YgPr-Icon,
.yp142 .YgPr-icon {
  clear: both;
  display: inline-block;
  line-height: 14px;
  padding: 2px 3px 2px 3px;
  font-size: 12px;
  color: #fff;
  font-weight: normal;
  text-align: center;
  vertical-align: text-bottom;
  border-radius: 3px;
}
.yp142 .YgPr-recom {
  border: 1px solid #299921;
}
.yp142 td.keyword span.None {
  display: inline-block;
  position: relative;
  font-size: 12px;
  color: #777;
  letter-spacing: -0.5px;
  line-height: 1.3em;
  text-decoration: none;
  transition: none !important;
}

.jose-haesuk-guide {
  clear: both;
  margin: 0 0 50px 0;
  padding: 30px 30px 30px 150px;
  font-size: 14px;
  line-height: 1.5em;
  background-image: url(../images/ilsacheolli_thumb.png);
  background-repeat: no-repeat;
  background-position: 30px center;
  background-size: 100px auto;
}
.jose-haesuk-guide .stit {
  display: block;
  margin: 0 0 5px 0;
  font-size: 120%;
  color: #bf3434;
}

.mTitle span.stxt2 {
  display: inline-block;
  position: relative;
  margin: 0 0 0 20px;
  font-size: 13px;
  color: #999;
  letter-spacing: 0;
  line-height: 150%;
  font-weight: 300;
}

.mTitle span.stxt2:before {
  content: "";
  position: absolute;
  top: 3px;
  left: -12px;
  width: 1px;
  height: 10px;
  background: #d7d7d7;
}

.law-bub-tabBox {
  clear: both;
  position: relative;
  margin: 0 0 55px 0;
  padding: 35px 20px 20px 20px;
  border: 1px solid #cfcfcf;
  overflow: hidden;
}
.law-bub-tabBox ul {
  float: left;
  width: 100%;
}
.law-bub-tabBox li {
  float: left;
  margin: 0 0 15px 0;
  padding: 0 20px;
}
.law-bub-tabBox li .sub {
  clear: both;
  display: block;
  position: relative;
  margin: 0px 0 0px 25px;
  padding: 5px 0 0 23px;
  font-size: 14px;
  line-height: 1.7em;
}
.law-bub-tabBox li .sub a {
  clear: both;
  display: block;
  position: relative;
  transition: all 0.2s ease;
  text-decoration: none;
  margin-top: 7px;
  color: #444;
}
.law-bub-tabBox li .sub a:hover {
  color: #f25f39;
  text-decoration: underline;
}
.law-bub-tabBox li .sub a::before {
  content: "";
  position: absolute;
  top: 12px;
  left: -22px;
  width: 12px;
  height: 1px;
  background: #dadada;
}
.law-bub-tabBox li a.subj {
  clear: both;
  display: block;
  position: relative;
  height: 50px;
  line-height: 48px;
  padding: 0 0 0 25px;
  font-size: 100%;
  text-decoration: none !important;
  border: 1px solid #c5c5c5;
  border-radius: 4px;
  background-color: #f2f3f4;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
  color: #000;
}
.law-bub-tabBox li .sub::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 11px;
  left: 0;
  width: 1px;
  background: #ddd;
}
.law-bub-tabBox li a.subj:hover {
  color: #fff;
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  border-color: #e25936;
  background-color: #f25f39;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.1), 0 24px 2px 0 rgba(255, 255, 255, 0.03) inset;
}
.law-bub-tabBox li a.subj:hover i {
  color: #333;
  background: #fff;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2) inset;
}
.law-bub-tabBox li a.subj i {
  display: block;
  width: 26px;
  height: 26px;
  position: absolute;
  top: 50%;
  right: 20px;
  margin: -13px 0 0 0;
  font-size: 120%;
  color: #fff;
  line-height: 22px;
  text-align: center;
  border-radius: 100%;
  background: #444;
  transition: all 0.3s;
}
.law-bub-tabBox li a.subj i::before {
  content: "\f105";
  font-size: 12px;
}
.law-bub-tabBox ul.c2 li {
  width: 50%;
}

.subj_list {
  padding-top: 10px;
}
.subj_list .clsLT1 {
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 8px;
}
.subj_list .clsLM0 {
  font-size: 14px;
  padding-left: 1em;
  text-indent: 0em;
  line-height: 170%;
  padding-top: 8px;
  padding-bottom: 8px;
}
.subj_list .clsLP0 {
  font-size: 14px;
  padding-left: 3em;
  text-indent: -1em;
  line-height: 170%;
}
.subj_list .clsLP1 {
  font-size: 14px;
  padding-left: 4em;
  text-indent: -1em;
  line-height: 170%;
}

.wid-pop-body-wp {
  display: none;
  clear: both;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-height: 100%;
  border-top: 1px solid #cacaca;
  background: #fff;
  box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  overflow: hidden;
  min-width: 900px;
}
.wid-pop-body-wp .bt-header-box {
  clear: both;
  position: relative;
  height: 46px;
  padding: 0 0 0 15px;
  font-size: 16px;
  color: #333;
  line-height: 1.4em;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  background: #f2f3f4;
}
.wid-pop-body-wp .bt-header-box i {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
  font-size: 13px;
  color: #ff643c;
  line-height: 23px;
  text-align: center;
  border: 1px solid #ed7a5d;
  border-radius: 100%;
}
.wid-pop-body-wp .bt-header-box i::before {
  content: "\f02e";
}
.wid-pop-body-wp .bt-header-box .btns {
  position: absolute;
  top: 50%;
  right: 20px;
  margin: -14px 0 0 0;
}
.wid-pop-body-wp .bt-header-box .btns .btn-small2-style {
  border-radius: 3px;
}

.row-bottom-body.right table.att {
  display: inline-table;
  margin: 0;
}
.row-bottom-body.right table.att tbody {
  border: transparent;
}
.row-bottom-body.right table.att tr {
  border: transparent;
  border-bottom: 1px solid #e9e9e9;
}
.row-bottom-body.right table.att tr:last-child {
  border-bottom: 0;
}
.row-bottom-body.right table.att td {
  border: 0;
  padding: 4px 12px 2px 12px;
  background-color: transparent;
}
.row-bottom-body.right table.att td:nth-child(1) {
  text-align: center;
  vertical-align: middle;
}
.row-bottom-body.right table.att td:nth-child(2) {
  text-align: left;
  vertical-align: middle;
}
.row-bottom-body.right table.att td:nth-child(3) {
  text-align: center;
  vertical-align: middle;
}
.row-bottom-body.right table.att .none {
  height: 46px;
}

.form-file {
  clear: both;
  position: relative;
  display: inline-block;
}
.form-file .ficon {
  display: inline-block;
  background-size: 24px;
  width: 24px;
  height: 24px;
}
.form-file .ficon.hwp {
  display: inline-block;
  background: url(../images/file_hwp.png) no-repeat center center;
  background-size: 24px;
  width: 24px;
  height: 24px;
}
.form-file .ficon.pdf {
  display: inline-block;
  background: url(../images/pdf.png) no-repeat center center;
  background-size: 24px;
  width: 24px;
  height: 24px;
}
.form-file .ficon.zip {
  display: inline-block;
  background: url(../images/zip.png) no-repeat center center;
  background-size: 24px;
  width: 24px;
  height: 24px;
}

.att-num {
  font-size: 13px;
  color: #777;
}

.att-subj {
  font-size: 14px;
  color: #333;
  text-align: left;
}

.tbl-wp.pop-td table.List td {
  padding: 13px 0 10px 0;
  font-size: 14px;
  line-height: 150%;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #e9e9e9;
  background-color: transparent;
}

.form-icon {
  display: inline-block;
  width: 30px;
  height: 18px;
  margin: 0 0 1px 7px;
  font-size: 11px;
  letter-spacing: -0.5px;
  line-height: 16px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid;
  border-radius: 3px;
}

.form-icon.update {
  color: #2a7fc8;
  border-color: #69a5d8;
  background: rgba(42, 127, 200, 0.02);
}

.form-icon.new {
  color: #e05555;
  border-color: #e98888;
  background: rgba(224, 85, 85, 0.02);
}

.form-icon.del {
  color: #999;
  border-color: #b9b9b9;
  background: rgba(153, 153, 153, 0.02);
}

.yp-list-importGuide {
  margin: 0 0 32px 0;
  padding: 14px 25px 15px 70px;
  font-size: 14px;
  color: #555;
  line-height: 1.5em;
  background: #fbfcfc url(../images/list_importGuide.png) no-repeat 18px center !important;
}

.yp-list-importGuide .link-box {
  display: inline-block;
  position: relative;
  height: 18px;
  margin: 0 0 1px 2px;
  padding: 0 5px;
  font-size: 12px;
  color: #fff;
  line-height: 18px;
  text-align: center;
  text-decoration: none;
  vertical-align: bottom;
  background: #f47d31;
  border-radius: 2px;
}

.select-tit {
  display: inline-block;
  height: 40px;
  margin: 0 -7px 0 0;
  padding: 0 10px;
  font-size: 12px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  vertical-align: middle;
  background: #777;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  z-index: 1;
}

.yping-icon {
  clear: both;
  display: inline-block;
  height: 16px;
  padding: 0 3px;
  font-family: "Noto Sans KR", "Noto Sans", "맑은 고딕", "Malgun Gothic";
  font-size: 10px !important;
  color: #fff;
  letter-spacing: -0.5px;
  line-height: 14px;
  font-size: 400;
  text-align: center;
  border-radius: 3px;
  background: #d5d5d5;
}

.case-list-visual {
  clear: both;
  position: relative;
  height: 140px;
  margin: 0 0 40px 0;
  padding: 0 0 8px 0;
  overflow: hidden;
}
.case-list-visual.case-list-visual::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2) url(../images/main_visual_dot.png) repeat;
  z-index: 1;
}
.case-list-visual strong {
  display: block;
  margin: 0 0 6px 0;
  font-size: 260%;
  color: #fff;
  letter-spacing: -2px;
  line-height: 140%;
  font-weight: normal;
  text-align: center;
}
.case-list-visual span.txt-valign {
  display: inline-block;
  position: relative;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
  text-align: center;
  z-index: 2;
}

.case-list-visual.author {
  margin-bottom: 0;
  background: url(../images/expert_visual.jpg) no-repeat 0px -100px;
  image-rendering: pixelated;
  background-size: 100% auto;
}
.case-list-visual.author strong {
  margin: 0 0 4px 0;
  font-size: 280%;
  letter-spacing: -0.5px;
  font-weight: 600;
  font-family: "GmarketSansMedium", sans-serif;
}

.author-group-wp {
  position: relative;
  margin: 0 -25px 0 0;
}
.author-group-wp .row {
  float: left;
  width: 50%;
  margin: 0 0 30px 0;
  padding: 0 25px 0 0;
}

.expert-group-area {
  width: 1200px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.expert-group-box {
  position: relative;
  width: 49%;
  padding: 22px 20px 18px 20px;
  border: 1px solid transparent;
  background: #fff;
  transition: all 0.3s;
  margin-bottom: 26px;
}
.expert-group-box:hover {
  border-color: #000 !important;
  box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, 0.15);
}
.expert-group-box .photo {
  float: left;
  margin: 0 20px 0 0;
  overflow: hidden;
}
.expert-group-box .photo span.thumb {
  display: block;
  width: 120px;
  height: 148px;
  padding: 4px 5px 5px 4px;
  vertical-align: top;
  border: 1px solid #e9e9e9;
  background: url(../images/writer_photo.png) no-repeat center center;
  background-size: 108px auto;
}
.expert-group-box .photo span.name {
  display: block;
  margin: 5px 0 0 0;
  font-size: 13px;
  letter-spacing: -0.5px;
  text-align: center;
}
.expert-group-box .info {
  float: left;
  max-width: 370px;
}
.expert-group-box .info span.subtxt {
  display: -webkit-box;
  height: 56px;
  margin: 0 0 14px 0;
  font-size: 13px;
  color: #555;
  line-height: 140%;
  word-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.expert-group-box .info span.txt {
  width: 400px;
  display: block;
  margin-top: 6px;
  margin-bottom: 0;
  font-weight: bold;
  font-size: 16px;
}
.expert-group-box .info .btn {
  padding: 4px 0 0;
}
.expert-group-box .info .btn a {
  width: 150px;
  height: 38px;
  margin-right: 5px;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9) !important;
  letter-spacing: -0.5px;
  line-height: 36px;
  font-weight: normal;
  border-radius: 3px;
}
.expert-group-box .info .btn a i {
  color: #fff;
  padding-left: 6px;
}

.author-group-wp .expert-group-box {
  border: 1px solid #d2d2d2;
}

.back-list-btn {
  float: right;
  border-radius: 3px;
  margin-top: -20px;
  margin-bottom: 12px;
}
.back-list-btn i {
  color: #fff;
  padding-top: 2px;
}

.writer-info-wp {
  clear: both;
  position: relative;
  min-height: 200px;
  margin: 0 0 60px 0;
  padding: 35px 40px 35px 40px;
  border: 1px solid #ccc;
  background: #fff url(../images/writer_bg3.png) no-repeat 93% 1.5em;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
}
.writer-info-wp .icon {
  display: block;
  position: absolute;
  top: -4px;
  left: -2px;
  width: 30px;
  height: 20px;
  padding: 5px 0 0 0;
  font-size: 10px;
  color: #fff;
  letter-spacing: -1px;
  line-height: 16px;
  font-weight: bold;
  text-align: center;
  background: #fa4b2a;
  box-shadow: 0 1px 2px 0 rgba(255, 255, 255, 0.3) inset;
}
.writer-info-wp .icon::after {
  content: "";
  position: absolute;
  left: 1px;
  bottom: -30px;
  margin: 0 0 0 -1px;
  width: 0px;
  height: 0px;
  border: 15px solid;
  border-color: #fa4b2a transparent transparent transparent;
}
.writer-info-wp .photo {
  float: left;
  width: 140px;
  height: 170px;
  padding: 10px 10px;
  vertical-align: top;
  border: 1px solid #e9e9e9;
  background: url(../images/writer_photo.png) no-repeat center center;
  background-size: 118px auto;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
}
.writer-info-wp .info {
  float: left;
  width: 440px;
  margin: 0 0 0 30px;
}
.writer-info-wp .info .name {
  display: inline-block;
  position: relative;
  margin: 0 0 15px 0;
  padding: 6px 100px 6px 13px;
  font-size: 19px;
  color: #fff;
  line-height: 100%;
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  background: #fa4b2a;
  border-radius: 3px;
}
.writer-info-wp .info .name::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 15px;
  border-radius: 3px;
  background: #f48831;
}
.writer-info-wp .info .etc li {
  position: relative;
  margin: 0 0 5px 0;
  padding: 0 0 0 65px;
  font-size: 13px;
  line-height: 1.4em;
}
.writer-info-wp .info .etc li span.stit {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 46px;
  height: 20px;
  font-size: 11px;
  color: #fff;
  letter-spacing: -1px;
  line-height: 20px;
  text-align: center;
  border-radius: 3px;
  background: #aaa;
}
.writer-info-wp .greetings {
  float: right;
  position: relative;
  width: 420px;
  margin: 16px 24px 0 0;
  padding: 18px 20px 20px 20px;
  font-size: 13px;
  line-height: 1.3em;
  border-radius: 8px;
  background: #ffefeb url(../images/writer_pattern.png) repeat;
}

.mTitle.list-format .num {
  display: inline-block;
  margin: 0 0 2px 2px;
  font-size: 17px;
  letter-spacing: -0.5px;
  font-weight: normal;
  vertical-align: middle;
}
.mTitle.list-format .num strong {
  color: #ff5529;
}
.mTitle.list-format .align {
  position: absolute;
  top: 6px;
  right: 1px;
}
.mTitle.list-format .align ul {
  float: left;
}
.mTitle.list-format .align li {
  float: left;
  position: relative;
  margin: 0 0 0 22px;
}
.mTitle.list-format .align li a.alg.active {
  color: #ff5529;
  padding-left: 20px;
  position: relative;
}
.mTitle.list-format .align li a.alg.active::after {
  position: absolute;
  top: 1px;
  left: 2px;
  content: url(../images/arrow-up.svg);
}
.mTitle.list-format .align li a.alg {
  display: block;
  height: 26px;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  transition: all 0.2s ease;
}
.mTitle.list-format .align li a.alg i {
  margin-right: 4px;
  color: #ff5529;
}
.mTitle.list-format .align li a.alg:hover {
  color: #ff5529;
}
.mTitle.list-format .align li::after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  right: -12px;
  width: 1px;
  height: 12px;
  background: #ccc;
}

/*------ 카드형 LIST ------*/
.comm-cardList-wp {
  clear: both;
  position: relative;
  margin: 0 -25px 0 0;
  padding: 0 0 5px 0;
  overflow: hidden;
}
.comm-cardList-wp ul {
  float: left;
  width: 100%;
}
.comm-cardList-wp li {
  float: left;
  position: relative;
  width: 33.3333333333%;
  margin: 0 0 50px 0;
  padding: 0 25px 0 0;
  background: #fff;
  transition: all 0.3s;
}
.comm-cardList-wp.submain:last-child li {
  margin-bottom: 0;
}
.comm-cardList-wp li a.link-block {
  display: block;
  position: relative;
  border: 1px solid #d3d3d3;
  overflow: hidden;
  z-index: 1;
  padding-bottom: 20px;
}
.comm-cardList-wp li a.link-block:hover {
  text-decoration: none !important;
}
.comm-cardList-wp .cnt-field {
  z-index: 1;
}
.comm-cardList-wp .cnt-field .photo {
  position: relative;
  height: 200px;
  margin: 0 auto;
  text-align: center;
  align-items: center;
  -webkit-align-items: center;
  background: #fff url("../images/no_image.png") no-repeat center center;
  overflow: hidden;
}
.comm-cardList-wp .cnt-field .photo::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.03);
  transition: all 0.3s;
  z-index: 2;
}
.comm-cardList-wp .cnt-field .photo img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  image-rendering: crisp-edges;
  transition: all 0.5s;
}
.comm-cardList-wp.news .cnt-field .photo img {
  display: inline;
  width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.comm-cardList-wp .cnt-field .photo .tag {
  display: block;
  position: absolute;
  bottom: -36px;
  left: 0;
  right: 0;
  height: 36px;
  padding: 0 15px;
  font-size: 13px;
  color: #fff;
  letter-spacing: -0.5px;
  line-height: 38px;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: all 0.3s;
  overflow: hidden;
}
.comm-cardList-wp .cnt-field .subj {
  display: block;
  display: -webkit-box;
  position: relative;
  height: 56px;
  padding: 0 20px 0 20px;
  font-size: 120%;
  letter-spacing: -0.5px;
  line-height: 28px;
  font-weight: normal;
  text-align: left;
  word-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-family: "Noto Sans KR", sans-serif;
  overflow: hidden;
}
.comm-cardList-wp .cnt-field .etc {
  display: block;
  position: relative;
  padding: 20px 20px 14px 20px;
  font-size: 14px;
  color: #999;
  line-height: 1.2em;
  text-align: left;
  z-index: 10;
}
.comm-cardList-wp .expert-corner {
  position: absolute;
  top: 220px;
  right: 45px;
  font-size: 100%;
  z-index: 10;
}
.comm-cardList-wp.news .origin {
  position: absolute;
  top: 220px;
  right: 45px;
  font-size: 14px;
  color: #999;
  letter-spacing: -0.5px;
  z-index: 10;
}
.comm-cardList-wp.news .origin strong {
  color: #666;
  font-weight: normal;
}
.comm-cardList-wp a.link-block:hover {
  border-color: #111;
  box-shadow: 4px 4px 1px 0 rgba(0, 0, 0, 0.15);
}
.comm-cardList-wp a.link-block:hover .cnt-field .photo::before {
  opacity: 0;
}
.comm-cardList-wp a.link-block:hover .cnt-field .photo::after {
  transform: scale(1.05);
}
.comm-cardList-wp a.link-block:hover .cnt-field .photo img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
.comm-cardList-wp a.link-block:hover .cnt-field .photo .tag {
  bottom: 0;
  opacity: 1;
}
.comm-cardList-wp.tag-None a.link-block:hover .cnt-field .photo .tag {
  opacity: 0;
}

.kind-Icon.silmu {
  background-color: #111;
}

.comm-cardList-wp.post .kind-Icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 56px;
  height: 56px;
  padding: 2px;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.9);
  letter-spacing: -0.2px;
  line-height: 1.25em;
  text-align: center;
  border-radius: 100%;
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.15);
  z-index: 5;
}
.comm-cardList-wp.post .kind-Icon::before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 50px;
  height: 50px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 100%;
}
.comm-cardList-wp.post .kind-Icon.tax {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 39px;
  height: 39px;
  padding: 6px 4px 4px;
}
.comm-cardList-wp.post .kind-Icon.tax::before {
  width: 33px;
  height: 33px;
  top: 2px;
  left: 2px;
}
.comm-cardList-wp.post .cnt-field .summary {
  display: block;
  display: -webkit-box;
  position: relative;
  height: 61px;
  margin: 0 0 14px 0;
  padding: 10px 20px 0 20px;
  font-size: 12px;
  color: #777;
  letter-spacing: -0.2px;
  line-height: 1.4em;
  font-weight: normal;
  text-align: justify;
  word-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  transition: all 0.3s;
  overflow: hidden;
}
.comm-cardList-wp.post .cnt-field .count {
  clear: both;
  float: left;
  margin: 0 0 0 20px;
  padding: 0 0 0 20px;
  font-size: 13px;
  color: #777;
  line-height: 1em;
  background: url(../images/eye.png) no-repeat 0 0;
  background-size: auto 10px;
}
.comm-cardList-wp.post .cnt-field .heart {
  float: right;
  margin: 0 20px 0 0;
  font-size: 13px;
  color: #888;
}
.comm-cardList-wp.post .cnt-field .heart i {
  margin: 0 6px 2px 0;
  color: #ff5529;
}

.flow .flw.fw1 i {
  margin-top: -6px;
  color: #010101;
  font-size: 18px;
}
.flow .flw.fw1.active i {
  color: #ff5529;
  margin-top: -13px;
}

.issue-special-wp .swiper-pagination {
  display: none;
}
.issue-special-wp .subMain-banner {
  position: relative;
  margin: 0 0 50px 0;
}
.issue-special-wp .subMain-banner .main-gallery-top {
  position: relative;
  width: 100%;
  height: 200px;
  overflow: hidden;
}
.issue-special-wp .subMain-banner .main-gallery-top .swiper-slide img {
  display: block;
  width: 1200px;
  height: 200px;
  margin: 0 auto;
}
.issue-special-wp .card-List {
  position: relative;
  margin: 30px -20px 0 0;
  padding: 0 0 0 0;
  overflow: hidden;
}
.issue-special-wp .card-List ul {
  float: left;
  width: 100%;
}
.issue-special-wp .card-List li.show {
  display: block;
}
.issue-special-wp .card-List li {
  float: left;
  display: none;
  position: relative;
  margin: 0 0 30px 0;
  padding: 0 20px 0 0;
  background: #fff;
  transition: all 0.3s;
  box-sizing: border-box;
}
.issue-special-wp .card-List li a {
  display: block;
  position: relative;
  height: 320px;
  text-decoration: none !important;
  border: 1px solid #d2d2d2;
  overflow: hidden;
  z-index: 1;
  border-radius: 4px;
}
.issue-special-wp .card-List li a .icon {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 45px;
  height: 42px;
  font-size: 12px;
  color: #fff;
  line-height: 42px;
  font-weight: bold;
  text-align: center;
  background: #e83e1d;
  box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, 0.1);
  z-index: 2;
}
.issue-special-wp .card-List li a:hover {
  border-color: #111;
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.15);
}
.issue-special-wp .card-List li a:hover .thmubs::before {
  background: rgba(0, 0, 0, 0);
}
.issue-special-wp .card-List li a:hover .thmubs img {
  transform: scale(1.05);
}
.issue-special-wp .card-List li .thmubs {
  position: relative;
  height: 150px;
  margin: 0 0 20px 0;
  text-align: center;
  align-items: center;
  -webkit-align-items: center;
  background: url(/pds/images/comm/no_image.png) no-repeat center center;
  background-size: auto 100%;
  overflow: hidden;
}
.issue-special-wp .card-List li .thmubs::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.03);
  transition: all 0.3s;
  z-index: 2;
}
.issue-special-wp .card-List li .thmubs .class-icon {
  display: block;
  position: absolute;
  top: 8px;
  right: 8px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 9px;
  color: #fff;
  letter-spacing: -0.8px;
  font-weight: 300;
  text-align: center;
  border-radius: 100%;
  background: #000;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
  z-index: 100;
}
.issue-special-wp .card-List li .thmubs .class-icon.I {
  background: #006fd6;
}
.issue-special-wp .card-List li .thmubs img {
  display: inline;
  width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  transition: all 0.5s;
}
.issue-special-wp .card-List li .thmubs .class-icon.E {
  background: #443f7a;
}
.issue-special-wp .card-List li .thmubs .class-icon.S {
  background: #00b04e;
}
.issue-special-wp .card-List li .thmubs .class-icon.P {
  background: #f34c87;
}
.issue-special-wp .card-List li .subj {
  display: -webkit-box;
  position: relative;
  padding: 0 20px;
  font-size: 20px;
  letter-spacing: -1px;
  line-height: 130%;
  font-weight: bold;
  word-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-family: "Noto Sans KR", sans-serif;
  overflow: hidden;
}
.issue-special-wp .card-List li .summary {
  display: -webkit-box;
  position: relative;
  min-height: 50px;
  margin: 12px 0 30px 0;
  padding: 0 20px;
  font-size: 12px;
  color: #888;
  letter-spacing: -0.2px;
  line-height: 140%;
  font-weight: normal;
  text-align: justify;
  word-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.issue-special-wp .card-List li .kinds {
  position: absolute;
  bottom: 18px;
  left: 0px;
  padding: 0 20px;
  font-size: 13px;
  color: #777;
  letter-spacing: -0.5px;
  line-height: 120%;
}
.issue-special-wp .card-List li .kinds img {
  position: absolute;
  top: -1px;
  right: 0px;
}
.issue-special-wp .card-List li span.ai-tag {
  display: inline-block;
  height: 16px;
  margin: 6px 0 0 8px;
  padding: 0 5px;
  font-size: 11px;
  color: #fff;
  letter-spacing: 0px;
  line-height: 16px;
  font-weight: normal;
  vertical-align: text-top;
  border-radius: 3px;
  background-color: #e05555;
}

#fillter-btn {
  position: absolute;
  top: 4px;
  right: 0;
}
#fillter-btn .btn.active {
  color: #333;
  font-weight: bold;
}
#fillter-btn .btn {
  display: inline-block;
  position: relative;
  margin: 0 0 0 10px;
  padding: 0px 6px;
  font-size: 14px;
  color: #999;
  text-decoration: none !important;
  vertical-align: middle;
}
#fillter-btn .btn::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -10px;
  width: 1px;
  height: 10px;
  margin: -5px 0 0 0;
  background: #ccc;
}
#fillter-btn .btn:first-child::before {
  content: "";
  width: 0px;
}

.magazine-Guide {
  position: relative;
  margin: 0 0 45px 0;
  padding: 30px 35px 23px 35px;
  font-size: 14px;
  color: #555;
  line-height: 1.5em;
  border-color: #d5d5d5 !important;
  background: #fbfcfc !important;
}
.magazine-Guide .stit {
  display: block;
  margin: 0 0 12px 0;
  font-size: 190%;
  color: #333;
  letter-spacing: -1px;
  font-weight: bold;
  font-family: "Noto Sans KR", sans-serif;
}

.Board-srh-wp {
  position: relative;
  height: 58px;
}
.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 form {
  display: flex;
}

.magazine-list {
  float: left;
  width: 100%;
  padding: 45px 5px 5px 5px;
  border-top: 1px solid #777;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
}
.magazine-list li {
  float: left;
  width: 25%;
  margin: 0 0 35px 0;
}
.magazine-list li a {
  display: block;
  position: relative;
  font-size: 105%;
  color: #333;
  text-align: center;
  text-decoration: none;
}
.magazine-list li a .thumb {
  display: block;
  width: 210px;
  height: 290px;
  margin: 0 auto;
  padding: 0 4px;
  text-align: center;
  border: 1px solid #e3e3e3;
  background: #fff;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.08);
  transition: all 0.3s;
  overflow: hidden;
}
.magazine-list li a .thumb img {
  width: 200px;
  height: 280px;
}
.magazine-list li a .subj {
  display: block;
  height: 35px;
  padding: 12px 0 0 0;
}
.magazine-list li a:hover .thumb {
  border-color: #111;
  box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.25);
}

.magazine-old-list {
  clear: both;
  position: relative;
  margin: 0 -15px -20px -15px;
  overflow: hidden;
}

.magazine-old-list ul {
  float: left;
  width: 100%;
}

.magazine-old-list ul.c2 li {
  width: 50%;
}

.magazine-old-list ul.c3 li {
  width: 33.3333333333%;
}

.magazine-old-list ul.c4 li {
  width: 25%;
}

.magazine-old-list ul.c5 li {
  width: 20%;
}

.magazine-old-list ul.c6 li {
  width: 16.6666666667%;
}

.magazine-old-list li {
  float: left;
  margin: 0 0 20px 0;
  padding: 0 15px;
  box-sizing: border-box;
}

.magazine-old-list li a {
  display: block;
  position: relative;
  height: 100px;
  padding: 22px 30px 0 105px;
  font-size: 12px;
  color: #888;
  line-height: 1.3em;
  text-decoration: none;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #fafafa !important;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.magazine-old-list li a strong {
  display: block;
  margin: 22px 0 8px 0;
  font-size: 160%;
  color: #333;
  letter-spacing: -0.2px;
}

.magazine-old-list li a:hover {
  border-color: #1a2290;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
}
.magazine-old-list li a:hover strong {
  color: #1a2290;
}

.magazine-old-list li i {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 30px;
  height: 50px;
  margin: -24px 0 0 0;
  font-size: 420%;
  text-align: center;
  transition: all 0.3s;
}

.magazine-old-list li a:hover i {
  color: #1a2290;
}

.magazine-old-list.weekly li:nth-child(1) a {
  padding-left: 88px;
}

.magazine-webook-wp {
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.magazine-webook-wp .webook-footer {
  font-size: 0.7em;
  color: #eee;
  text-align: center;
  height: 30px;
  letter-spacing: 0.5px;
  background: #444;
}
.magazine-webook-wp .webook-footer span.bar {
  display: inline-block;
  margin: 0 8px 2px 8px;
  font-size: 9px;
  color: #999;
  vertical-align: text-bottom;
}
.magazine-webook-wp .webook-footer a {
  color: #f47d31;
  text-decoration: none;
}
.magazine-webook-wp .webook-footer a:hover {
  color: #fa4b2a;
}
.magazine-webook-wp .menu-field {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 250px;
  height: 100%;
  min-height: 100%;
  padding: 0 0 0 0;
  background: #141414;
  overflow: hidden;
  z-index: 3;
}
.magazine-webook-wp .menu-field .thumbnail {
  position: absolute;
  top: 25px;
  left: 50%;
  margin: 0 0 0 -70px;
  padding: 0 0 8px 0;
  text-align: center;
}
.magazine-webook-wp .menu-field .thumbnail .thumb {
  display: block;
  overflow: hidden;
}
.magazine-webook-wp .menu-field .thumbnail .thumb img {
  width: 140px;
  height: 196px;
  border-radius: 4px;
}
.magazine-webook-wp .menu-field .thumbnail .subj {
  display: inline-block;
  height: 35px;
  padding: 6px 0 0 0;
  font-size: 13px;
  color: #fff;
  font-weight: normal;
}
.magazine-webook-wp .menu-field .menu {
  clear: both;
  position: absolute;
  top: 265px;
  bottom: 0;
  left: 0;
  width: 250px;
  padding: 15px 0 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  overflow-y: scroll;
}
.magazine-webook-wp .menu-field .menu::before {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: #040404;
}
.magazine-webook-wp .menu-field .menu li {
  position: relative;
  margin: 0 25px 10px 25px;
  padding: 23px 0 6px 0;
  border-bottom: 1px dashed rgba(255, 255, 255, 0);
}
.magazine-webook-wp .menu-field .menu li:first-child {
  margin-top: 10px;
}
.magazine-webook-wp .menu-field .menu li:last-child {
  margin-bottom: 25px;
  border-bottom: none;
}
.magazine-webook-wp .menu-field .menu li a {
  display: block;
  position: relative;
  padding: 0 0 6px 0;
  font-size: 13px;
  color: #999;
  letter-spacing: -0.5px;
  line-height: 1.4em;
  text-align: left;
  text-decoration: none;
}
.magazine-webook-wp .menu-field .menu li a:hover {
  color: #ddd;
}
.magazine-webook-wp .menu-field .menu li a.active {
  color: #fff;
  font-weight: bold;
}
.magazine-webook-wp .menu-field .menu li a.active::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -25px;
  width: 0;
  height: 0;
  margin: -8px 0 0 -8px;
  border: 8px solid;
  border-color: transparent #fff transparent transparent;
}
.magazine-webook-wp .menu-field .menu li a span {
  display: block;
  margin: 3px 0 0 0;
  font-size: 11px;
  color: #999;
  line-height: 1.2em;
}
.magazine-webook-wp .menu-field .menu li u.corner {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  height: 17px;
  padding: 0 5px;
  font-size: 11px;
  color: #999;
  letter-spacing: -0.5px;
  line-height: 17px;
  text-decoration: none;
  border-radius: 4px;
  background: #444;
  transition: all 0.3s;
}
.magazine-webook-wp .menu-field .menu li a.active ~ u.corner {
  color: #fff;
  background: #ff5529;
}
.magazine-webook-wp .menu-field .menu li:hover u.corner {
  color: #ddd;
  background: rgba(255, 100, 60, 0.4);
}
.magazine-webook-wp .contents-view-field {
  position: relative;
  margin: 0 0 0 250px;
}
.magazine-webook-wp .contents-view-field .haesul-view-wp {
  clear: both;
  min-width: 800px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 70px 60px 0 60px;
  border: none;
}
.magazine-webook-wp .contents-view-field .comm-cnt-Btns {
  position: absolute;
  top: 15px;
  right: 10px;
  margin: 0 !important;
}

.haesul-view-wp .top {
  position: relative;
  padding: 0 0 30px 0;
  border-bottom: 1px dotted #777;
}
.haesul-view-wp .top .title {
  display: block;
  position: relative;
  margin: 0 0 35px 0;
  padding: 0 0 0 18px;
  font-family: "Noto Sans KR", "Noto Sans", sans-serif;
  font-size: 33px;
  letter-spacing: -1px;
  line-height: 130%;
  font-weight: bold;
}
.haesul-view-wp .top .title::before {
  content: "";
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  width: 3px;
  height: 30px;
  margin: -12px 0 0 0;
  background: #2f2e2e;
}
.haesul-view-wp .top .etc {
  position: relative;
  font-size: 15px;
  color: #888;
  font-weight: normal;
}
.haesul-view-wp .top .etc h6 {
  display: block;
  position: relative;
  margin: 0 0 10px 0;
  font-weight: normal;
  color: #888;
}
.haesul-view-wp .top .etc .count {
  color: #888;
  padding: 0;
}
.haesul-view-wp .top .etc .count strong {
  color: #444;
}

.expert-corner {
  display: inline-block;
  color: #333;
  letter-spacing: -0.5px;
  background: #fff;
  cursor: pointer;
  z-index: 100;
}
.expert-corner .ps {
  color: #333;
  text-decoration: none !important;
}

.mCSB_container {
  overflow: hidden;
  width: auto;
  height: auto;
}

.magazine-webook-wp .webook-footer {
  font-size: 0.7em;
  text-align: center;
  height: 30px;
  letter-spacing: 0.5px;
  background: #444;
}
.magazine-webook-wp .webook-footer span {
  color: #eee;
}

.btn-area.post {
  position: absolute;
  top: 20px;
  right: 20px;
}

.contents-view-field .items {
  display: none;
}
.contents-view-field .items.active {
  display: block;
}

.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.lt-Line {
  border-left: 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;
}

.phone-pro-img-wp {
  clear: both;
  position: relative;
  height: 200px;
  margin: -18px 0 50px 0;
  padding: 20px 440px 0 0;
  font-size: 110%;
  color: #444;
  line-height: 1.4em;
  font-family: "Noto Sans KR", sans-serif;
  background: url(../images/phone_pro_visual.png) no-repeat right bottom;
  overflow: hidden;
}
.phone-pro-img-wp .stit {
  display: block;
  margin: 0 0 14px 0;
  font-size: 230%;
  color: #333;
  letter-spacing: -2.5px;
  line-height: 1.2em;
  font-family: "GmarketSansMedium", sans-serif;
}

.phone-pro-tbl {
  clear: both;
  overflow: hidden;
  display: flex;
  justify-content: space-around;
  font-family: "Noto Sans KR", sans-serif;
}
.phone-pro-tbl .row {
  width: 575px;
}
.phone-pro-tbl .tbl {
  width: 100%;
  table-layout: fixed;
}
.phone-pro-tbl .tbl th {
  height: 50px;
  padding: 0 0 2px 0;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  background: #444;
  vertical-align: middle;
}
.phone-pro-tbl .tbl th span {
  display: block;
  position: relative;
  color: #fff;
}
.phone-pro-tbl .tbl th span::after {
  content: "";
  position: absolute;
  top: 3px;
  right: 0;
  width: 1px;
  height: 12px;
  background: rgba(255, 255, 255, 0.3);
  z-index: 2;
}
.phone-pro-tbl .tbl th:last-child span::after {
  display: none;
}
.phone-pro-tbl .tbl td {
  padding: 19px 0 21px 25px;
  font-size: 110%;
  line-height: 1.5em;
  vertical-align: middle;
  border-bottom: 1px dashed #ddd;
}
.phone-pro-tbl .tbl td.subj {
  padding-left: 0;
  font-size: 17px;
  font-weight: bold;
  text-align: center;
  border-right: 1px solid #ddd;
  border-bottom: none;
  background: #fafafa;
}
.phone-pro-tbl .tbl td.cell {
  padding: 0;
  height: 0;
  border-bottom: none;
}
.phone-pro-tbl .tbl td.bar {
  padding: 0;
  height: 1px;
  background: #777;
  border-bottom: none;
}
.phone-pro-tbl .tbl tr.None td {
  border-bottom: none;
}
.phone-pro-tbl .tbl td.phone {
  font-size: 110%;
  color: #1f568c;
  font-weight: normal;
}
.phone-pro-tbl .tbl td.two {
  padding-top: 16px;
  padding-bottom: 17px;
}

.con-info-area {
  position: relative;
  margin-bottom: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.con-info-area .count h1 {
  font-family: "Noto Sans KR", sans-serif;
  padding-left: 0px;
  font-size: 28px;
  color: #333;
  font-weight: 700;
}
.con-info-area .count p {
  color: #333;
}
.con-info-area .align {
  position: absolute;
  top: 6px;
  right: 1px;
  padding-top: 22px;
}
.con-info-area .align ul {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.con-info-area .align li {
  float: left;
  position: relative;
  margin-left: 22px;
}
.con-info-area .align li:last-child::after {
  width: 0;
}
.con-info-area .align li::after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  right: -12px;
  width: 1px;
  height: 12px;
  background: #ccc;
}
.con-info-area .align a i {
  transition: all 0.2s ease;
}
.con-info-area .align a:hover {
  color: #ff5529;
}
.con-info-area .align a:hover i {
  color: #ff5529;
}
.con-info-area .align a.alg {
  font-family: "Noto Sans KR", sans-serif;
  display: block;
  height: 26px;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  transition: all 0.2s ease;
}
.con-info-area .align a.alg.active {
  color: #ff5529;
  padding-left: 20px;
  position: relative;
}
.con-info-area .align a.alg.active::after {
  position: absolute;
  top: 1px;
  left: 2px;
  content: url(../images/arrow-up.svg);
}
.con-info-area .align .flow i {
  font-size: 18px;
}
.con-info-area .align .flow .active {
  color: #ff5529;
}
.con-info-area .align .flow .active i {
  color: #ff5529;
}

.post-box {
  clear: both;
  position: relative;
  margin: 0 0 70px 0;
}
.post-box .list-cards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
  row-gap: 18px;
  width: 1200px;
  overflow: hidden;
}
.post-box .list-card:hover {
  box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.1);
}
.post-box .list-card .card-item {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 232px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  transition: 0.3s ease;
  border-radius: 3px;
}
.post-box .top-icon-box {
  display: flex;
  flex-direction: row;
  position: absolute;
  top: 6px;
  right: 5px;
  gap: 2px;
}
.post-box .topicon {
  width: 42px;
  height: 42px;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.9);
  border-radius: 100%;
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.15);
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #333;
  border: 2px solid #333;
  text-align: center;
}
.post-box .iconRt01 {
  width: 42px;
  height: 42px;
  font-size: 10px;
  color: rgba(255, 255, 255, 0.9);
  border-radius: 100%;
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.15);
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #333;
  border: 2px solid #666;
  text-align: center;
  padding-top: 1px;
}
.post-box .iconRt02 {
  width: 42px;
  height: 42px;
  font-size: 8px;
  color: yellow;
  border-radius: 100%;
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.15);
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #d91b1a;
  border: 2px solid #d91b1a;
  text-align: center;
  padding-top: 1px;
}
.post-box .lgIcon {
  width: 48px;
  height: 48px;
}
.post-box .card-top {
  position: relative;
  height: 150px;
  overflow: hidden;
}
.post-box .card-top img {
  height: 150px;
}
.post-box .card-bottom {
  position: relative;
  display: flex;
  flex-direction: column;
  height: auto;
  padding: 18px 14px;
  height: 192px;
}
.post-box .card-bottom .tit {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3em;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.post-box .card-bottom .tit-lg {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4em;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 8px;
}
.post-box .card-bottom .content {
  font-size: 12px;
  margin-top: 2px;
  color: #6a6a6a;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.post-box .bt {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 12px;
  position: absolute;
  bottom: 20px;
}
.post-box .bt .left,
.post-box .bt .right {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.post-box .bt .left i,
.post-box .bt .right i {
  color: #6a6a6a;
  margin-right: 2px;
  font-size: 13px;
}
.post-box .bt .left p,
.post-box .bt .right p {
  font-size: 12px;
  color: #6a6a6a;
  margin-right: 4px;
}
.post-box .bt .left strong,
.post-box .bt .right strong {
  font-size: 12px;
  margin-right: 4px;
}
.post-box .bt .left .fa-heart,
.post-box .bt .right .fa-heart {
  color: #db4545;
  margin-right: 4px;
}

.prv-list .list-cards .list-card .card-bottom.hei-auto {
  height: auto;
}

.tbl-wp table.List td.yp-number {
  line-height: 1em;
}
.tbl-wp table.List td.yp-number a {
  font-size: 13px;
}
.tbl-wp table.List td.name {
  font-size: 13px;
  color: #333;
}

.post-rtw-box {
  height: 105px;
  font-size: 14px;
  color: #555;
  line-height: 1.4em;
  border: 1px solid #d5d5d5;
  background-color: #fbfcfc;
  border-radius: 4px;
  margin-bottom: 30px;
  overflow: hidden;
}
.post-rtw-box .rtw-img {
  width: 210px;
  height: 105px;
}
.post-rtw-box .txt-box {
  padding: 18px 26px 10px;
  display: flex;
  flex-direction: column;
}
.post-rtw-box .txt-box .stit {
  display: block;
  font-size: 130%;
  font-weight: bold;
}
.post-rtw-box .txt-box .txt {
  margin: 6px 0 0 0;
  font-size: 14px;
  line-height: 1.6em;
}

.post-date-box {
  position: relative;
  margin: 0 0 35px 0;
  padding: 16px 0;
  text-align: center;
  border: 1px solid #ddd;
  background-color: #f8f8f8;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.post-date-box.fri-update::after {
  content: "※ 매주 금요일 오후 6시 업데이트";
  position: absolute;
  right: 18px;
  top: calc(50% - 6px);
  color: rgb(213, 13, 13);
  font-size: 12px;
}
.post-date-box .month-picker.show {
  display: block;
}
.post-date-box .month-picker {
  display: none;
  position: absolute;
  top: 58px;
  width: 374px;
  min-height: 276px;
  border-radius: 12px;
  border: 1px solid #eee;
  background-color: #fff;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
  z-index: 10;
  padding: 24px 20px;
}
.post-date-box .month-picker #year-select {
  width: 182px;
  padding: 13px 12px;
  background: url(../../images/select_bg.png) no-repeat center right;
  background-size: auto 10px;
  background-repeat: no-repeat;
  background-position: right;
  border: 1px solid #d5d5d5;
  font-size: 16px;
  font-weight: bold;
  border-radius: 6px;
  position: relative;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  cursor: pointer;
}
.post-date-box .month-picker #year-select:focus {
  outline: none;
  border: 1px solid #d5d5d5;
}
.post-date-box .month-picker #months {
  margin-top: 20px;
}
.post-date-box .month-picker .month-button {
  display: inline-block;
  margin: 4px;
  width: 68px;
  height: 44px;
  border-radius: 5px;
  transition: all 0.2s ease;
  background-color: #edeef1;
  color: #333;
  cursor: pointer;
}
.post-date-box .month-picker .month-button:hover {
  background-color: #333;
  color: #fff;
  font-weight: bold;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.1);
}
.post-date-box .date-btn {
  display: flex;
  flex-direction: row;
  gap: 12px;
  margin-bottom: 10px;
}
.post-date-box .date-btn .date-txt {
  height: 30px;
  font-size: 30px;
  font-weight: 600;
}
.post-date-box .date-btn .pre-btn, .post-date-box .date-btn .next-btn {
  height: 30px;
  padding: 0 20px;
  font-size: 15px;
  color: #555;
  line-height: 28px;
  vertical-align: middle;
  border: 1px solid #e7e8ee;
  border-radius: 6px;
  background: #fff;
  cursor: pointer;
  transition: all 0.3s;
  margin-top: 3px;
}
.post-date-box .date-btn .pre-btn:hover, .post-date-box .date-btn .next-btn:hover {
  color: #ff5529;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.post-date-box .to-date {
  font-size: 14px;
  color: #777;
}

.rtw-rank-wp {
  display: flex;
  flex-direction: column;
  position: relative;
}
.rtw-rank-wp .guide {
  position: absolute;
  top: 19px;
  right: 20px;
  font-size: 12px;
  color: #e05555;
  letter-spacing: -0.5px;
}
.rtw-rank-wp .header-con {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.rtw-rank-wp .header-con .content-tabs {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 0 0 0 15px;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
  color: #555;
}
.rtw-rank-wp .header-con .content-tabs .rtw-tab {
  position: relative;
  padding: 16px 3px;
  margin-right: 16px;
  transition: all 0.2s ease;
  cursor: pointer;
}
.rtw-rank-wp .header-con .content-tabs .rtw-tab.active {
  color: #ff5529;
  font-weight: bold;
}
.rtw-rank-wp .header-con .content-tabs .rtw-tab.active::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  border-radius: 2px;
  background-color: #ff5529;
  bottom: 0;
  left: 0;
}
.rtw-rank-wp .header-con .content-tabs .rtw-tab:hover {
  color: #ff5529;
}
.rtw-rank-wp .rank-con .rtw-container {
  display: none;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  padding: 40px 26px 50px;
  border: 1px solid #d9d9d9;
  background: #f9f9f9;
  overflow: hidden;
  row-gap: 30px;
}
.rtw-rank-wp .rank-con .rtw-container.active {
  display: flex;
}
.rtw-rank-wp .rank-item {
  position: relative;
  width: calc(50% - 10px);
  padding: 24px 26px 38px;
  border: 1px solid #eee;
  border-bottom: 1px solid #ddd;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.02);
  transition: all 0.3s;
}
.rtw-rank-wp .rank-item.sch {
  padding: 24px 26px 14px;
}
.rtw-rank-wp .rank-item .count {
  position: absolute;
  top: 25px;
  right: 25px;
  min-width: 11px;
  height: 16px;
  margin: -5px 0 0 0;
  padding: 0 0 0 15px;
  font-size: 14px;
  color: #555;
  line-height: 10px;
  font-weight: normal;
  vertical-align: top;
}
.rtw-rank-wp .rank-item .count.up {
  background: url("../../images/sch_rt_ranking_up.gif") no-repeat 2px 7px;
}
.rtw-rank-wp .rank-item .count.down {
  background: url("../../images/sch_rt_ranking_down.gif") no-repeat 2px 7px;
}
.rtw-rank-wp .rank-item .count.new {
  width: 23px;
  height: 20px;
  background: url(../../images/sch_rt_ranking_new.gif) no-repeat 0px 7px;
}
.rtw-rank-wp .rank-item:hover {
  border-color: #b0b1c3;
  box-shadow: 2px 2px 2px 0 rgba(100, 91, 160, 0.15);
}
.rtw-rank-wp .rank-item:hover .num {
  background-color: #353fd5;
}
.rtw-rank-wp .rank-item:hover .num::after {
  border-color: #353fd5 transparent transparent transparent;
}
.rtw-rank-wp .rank-item .num {
  display: block;
  position: absolute;
  top: -3px;
  left: -4px;
  width: 24px;
  height: 20px;
  padding: 5px 0 0 0;
  font-size: 13px;
  color: #fff;
  letter-spacing: -1px;
  line-height: 100%;
  font-weight: bold;
  text-align: center;
  background: #333;
  box-shadow: 0 1px 2px 0 rgba(255, 255, 255, 0.3) inset;
  transition: all 0.3s;
}
.rtw-rank-wp .rank-item .num::after {
  content: "";
  position: absolute;
  left: 1px;
  bottom: -24px;
  margin: 0 0 0 -1px;
  width: 0px;
  height: 0px;
  border: 12px solid;
  border-color: #333 transparent transparent transparent;
  transition: all 0.3s;
}
.rtw-rank-wp .rank-item .tit {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  height: 26px;
  font-size: 16px;
  color: #444;
  margin-bottom: 2px;
  line-height: 1.1em;
  font-weight: bold;
  transition: all 0.2s ease;
}
.rtw-rank-wp .rank-item .tit:hover {
  color: #353fd5;
  text-decoration: underline;
}
.rtw-rank-wp .rank-item .sort {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 2px 0 2px;
  font-size: 12px;
  min-height: 18px;
  line-height: 1.3em;
}
.rtw-rank-wp .rank-item .sort .sort-item1 {
  position: relative;
  padding-right: 8px;
  margin-right: 8px;
}
.rtw-rank-wp .rank-item .sort .sort-item1::after {
  position: absolute;
  content: url(../../images/board_thBar.gif);
  right: 0;
}
.rtw-rank-wp .rank-item .sort .sort-item2 {
  margin-right: 10px;
}
.rtw-rank-wp .rank-item .sort .sort-item3 {
  color: #777;
}
.rtw-rank-wp .rank-item .con-txt {
  display: -webkit-box;
  margin-top: 12px;
  margin-bottom: 10px;
  padding: 10px 4px;
  font-size: 13px;
  color: #666;
  letter-spacing: -0.5px;
  line-height: 1.6em;
  word-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  border-top: 1px dotted #aaa;
  border-bottom: 1px dotted #aaa;
  overflow: hidden;
  cursor: help;
}
.rtw-rank-wp .rank-item .keyword {
  display: flex;
  flex-direction: row;
  position: relative;
}
.rtw-rank-wp .rank-item .keyword .tag {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0px;
  height: 18px;
  padding: 3px 6px 0 6px;
  font-size: 11px;
  color: #fff;
  line-height: 100%;
  vertical-align: middle;
  border-radius: 2px;
  background: #97a9c5;
  margin-right: 10px;
}
.rtw-rank-wp .rank-item .keyword .tag:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -7px;
  width: 0px;
  height: 0px;
  margin: -4px 0 0 0;
  border: 4px solid;
  border-color: transparent transparent transparent #97a9c5;
}
.rtw-rank-wp .rank-item .keyword .smtxt {
  padding: 1px 0 0 56px;
  color: #333;
}

.silmu-box .list-cards .list-card .card-item.card02 .card-top {
  height: 220px;
}
.silmu-box .list-cards .list-card .card-item.card02 .card-top .card-img {
  height: 220px;
}
.silmu-box .list-cards .list-card .card-item.card02 .top-icon-box {
  display: flex;
  flex-direction: row;
  position: absolute;
  top: 6px;
  right: 6px;
  gap: 2px;
}
.silmu-box .list-cards .list-card .card-item.card02 .top-icon-box .top-icon {
  width: 52px;
  height: 52px;
  font-size: 11px;
  line-height: 110%;
  color: #fff;
  border-radius: 100%;
  box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.15);
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #333;
  border: 2px solid #333;
  text-align: center;
  padding-top: 1px;
}
.silmu-box .list-cards .list-card .card-item.card02 .top-icon-box .top-icon.ti01 {
  font-size: 10px;
  color: yellow;
  background-color: #d91b1a;
  border: 2px solid #d91b1a;
}
.silmu-box .list-cards .list-card .card-item.card02 .top-icon-box .top-icon.ti02 {
  border: 2px solid #666;
}
.silmu-box .list-cards .list-card .card-item.card02 .card-bottom {
  height: 226px;
}
.silmu-box .list-cards .list-card .card-item.card02 .card-bottom .etc {
  margin-bottom: 10px;
}
.silmu-box .list-cards .list-card .card-item.card02 .card-bottom .name {
  background-color: transparent;
  transition: all 0.2s ease;
}
.silmu-box .list-cards .list-card .card-item.card02 .card-bottom .name:hover {
  color: #ff5529;
  text-decoration: underline;
}
.silmu-box .list-cards .list-card .card-item.card02 .card-bottom .content {
  height: 64px;
  -webkit-line-clamp: 2;
  margin-bottom: 10px;
}
.silmu-box .list-cards .list-card .card-item.card02 .card-bottom .summary {
  display: block;
  display: -webkit-box;
  position: relative;
  height: 50px;
  font-size: 12px;
  color: #777;
  letter-spacing: -0.2px;
  line-height: 1.4em;
  font-weight: normal;
  text-align: justify;
  word-wrap: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  transition: all 0.3s;
  overflow: hidden;
  margin-bottom: 8px;
}
.silmu-box .list-cards .list-card .card-item.card02 .card-bottom .b-etc {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 0;
}
.silmu-box .list-cards .list-card .card-item.card02 .card-bottom .b-etc .count {
  font-size: 13px;
  color: #777;
  padding-top: 10px;
}
.silmu-box .list-cards .list-card .card-item.card02 .card-bottom .b-etc .count strong {
  color: #333;
}
.silmu-box .list-cards .list-card .card-item.card02 .card-bottom .b-etc .heart {
  padding-top: 10px;
  font-size: 13px;
}
.silmu-box .list-cards .list-card .card-item.card02 .card-bottom .b-etc .heart .fa-heart {
  color: #db4545;
}

/******* 국세청 모의계산 *******/
.hometaxLink-img-wp {
  clear: both;
  position: relative;
  height: 200px;
  margin: -30px 0 15px 0;
  padding: 40px 440px 0 0;
  font-size: 15.5px;
  color: #444;
  line-height: 160%;
  background: url(../images/hometaxLink_thumb.png) no-repeat right bottom;
  overflow: hidden;
}
.hometaxLink-img-wp .stit {
  display: block;
  margin: 0 0 15px 0;
  font-size: 37px;
  color: #333;
  letter-spacing: -2px;
  line-height: 120%;
  font-weight: 500;
}
.Noto {
  font-family: 'Noto Sans KR', 'Noto Sans', sans-serif;
  image-rendering: -webkit-optimize-contrast;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: auto;
}
.hometaxLink-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 210px);
  column-gap: 0px;
  row-gap: 0px;
  border: 1px solid #ccc;
  border-radius: 12px;
}
.hometaxLink-box li {
  position: relative;
  padding: 35px 30px 30px 30px;
  border-bottom: 1px solid #e7e7e7;
}
.hometaxLink-box.R1 li .tit {
  color: #046d7b;
}
.hometaxLink-box li .tit {
  margin: 0 0 15px 0;
  font-family: 'Noto Sans KR', 'Noto Sans', sans-serif;
  font-size: 18.5px;
  letter-spacing: -0.2px;
  line-height: 120%;
  font-weight: 500;
}
.hometaxLink-box li .stxt {
  font-size: 12.5px;
  color: #555;
  line-height: 140%;
}
.hometaxLink-box li .btn {
  position: absolute;
  top: 145px;
}
.hometaxLink-box li .btn a.link:hover {
  border-color: #777;
}
.hometaxLink-box li .btn a.more {
  padding-right: 37px;
}
.hometaxLink-box li .btn a.link {
  display: inline-flex;
  position: relative;
  height: 26px;
  padding: 0 25px 0 12px;
  font-size: 11.5px;
  color: #333;
  letter-spacing: -0.1px;
  line-height: 100%;
  text-decoration: none;
  justify-content: center;
  align-items: center;
  border: 1px solid #c5c5c5;
  border-radius: 4px;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.05);
}
.hometaxLink-box li .btn a.link:hover::before {
  color: #ff5529;
}
.hometaxLink-box li .btn a.more::after {
  content: "\f107";
  display: block;
  position: absolute;
  top: 0px important;
  right: 0px;
  width: 24px;
  height: 24px;
  padding: 7px 0 0 0;
  font-family: 'FontAwesome';
  font-size: 14px;
  color: #4173b2;
  text-align: center;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  background: #e3e7e9;
}
.hometaxLink-box li .btn .sub {
  display: none;
  position: absolute;
  top: 26px;
  left: 0;
  right: 0;
  border: 1px solid #c5c5c5;
  border-radius: 4px;
  box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, 0.1);
  z-index: 2;
  text-align: left !important;
}
.hometaxLink-box li .btn:hover a.more ~ .sub {
  display: block;
}
.hometaxLink-box li .btn .sub a:hover {
  background: #f7f7f7;
}
.hometaxLink-box li .btn .sub a {
  display: block;
  height: 28px;
  padding: 0 0 0 12px;
  font-size: 11.5px;
  letter-spacing: -0.1px;
  line-height: 26px;
  text-decoration: none;
  border-bottom: 1px solid #e7e7e7;
  background: #fff;
}
a:hover {
  color: #ff5529;
}
.hometaxLink-box.R2 li .tit {
  color: #245ea5;
}
.hometaxLink-box.R3 li .tit {
  color: #412db5;
}

.pop-div.gijun-code .pop-wrap {
  width: 800px;
  height: 740px;
  margin: -370px 0 0 -400px;
}
.pop-div .pop-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 700px;
  height: 630px;
  margin: -315px 0 0 -350px;
  padding: 45px 35px 35px 35px;
  border: 1px solid #dee1e3;
  background: #fff;
  box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.15);
  /* animation: modal_Ani 0.2s ease-out; */
  z-index: 1000000;
}
pop-div .pop-wrap .pop-cont {
  position: relative;
  overflow: hidden;
}
.mTitle {
  clear: both;
  position: relative;
  margin: 0 0 15px 0;
  font-size: 25px;
  color: #444;
  letter-spacing: -2px;
  line-height: 1.2em;
  font-weight: bold;
  overflow: hidden;
}

.tbl-box:last-child {
    margin-bottom: 0;
}
.box-tp.ty3 {
  border-color: #d2d2d2;
  background-color: #fff;
}
.tbl-box {
    margin: 0 0 35px 0;
    padding: 1px;
    background-color: #fff !important;
}
.tbl-box .tbl-wp table.View2 {
  border-top: none;
  border-bottom: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.tbl-wp table {
  width: 100%;
  table-layout: fixed;
}
.tbl-box .tbl-wp {
    margin: 0;
}
.tbl-wp {
  clear: both;
  position: relative;
}
.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 td {
    padding: 0 20px 0 20px;
    font-size: 100%;
    line-height: 150%;
    text-align: left;
    vertical-align: middle;
    border-bottom: 1px solid #e9e9e9;
}
.f14 {
  font-size: 14px !important;
}
.tbl-wp table.View2 td.None {
  padding: 0;
}
.tbl-box .tbl-wp table.View2 tr:last-child td {
  border-bottom: none;
}
.gijun-code .gijun-box {
  display: block;
  max-height: 250px;
  padding: 10px 20px 10px 20px;
  font-size: 14px;
  line-height: 1.5em;
  overflow-x: hidden;
  overflow-y: scroll;
}
.clr-org {
  color: #f49e1c !important;
}
.clr-bold2 {
  color: #ff5529 !important;
}
.f16 {
  font-size: 16px !important;
}
.strong {
  font-weight: 700;
}
.pop-div .pop-wrap .close, .pop-div .pop-wrap .close2 {
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 31px;
  height: 31px;
  background: url('../images/close.png') no-repeat 0 0;
  transition: all 0.3s;
  cursor: pointer;
  z-index: 1000;
}
.pop-div .pop-wrap .close:hover, .pop-div .pop-wrap .close2:hover {
  background: url('../images/close_hover.png') no-repeat 0 0;}

.pop-div .pop-wrap .pop-cont	 {position: relative; overflow: hidden;}
.pop-div .pop-wrap .pop-cont.ty1 {padding: 0 35px;}
.pop-div .pop-wrap .pop-cont.inner-scroll {overflow-y: scroll;}