@charset "UTF-8";
/* layout */
#container {
  margin-top: 12rem;
}

#contentGroup {
  min-height: 50rem;
  padding: 14rem 0;
}

.defaultLayout {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 2%;
}

/* location */
.siteLocation {
  padding: 0 2%;
  box-sizing: border-box;
  border-bottom: 1px solid var(--gray-line1);
}

.location,
.locationTab,
.funcItem {
  display: flex;
  align-items: center;
}

.location {
  gap: 0.4rem;
  max-width: 1280px;
  margin: 0 auto;
}
.location .home {
  flex-shrink: 0;
}
.location .home a {
  display: flex;
  align-items: center;
  height: 5.6rem;
}
.location .home a .bi {
  width: 2rem;
  height: 2rem;
}

.locationTab {
  flex-grow: 1;
  min-width: 0;
  gap: 0.4rem;
}
.locationTab > li {
  min-width: 0;
  position: relative;
  padding-left: 2rem;
}
.locationTab > li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2rem;
  height: 100%;
  -webkit-mask: url(/resource/images/icon/arrow-right.svg) no-repeat center/1.6rem;
  mask: url(/resource/images/icon/arrow-right.svg) no-repeat center/1.6rem;
  background-color: var(--gray-font);
}
.locationTab > li button {
  display: block;
  position: relative;
  min-width: 0;
  width: 100%;
  padding: 1.8rem 4rem 1.8rem 0.8rem;
  font-size: var(--body-md);
  text-align: left;
  color: var(--gray-black);
}
.locationTab > li button::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1.2rem;
  height: 100%;
  -webkit-mask: url(/resource/images/icon/arrow-drop-down.svg) no-repeat center/contain;
  mask: url(/resource/images/icon/arrow-drop-down.svg) no-repeat center/contain;
  background: currentColor;
  transition: 0.2s;
}
.locationTab > li button.active::after {
  transform: rotate(180deg);
}
.locationTab > li button span {
  display: block;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.locationTab > li button span::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: currentColor;
}
.locationTab > li div {
  display: none;
  position: absolute;
  top: 4.8rem;
  left: 50%;
  width: 130%;
  padding-left: 2rem;
  box-sizing: border-box;
  transform: translateX(-50%);
  z-index: 5;
}
.locationTab > li div ul {
  padding: 0.8rem;
  background: #fff;
  border: 1px solid #069457;
  box-shadow: 6px 6px 2px 0 rgba(0, 0, 0, 0.04);
  border-radius: 1.2rem;
  box-sizing: border-box;
}
.locationTab > li div ul li a {
  overflow: hidden;
  display: block;
  padding: 0.8rem;
  font-size: var(--body-sm);
  color: var(--gray-black);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.locationTab > li div ul li a:focus, .locationTab > li div ul li a:hover {
  color: var(--main-font);
  text-decoration: underline;
}

.funcItem {
  border-right: 1px solid var(--gray-line1);
}
.funcItem li {
  border-left: 1px solid var(--gray-line1);
}
.funcItem li button {
  width: 5.6rem;
  height: 5.6rem;
  transition: 0.2s;
}
.funcItem li button:focus, .funcItem li button:hover {
  border-color: var(--main);
  background-color: var(--main);
}
.funcItem li button:focus .bi::before, .funcItem li button:hover .bi::before {
  background-color: #fff;
}

.subVisual {
  background: linear-gradient(0deg, #f9f9f9 0%, #e9f6f2 100%);
  box-sizing: border-box;
}
.subVisual .inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
  position: relative;
  max-width: 1280px;
  height: 26rem;
  margin: 0 auto;
  padding: 0 4rem;
  box-sizing: border-box;
}
.subVisual .inner::before {
  content: "";
  position: absolute;
  top: 0;
  right: 8rem;
  width: 26rem;
  height: 100%;
  background: no-repeat center/contain;
}
.subVisual.bg1 .inner::before {
  background-image: url(/resource/images/sub/bg_menu1.png);
}
.subVisual.bg2 .inner::before {
  background-image: url(/resource/images/sub/bg_menu2.png);
}
.subVisual.bg3 .inner::before {
  background-image: url(/resource/images/sub/bg_menu3.png);
}
.subVisual.bg4 .inner::before {
  background-image: url(/resource/images/sub/bg_menu4.png);
}
.subVisual.bg5 .inner::before {
  background-image: url(/resource/images/sub/bg_menu5.png);
}
.subVisual.bg6 .inner::before {
  background-image: url(/resource/images/sub/bg_menu6.png);
}
.subVisual.bg7 .inner::before {
  background-image: url(/resource/images/sub/bg_menu7.png);
}
.subVisual.bg8 .inner::before {
  background-image: url(/resource/images/sub/bg_menu8.png);
}
.subVisual .pageTit {
  max-width: 66.6666%;
  font-size: 4.2rem;
  color: var(--gray-black);
}
.subVisual .pageTxt {
  max-width: 66.6666%;
  font-size: var(--body-lg);
  color: var(--gray-black);
  word-break: keep-all;
}

/* tabNav */
.tabNav {
  margin-bottom: 6rem;
  padding: 0 2%;
  box-sizing: border-box;
}
.tabNav ul {
  display: flex;
  gap: 1.2rem;
  max-width: 1280px;
  margin: 0 auto;
}
.tabNav ul li {
  flex: 1;
}
.tabNav ul li a {
  display: block;
  padding: 1.5rem 0;
  font-size: var(--body-xl);
  text-align: center;
  border: 1px solid var(--gray-line1);
  border-radius: 5em;
  box-sizing: border-box;
}
.tabNav ul li.active a {
  background: var(--sub-dark);
  font-weight: 700;
  color: #fff;
}

/* tabBtn */
.tabBtn {
  display: flex;
  margin-bottom: 3.2rem;
  border-bottom: 1px solid var(--gray-line1);
}
.tabBtn.moOnly {
  display: none;
}
.tabBtn li {
  flex: 1;
}
.tabBtn li a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 6.4rem;
  font-size: var(--body-lg);
  color: var(--gray-black);
  text-align: center;
}
.tabBtn li a::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 0.3rem;
  transition: 0.2s;
}
.tabBtn li a.active {
  font-weight: 700;
}
.tabBtn li a.active::after {
  background: var(--main);
}
.tabBtn li a span {
  line-height: 1.2;
}

/* content */
.conTit {
  margin-bottom: 2rem;
  color: var(--gray-black);
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.35;
}

.conTit2 {
  position: relative;
  margin-top: 6rem;
  margin-bottom: 2rem;
  padding-left: 2.4rem;
  color: var(--gray-black);
  font-size: 2.3rem;
  font-weight: 700;
}
.conTit2:first-child {
  margin-top: 0;
}
.conTit2::before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0;
  width: 2.4rem;
  height: 2.4rem;
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='7.5' y='7.5' width='9' height='9' rx='4.5' fill='white'/%3E%3Crect x='7.5' y='7.5' width='9' height='9' rx='4.5' stroke='%2385929E' stroke-width='3'/%3E%3C/svg%3E%0A") no-repeat center/contain;
}

.conTxt {
  font-size: var(--body-md);
  color: var(--gray-black);
  word-break: keep-all;
}
.conTxt.lg {
  font-size: var(--body-lg);
}
.conTxt .point {
  font-weight: 500;
  color: var(--main);
}

.listTxt li {
  position: relative;
  padding-left: 2.5rem;
  font-size: var(--body-md);
  color: var(--gray-dark);
  word-break: keep-all;
  letter-spacing: -0.025em;
}
.listTxt li::before {
  content: "·";
  position: absolute;
  top: 0;
  left: 1rem;
  font-weight: 900;
}

.txtInfo {
  position: relative;
  padding-left: 1rem;
  font-size: var(--body-md);
  font-weight: 300;
  color: var(--secondary);
  word-break: keep-all;
}
.txtInfo::before {
  content: "*";
  position: absolute;
  top: 0;
  left: 0;
}

.tableDrag {
  display: none;
}

.tableStyle {
  table-layout: fixed;
  width: 100%;
  margin: 1rem 0;
  border-top: 1px solid var(--gray-black);
}
.tableStyle th,
.tableStyle td {
  padding: 2.2rem 0.5rem;
  vertical-align: middle;
  font-size: var(--body-md);
  color: var(--gray-dark);
  text-align: center;
  word-break: keep-all;
  background: #fff;
  border-bottom: 1px solid var(--gray-line1);
  box-sizing: border-box;
}
.tableStyle th {
  padding: 2rem 0.5rem;
  font-weight: 500;
  color: var(--gray-black);
  background: var(--gray-bg);
}
.tableStyle .bdl {
  border-left: 1px solid var(--gray-line1);
}
.tableStyle .text-left {
  padding: 2.2rem 2rem;
}

.pageGuide {
  display: flex;
  gap: 2.4rem;
  margin-bottom: 8rem;
  padding: 4rem;
  border-radius: 1.2rem;
  background: var(--sub-bg);
}
.pageGuide .gi {
  flex-shrink: 0;
  width: 10rem;
  height: 10rem;
  background: #fff no-repeat center/4.8rem;
  border-radius: 50%;
}
.pageGuide .gi-guide-que {
  background-image: url(/resource/images/icon/guide-que.svg);
}
.pageGuide .gi-guide-doc {
  background-image: url(/resource/images/icon/guide-doc.svg);
  background-size: 3.6rem auto;
}
.pageGuide .cont {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.4rem;
  color: var(--gray-black);
  word-break: keep-all;
}
.pageGuide .cont .font-lg {
  font-size: var(--body-lg);
}
.pageGuide .cont .font-md {
  font-size: var(--body-md);
}
.pageGuide .cont .font-md + .font-lg {
  margin-top: 0.8rem;
}
.pageGuide .cont .point {
  color: var(--main-font);
  font-weight: 500;
}

.toggleCon {
  display: none;
}

.noData {
  width: 100%;
  padding: 9rem 0;
  background: var(--gray-bg);
}
.noData p {
  font-size: var(--body-md);
  color: var(--gray-black);
  text-align: center;
}

.moCon {
  display: none;
}

.btnGroup {
  display: flex;
  justify-content: center;
  gap: 1.2rem;
  margin-top: 4rem;
}

@media screen and (max-width: 1024px) {
  /* layout */
  #container {
    margin-top: 8.125rem;
  }
  #contentGroup {
    padding: 6.25rem 0;
  }
  .defaultLayout {
    padding: 0 5.5555%;
  }
  /* location */
  .siteLocation {
    padding: 0;
    padding-left: 5.5555%;
  }
  .location {
    gap: 0.5rem;
  }
  .location .home a {
    height: 5rem;
  }
  .locationTab {
    gap: 0.5rem;
  }
  .locationTab > li button {
    padding: 1.5rem 1.75rem 1.5rem 0.5rem;
    font-size: 1.75rem;
  }
  .locationTab > li button::after {
    width: 1.25rem;
  }
  .locationTab > li div {
    top: 4.5rem;
    min-width: 18rem;
  }
  .locationTab > li div ul li a {
    font-size: 1.625rem;
  }
  .funcItem {
    border: none;
  }
  .funcItem li button {
    width: 5rem;
    height: 5rem;
  }
  .subVisual .inner {
    height: 21.25rem;
    padding: 0 5.5555%;
    padding-right: 38.8888%;
  }
  .subVisual .inner::before {
    right: 5.5555%;
    width: 15rem;
  }
  .subVisual.bg1 .inner::before {
    background-image: url(/resource/images/sub/bg_menu1_mo.png);
  }
  .subVisual.bg2 .inner::before {
    background-image: url(/resource/images/sub/bg_menu2_mo.png);
  }
  .subVisual.bg3 .inner::before {
    background-image: url(/resource/images/sub/bg_menu3_mo.png);
  }
  .subVisual.bg4 .inner::before {
    background-image: url(/resource/images/sub/bg_menu4_mo.png);
  }
  .subVisual.bg5 .inner::before {
    background-image: url(/resource/images/sub/bg_menu5_mo.png);
  }
  .subVisual.bg6 .inner::before {
    background-image: url(/resource/images/sub/bg_menu6_mo.png);
  }
  .subVisual.bg7 .inner::before {
    background-image: url(/resource/images/sub/bg_menu7_mo.png);
  }
  .subVisual.bg8 .inner::before {
    background-image: url(/resource/images/sub/bg_menu8_mo.png);
  }
  .subVisual .pageTit {
    max-width: 100%;
    font-size: 3.125rem;
  }
  .subVisual .pageTxt {
    max-width: 100%;
    font-size: 1.625rem;
    letter-spacing: -0.025em;
  }
  /* tabNav */
  .tabNav {
    margin-bottom: 5rem;
    padding: 0;
  }
  .tabNav ul {
    overflow-x: auto;
    white-space: nowrap;
    display: block;
    padding: 0 5.5555%;
  }
  .tabNav ul::-webkit-scrollbar {
    display: none;
  }
  .tabNav ul li {
    display: inline-block;
    margin: 0 0.375rem;
  }
  .tabNav ul li:first-child {
    margin-left: 0;
  }
  .tabNav ul li:last-child {
    margin-right: 0;
  }
  .tabNav ul li a {
    min-width: 13rem;
    padding: 1.5rem;
    font-size: 1.75rem;
  }
  /* tabBtn */
  .tabBtn {
    margin-bottom: 2.5rem;
  }
  .tabBtn.moOnly {
    display: flex;
  }
  /* content */
  .conTit {
    margin-bottom: 1.25rem;
    font-size: 2.5rem;
  }
  .conTit2 {
    margin-top: 5rem;
    margin-bottom: 1.25rem;
    font-size: 2.25rem;
  }
  .conTit2::before {
    width: 2rem;
    height: 2rem;
  }
  .conTxt {
    font-size: 1.75rem;
  }
  .conTxt.lg {
    font-size: 1.875rem;
  }
  .listTxt li {
    font-size: 1.75rem;
  }
  .txtInfo {
    font-size: 1.75rem;
  }
  .tableStyle th,
  .tableStyle td {
    padding: 1.625rem 0.5rem;
    font-size: 1.75rem;
  }
  .tableStyle th {
    padding: 1.625rem 0.5rem;
    letter-spacing: -0.025em;
  }
  .pageGuide {
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 5rem;
    padding: 2.5rem;
    border-radius: 0.75rem;
  }
  .pageGuide .gi {
    width: 8rem;
    height: 8rem;
    background-size: 4.5rem;
  }
  .pageGuide .cont {
    max-width: 90%;
    margin: 0 auto;
    text-align: center;
  }
  .pageGuide .cont .font-lg {
    font-size: 1.875rem;
  }
  .pageGuide .cont .font-md {
    font-size: 1.75rem;
  }
  .noData {
    padding: 6rem 0;
  }
  .noData p {
    font-size: 1.75rem;
  }
  .pcCon {
    display: none;
  }
  .moCon {
    display: block;
  }
  .btnGroup {
    gap: 1.25rem;
    margin-top: 2.5rem;
  }
}
@media screen and (max-width: 960px) {
  .tableDrag {
    display: block;
    margin-top: 1.25rem;
    padding: 1rem 0;
    font-size: 1.625rem;
    font-weight: 300;
    color: var(--gray-dark);
    text-align: center;
    border-top: 1px solid var(--gray-line1);
  }
  .scrollTblWrap {
    width: 100%;
    margin-bottom: 1.25rem;
    overflow-x: auto;
    overflow-y: hidden;
  }
  .scrollTblWrap table {
    width: 900px;
    margin: 0 !important;
  }
}
/* 게시판-목록 */
.boardSchForm {
  margin-bottom: 6rem;
  padding: 4rem 3.125%;
  border-radius: 1.2rem;
  border: 1px solid var(--gray-line2);
  background: var(--sub-bg);
  box-sizing: border-box;
}
.boardSchForm .box {
  position: relative;
}
.boardSchForm .box input {
  width: 100%;
  height: 6rem;
  padding: 0 3.2rem;
  padding-right: 7rem;
  font-size: var(--body-md);
  border-radius: 5em;
  background: #fff;
  border: 1px solid var(--gray-line2);
  box-sizing: border-box;
}
.boardSchForm .box input::placeholder {
  color: var(--gray-font);
}
.boardSchForm .box button {
  position: absolute;
  top: 0;
  right: 3.2rem;
  width: 2.8rem;
  height: 100%;
  z-index: 1;
}

.detailSchForm {
  display: flex;
  margin-bottom: 6rem;
}
.detailSchForm .box {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 4rem 3.125%;
  border-radius: 1.2rem 0 0 1.2rem;
  border: 1px solid var(--gray-line2);
  border-right: none;
  background: var(--sub-bg);
  box-sizing: border-box;
}
.detailSchForm .categoryLine {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.detailSchForm .categoryLine dl {
  display: flex;
  gap: 1em;
}
.detailSchForm .categoryLine dl dt {
  flex-shrink: 0;
  font-size: var(--body-md);
  color: var(--gray-black);
  font-weight: 500;
  line-height: 4rem;
}
.detailSchForm .categoryLine dl dd ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.detailSchForm .categoryLine dl dd ul li {
  overflow: hidden;
  position: relative;
  padding: 1px;
}
.detailSchForm .categoryLine dl dd ul li input {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  margin-left: -9999px;
}
.detailSchForm .categoryLine dl dd ul li label {
  display: block;
  padding: 0 1.2rem;
  font-size: var(--body-sm);
  line-height: 3.8rem;
  background: #fff;
  border: 1px solid var(--gray-line1);
  border-radius: 4em;
  box-sizing: border-box;
  transition: 0.2s;
  cursor: pointer;
}
.detailSchForm .categoryLine dl dd ul li input:checked + label {
  border-color: var(--main);
  background-color: var(--main);
  font-weight: 700;
  color: #fff;
}
.detailSchForm .inputLine input {
  width: 100%;
  height: 6rem;
  padding: 0 3.2rem;
  font-size: var(--body-md);
  border-radius: 5em;
  background: #fff;
  border: 1px solid var(--gray-line2);
  box-sizing: border-box;
}
.detailSchForm .inputLine input::placeholder {
  color: var(--gray-font);
}
.detailSchForm .btnSch {
  flex-shrink: 0;
  width: 17.1875%;
}
.detailSchForm .btnSch .btn {
  flex-direction: column;
  gap: 1.2rem;
  width: 100%;
  height: 100%;
  background: var(--sub);
  border-radius: 0 1.2rem 1.2rem 0;
  color: #fff;
}
.detailSchForm .btnSch .btn .bi {
  width: 2.8rem;
  height: 2.8rem;
}
.detailSchForm .btnSch .btn span {
  font-size: var(--body-xl);
  font-weight: 700;
}

.boardFilter {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
.boardFilter .count {
  font-size: var(--body-lg);
  font-weight: 700;
  color: var(--gray-black);
}
.boardFilter .count b {
  font-weight: 700;
  color: #0b50d0;
}
.boardFilter .sorting {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}
.boardFilter .sorting .txt {
  font-size: var(--body-md);
  font-weight: 700;
  color: var(--gray-black);
}

.btnMoSelect .selCode {
  display: none;
}
.btnMoSelect .selOption ul {
  display: flex;
  gap: 0.4rem;
}
.btnMoSelect .selOption ul li {
  overflow: hidden;
  position: relative;
  padding: 1px 0.4rem;
}
.btnMoSelect .selOption ul li input {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  margin-left: -9999px;
}
.btnMoSelect .selOption ul li label {
  display: block;
  position: relative;
  font-size: var(--body-md);
  color: var(--gray-dark);
  line-height: 1.2;
  transition: 0.2s;
  cursor: pointer;
}
.btnMoSelect .selOption ul li label::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
}
.btnMoSelect .selOption ul li input:checked + label {
  font-weight: 700;
  color: var(--sub-dark);
}
.btnMoSelect .selOption ul li input:checked + label::after {
  background: currentColor;
}

.pageNav {
  margin-top: 4rem;
}
.pageNav ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.6rem;
}
.pageNav ul li a,
.pageNav ul li strong {
  display: block;
  position: relative;
  width: 4rem;
  font-size: var(--body-md);
  color: var(--gray-dark);
  text-align: center;
  line-height: 4rem;
}
.pageNav ul li strong {
  background: var(--sub-dark);
  border-radius: 0.6rem;
  color: #fff;
}
.pageNav ul li.pageBtn a {
  display: flex;
  align-items: center;
  width: auto;
  color: var(--gray-black);
}
.pageNav ul li.pageBtn a .bi {
  width: 2rem;
  height: 2rem;
  margin: 0 0.8rem;
}
.pageNav ul li.pageBtn.first a, .pageNav ul li.pageBtn.last a {
  color: #8a949e;
  cursor: not-allowed;
  pointer-events: none;
}
.pageNav .mo {
  display: none;
}

@media screen and (max-width: 1024px) {
  .boardSchForm {
    margin-bottom: 5rem;
    padding: 2.5rem;
    border-radius: 0.75rem;
  }
  .boardSchForm .box input {
    padding: 0 2rem;
    padding-right: 6rem;
    font-size: 1.75rem;
  }
  .boardSchForm .box button {
    right: 2rem;
    width: 2.5rem;
  }
  .detailSchForm {
    flex-direction: column;
    margin-bottom: 5rem;
  }
  .detailSchForm .box {
    width: 100%;
    padding: 2.5rem;
    border-right: 1px solid var(--gray-line2);
    border-bottom: none;
    border-radius: 0.75rem 0.75rem 0 0;
  }
  .detailSchForm .categoryLine {
    width: 100%;
  }
  .detailSchForm .categoryLine dl {
    flex-direction: column;
    gap: 0.75rem;
  }
  .detailSchForm .categoryLine dl dt {
    font-size: 2rem;
    line-height: 1.5;
  }
  .detailSchForm .categoryLine dl dd ul {
    gap: 0.75rem;
  }
  .detailSchForm .categoryLine dl dd ul li label {
    padding: 0 1.25rem;
    font-size: 1.625rem;
    line-height: 4rem;
  }
  .detailSchForm .inputLine input {
    padding: 0 2rem;
    font-size: 1.75rem;
  }
  .detailSchForm .btnSch {
    width: 100%;
  }
  .detailSchForm .btnSch .btn {
    flex-direction: row-reverse;
    gap: 0.75rem;
    height: 6.875rem;
    border-radius: 0 0 0.75rem 0.75rem;
  }
  .detailSchForm .btnSch .btn .bi {
    width: 2.5rem;
    height: 2.5rem;
  }
  .detailSchForm .btnSch .btn span {
    font-size: 2.125rem;
    font-weight: 500;
  }
  .boardFilter {
    margin-bottom: 1.5rem;
  }
  .boardFilter .count {
    font-size: 1.875rem;
  }
  .boardFilter .sorting .txt {
    display: none;
  }
  .btnMoSelect {
    position: relative;
  }
  .btnMoSelect .selCode {
    display: block;
    min-width: 17.5rem;
    height: 5rem;
    padding: 0 1.5rem;
    border: 1px solid var(--gray-line2);
    border-radius: 0.5rem;
    box-sizing: border-box;
  }
  .btnMoSelect .selCode span {
    display: block;
    position: relative;
    font-size: 1.75rem;
    color: var(--gray-black);
    text-align: left;
  }
  .btnMoSelect .selCode span::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 2rem;
    height: 100%;
    -webkit-mask: url(/resource/images/icon/arrow-down.svg) no-repeat center/contain;
    mask: url(/resource/images/icon/arrow-down.svg) no-repeat center/contain;
    background: currentColor;
    transition: 0.2s;
  }
  .btnMoSelect .selCode.on {
    border-color: var(--gray-black);
    border-radius: 0.5rem 0.5rem 0 0;
  }
  .btnMoSelect .selCode.on span::after {
    transform: rotate(180deg);
  }
  .btnMoSelect .selOption {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    border: 1px solid var(--gray-black);
    border-top: none;
    border-radius: 0 0 0.5rem 0.5rem;
    box-sizing: border-box;
    z-index: 10;
  }
  .btnMoSelect .selOption ul {
    display: block;
  }
  .btnMoSelect .selOption ul li {
    padding: 0;
  }
  .btnMoSelect .selOption ul li label {
    padding: 1.5rem;
    font-size: 1.75rem;
    color: var(--gray-font);
  }
  .btnMoSelect .selOption ul li label::after {
    display: none;
  }
  .btnMoSelect .selOption ul li input:checked + label {
    color: var(--gray-black);
    font-weight: 500;
  }
  .pageNav {
    margin-top: 2.5rem;
  }
  .pageNav ul {
    gap: 1rem;
  }
  .pageNav ul li a,
  .pageNav ul li strong {
    width: 5rem;
    line-height: 5rem;
    font-size: 1.75rem;
  }
  .pageNav ul li.pageBtn {
    margin: 0 1.25rem;
  }
  .pageNav ul li.pageBtn a .bi {
    margin: 0 0.5rem;
  }
  .pageNav .pc {
    display: none;
  }
  .pageNav .mo {
    display: flex;
  }
}
/* 게시판-조회 */
.boardTitle {
  position: relative;
  padding: 4rem;
  border-top: 1px solid var(--gray-black);
  border-bottom: 1px solid var(--gray-line1);
}
.boardTitle h4 {
  font-size: 3rem;
  font-weight: 500;
  color: var(--gray-black);
  word-break: keep-all;
}
.boardTitle .category {
  display: flex;
  gap: 0.8rem;
  margin-bottom: 1.2rem;
}
.boardTitle .info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.2rem;
}
.boardTitle .info .count {
  display: flex;
  margin: 0 -0.8rem;
}
.boardTitle .info .count li {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 0.8rem;
  font-size: var(--body-md);
  font-weight: 300;
  color: var(--gray-dark);
  letter-spacing: -0.025em;
}
.boardTitle .info .count li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 1.2rem;
  background: var(--gray-line1);
  transform: translateY(-50%);
}
.boardTitle .info .count li:first-child::before {
  display: none;
}
.boardTitle .info .count li .bi {
  margin-right: 0.4rem;
}
.boardTitle .info .count li .bi::before {
  background-color: var(--gray-line2);
}
.boardTitle .info .date {
  font-size: var(--body-md);
  color: var(--gray-black);
}
.boardTitle .info .choose {
  position: absolute;
  top: 4rem;
  right: 4rem;
  font-size: var(--body-lg);
  color: var(--sub-dark);
  font-weight: 700;
  z-index: 1;
}

.boardContent {
  padding: 4rem;
  border-bottom: 1px solid var(--gray-line1);
}
.boardContent .boardInner {
  overflow: hidden;
  font-size: var(--body-lg);
  font-weight: 400;
  color: var(--gray-dark);
  word-wrap: break-word;
  word-break: keep-all;
  box-sizing: border-box;
}
.boardContent .boardInner .img {
  margin: 2rem 0;
  text-align: center;
}
.boardContent .boardInner .img img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
}

.attachFile {
  display: flex;
  border-bottom: 1px solid var(--gray-line1);
}
.attachFile h5 {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16rem;
  background: var(--gray-bg);
  border-right: 1px solid var(--gray-line1);
}
.attachFile h5 span {
  font-size: var(--body-md);
  font-weight: 500;
}
.attachFile ul {
  width: 87.7941%;
  padding: 1.2rem 2rem;
  box-sizing: border-box;
}
.attachFile ul li a {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  position: relative;
  padding: 1.1rem 0;
  padding-right: 16rem;
  box-sizing: border-box;
}
.attachFile ul li .name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: var(--body-md);
  color: var(--gray-black);
  font-weight: 400;
}
.attachFile ul li .count {
  flex-shrink: 0;
  font-size: var(--body-sm);
  color: var(--gray-font);
}
.attachFile ul li .count::before {
  content: "[";
}
.attachFile ul li .count::after {
  content: "]";
}
.attachFile ul li .download {
  position: absolute;
  top: 50%;
  right: 0;
  padding-right: 2.4rem;
  transform: translateY(-50%);
}
.attachFile ul li .download::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 2rem;
  height: 100%;
  -webkit-mask: url(/resource/images/icon/download.svg) no-repeat center/contain;
  mask: url(/resource/images/icon/download.svg) no-repeat center/contain;
  background: var(--link);
}
.attachFile ul li .download i {
  display: block;
  position: relative;
  font-size: var(--body-md);
  color: var(--link);
  line-height: 1.2;
}
.attachFile ul li .download i::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: currentColor;
}

.boardBtn {
  display: flex;
  justify-content: flex-end;
  gap: 1.2rem;
  margin-top: 4rem;
}
.boardBtn .btn {
  padding: 0 2.4rem;
}

@media screen and (max-width: 1024px) {
  .boardTitle {
    padding: 2.5rem;
  }
  .boardTitle h4 {
    font-size: 2.5rem;
  }
  .boardTitle .category {
    margin-bottom: 0.75rem;
  }
  .boardTitle .info {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    margin-top: 1rem;
  }
  .boardTitle .info .count {
    margin: 0 -0.75rem;
  }
  .boardTitle .info .count li {
    padding: 0 0.75rem;
    font-size: 1.625rem;
  }
  .boardTitle .info .count li::before {
    height: 1.25rem;
  }
  .boardTitle .info .count li .bi {
    margin-right: 0.25rem;
  }
  .boardTitle .info .date {
    font-size: 1.75rem;
  }
  .boardTitle .info .choose {
    position: static;
    font-size: 1.875rem;
  }
  .boardContent {
    padding: 2.5rem;
  }
  .boardContent .boardInner {
    font-size: 1.875rem;
  }
  .attachFile {
    flex-direction: column;
    padding: 1.25rem 1rem;
  }
  .attachFile h5 {
    display: block;
    width: 100%;
    background: none;
    border: none;
  }
  .attachFile h5 span {
    font-size: 1.75rem;
  }
  .attachFile ul {
    width: 100%;
    margin-top: 1rem;
    padding: 0;
  }
  .attachFile ul li a {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.25rem;
    padding: 0.75rem 1rem;
  }
  .attachFile ul li .name {
    white-space: pre-wrap;
    font-size: 1.75rem;
    word-break: keep-all;
    min-width: 100%;
  }
  .attachFile ul li .count {
    font-size: 1.75rem;
  }
  .attachFile ul li .download {
    position: relative;
    top: auto;
    right: auto;
    transform: none;
  }
  .attachFile ul li .download i {
    font-size: 1.75rem;
  }
  .boardBtn {
    margin-top: 2.5rem;
  }
  .boardBtn .btn {
    padding: 0 1.5rem;
  }
}
/* 게시판-board */
.boardList {
  width: 100%;
}
.boardList table {
  width: 100%;
  table-layout: fixed;
  text-align: center;
}
.boardList table thead {
  border-top: 1px solid var(--gray-black);
  border-bottom: 1px solid var(--gray-black);
}
.boardList table tbody tr {
  border-bottom: 1px solid var(--gray-line1);
}
.boardList table tbody tr:hover {
  background-color: var(--gray-bg);
}
.boardList table th,
.boardList table td {
  vertical-align: middle;
  padding: 1.7rem 1rem;
  font-size: var(--body-md);
  color: var(--gray-dark);
  text-align: center;
  word-break: keep-all;
  box-sizing: border-box;
}
.boardList table th {
  padding: 1.3rem 1rem;
  font-weight: 500;
  color: var(--gray-black);
}
.boardList .subject {
  width: auto;
}
.boardList .subject a {
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  color: var(--gray-dark);
}
.boardList .subject a .bdg {
  margin-right: 1.2rem;
}
.boardList .num {
  width: 8rem;
}
.boardList .file {
  width: 9rem;
}
.boardList .date {
  width: 16rem;
}
.boardList .hits {
  width: 14rem;
}

/* 게시판-board detail */
.boardDetailList {
  width: 100%;
}
.boardDetailList table {
  width: 100%;
  table-layout: fixed;
  text-align: center;
}
.boardDetailList table thead {
  border-top: 1px solid var(--gray-black);
  border-bottom: 1px solid var(--gray-black);
}
.boardDetailList table tbody tr {
  border-bottom: 1px solid var(--gray-line1);
}
.boardDetailList table tbody tr:hover {
  background-color: var(--gray-bg);
}
.boardDetailList table th,
.boardDetailList table td {
  vertical-align: middle;
  padding: 1.7rem 1rem;
  font-size: var(--body-md);
  color: var(--gray-dark);
  text-align: center;
  word-break: keep-all;
  box-sizing: border-box;
}
.boardDetailList table th .mo,
.boardDetailList table td .mo {
  display: none;
}
.boardDetailList table th {
  padding: 1.3rem 1rem;
  font-weight: 500;
  color: var(--gray-black);
}
.boardDetailList .subject {
  width: auto;
}
.boardDetailList .subject a {
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  color: var(--gray-dark);
}
.boardDetailList.noView table tbody tr:hover {
  background-color: transparent;
}
.boardDetailList.noView td.subject {
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}
.boardDetailList .num {
  width: 8rem;
}
.boardDetailList .agency {
  width: 19rem;
}
.boardDetailList .category,
.boardDetailList .date,
.boardDetailList .date2 {
  width: 16rem;
}
.boardDetailList .hits {
  width: 14rem;
}
.boardDetailList .answer {
  width: 10rem;
}
.boardDetailList .choose,
.boardDetailList .dateTime {
  width: 18rem;
}
.boardDetailList .name,
.boardDetailList .type {
  width: 12rem;
}
.boardDetailList .status {
  width: 15rem;
}
.boardDetailList .report {
  width: 14rem;
}
.boardDetailList .amount {
  width: 17rem;
}
.boardDetailList .satis {
  width: 15rem;
}
.boardDetailList .flexBox {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
}

/* 게시판-faq */
.faqList .item {
  margin-top: 2rem;
  padding: 2.4rem 4rem;
  border-radius: 1.2rem;
  border: 1px solid var(--gray-line2);
  box-sizing: border-box;
  word-break: keep-all;
}
.faqList .item:first-child {
  margin: 0;
}
.faqList .toggleTit button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  width: 100%;
  text-align: left;
}
.faqList .toggleTit button span {
  position: relative;
  padding-left: 3.2rem;
  font-size: 2.3rem;
  color: var(--gray-black);
  font-weight: 700;
  line-height: 1.5;
}
.faqList .toggleTit button span::before {
  content: "Q";
  position: absolute;
  top: 0.5rem;
  left: 0;
  width: 2.4rem;
  color: #fff;
  text-align: center;
  font-size: var(--body-sm);
  font-weight: 700;
  line-height: 2.4rem;
  background: var(--gray-line2);
  border-radius: 50%;
}
.faqList .toggleTit button i {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  -webkit-mask: url(/resource/images/icon/arrow-down.svg) no-repeat center/contain;
  mask: url(/resource/images/icon/arrow-down.svg) no-repeat center/contain;
  background: currentColor;
  text-indent: -9999em;
  transition: 0.2s;
}
.faqList .toggleTit.active i {
  transform: rotate(180deg);
}
.faqList .queBox {
  margin-top: 1rem;
}
.faqList .queBox .boardContent {
  padding: 0;
  border: none;
}
.faqList .queBox .boardContent .boardInner {
  font-size: var(--body-md);
}
.faqList .ansBox {
  margin-top: 2.4rem;
}
.faqList .ansBox .boardContent {
  padding: 3.2rem;
  background: var(--gray-bg);
  border-radius: 1.2rem;
  border: none;
}
.faqList .ansBox .boardContent .boardInner {
  position: relative;
  padding-left: 3.6rem;
  font-size: var(--body-md);
}
.faqList .ansBox .boardContent .boardInner::before {
  content: "A";
  position: absolute;
  top: 0;
  left: 0;
  width: 2.4rem;
  color: #fff;
  text-align: center;
  font-size: var(--body-sm);
  font-weight: 700;
  line-height: 2.4rem;
  background: var(--sub-dark);
  border-radius: 50%;
}

/* 게시판-후기 */
.reviewList .item {
  position: relative;
  margin-top: 2rem;
  padding: 2.4rem 4rem 2.8rem;
  border-radius: 1.2rem;
  border: 1px solid var(--gray-line2);
}
.reviewList .item:first-child {
  margin: 0;
}
.reviewList .item .name {
  display: block;
  font-size: 2.3rem;
  color: var(--gray-black);
}
.reviewList .item .txt {
  display: block;
  margin-top: 0.4rem;
  font-size: var(--body-md);
  color: var(--gray-dark);
  word-break: keep-all;
}
.reviewList .item .tag {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 1.2rem;
}
.reviewList .item .tag i {
  padding: 0 1.2rem;
  font-weight: 500;
  color: #fff;
  line-height: 2.8rem;
  background: var(--gray-font);
  border-radius: 4em;
  box-sizing: border-box;
}
.reviewList .item .date {
  position: absolute;
  top: 3rem;
  right: 4rem;
  font-size: var(--body-md);
  color: var(--gray-black);
}

@media screen and (max-width: 1024px) {
  /* 게시판-board */
  .boardList table th,
  .boardList table td {
    padding: 1.375rem 0.5rem;
    font-size: 1.625rem;
  }
  .boardList table th {
    padding: 1.125rem 0.5rem;
    font-size: 1.75rem;
  }
  .boardList .subject a .bdg {
    margin-right: 0.75rem;
  }
  .boardList .file,
  .boardList .date,
  .boardList .hits {
    display: none;
  }
  /* 게시판-board detail */
  .boardDetailList table {
    border-top: 1px solid var(--gray-black);
  }
  .boardDetailList table thead {
    display: none;
  }
  .boardDetailList table tr {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0;
    padding: 2.5rem;
  }
  .boardDetailList table th,
  .boardDetailList table td {
    padding: 0;
    font-size: 1.625rem;
    text-align: left;
  }
  .boardDetailList table th .mo,
  .boardDetailList table td .mo {
    display: inline-block;
    margin-right: 0.5rem;
  }
  .boardDetailList .subject {
    width: 100%;
  }
  .boardDetailList .subject a {
    font-size: 2.125rem;
    font-weight: 700;
    color: var(--gray-black);
  }
  .boardDetailList.noView td.subject {
    font-size: 2.125rem;
    font-weight: 700;
    color: var(--gray-black);
  }
  .boardDetailList .num,
  .boardDetailList .hits {
    display: none;
  }
  .boardDetailList .agency,
  .boardDetailList .category,
  .boardDetailList .date,
  .boardDetailList .date2,
  .boardDetailList .answer,
  .boardDetailList .choose,
  .boardDetailList .dateTime,
  .boardDetailList .name,
  .boardDetailList .type,
  .boardDetailList .status,
  .boardDetailList .report,
  .boardDetailList .amount,
  .boardDetailList .satis {
    width: 100%;
  }
  .boardDetailList .agency,
  .boardDetailList .category {
    font-size: 1.75rem;
  }
  .boardDetailList .date {
    font-size: 1.75rem;
    color: var(--gray-black);
  }
  .boardDetailList .flexBox {
    justify-content: flex-start;
    gap: 0.75rem;
  }
  .boardDetailList .flexBox .font-color {
    font-size: 1.75rem;
  }
  .boardDetailList .inline {
    width: auto;
  }
  .boardDetailList .inline + .inline {
    position: relative;
    margin-left: 0.75rem;
    padding-left: 0.75rem;
  }
  .boardDetailList .inline + .inline::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 1.25rem;
    background: var(--gray-line1);
    transform: translateY(-50%);
  }
  /* 게시판-faq */
  .faqList .item {
    margin-top: 1.25rem;
    padding: 1.5rem 2.5rem;
    border-radius: 0.75rem;
  }
  .faqList .toggleTit button {
    gap: 1rem;
  }
  .faqList .toggleTit button span {
    padding-left: 3rem;
    font-size: 2rem;
  }
  .faqList .toggleTit button span::before {
    top: 0.25rem;
    width: 2.5rem;
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
  .faqList .queBox {
    margin-top: 0.5rem;
  }
  .faqList .queBox .boardContent .boardInner {
    font-size: 1.75rem;
  }
  .faqList .ansBox {
    margin-top: 1.25rem;
  }
  .faqList .ansBox .boardContent {
    padding: 2rem;
    border-radius: 0.75rem;
  }
  .faqList .ansBox .boardContent .boardInner {
    padding-left: 3.25rem;
    font-size: 1.75rem;
  }
  .faqList .ansBox .boardContent .boardInner::before {
    top: 0.125rem;
    width: 2.5rem;
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
  /* 게시판-후기 */
  .reviewList .item {
    margin-top: 1.5rem;
    padding: 1.5rem 2.5rem 2.25rem;
    border-radius: 0.75rem;
  }
  .reviewList .item .name {
    font-size: 2rem;
  }
  .reviewList .item .txt {
    margin-top: 0.25rem;
    font-size: 1.75rem;
  }
  .reviewList .item .tag {
    gap: 0.75rem;
    margin-top: 1.25rem;
  }
  .reviewList .item .tag i {
    flex: 0 0 calc((100% - 0.75rem) / 2);
    font-size: 1.625rem;
    line-height: 3.5rem;
    text-align: center;
  }
  .reviewList .item .date {
    top: 1.75rem;
    right: 2.5rem;
    font-size: 1.75rem;
  }
}
/* 폼-컴포넌트 */
.required {
  display: inline-block;
  vertical-align: top;
  width: 0.7rem;
  height: 0.7rem;
  margin: 0.6rem 0 0 0.4rem;
  font-size: 0;
  background: url("data:image/svg+xml,%3Csvg width='7' height='7' viewBox='0 0 7 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.10059 6.75684H2.54004L2.68945 4.46582L0.780273 5.74414L0 4.39941L2.05859 3.38672L0 2.35742L0.780273 1.0127L2.68945 2.29102L2.54004 0H4.10059L3.95117 2.29102L5.86035 1.0127L6.64062 2.35742L4.58203 3.38672L6.64062 4.39941L5.86035 5.74414L3.95117 4.46582L4.10059 6.75684Z' fill='%23D63D4A'/%3E%3C/svg%3E%0A") no-repeat center/contain;
}

/* selectbox */
.selectbox {
  position: relative;
}
.selectbox::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 2.4rem;
  height: 100%;
  -webkit-mask: url(/resource/images/icon/arrow-down.svg) no-repeat center/contain;
  mask: url(/resource/images/icon/arrow-down.svg) no-repeat center/contain;
  background: currentColor;
  transition: 0.2s;
  z-index: 1;
}
.selectbox.focus::after {
  transform: rotate(180deg);
}
.selectbox select {
  background: transparent;
  cursor: pointer;
}
.selectbox select:disabled {
  background: var(--disabled-bg);
  color: var(--disabled);
  border-color: var(--disabled-line);
}

/* radio, check */
.radioList,
.checkList,
.radioFill {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem;
}
.radioList li,
.checkList li,
.radioFill li {
  overflow: hidden;
  position: relative;
  padding: 1px;
  box-sizing: border-box;
}
.radioList li > input,
.checkList li > input,
.radioFill li > input {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  margin-left: -9999px;
}
.radioList li > label,
.checkList li > label,
.radioFill li > label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: var(--body-md);
  color: var(--gray-black);
  background: #fff;
  box-sizing: border-box;
  cursor: pointer;
}
.radioList li > label::before,
.checkList li > label::before,
.radioFill li > label::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff no-repeat center;
  border: 1px solid var(--gray-line2);
  box-sizing: border-box;
}
.radioList li > input:focus + label,
.checkList li > input:focus + label,
.radioFill li > input:focus + label {
  outline: 2px dashed;
}
.radioList li > input:disabled + label,
.checkList li > input:disabled + label,
.radioFill li > input:disabled + label {
  color: var(--disabled);
  cursor: not-allowed;
  pointer-events: none;
}
.radioList li > input:checked + label::before,
.checkList li > input:checked + label::before,
.radioFill li > input:checked + label::before {
  border: 2px solid var(--primary);
}

.radioList li > label,
.checkList li > label {
  padding-left: 3rem;
  line-height: 2.6rem;
  background: none;
}
.radioList li > label::before,
.checkList li > label::before {
  top: 0.2rem;
  width: 2.2rem;
  height: 2.2rem;
}

.radioList li > label::before {
  border-radius: 50%;
}
.radioList li > input:checked + label::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Crect width='10' height='10' rx='5' fill='%23256EF4'/%3E%3C/svg%3E");
  background-size: 1rem;
}

.checkList li > label::before {
  border-radius: 0.4rem;
}
.checkList li > input:checked + label::before {
  background-color: var(--primary);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M2.66748 8.0013L7.50958 12.668L14.0008 2.66797' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 1.4rem;
}

.radioFill li > label {
  padding: 0 1.6rem;
  line-height: 4.8rem;
  text-align: center;
  border-radius: 4em;
}
.radioFill li > label::before {
  width: 100%;
  height: 100%;
  background: none;
  border-radius: 4em;
}
.radioFill li > input:disabled + label {
  background: var(--disabled-bg);
}
.radioFill li > input:disabled + label::before {
  border-color: var(--disabled-line);
}
.radioFill li > input:checked + label {
  font-weight: 500;
  color: #0b50d0;
  background: #ecf2fe;
}
.radioFill.sm li > label {
  padding: 0 1.2rem;
  font-size: var(--body-sm);
  line-height: 4rem;
}
.radioFill.sm li > input:checked + label::before {
  border-width: 1px;
}

@media screen and (max-width: 1024px) {
  /* selectbox */
  .selectbox::after {
    width: 2rem;
  }
  /* radio, check */
  .radioList,
  .checkList,
  .radioFill {
    gap: 0.75rem;
  }
  .radioList li > label,
  .checkList li > label,
  .radioFill li > label {
    font-size: 1.75rem;
  }
  .radioList li > input:checked + label::before,
  .checkList li > input:checked + label::before,
  .radioFill li > input:checked + label::before {
    border-width: 1px;
  }
  .radioList li > label,
  .checkList li > label {
    padding-left: 3.75rem;
    line-height: 3rem;
  }
  .radioList li > label::before,
  .checkList li > label::before {
    top: 0;
    width: 3rem;
    height: 3rem;
  }
  .radioList li > input:checked + label::before {
    background-size: 1.75rem;
  }
  .checkList li > label::before {
    border-radius: 0.5rem;
  }
  .checkList li > input:checked + label::before {
    background-size: 1.75rem;
  }
  .radioFill li > label {
    padding: 0 1.25rem;
    line-height: 5rem;
  }
  .radioFill.sm li > label {
    min-width: 6rem;
    padding: 0 1rem;
    font-size: 1.625rem;
    line-height: 4.25rem;
  }
}
/* 폼 */
.formArea {
  margin-top: 6rem;
}
.formArea:first-child {
  margin-top: 0;
}
.formArea .titArea {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 6rem;
  margin-bottom: 2rem;
}
.formArea .titArea .conTit2 {
  margin: 0;
}
.formArea .titArea:first-child {
  margin-top: 0;
}
.formArea .titArea .txtInfo {
  text-align: right;
}

.formStyle,
.formTable {
  width: 100%;
  border-top: 1px solid #1e2124;
}

.formTable {
  table-layout: fixed;
}

.formItem {
  display: flex;
}

.formTitle {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 16rem;
}

.formTitle,
.formTable th {
  vertical-align: middle;
  border-bottom: 1px solid var(--gray-line1);
}
.formTitle.bg,
.formTable th.bg {
  background: var(--gray-bg);
}
.formTitle.text-left,
.formTable th.text-left {
  padding: 0 2rem;
}
.formTitle.text-left label,
.formTitle.text-left .label,
.formTable th.text-left label,
.formTable th.text-left .label {
  text-align: left;
}
.formTitle label,
.formTitle .label,
.formTable th label,
.formTable th .label {
  font-size: var(--body-md);
  font-weight: 500;
  color: var(--gray-black);
  word-break: keep-all;
  text-align: center;
}

.formTable thead th {
  height: 6.8rem;
}

.formField {
  flex-grow: 1;
}

.formField,
.formTable td {
  vertical-align: middle;
  padding: 1rem 2rem;
  box-sizing: border-box;
  border-bottom: 1px solid var(--gray-line1);
}

.formTable.vertTable td {
  padding: 1rem;
}
.formTable.vertTable .moTh {
  display: none;
}

.formStyle .inp,
.formStyle .selectbox select,
.formTable .inp,
.formTable .selectbox select,
.formSchedule .inp,
.formSchedule .selectbox select {
  width: 100%;
  min-height: 4.8rem;
  padding: 0 1.6rem;
  font-size: var(--body-md);
  border: 1px solid var(--gray-line2);
  border-radius: 0.8rem;
  box-sizing: border-box;
}
.formStyle .inp::placeholder,
.formTable .inp::placeholder,
.formSchedule .inp::placeholder {
  color: var(--gray-font);
}
.formStyle .selectbox::after,
.formTable .selectbox::after,
.formSchedule .selectbox::after {
  right: 1.6rem;
}
.formStyle .selectbox select,
.formTable .selectbox select,
.formSchedule .selectbox select {
  padding-right: 5rem;
}
.formStyle .wp50,
.formTable .wp50,
.formSchedule .wp50 {
  max-width: 50%;
}
.formStyle .editor textarea,
.formTable .editor textarea,
.formSchedule .editor textarea {
  width: 100%;
  height: 30rem;
  padding: 1.6rem;
  font-size: var(--body-md);
  border: 1px solid var(--gray-line2);
  border-radius: 0.8rem;
  box-sizing: border-box;
  resize: none;
}
.formStyle .dataTxt,
.formTable .dataTxt,
.formSchedule .dataTxt {
  font-size: var(--body-md);
  color: var(--gray-black);
}
.formStyle .groupCon,
.formTable .groupCon,
.formSchedule .groupCon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 4.8rem;
}
.formStyle .groupCon .radioList,
.formTable .groupCon .radioList,
.formSchedule .groupCon .radioList {
  gap: 2rem;
}
.formStyle .groupDayTime,
.formTable .groupDayTime,
.formSchedule .groupDayTime {
  padding: 2rem;
  border: 1px solid var(--gray-line2);
  border-radius: 0.8rem;
  box-sizing: border-box;
}
.formStyle .groupDayTime .selDay,
.formTable .groupDayTime .selDay,
.formSchedule .groupDayTime .selDay {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.formStyle .groupDayTime .selDay h5,
.formTable .groupDayTime .selDay h5,
.formSchedule .groupDayTime .selDay h5 {
  font-size: 2.3rem;
  color: var(--gray-black);
}
.formStyle .groupDayTime .selDay h5 span,
.formTable .groupDayTime .selDay h5 span,
.formSchedule .groupDayTime .selDay h5 span {
  margin-left: 0.4rem;
  font-weight: 400;
}
.formStyle .groupDayTime .selDay h5 span::before,
.formTable .groupDayTime .selDay h5 span::before,
.formSchedule .groupDayTime .selDay h5 span::before {
  content: "(";
}
.formStyle .groupDayTime .selDay h5 span::after,
.formTable .groupDayTime .selDay h5 span::after,
.formSchedule .groupDayTime .selDay h5 span::after {
  content: ")";
}
.formStyle .groupDayTime .selDay button .bi,
.formTable .groupDayTime .selDay button .bi,
.formSchedule .groupDayTime .selDay button .bi {
  width: 3.2rem;
  height: 3.2rem;
  border: 1px solid var(--gray-line2);
  border-radius: 50%;
  box-sizing: border-box;
}
.formStyle .groupDayTime .selDay button .bi::before,
.formTable .groupDayTime .selDay button .bi::before,
.formSchedule .groupDayTime .selDay button .bi::before {
  width: 2rem;
  height: 2rem;
  background: var(--gray-dark);
}
.formStyle .groupDayTime .selTime,
.formTable .groupDayTime .selTime,
.formSchedule .groupDayTime .selTime {
  margin-top: 1.6rem;
  padding: 3.6rem;
  background: var(--gray-bg);
  border-radius: 0.8rem;
}
.formStyle .groupDayTime .selTime .rangeBox .radioFill,
.formTable .groupDayTime .selTime .rangeBox .radioFill,
.formSchedule .groupDayTime .selTime .rangeBox .radioFill {
  justify-content: center;
  gap: 2rem;
}
.formStyle .groupDayTime .selTime .timeBox,
.formTable .groupDayTime .selTime .timeBox,
.formSchedule .groupDayTime .selTime .timeBox {
  margin-top: 1.6rem;
  padding-top: 2rem;
  border-top: 1px solid var(--gray-line1);
}
.formStyle .groupDayTime .selTime .timeBox .radioFill,
.formTable .groupDayTime .selTime .timeBox .radioFill,
.formSchedule .groupDayTime .selTime .timeBox .radioFill {
  gap: 1.6rem 1.2rem;
}
.formStyle .groupDayTime .selTime .timeBox .radioFill li,
.formTable .groupDayTime .selTime .timeBox .radioFill li,
.formSchedule .groupDayTime .selTime .timeBox .radioFill li {
  flex: 0 0 calc((100% - 7.2rem) / 7);
}
.formStyle .groupDayTime .selTime .timeBox .radioFill li > label,
.formTable .groupDayTime .selTime .timeBox .radioFill li > label,
.formSchedule .groupDayTime .selTime .timeBox .radioFill li > label {
  width: 100%;
}
.formStyle .groupAgree,
.formTable .groupAgree,
.formSchedule .groupAgree {
  display: flex;
  align-items: center;
  gap: 2rem;
  position: relative;
  padding-right: 21rem;
}
.formStyle .groupAgree .btn,
.formTable .groupAgree .btn,
.formSchedule .groupAgree .btn {
  flex-shrink: 0;
}
.formStyle .groupAgree .radioList,
.formTable .groupAgree .radioList,
.formSchedule .groupAgree .radioList {
  position: absolute;
  top: 50%;
  right: 0;
  gap: 2rem;
  transform: translateY(-50%);
}
.formStyle .groupTxtBtn,
.formTable .groupTxtBtn,
.formSchedule .groupTxtBtn {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.formStyle .groupPhoto,
.formTable .groupPhoto,
.formSchedule .groupPhoto {
  display: flex;
  align-items: center;
  gap: 2.8rem;
  padding: 3.2rem;
  background: var(--gray-bg);
  border-radius: 0.8rem;
}
.formStyle .groupPhoto .preview,
.formTable .groupPhoto .preview,
.formSchedule .groupPhoto .preview {
  flex-shrink: 0;
  overflow: hidden;
  display: block;
  width: 14rem;
  height: 18rem;
  background: #fff url(/resource/images/sub/img_default_photo.svg) no-repeat center/auto 3.6rem;
  border: 1px solid var(--gray-line1);
  box-sizing: border-box;
}
.formStyle .groupPhoto .preview.sign,
.formTable .groupPhoto .preview.sign,
.formSchedule .groupPhoto .preview.sign {
  width: 24rem;
}
.formStyle .groupPhoto .preview img,
.formTable .groupPhoto .preview img,
.formSchedule .groupPhoto .preview img {
  width: 100%;
  height: 100%;
}
.formStyle .groupPhoto .info .txt,
.formTable .groupPhoto .info .txt,
.formSchedule .groupPhoto .info .txt {
  font-size: var(--body-md);
  color: var(--gray-dark);
  word-break: keep-all;
}
.formStyle .groupPhoto .info .btn,
.formTable .groupPhoto .info .btn,
.formSchedule .groupPhoto .info .btn {
  margin-top: 0.8rem;
}
.formStyle .groupEmail,
.formStyle .groupRange,
.formStyle .groupTimeRange,
.formTable .groupEmail,
.formTable .groupRange,
.formTable .groupTimeRange,
.formSchedule .groupEmail,
.formSchedule .groupRange,
.formSchedule .groupTimeRange {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.formStyle .groupEmail input,
.formStyle .groupEmail .selectbox,
.formStyle .groupRange input,
.formStyle .groupRange .selectbox,
.formStyle .groupTimeRange input,
.formStyle .groupTimeRange .selectbox,
.formTable .groupEmail input,
.formTable .groupEmail .selectbox,
.formTable .groupRange input,
.formTable .groupRange .selectbox,
.formTable .groupTimeRange input,
.formTable .groupTimeRange .selectbox,
.formSchedule .groupEmail input,
.formSchedule .groupEmail .selectbox,
.formSchedule .groupRange input,
.formSchedule .groupRange .selectbox,
.formSchedule .groupTimeRange input,
.formSchedule .groupTimeRange .selectbox {
  flex: 1;
}
.formStyle .groupFileBtn,
.formTable .groupFileBtn,
.formSchedule .groupFileBtn {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.formStyle .groupFileBtn .fileArea,
.formTable .groupFileBtn .fileArea,
.formSchedule .groupFileBtn .fileArea {
  flex-grow: 1;
  position: relative;
}
.formStyle .groupFileBtn .fileArea span,
.formTable .groupFileBtn .fileArea span,
.formSchedule .groupFileBtn .fileArea span {
  display: block;
}
.formStyle .groupFileBtn .fileArea span input,
.formTable .groupFileBtn .fileArea span input,
.formSchedule .groupFileBtn .fileArea span input {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.formStyle .groupFileBtn .fileArea input[type=file],
.formTable .groupFileBtn .fileArea input[type=file],
.formSchedule .groupFileBtn .fileArea input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.formStyle .groupFileBtn .btn,
.formTable .groupFileBtn .btn,
.formSchedule .groupFileBtn .btn {
  flex-shrink: 0;
  min-width: auto;
  width: 4.8rem;
  padding: 0;
}
.formStyle .groupSave,
.formTable .groupSave,
.formSchedule .groupSave {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* 첨부 */
.groupAttach .dropZone {
  padding: 2.8rem;
  background: var(--gray-bg);
  border-radius: 1.2rem;
  text-align: center;
  border: 2px dashed transparent;
  transition: border-color 0.2s, background 0.2s;
}
.groupAttach .dropZone .txt {
  font-size: var(--body-md);
  color: var(--gray-dark);
  word-break: keep-all;
}
.groupAttach .dropZone .txt .br {
  display: none;
}
.groupAttach .dropZone .btn {
  margin-top: 1.6rem;
}
.groupAttach .dropZone.drag-over {
  border: 2px dashed;
}
.groupAttach .dropFile {
  display: none;
  margin-top: 3.2rem;
}
.groupAttach .dropFile.on {
  display: block;
}
.groupAttach .dropFile .filter {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.groupAttach .dropFile .filter .count {
  font-size: var(--body-lg);
  color: var(--gray-black);
}
.groupAttach .dropFile .filter .count .now {
  color: #0b50d0;
  font-weight: 700;
}
.groupAttach .dropFile .filter .count .now::after {
  content: "개";
  color: var(--gray-black);
}
.groupAttach .dropFile .filter .count .total::before {
  content: " / ";
}
.groupAttach .dropFile .filter .count .total::after {
  content: "개";
}
.groupAttach .dropFile .fileList {
  margin-top: 2rem;
}
.groupAttach .dropFile .fileList li {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  position: relative;
  margin-top: 1.2rem;
  padding: 1.1rem 1.6rem;
  padding-right: 10rem;
  border: 1px solid var(--gray-line1);
  border-radius: 0.8rem;
  box-sizing: border-box;
}
.groupAttach .dropFile .fileList li .name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: var(--body-md);
  color: var(--gray-black);
  font-weight: 400;
}
.groupAttach .dropFile .fileList li .size {
  flex-shrink: 0;
  font-size: var(--body-sm);
  color: var(--gray-font);
}
.groupAttach .dropFile .fileList li .size::before {
  content: "[";
}
.groupAttach .dropFile .fileList li .size::after {
  content: "]";
}
.groupAttach .dropFile .fileList li .btn {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  min-width: auto;
  padding: 0;
  background: transparent;
  border-radius: 0;
  transform: translateY(-50%);
}
.groupAttach .dropFile .fileList li .btn span {
  font-weight: 400;
}

/* 조회-입력 */
.viewEditor {
  margin-top: 2rem;
}
.viewEditor .editor textarea {
  width: 100%;
  height: 30rem;
  padding: 1.6rem;
  font-size: var(--body-md);
  border: 1px solid var(--gray-line2);
  border-radius: 0.8rem;
  box-sizing: border-box;
  resize: none;
}
.viewEditor .formBtn {
  margin-top: 2rem;
}
.viewEditor .formBtn .btn {
  width: 15rem;
  padding: 0;
}

/* 버튼 */
.formBtn {
  display: flex;
  justify-content: center;
  gap: 1.2rem;
  margin-top: 4rem;
}
.formBtn .btn {
  width: 18.6rem;
}

/* 동의 */
.clauseBox {
  padding: 4rem;
  border: 1px solid var(--gray-line2);
  box-sizing: border-box;
  border-radius: 1.2rem;
}
.clauseBox .clauseTxt {
  overflow-y: auto;
  max-height: 47rem;
  padding: 2rem;
  background: var(--gray-bg);
  border-radius: 1.2rem;
  box-sizing: border-box;
  word-break: keep-all;
}
.clauseBox .clauseTxt h5 {
  margin-top: 2rem;
  font-size: 2.3rem;
  font-weight: 500;
  color: var(--gray-black);
}
.clauseBox .clauseTxt h5:first-child {
  margin-top: 0;
}
.clauseBox .clauseTxt ul li {
  font-size: var(--body-md);
  color: var(--gray-dark);
}
.clauseBox .clauseTxt ul li i {
  float: left;
  position: relative;
  margin-right: 0.6rem;
  font-style: normal;
}
.clauseBox .clauseTxt ul li span {
  overflow: hidden;
  display: block;
}
.clauseBox .clauseTxt .conTxt,
.clauseBox .clauseTxt .txtInfo {
  color: var(--gray-dark);
}
.clauseBox .clauseTxt .point {
  font-weight: 500;
  color: var(--main);
}
.clauseBox .checkLine {
  display: flex;
  justify-content: flex-end;
  margin-top: 2rem;
  justify-content: flex-end;
  margin-top: 2rem;
}
.clauseBox .checkLine .radioList {
  gap: 2rem;
}

/* 추가하기 폼 */
.addRepeat .addItem:first-child .btnDelete {
  display: none;
}
.addRepeat .btnDelete {
  flex-shrink: 0;
}
.addRepeat .btnDelete a,
.addRepeat .btnDelete button {
  position: relative;
  min-width: auto;
  width: 4.8rem;
  padding: 0;
}
.addRepeat .btnDelete a::before,
.addRepeat .btnDelete button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.5rem;
  height: 2px;
  background: #fff;
  border-radius: 0.2rem;
  transform: translate(-50%, -50%);
}
.addRepeat .btnDelete a span,
.addRepeat .btnDelete button span {
  text-indent: -9999em;
}
.addRepeat .btnAdd {
  margin-top: 2rem;
  text-align: center;
}

@media screen and (max-width: 1024px) {
  .formArea {
    margin-top: 5rem;
  }
  .formArea .titArea {
    display: block;
    margin-top: 5rem;
    margin-bottom: 1.25rem;
  }
  .formArea .titArea .txtInfo {
    margin-top: 0.5rem;
    text-align: left;
  }
  .formArea .titArea .txtInfo br {
    display: none;
  }
  .formTable colgroup,
  .formTable thead {
    display: none;
  }
  .formItem,
  .formTable tr {
    display: flex;
    flex-wrap: wrap;
  }
  .formItem.moWrap,
  .formTable tr.moWrap {
    gap: 1.25rem;
    padding: 1.25rem 1rem;
    border-bottom: 1px solid var(--gray-line1);
  }
  .formItem.moWrap .formTitle,
  .formItem.moWrap .formField,
  .formItem.moWrap th,
  .formItem.moWrap td,
  .formTable tr.moWrap .formTitle,
  .formTable tr.moWrap .formField,
  .formTable tr.moWrap th,
  .formTable tr.moWrap td {
    width: 100%;
    padding: 0;
    border: none;
  }
  .formItem.moWrap .formTitle,
  .formItem.moWrap th,
  .formTable tr.moWrap .formTitle,
  .formTable tr.moWrap th {
    align-items: flex-start;
    background: none;
  }
  .formItem.moWrap .formTitle br,
  .formItem.moWrap th br,
  .formTable tr.moWrap .formTitle br,
  .formTable tr.moWrap th br {
    display: none;
  }
  .formTitle,
  .formTable th {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 10rem;
  }
  .formTitle label,
  .formTitle .label,
  .formTable th label,
  .formTable th .label {
    font-size: 1.75rem;
  }
  .formField,
  .formTable td {
    width: calc(100% - 10rem);
    padding: 1rem;
  }
  .formTable.vertTable td {
    display: flex;
    width: 100%;
    padding: 0;
  }
  .formTable.vertTable .moTh {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 10rem;
  }
  .formTable.vertTable .moTh span {
    font-size: 1.75rem;
    font-weight: 500;
    color: var(--gray-black);
    text-align: center;
    word-break: keep-all;
  }
  .formTable.vertTable .moTd {
    width: calc(100% - 10rem);
    padding: 1rem;
  }
  .formStyle .inp,
  .formStyle .selectbox select,
  .formTable .inp,
  .formTable .selectbox select,
  .formSchedule .inp,
  .formSchedule .selectbox select {
    min-height: 5rem;
    padding: 0 1.5rem;
    font-size: 1.75rem;
    border-radius: 0.5rem;
  }
  .formStyle .selectbox,
  .formTable .selectbox,
  .formSchedule .selectbox {
    width: 100%;
  }
  .formStyle .selectbox::after,
  .formTable .selectbox::after,
  .formSchedule .selectbox::after {
    right: 1.5rem;
  }
  .formStyle .selectbox select,
  .formTable .selectbox select,
  .formSchedule .selectbox select {
    padding-right: 4.5rem;
  }
  .formStyle .wp50,
  .formTable .wp50,
  .formSchedule .wp50 {
    max-width: 100%;
  }
  .formStyle .editor textarea,
  .formTable .editor textarea,
  .formSchedule .editor textarea {
    padding: 1.5rem;
    height: 22.5rem;
    font-size: 1.75rem;
    border-radius: 0.5rem;
  }
  .formStyle .dataTxt,
  .formTable .dataTxt,
  .formSchedule .dataTxt {
    font-size: 1.75rem;
  }
  .formStyle .groupCon,
  .formTable .groupCon,
  .formSchedule .groupCon {
    min-height: 5rem;
  }
  .formStyle .groupCon .radioList,
  .formTable .groupCon .radioList,
  .formSchedule .groupCon .radioList {
    gap: 2.25rem;
  }
  .formStyle .groupDayTime,
  .formTable .groupDayTime,
  .formSchedule .groupDayTime {
    padding: 2.25rem 1.25rem;
    border-radius: 0.5rem;
  }
  .formStyle .groupDayTime .selDay,
  .formTable .groupDayTime .selDay,
  .formSchedule .groupDayTime .selDay {
    gap: 2.25rem;
  }
  .formStyle .groupDayTime .selDay h5,
  .formTable .groupDayTime .selDay h5,
  .formSchedule .groupDayTime .selDay h5 {
    font-size: 2.375rem;
  }
  .formStyle .groupDayTime .selDay button .bi,
  .formTable .groupDayTime .selDay button .bi,
  .formSchedule .groupDayTime .selDay button .bi {
    width: 3.75rem;
    height: 3.75rem;
  }
  .formStyle .groupDayTime .selTime,
  .formTable .groupDayTime .selTime,
  .formSchedule .groupDayTime .selTime {
    margin-top: 1rem;
    padding: 2.25rem;
    border-radius: 0.5rem;
  }
  .formStyle .groupDayTime .selTime .rangeBox .radioFill,
  .formTable .groupDayTime .selTime .rangeBox .radioFill,
  .formSchedule .groupDayTime .selTime .rangeBox .radioFill {
    gap: 0.75rem;
  }
  .formStyle .groupDayTime .selTime .rangeBox .radioFill li,
  .formTable .groupDayTime .selTime .rangeBox .radioFill li,
  .formSchedule .groupDayTime .selTime .rangeBox .radioFill li {
    flex: 1;
  }
  .formStyle .groupDayTime .selTime .rangeBox .radioFill li > label,
  .formTable .groupDayTime .selTime .rangeBox .radioFill li > label,
  .formSchedule .groupDayTime .selTime .rangeBox .radioFill li > label {
    width: 100%;
    padding: 0;
    letter-spacing: -0.1em;
  }
  .formStyle .groupDayTime .selTime .timeBox,
  .formTable .groupDayTime .selTime .timeBox,
  .formSchedule .groupDayTime .selTime .timeBox {
    margin-top: 2.25rem;
    padding-top: 1.5rem;
  }
  .formStyle .groupDayTime .selTime .timeBox .radioFill,
  .formTable .groupDayTime .selTime .timeBox .radioFill,
  .formSchedule .groupDayTime .selTime .timeBox .radioFill {
    gap: 0.75rem;
  }
  .formStyle .groupDayTime .selTime .timeBox .radioFill li,
  .formTable .groupDayTime .selTime .timeBox .radioFill li,
  .formSchedule .groupDayTime .selTime .timeBox .radioFill li {
    flex: 0 0 calc((100% - 2.25rem) / 4);
  }
  .formStyle .groupAgree,
  .formTable .groupAgree,
  .formSchedule .groupAgree {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 0;
  }
  .formStyle .groupAgree .dataTxt,
  .formTable .groupAgree .dataTxt,
  .formSchedule .groupAgree .dataTxt {
    width: 100%;
  }
  .formStyle .groupAgree .radioList,
  .formTable .groupAgree .radioList,
  .formSchedule .groupAgree .radioList {
    gap: 2.25rem;
    position: static;
    transform: none;
  }
  .formStyle .groupTxtBtn,
  .formTable .groupTxtBtn,
  .formSchedule .groupTxtBtn {
    gap: 0.75rem;
  }
  .formStyle .groupPhoto,
  .formTable .groupPhoto,
  .formSchedule .groupPhoto {
    gap: 2rem;
    padding: 2.25rem;
    border-radius: 0.5rem;
  }
  .formStyle .groupPhoto .preview,
  .formTable .groupPhoto .preview,
  .formSchedule .groupPhoto .preview {
    width: 13.125rem;
    height: 17rem;
    background-size: auto 2.75rem;
  }
  .formStyle .groupPhoto .preview.sign,
  .formTable .groupPhoto .preview.sign,
  .formSchedule .groupPhoto .preview.sign {
    width: 17.5rem;
    height: 13rem;
  }
  .formStyle .groupPhoto .info .txt,
  .formTable .groupPhoto .info .txt,
  .formSchedule .groupPhoto .info .txt {
    font-size: 1.625rem;
  }
  .formStyle .groupPhoto .info .btn,
  .formTable .groupPhoto .info .btn,
  .formSchedule .groupPhoto .info .btn {
    margin-top: 1.25rem;
  }
  .formStyle .groupFileBtn,
  .formTable .groupFileBtn,
  .formSchedule .groupFileBtn {
    gap: 0.75rem;
  }
  .formStyle .groupFileBtn .btn,
  .formTable .groupFileBtn .btn,
  .formSchedule .groupFileBtn .btn {
    width: 5rem;
  }
  /* 첨부 */
  .groupAttach .dropZone {
    padding: 2.5rem 3.75rem;
    border-radius: 0.5rem;
  }
  .groupAttach .dropZone .txt {
    font-size: 1.625rem;
  }
  .groupAttach .dropZone .txt .br {
    display: block;
  }
  .groupAttach .dropZone .btn {
    margin-top: 1.25rem;
  }
  .groupAttach .dropFile {
    margin-top: 2.5rem;
  }
  .groupAttach .dropFile .filter .count {
    font-size: 1.875rem;
  }
  .groupAttach .dropFile .fileList {
    margin-top: 1.5rem;
  }
  .groupAttach .dropFile .fileList li {
    gap: 0.75rem;
    margin-top: 0.75rem;
    padding: 1rem;
    padding-right: 8rem;
    border-radius: 0.5rem;
  }
  .groupAttach .dropFile .fileList li .name {
    font-size: 1.75rem;
  }
  .groupAttach .dropFile .fileList li .size {
    font-size: 1.75rem;
  }
  .groupAttach .dropFile .fileList li .btn {
    right: 1rem;
  }
  /* 조회-입력 */
  .viewEditor {
    margin-top: 1.5rem;
  }
  .viewEditor .editor textarea {
    height: 15rem;
    padding: 1.5rem;
    font-size: 1.75rem;
    border-radius: 0.5rem;
  }
  .viewEditor .formBtn {
    margin-top: 1.5rem;
  }
  /* 버튼 */
  .formBtn {
    gap: 1.25rem;
    margin-top: 2.5rem;
  }
  .formBtn .btn {
    width: 16.25rem;
  }
  /* 동의 */
  .clauseBox {
    padding: 2.5rem;
    border-radius: 0.75rem;
  }
  .clauseBox .clauseTxt {
    padding: 1.5rem;
    border-radius: 0.75rem;
  }
  .clauseBox .clauseTxt h5 {
    font-size: 1.875rem;
  }
  .clauseBox .clauseTxt .conTxt,
  .clauseBox .clauseTxt .txtInfo {
    font-size: 1.625rem;
  }
  .clauseBox .checkLine {
    margin-top: 1.25rem;
  }
  .clauseBox .checkLine .radioList {
    gap: 1.25rem;
  }
  /* 추가하기 폼 */
  .addRepeat .addItem td:last-child {
    border-color: var(--gray-line2);
  }
  .addRepeat .addItem:last-child td:last-child {
    border-color: var(--gray-line1);
  }
  .addRepeat .btnDelete a,
  .addRepeat .btnDelete button {
    width: 5rem;
  }
  .addRepeat .btnAdd {
    margin-top: 1.25rem;
  }
}
@media screen and (max-width: 480px) {
  .formStyle .groupEmail,
  .formTable .groupEmail,
  .formSchedule .groupEmail {
    flex-wrap: wrap;
    gap: 0.75rem;
  }
  .formStyle .groupEmail input,
  .formStyle .groupEmail .selectbox,
  .formTable .groupEmail input,
  .formTable .groupEmail .selectbox,
  .formSchedule .groupEmail input,
  .formSchedule .groupEmail .selectbox {
    flex: none;
  }
  .formStyle .groupEmail input,
  .formTable .groupEmail input,
  .formSchedule .groupEmail input {
    width: 90%;
  }
  .formStyle .groupRange,
  .formTable .groupRange,
  .formSchedule .groupRange {
    flex-wrap: wrap;
    gap: 0.75rem;
  }
  .formStyle .groupRange input,
  .formTable .groupRange input,
  .formSchedule .groupRange input {
    flex: none;
  }
  .formStyle .groupRange .tilde,
  .formTable .groupRange .tilde,
  .formSchedule .groupRange .tilde {
    display: none;
  }
  .formStyle .groupSave,
  .formTable .groupSave,
  .formSchedule .groupSave {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
  }
  .formStyle .groupSave .btn,
  .formTable .groupSave .btn,
  .formSchedule .groupSave .btn {
    width: 100%;
  }
}
/* 01 오픈상담-목록 */
.openCounselWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.openCounselWrap .boardFilter {
  width: 100%;
}
.openCounselWrap .listArea {
  width: 65.625%;
}
.openCounselWrap .bestArea {
  width: 31.25%;
}
.openCounselWrap .btnWrite {
  margin-top: 1.6rem;
}
.openCounselWrap .btnWrite .btn {
  width: 100%;
}

.openList .item {
  margin-top: 3.2rem;
}
.openList .item:first-child {
  margin-top: 0;
}
.openList .item a {
  display: block;
  position: relative;
  padding: 4rem 4.7619%;
  border-radius: 1.2rem;
  box-sizing: border-box;
}
.openList .item a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--gray-line2);
  border-radius: 1.2rem;
  box-sizing: border-box;
  transition: border-color 0.2s;
}
.openList .item a:focus::before, .openList .item a:hover::before {
  border-width: 2px;
  border-color: var(--gray-dark);
}
.openList .item .category {
  display: block;
  margin-bottom: 1.2rem;
}
.openList .item .tit {
  overflow: hidden;
  display: block;
  font-size: 2.3rem;
  color: #1e2124;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.openList .item .txt {
  overflow: hidden;
  display: block;
  margin-top: 0.4rem;
  font-size: var(--body-md);
  color: var(--gray-dark);
  white-space: nowrap;
  text-overflow: ellipsis;
}
.openList .item .date {
  display: block;
  margin-top: 1.2rem;
  font-size: var(--body-md);
  color: var(--gray-black);
}
.openList .item .count {
  display: flex;
  margin: 0 -0.8rem;
  margin-top: 1.2rem;
}
.openList .item .count span {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 0.8rem;
  font-size: var(--body-md);
  font-weight: 300;
  letter-spacing: -0.025em;
}
.openList .item .count span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 1.2rem;
  background: var(--gray-line1);
  transform: translateY(-50%);
}
.openList .item .count span:first-child::before {
  display: none;
}
.openList .item .count span .bi {
  margin-right: 0.4rem;
}
.openList .item .count span .bi::before {
  background-color: var(--gray-line2);
}

.btnTooltip {
  position: relative;
}
.btnTooltip .box {
  display: none;
  position: absolute;
  left: 50%;
  bottom: 100%;
  width: 32rem;
  padding: 2.4rem;
  margin-bottom: 1.2rem;
  background: var(--sub-dark);
  box-sizing: border-box;
  border-radius: 1.2rem;
  transform: translateX(-50%);
  z-index: 10;
}
.btnTooltip .box::before {
  content: "";
  position: absolute;
  bottom: -1rem;
  left: 50%;
  width: 2.2rem;
  height: 2.2rem;
  background: var(--sub-dark);
  transform: translateX(-50%) rotate(45deg);
}
.btnTooltip .box .btnTipClose {
  text-align: right;
}
.btnTooltip .box .btnTipClose .bi::before {
  color: #fff;
}
.btnTooltip .box p {
  margin-top: 1.6rem;
  font-size: var(--body-sm);
  color: #fff;
  word-break: keep-all;
}

.bestCounsel {
  padding: 3.2rem 10%;
  border-radius: 1.2rem;
  border: 1px solid var(--gray-dark);
  box-shadow: 6px 6px 2px 0 rgba(0, 0, 0, 0.06);
}
.bestCounsel .filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.bestCounsel .filter .tit {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.bestCounsel .filter .tit h4 {
  font-size: 2.3rem;
  color: var(--sub-dark);
  padding-left: 2.8rem;
  background: url(/resource/images/sub/bg_best_tit.png) no-repeat left center/2.4rem;
}
.bestCounsel .filter .btnBestType {
  display: flex;
  width: 11.2rem;
}
.bestCounsel .filter .btnBestType li {
  flex: 1;
  overflow: hidden;
  position: relative;
  padding: 1px;
}
.bestCounsel .filter .btnBestType li input {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  margin-left: -9999px;
}
.bestCounsel .filter .btnBestType li label {
  display: block;
  position: relative;
  font-size: var(--body-md);
  color: var(--gray-black);
  line-height: 4rem;
  text-align: center;
  transition: 0.2s;
  cursor: pointer;
}
.bestCounsel .filter .btnBestType li label::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
}
.bestCounsel .filter .btnBestType li input:checked + label {
  font-weight: 700;
  color: var(--sub-dark);
}
.bestCounsel .filter .btnBestType li input:checked + label::after {
  background: currentColor;
}
.bestCounsel .list {
  counter-reset: numlist;
  margin-top: 2.4rem;
}
.bestCounsel .list li {
  margin-top: 1.2rem;
}
.bestCounsel .list li a {
  display: block;
  position: relative;
  padding-left: 4rem;
}
.bestCounsel .list li a::before {
  counter-increment: numlist;
  content: counter(numlist);
  position: absolute;
  top: 50%;
  left: 0;
  width: 2.4rem;
  line-height: 2.4rem;
  font-size: var(--body-sm);
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background: var(--gray-line2);
  transition: background 0.2s;
  transform: translateY(-50%);
}
.bestCounsel .list li a:focus::before, .bestCounsel .list li a:hover::before {
  background: var(--sub-dark);
  font-weight: 700;
}
.bestCounsel .list li .category {
  display: block;
  margin-bottom: 0.4rem;
}
.bestCounsel .list li .tit {
  overflow: hidden;
  display: block;
  font-size: var(--body-md);
  font-weight: 400;
  color: var(--gray-black);
  letter-spacing: -0.025em;
  white-space: nowrap;
  text-overflow: ellipsis;
}

@media screen and (max-width: 1340px) {
  .bestCounsel .filter {
    flex-direction: column;
    align-items: flex-start;
  }
  .bestCounsel .filter .btnBestType {
    margin-left: auto;
  }
}
@media screen and (max-width: 1200px) {
  .btnTooltip .box {
    width: 22rem;
  }
}
@media screen and (max-width: 1024px) {
  .openCounselWrap .boardFilter {
    order: 2;
    margin-top: 3.75rem;
  }
  .openCounselWrap .listArea {
    order: 3;
    width: 100%;
  }
  .openCounselWrap .bestArea {
    order: 1;
    width: 100%;
  }
  .openCounselWrap .btnWrite {
    margin-top: 1.5rem;
  }
  .openList .item {
    margin-top: 2.25rem;
  }
  .openList .item a {
    padding: 2.5rem;
  }
  .openList .item a::before {
    border-radius: 0.75rem;
  }
  .openList .item .category {
    margin-bottom: 1rem;
  }
  .openList .item .tit {
    max-height: 3em;
    white-space: pre-wrap;
    font-size: 2.125rem;
  }
  .openList .item .txt {
    margin-top: 0.5rem;
    max-height: 3em;
    white-space: pre-wrap;
    font-size: 1.75rem;
  }
  .openList .item .date {
    margin-top: 1rem;
    font-size: 1.75rem;
  }
  .openList .item .count {
    margin: 0 -0.75rem;
    margin-top: 1rem;
  }
  .openList .item .count span {
    padding: 0 0.75rem;
    font-size: 1.625rem;
  }
  .openList .item .count span::before {
    height: 1.25rem;
  }
  .openList .item .count span .bi {
    margin-right: 0.25rem;
  }
  .btnTooltip .box {
    width: 25rem;
    padding: 1.5rem;
  }
  .btnTooltip .box::before {
    width: 1.5rem;
    height: 1.5rem;
    bottom: -0.5rem;
  }
  .btnTooltip .box p {
    margin-top: 1rem;
    font-size: 1.5rem;
  }
  .bestCounsel {
    padding: 2.5rem;
    border-radius: 0.75rem;
    box-shadow: 3px 3px 1px 0 rgba(0, 0, 0, 0.06);
  }
  .bestCounsel .filter {
    flex-direction: row;
    align-items: center;
  }
  .bestCounsel .filter .tit {
    gap: 0.5rem;
  }
  .bestCounsel .filter .tit h4 {
    padding-left: 3rem;
    font-size: 2.375rem;
    background-image: url(/resource/images/sub/bg_best_tit_mo.png);
    background-size: 2.5rem;
  }
  .bestCounsel .filter .btnBestType {
    width: 11.25rem;
  }
  .bestCounsel .filter .btnBestType li label {
    font-size: 1.75rem;
    line-height: 5rem;
  }
  .bestCounsel .list {
    margin-top: 1.5rem;
  }
  .bestCounsel .list li {
    margin-top: 0.75rem;
  }
  .bestCounsel .list li a::before {
    width: 2.5rem;
    line-height: 2.5rem;
    font-size: 1.5rem;
  }
  .bestCounsel .list li .category {
    margin-bottom: 0.5rem;
  }
  .bestCounsel .list li .tit {
    font-size: 1.75rem;
  }
}
/* 01 오픈상담-조회 */
.answerWrap {
  margin-top: 8rem;
}

.conTit2 + .answerWrap {
  margin-top: 0;
}

.answerContent .itemArea {
  margin-top: 3.2rem;
  padding: 4rem;
  border: 1px solid var(--gray-line2);
  border-radius: 1.2rem;
  box-sizing: border-box;
}
.answerContent .itemArea:first-child {
  margin-top: 0;
}
.answerContent .itemArea.consultLog {
  padding: 0;
  border: none;
  border-radius: 0;
}
.answerContent .itemArea .title {
  display: flex;
  justify-content: space-between;
}
.answerContent .itemArea .title.center {
  align-items: center;
}
.answerContent .itemArea .title .info {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-end;
  gap: 0.8rem;
}
.answerContent .itemArea .title h5 {
  font-size: 3rem;
  color: var(--gray-black);
}
.answerContent .itemArea .title .conTit2 {
  margin: 0;
}
.answerContent .itemArea .title .expertise {
  margin-top: 0.4rem;
  color: var(--main-font);
  font-size: var(--body-lg);
  font-weight: 500;
  word-break: keep-all;
}
.answerContent .itemArea .title .date {
  font-size: var(--body-md);
  color: var(--gray-black);
}
.answerContent .itemArea .title .btn {
  width: 11.2rem;
}
.answerContent .itemArea .boardContent {
  margin-top: 2.4rem;
  background: var(--gray-bg);
  border: none;
  border-radius: 1.2rem;
}
.answerContent .itemArea .boardContent .boardInner {
  font-size: var(--body-md);
}
.answerContent .itemArea > .txtInfo {
  margin-top: 2rem;
}
.answerContent .itemArea .formTable {
  margin-top: 2.4rem;
}

.btnHelpFul {
  margin-top: 4rem;
}
.btnHelpFul .btn {
  width: 100%;
}
.btnHelpFul.on .btn {
  background: #fdefec;
  border-color: #bd2c0f;
  color: #bd2c0f;
}
.btnHelpFul.on .btn .bi::before {
  -webkit-mask-image: url(/resource/images/icon/heart-fill.svg);
  mask-image: url(/resource/images/icon/heart-fill.svg);
}

@media screen and (max-width: 1024px) {
  .answerWrap {
    margin-top: 5rem;
  }
  .answerWrap .boardFilter {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
  .answerContent .itemArea {
    margin-top: 2.5rem;
    padding: 2.5rem;
    border-radius: 0.75rem;
  }
  .answerContent .itemArea .title {
    flex-direction: column;
  }
  .answerContent .itemArea .title.moRow {
    flex-direction: row;
  }
  .answerContent .itemArea .title.moRow .info {
    width: auto;
    margin-top: 0;
  }
  .answerContent .itemArea .title .name {
    width: 100%;
  }
  .answerContent .itemArea .title .info {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 0;
    width: 100%;
    margin-top: 1rem;
  }
  .answerContent .itemArea .title h5 {
    font-size: 2.5rem;
  }
  .answerContent .itemArea .title .expertise {
    margin-top: 0;
    font-size: 1.875rem;
  }
  .answerContent .itemArea .title .date {
    font-size: 1.75rem;
  }
  .answerContent .itemArea .title .btn {
    position: static;
  }
  .answerContent .itemArea .boardContent {
    margin-top: 1.5rem;
    border-radius: 0.75rem;
  }
  .answerContent .itemArea .boardContent .boardInner {
    font-size: 1.75rem;
  }
  .answerContent .itemArea .formTable {
    margin-top: 1.5rem;
  }
  .btnHelpFul {
    margin-top: 2.5rem;
  }
}
/* 02 전문가상담-목록 */
.profileCard .thumb {
  float: left;
}
.profileCard .thumb .img {
  overflow: hidden;
  display: block;
  width: 14rem;
  height: 18rem;
}
.profileCard .thumb .img img {
  width: 100%;
  height: 100%;
}
.profileCard .txt {
  margin-left: 16rem;
}
.profileCard .txt .category {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin-bottom: 0.8rem;
}
.profileCard .txt .tit {
  overflow: hidden;
  display: block;
  font-size: 3rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.profileCard .txt .expertise {
  margin-top: 0.4rem;
  font-size: var(--body-md);
  color: var(--gray-dark);
}
.profileCard .txt .count {
  display: flex;
  margin-top: 0.8rem;
}
.profileCard .txt .count span {
  display: flex;
  align-items: center;
  font-size: var(--body-md);
  font-weight: 300;
  color: var(--gray-dark);
}
.profileCard .txt .count span .bi {
  width: 2rem;
  height: 2rem;
  margin-right: 0.4rem;
}
.profileCard .txt .count span .bi::before {
  background-color: var(--gray-line2);
}
.profileCard .txt .type {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 1.2rem;
}
.profileCard .txt .type i {
  padding: 0 1.2rem;
  font-weight: 300;
  line-height: 2.8rem;
  background: #eef1f4;
  border-radius: 3em;
}

.expertList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 3.2rem 0;
}
.expertList .item {
  width: 48.75%;
  padding: 4rem;
  border: 1px solid var(--gray-line2);
  border-radius: 1.2rem;
  box-sizing: border-box;
}
.expertList .item .btns {
  display: flex;
  justify-content: center;
  gap: 1.2rem;
  margin-top: 2.4rem;
}
.expertList .item .btns li {
  flex: 1;
}
.expertList .item .btns .btn {
  width: 100%;
}

#careerPop .counselorInfo {
  margin-bottom: 4rem;
}
#careerPop .counselorInfo .profileCard {
  width: 43.0107%;
}
#careerPop .counselorInfo .mainExpertise {
  width: 56.9893%;
  padding-left: 0;
}

.careerList {
  padding: 4rem;
  border-radius: 1.2rem;
  border: 1px solid var(--gray-line2);
}
.careerList dl {
  margin-top: 2rem;
}
.careerList dl:first-child {
  margin-top: 0;
}
.careerList dl dt {
  font-size: var(--body-lg);
  font-weight: 500;
  color: var(--gray-black);
}
.careerList dl dd ul li {
  position: relative;
  padding-left: 2.5rem;
  font-size: var(--body-md);
  color: var(--gray-dark);
  word-break: keep-all;
}
.careerList dl dd ul li::before {
  content: "·";
  position: absolute;
  top: 0;
  left: 1rem;
  font-weight: 900;
}

@media screen and (max-width: 1024px) {
  .profileCard .thumb .img {
    width: 10.625rem;
    height: 13.75rem;
  }
  .profileCard .txt {
    margin-left: 12.5rem;
  }
  .profileCard .txt .category {
    gap: 0.75rem;
    margin-bottom: 1rem;
  }
  .profileCard .txt .tit {
    font-size: 2.5rem;
  }
  .profileCard .txt .expertise {
    margin-top: 0;
    font-size: 1.75rem;
  }
  .profileCard .txt .count {
    margin-top: 0;
  }
  .profileCard .txt .count span {
    font-size: 1.625rem;
  }
  .profileCard .txt .type {
    gap: 0.5rem;
    margin-top: 1.25rem;
  }
  .profileCard .txt .type i {
    padding: 0 1rem;
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
  .expertList {
    gap: 2.25rem;
  }
  .expertList .item {
    width: 100%;
    padding: 2.5rem;
    border-radius: 0.75rem;
  }
  .expertList .item .btns {
    margin-top: 2.25rem;
    gap: 0.75rem;
  }
  #careerPop .popContent {
    padding: 1.5rem;
    padding-bottom: 2.5rem;
  }
  #careerPop .popTitArea {
    margin-bottom: 1.25rem;
  }
  #careerPop .counselorInfo {
    margin-bottom: 2.5rem;
  }
  #careerPop .counselorInfo .profileCard {
    width: 100%;
  }
  #careerPop .counselorInfo .mainExpertise {
    width: 100%;
  }
  .careerList {
    padding: 2.5rem;
    border-radius: 0.75rem;
  }
  .careerList dl {
    margin-top: 1.25rem;
  }
  .careerList dl dt {
    font-size: 1.875rem;
  }
  .careerList dl dd ul li {
    font-size: 1.75rem;
  }
}
/* 02 전문가상담-등록 */
.counselorInfo {
  display: flex;
  border-radius: 1.2rem;
  border: 1px solid var(--gray-black);
  box-shadow: 6px 6px 2px 0 rgba(0, 0, 0, 0.04);
}
.counselorInfo .profileCard {
  width: 40.625%;
  padding: 4rem;
  box-sizing: border-box;
}
.counselorInfo .mainExpertise {
  width: 59.375%;
  padding: 4rem;
  box-sizing: border-box;
}
.counselorInfo .mainExpertise .box {
  height: 100%;
  padding: 2.4rem 3.6rem;
  box-sizing: border-box;
  background: var(--sub-bg);
  border-radius: 1.2rem;
}
.counselorInfo .mainExpertise p {
  font-size: var(--body-lg);
  color: var(--gray-dark);
  font-weight: 500;
}
.counselorInfo .mainExpertise ul {
  counter-reset: numlist;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.8rem;
  padding-top: 2rem;
  border-top: 1px solid var(--gray-line1);
}
.counselorInfo .mainExpertise ul li {
  position: relative;
  width: 50%;
  font-size: var(--body-md);
  color: var(--gray-dark);
  word-break: keep-all;
}
.counselorInfo .mainExpertise ul li::before {
  counter-increment: numlist;
  content: counter(numlist) ". ";
  font-size: var(--body-sm);
}

/* 약관 */
.personalDoc .conTit2 {
  margin-top: 4rem;
}

@media screen and (max-width: 1024px) {
  .counselorInfo {
    flex-direction: column;
    gap: 2.25rem;
    padding: 2.5rem;
    border-radius: 0.75rem;
  }
  .counselorInfo .profileCard {
    width: 100%;
    padding: 0;
  }
  .counselorInfo .mainExpertise {
    width: 100%;
    padding: 0;
  }
  .counselorInfo .mainExpertise .box {
    padding: 1.5rem 2.25rem;
    border-radius: 0.75rem;
  }
  .counselorInfo .mainExpertise p {
    font-size: 1.875rem;
  }
  .counselorInfo .mainExpertise ul {
    margin-top: 0.5rem;
    padding-top: 1.25rem;
  }
  .counselorInfo .mainExpertise ul li {
    font-size: 1.75rem;
  }
  .counselorInfo .mainExpertise ul li::before {
    font-size: 1.75rem;
  }
  /* 약관 */
  .personalDoc .conTit2 {
    margin-top: 2.5rem;
  }
}
/* 03 협력기관 */
.agencyContent .tabContent {
  margin-top: 6rem;
}
.agencyContent .tabBtn + .tabContent {
  margin: 0;
}

.agencyInfo {
  display: flex;
  flex-wrap: wrap;
  gap: 3.2rem;
}
.agencyInfo dl {
  flex: 0 0 calc((100% - 9.6rem) / 4);
  padding: 2.4rem 1.9rem;
  border: 1px solid var(--gray-line2);
  border-radius: 1.2rem;
  box-sizing: border-box;
}
.agencyInfo dl dt a {
  display: block;
  text-align: center;
}
.agencyInfo dl dd {
  padding-left: 0.8rem;
}
.agencyInfo dl dd p {
  margin-top: 1.2rem;
  font-size: var(--body-lg);
  font-weight: 500;
  color: var(--gray-black);
  letter-spacing: -0.05em;
}
.agencyInfo dl dd ul {
  margin-top: 0.8rem;
}
.agencyInfo dl dd ul li {
  position: relative;
  padding-left: 1.8rem;
  font-size: var(--body-sm);
  color: var(--gray-dark);
  word-break: keep-all;
}
.agencyInfo dl dd ul li::before {
  content: "·";
  position: absolute;
  top: 0;
  left: 0.4rem;
  font-weight: 900;
}

@media screen and (max-width: 1024px) {
  .agencyContent .tabBtn {
    margin-bottom: 5rem;
  }
  .agencyContent .tabContent {
    margin: 0;
  }
  .agencyInfo {
    gap: 2.5rem;
  }
  .agencyInfo dl {
    flex: 0 0 calc((100% - 5rem) / 3);
    padding: 2rem 1.875rem;
    border-radius: 0.75rem;
  }
  .agencyInfo dl dd {
    padding-left: 0.5rem;
  }
  .agencyInfo dl dd p {
    margin-top: 1.25rem;
    font-size: 2.125rem;
  }
  .agencyInfo dl dd ul li {
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 768px) {
  .agencyInfo dl {
    flex: auto;
    width: 100%;
  }
}
/* 04 전문가 채용 */
.recruitWrap .pageGuide {
  margin-bottom: 0;
}
.recruitWrap .btnGroup .btn {
  width: 26.4rem;
}
.recruitWrap .wrapArea {
  margin-top: 8rem;
}
.recruitWrap .numTit {
  margin-top: 3.2rem;
  margin-bottom: 0.8rem;
  font-size: var(--body-lg);
  color: var(--gray-black);
  font-weight: 500;
  letter-spacing: -0.01em;
  word-break: keep-all;
}
.recruitWrap .numTit > i {
  float: left;
  position: relative;
  margin: 0 0.6rem;
}
.recruitWrap .numTit > span {
  overflow: hidden;
  display: block;
}
.recruitWrap .conTit2 + .numTit {
  margin-top: 0;
}
.recruitWrap .titBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 3.2rem;
  margin-bottom: 2rem;
}
.recruitWrap .titBox .numTit {
  margin: 0;
}
.recruitWrap .ctgTab {
  flex-wrap: wrap;
  gap: 2rem;
  border: none;
}
.recruitWrap .ctgTab li {
  flex: 0 0 calc((100% - 10rem) / 6);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 18rem;
  border-radius: 1.2rem;
}
.recruitWrap .ctgTab li.txt {
  background: #45627c;
}
.recruitWrap .ctgTab li.txt span {
  font-size: var(--body-lg);
  font-weight: 700;
  color: #fff;
  text-align: center;
  letter-spacing: -0.01em;
}
.recruitWrap .ctgTab li a {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
  height: 100%;
  font-weight: 500;
  background: var(--gray-bg);
  border: 1px solid transparent;
  border-radius: 1.2rem;
  box-sizing: border-box;
}
.recruitWrap .ctgTab li a::after {
  display: none;
}
.recruitWrap .ctgTab li a span {
  line-height: 1.5;
}
.recruitWrap .ctgTab li a.active {
  font-weight: 500;
  background: #fff;
  border-color: #111;
  box-shadow: 6px 6px 2px 0 rgba(0, 0, 0, 0.04);
}
.recruitWrap .ctgTab li i {
  width: 4.8rem;
  height: 4.8rem;
  background: no-repeat center/contain;
}
.recruitWrap .ctgTab li i.ctg-trade {
  background-image: url(/resource/images/icon/ctg-trade.svg);
}
.recruitWrap .ctgTab li i.ctg-customs {
  background-image: url(/resource/images/icon/ctg-customs.svg);
}
.recruitWrap .ctgTab li i.ctg-contract {
  background-image: url(/resource/images/icon/ctg-contract.svg);
}
.recruitWrap .ctgTab li i.ctg-forex {
  background-image: url(/resource/images/icon/ctg-forex.svg);
}
.recruitWrap .ctgTab li i.ctg-patent {
  background-image: url(/resource/images/icon/ctg-patent.svg);
}
.recruitWrap .ctgTab li i.ctg-overseas {
  background-image: url(/resource/images/icon/ctg-overseas.svg);
}
.recruitWrap .ctgTab li i.ctg-sanitation {
  background-image: url(/resource/images/icon/ctg-sanitation.svg);
}
.recruitWrap .ctgTab li i.ctg-logistics {
  background-image: url(/resource/images/icon/ctg-logistics.svg);
}
.recruitWrap .ctgTab li i.ctg-marketing {
  background-image: url(/resource/images/icon/ctg-marketing.svg);
}
.recruitWrap .ctgTab li i.ctg-region {
  background-image: url(/resource/images/icon/ctg-region.svg);
}
.recruitWrap .ctgTab li i.ctg-product {
  background-image: url(/resource/images/icon/ctg-product.svg);
}
.recruitWrap .ctgGuide {
  padding: 4rem;
  border-radius: 1.2rem;
  border: 1px solid var(--gray-line2);
  box-sizing: border-box;
}
.recruitWrap .ctgGuide .conTxt {
  font-weight: 500;
}
.recruitWrap .ctgGuide .listTxt {
  margin-top: 0.4rem;
}
.recruitWrap .tableStyle {
  margin: 2rem 0;
}

.recruitStep {
  margin-top: 2rem;
  padding: 10rem 1rem;
  border: 1px solid var(--gray-line1);
  background: var(--gray-bg);
}
.recruitStep ul {
  display: flex;
  justify-content: center;
  max-width: 1142px;
  margin: 0 auto;
}
.recruitStep ul li {
  flex: 1;
  position: relative;
  padding-right: 3.5026%;
}
.recruitStep ul li:last-child {
  padding-right: 0;
}
.recruitStep ul li::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 23.8095%;
  height: 100%;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='66' viewBox='0 0 27 66' fill='none'%3E%3Cpath d='M0 33V66L27 33L0 0V33Z' fill='url(%23paint0_linear_684_23287)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_684_23287' x1='58.1831' y1='33' x2='-3.61268' y2='33' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D6FA84'/%3E%3Cstop offset='0.9' stop-color='%2338B47F' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat 55% center/auto 6.6rem;
}
.recruitStep ul li:last-child::after {
  display: none;
}
.recruitStep ul li .item {
  overflow: hidden;
  background: #3a566e;
  border: 2px solid transparent;
  border-radius: 10rem;
  box-sizing: border-box;
}
.recruitStep ul li .tit,
.recruitStep ul li .info {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 10rem;
  text-align: center;
  color: #fff;
}
.recruitStep ul li .tit span {
  font-size: var(--body-lg);
  font-weight: 700;
  line-height: 1.2;
}
.recruitStep ul li .info {
  border-top: 1px dashed rgba(255, 255, 255, 0.6);
}
.recruitStep ul li .info .txt {
  font-size: var(--body-lg);
  font-weight: 500;
  line-height: 1.2;
}
.recruitStep ul li .info .arrow {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
}
.recruitStep ul li .info .arrow i {
  width: 1.6rem;
  height: 1.6rem;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.13232 4.20229C1.96811 4.35007 1.9548 4.60299 2.10258 4.76719L5.70243 8.76719C5.77828 8.85148 5.88635 8.89961 5.99974 8.89961C6.11314 8.89962 6.2212 8.85149 6.29706 8.76721L9.89731 4.76721C10.0451 4.60301 10.0318 4.35009 9.86759 4.2023C9.70339 4.05452 9.45048 4.06782 9.30269 4.23202L5.99977 7.90168L2.69722 4.23203C2.54944 4.06783 2.29653 4.05451 2.13232 4.20229Z' fill='%23464C53'/%3E%3C/svg%3E") no-repeat center/1.2rem;
  border-radius: 50%;
}
.recruitStep ul li .info .arrow span {
  font-size: var(--body-md);
  font-weight: 500;
}
.recruitStep ul li.wh .item {
  background: #fff;
  border-color: #3a566e;
}
.recruitStep ul li.wh .tit,
.recruitStep ul li.wh .info {
  color: var(--gray-black);
}
.recruitStep ul li.wh .tit span {
  font-weight: 500;
}
.recruitStep ul li.wh .info {
  border-top: 1px dashed rgba(69, 98, 124, 0.6);
}

@media screen and (max-width: 1024px) {
  .recruitWrap .btnGroup .btn {
    width: 19.375rem;
  }
  .recruitWrap .wrapArea {
    margin-top: 5rem;
  }
  .recruitWrap .numTit {
    margin-top: 2rem;
    margin-bottom: 0.75rem;
    font-size: 1.875rem;
    letter-spacing: -0.03em;
  }
  .recruitWrap .titBox {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    margin-top: 2rem;
    margin-bottom: 1.25rem;
  }
  .recruitWrap .ctgTab {
    gap: 1.25rem 1.5rem;
    margin-bottom: 2rem;
  }
  .recruitWrap .ctgTab li {
    flex: 0 0 calc((100% - 4.5rem) / 4);
    height: 11.25rem;
    border-radius: 0.75rem;
  }
  .recruitWrap .ctgTab li.txt span {
    font-size: 1.875rem;
  }
  .recruitWrap .ctgTab li a {
    gap: 0.5rem;
    font-size: 1.625rem;
    border-radius: 0.75rem;
  }
  .recruitWrap .ctgTab li i {
    width: 4.5rem;
    height: 4.5rem;
  }
  .recruitWrap .ctgGuide {
    padding: 2.5rem;
    border-radius: 0.75rem;
  }
  .recruitStep {
    padding: 5rem 0;
  }
  .recruitStep ul {
    flex-direction: column;
    max-width: 75%;
    margin: 0 auto;
  }
  .recruitStep ul li {
    flex: 1;
    padding-right: 0;
    padding-bottom: 3.25rem;
  }
  .recruitStep ul li:last-child {
    padding-bottom: 0;
  }
  .recruitStep ul li::after {
    top: auto;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 3.25rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='66' height='27' viewBox='0 0 66 27' fill='none'%3E%3Cpath d='M33 -1.44248e-06L0 -2.88495e-06L33 27L66 0L33 -1.44248e-06Z' fill='url(%23paint0_linear_651_14163)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_651_14163' x1='33' y1='58.1831' x2='33' y2='-3.61268' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D6FA84'/%3E%3Cstop offset='0.9' stop-color='%2338B47F' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    background-size: 4.125rem auto;
    background-position: center;
  }
  .recruitStep ul li .item {
    padding: 1.5rem 0 1.25rem;
  }
  .recruitStep ul li .tit,
  .recruitStep ul li .info {
    height: auto;
  }
  .recruitStep ul li .tit span {
    font-size: 1.875rem;
  }
  .recruitStep ul li .tit span br {
    display: none;
  }
  .recruitStep ul li .info {
    margin-top: 0.5rem;
    border-top: none;
  }
  .recruitStep ul li .info .txt {
    font-size: 1.75rem;
  }
  .recruitStep ul li .info .txt::before {
    content: "(";
  }
  .recruitStep ul li .info .txt::after {
    content: ")";
  }
  .recruitStep ul li .info .arrow {
    flex-direction: row;
    gap: 0.5rem;
  }
  .recruitStep ul li .info .arrow i {
    width: 1.5rem;
    height: 1.5rem;
    background-size: 1rem;
    transform: rotate(-90deg);
  }
  .recruitStep ul li .info .arrow span {
    font-size: 1.625rem;
  }
  .recruitStep ul li.wh .tit span {
    font-weight: 700;
  }
  .recruitStep ul li.wh .info {
    border-top: none;
  }
}
@media screen and (max-width: 768px) {
  .recruitWrap .ctgTab li {
    flex: 0 0 calc((100% - 3rem) / 3);
  }
}
/* 마이페이지-내정보 */
.accountWrap .topMsg {
  margin-bottom: 4rem;
  text-align: center;
}

.accountInfo {
  display: flex;
  align-items: center;
  padding: 4rem;
  border-radius: 1.2rem;
  border: 1px solid var(--gray-black);
  box-shadow: 6px 6px 2px 0 rgba(0, 0, 0, 0.04);
}
.accountInfo .aTLogin {
  flex-grow: 1;
  position: relative;
  padding-right: 15%;
  border-right: 1px solid var(--gray-line1);
  box-sizing: border-box;
}
.accountInfo .aTLogin::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 4rem;
  width: 14rem;
  height: 14rem;
  background: url(/resource/images/sub/img_account_login.png) no-repeat center/contain;
}
.accountInfo .aTLogin h4 {
  font-size: 3rem;
  color: var(--sub-dark);
  line-height: 1.2;
  letter-spacing: -0.025em;
}
.accountInfo .aTLogin .conTxt {
  margin-top: 0.8rem;
}
.accountInfo .aTLogin .btn {
  margin-top: 2rem;
  width: 100%;
  max-width: 36rem;
}
.accountInfo .aTLogin .txtInfo {
  margin-top: 2rem;
}
.accountInfo .appInfo {
  flex-shrink: 0;
  width: 60rem;
  padding-left: 3.3333%;
  box-sizing: border-box;
}
.accountInfo .appInfo h4 {
  font-size: 2.3rem;
  color: var(--gray-black);
}
.accountInfo .appInfo .infoList {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: 1.2rem;
}
.accountInfo .appInfo .infoList dl {
  position: relative;
  flex: 0 0 calc((100% - 2rem) / 2);
  padding: 2.8rem 4rem;
  background: var(--gray-bg);
  border-radius: 1.2rem;
  box-sizing: border-box;
}
.accountInfo .appInfo .infoList dl dt {
  font-size: var(--body-md);
  color: var(--gray-dark);
}
.accountInfo .appInfo .infoList dl dd {
  font-size: var(--body-lg);
  font-weight: 500;
  color: var(--gray-black);
}
.accountInfo .appInfo .infoList dl dd .btns {
  position: absolute;
  top: 50%;
  right: 4rem;
  transform: translateY(-50%);
}
.accountInfo .appInfo .infoList dl dd .date {
  font-size: var(--body-md);
  font-weight: 400;
  color: var(--gray-dark);
}

/* 기업연계 */
#connectionPop .popContent {
  width: 560px;
}

.corporateSch .titArea {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.corporateSch .titArea .conTit2 {
  margin: 0;
}
.corporateSch .schForm {
  position: relative;
}
.corporateSch .schForm input {
  width: 100%;
  height: 6rem;
  padding: 0 3.2rem;
  padding-right: 7rem;
  font-size: var(--body-md);
  border-radius: 5em;
  background: #fff;
  border: 1px solid var(--gray-line2);
  box-sizing: border-box;
}
.corporateSch .schForm button {
  position: absolute;
  top: 0;
  right: 3.2rem;
  width: 2.8rem;
  height: 100%;
  z-index: 1;
}
.corporateSch .schCopList {
  margin-top: 4rem;
}
.corporateSch .schCopList ul li {
  overflow: hidden;
  position: relative;
  padding: 1px;
  margin-top: 1.6rem;
}
.corporateSch .schCopList ul li input {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  margin-left: -9999px;
}
.corporateSch .schCopList ul li label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  min-height: 12rem;
  padding: 1.8rem 4rem;
  padding-right: 10rem;
  background: #fff;
  border: 1px solid rgba(221, 221, 221, 0.87);
  border-radius: 1.2rem;
  box-sizing: border-box;
  transition: 0.2s;
  cursor: pointer;
}
.corporateSch .schCopList ul li label strong {
  font-size: var(--body-lg);
  color: var(--gray-black);
}
.corporateSch .schCopList ul li label span {
  font-size: var(--body-md);
  color: var(--gray-dark);
}
.corporateSch .schCopList ul li label i {
  position: absolute;
  top: 50%;
  right: 4rem;
  width: 4rem;
  height: 4rem;
  transform: translateY(-50%);
}
.corporateSch .schCopList ul li label i::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3.4rem;
  height: 3.4rem;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.0882 0.232602C13.6962 0.64806 13.8523 1.47773 13.4368 2.08572L6.60346 12.0857C6.37964 12.4133 6.02159 12.6241 5.6266 12.661C5.2316 12.6979 4.8407 12.557 4.56009 12.2766L0.390819 8.1099C-0.130043 7.58936 -0.130307 6.74514 0.39023 6.22428C0.910766 5.70342 1.75499 5.70315 2.27585 6.22369L5.30842 9.25437L11.2351 0.581207C11.6505 -0.0267808 12.4802 -0.182857 13.0882 0.232602Z' fill='%2385929E'/%3E%3C/svg%3E") no-repeat center/1.4rem;
  border: 1px solid var(--gray-line2);
  border-radius: 50%;
  box-sizing: border-box;
  transform: translate(-50%, -50%);
  transition: 0.2s;
}
.corporateSch .schCopList ul li input:checked + label {
  border-color: var(--primary);
  background-color: #ecf2fe;
}
.corporateSch .schCopList ul li input:checked + label i::before {
  background-color: var(--primary);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='13' viewBox='0 0 14 13' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.0882 0.232602C13.6962 0.64806 13.8523 1.47773 13.4368 2.08572L6.60346 12.0857C6.37964 12.4133 6.02159 12.6241 5.6266 12.661C5.2316 12.6979 4.8407 12.557 4.56009 12.2766L0.390819 8.1099C-0.130043 7.58936 -0.130307 6.74514 0.39023 6.22428C0.910766 5.70342 1.75499 5.70315 2.27585 6.22369L5.30842 9.25437L11.2351 0.581207C11.6505 -0.0267808 12.4802 -0.182857 13.0882 0.232602Z' fill='%23ffffff'/%3E%3C/svg%3E");
  border-color: var(--primary);
}
.corporateSch .schCopList .btn {
  width: 100%;
  margin-top: 3rem;
}

/* 위촉동의서 */
.consentWrap .conTit2 {
  margin: 0;
}
.consentWrap .clauseBox,
.consentWrap .groupAttach {
  margin-top: 2rem;
}
.consentWrap .agreeDate {
  margin-top: 4rem;
}
.consentWrap .agreeDate p {
  font-size: 2.4rem;
  text-align: center;
}

@media screen and (max-width: 1200px) {
  .accountInfo .aTLogin {
    padding-right: 3.3333%;
  }
  .accountInfo .aTLogin::after {
    display: none;
  }
  .accountInfo .appInfo {
    width: 52rem;
  }
  .accountInfo .appInfo .infoList dl {
    padding: 2.8rem 2rem;
  }
  .accountInfo .appInfo .infoList dl dd .btns {
    right: 2rem;
  }
}
@media screen and (max-width: 1024px) {
  .accountWrap .topMsg {
    margin-bottom: 2.5rem;
    letter-spacing: -0.025em;
    text-align: left;
  }
  .accountInfo {
    flex-direction: column;
    padding: 2.5rem;
    border-radius: 0.75rem;
  }
  .accountInfo .aTLogin {
    width: 100%;
    padding: 0 0 2.5rem;
    border-right: none;
    border-bottom: 1px solid var(--gray-line1);
  }
  .accountInfo .aTLogin::after {
    display: block;
    bottom: 2.5rem;
    right: 0;
    width: 7.5rem;
    height: 7.5rem;
    background-image: url(/resource/images/sub/img_account_login_mo.png);
  }
  .accountInfo .aTLogin h4 {
    font-size: 2.5rem;
  }
  .accountInfo .aTLogin .conTxt {
    margin-top: 0.5rem;
    font-size: 1.625rem;
  }
  .accountInfo .aTLogin .btn {
    margin-top: 1.25rem;
    max-width: 28rem;
  }
  .accountInfo .aTLogin .txtInfo {
    margin-top: 1.25rem;
    font-size: 1.625rem;
  }
  .accountInfo .appInfo {
    width: 100%;
    padding: 2.5rem 0 0;
  }
  .accountInfo .appInfo h4 {
    font-size: 2.25rem;
  }
  .accountInfo .appInfo .infoList {
    gap: 1rem;
  }
  .accountInfo .appInfo .infoList dl {
    flex: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    min-height: 7rem;
    padding: 1.375rem 2rem;
    border-radius: 0.75rem;
  }
  .accountInfo .appInfo .infoList dl dt {
    flex-shrink: 0;
    font-size: 1.75rem;
  }
  .accountInfo .appInfo .infoList dl dd {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1.875rem;
    text-align: right;
  }
  .accountInfo .appInfo .infoList dl dd .btns {
    position: static;
    transform: none;
  }
  /* 기업연계 */
  #connectionPop .popContent {
    width: 100%;
  }
  .corporateSch .titArea {
    margin-bottom: 1.25rem;
  }
  .corporateSch .titArea .txtInfo {
    font-size: 1.625rem;
    letter-spacing: -0.05em;
  }
  .corporateSch .schForm input {
    padding: 0 2rem;
    padding-right: 6rem;
    font-size: 1.75rem;
  }
  .corporateSch .schForm button {
    right: 2rem;
    width: 2.5rem;
  }
  .corporateSch .schCopList {
    margin-top: 2.5rem;
  }
  .corporateSch .schCopList ul li {
    margin-top: 1.25rem;
  }
  .corporateSch .schCopList ul li label {
    min-height: 10rem;
    padding: 1rem 2.5rem;
    padding-right: 6.25rem;
    border-radius: 0.75rem;
  }
  .corporateSch .schCopList ul li label strong {
    font-size: 1.75rem;
  }
  .corporateSch .schCopList ul li label span {
    font-size: 1.625rem;
  }
  .corporateSch .schCopList ul li label i {
    right: 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
  }
  .corporateSch .schCopList ul li label i::before {
    width: 2rem;
    height: 2rem;
    background-size: 0.75rem;
  }
  .corporateSch .schCopList .btn {
    margin-top: 2rem;
  }
  /* 위촉동의서 */
  .consentWrap .clauseBox,
  .consentWrap .groupAttach {
    margin-top: 1.25rem;
  }
  .consentWrap .agreeDate {
    margin-top: 2.5rem;
  }
  .consentWrap .agreeDate p {
    font-size: 2.25rem;
  }
}
/* 마이페이지-전문가 상담 */
/* 만족도 평가 */
.applicationInfo {
  position: relative;
  margin-bottom: 3.2rem;
  padding: 4rem;
  border: 1px solid var(--gray-black);
  border-radius: 1.2rem;
  box-shadow: 6px 6px 2px 0 rgba(0, 0, 0, 0.04);
}
.applicationInfo h4 {
  font-size: 3rem;
  font-weight: 500;
  color: var(--gray-black);
  word-break: keep-all;
}
.applicationInfo .category {
  margin-bottom: 0.8rem;
}
.applicationInfo .info {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-top: 0.8rem;
}
.applicationInfo .info li {
  position: relative;
  padding-left: 2.5rem;
  font-size: var(--body-md);
  color: var(--gray-black);
  word-break: keep-all;
}
.applicationInfo .info li::before {
  content: "·";
  position: absolute;
  top: 0;
  left: 1rem;
  font-weight: 900;
}

.ratingForm .ratingArea {
  padding: 4rem;
  border-radius: 1.2rem;
  border: 1px solid var(--gray-line2);
}
.ratingForm .ratingArea .item {
  margin-top: 4rem;
}
.ratingForm .ratingArea .item:first-child {
  margin-top: 0;
}
.ratingForm .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ratingForm .title h5 {
  padding-left: 2.8rem;
  font-size: 2.3rem;
  color: var(--sub-dark);
  word-break: keep-all;
  background: no-repeat left 0.5rem/2.4rem;
}
.ratingForm .title h5 span {
  font-size: var(--body-lg);
  font-weight: 400;
}
.ratingForm .title h5 span.red {
  color: var(--secondary);
}
.ratingForm .title h5.thumb {
  background-image: url(/resource/images/sub/bg_tit_thumb.png);
}
.ratingForm .title h5.heart {
  background-image: url(/resource/images/sub/bg_tit_heart.png);
}
.ratingForm .title h5.pencil {
  background-image: url(/resource/images/sub/bg_tit_pencil.png);
}
.ratingForm .title .txtInfo {
  color: var(--gray-black);
}
.ratingForm .title .keywordCount::before {
  content: "(";
}
.ratingForm .title .keywordCount::after {
  content: ")";
}
.ratingForm .title .keywordCount .total::before {
  content: "/";
}
.ratingForm .feedback {
  margin-top: 2rem;
}
.ratingForm .scoreCheck {
  gap: 2rem;
}
.ratingForm .scoreCheck li {
  flex: 1;
}
.ratingForm .scoreCheck li > label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.2rem;
  width: 100%;
  height: 22rem;
  font-size: var(--body-lg);
  line-height: 1.5;
  background: var(--gray-bg);
  border-radius: 1.2rem;
}
.ratingForm .scoreCheck li > label::before {
  border-color: var(--gray-bg);
  border-radius: 1.2rem;
}
.ratingForm .scoreCheck li > label .emoji {
  display: block;
  width: 6rem;
  height: 6rem;
  background: no-repeat center/contain;
}
.ratingForm .scoreCheck li > label .emoji.poor {
  background-image: url(/resource/images/sub/icon_emoji_poor.png);
}
.ratingForm .scoreCheck li > label .emoji.normal {
  background-image: url(/resource/images/sub/icon_emoji_normal.png);
}
.ratingForm .scoreCheck li > label .emoji.good {
  background-image: url(/resource/images/sub/icon_emoji_good.png);
}
.ratingForm .scoreCheck li > label .emoji.excellent {
  background-image: url(/resource/images/sub/icon_emoji_excellent.png);
}
.ratingForm .keywordCheck li {
  flex: 0 0 calc((100% - 3.6rem) / 4);
}
.ratingForm .keywordCheck li > label {
  width: 100%;
}
.ratingForm .viewEditor .editor textarea {
  height: 16rem;
}

/* 일정 */
.calendarBox .calLabel {
  display: flex;
  gap: 2rem;
}
.calendarBox .calLabel li {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.calendarBox .calLabel li .label {
  flex-shrink: 0;
  width: 1.2rem;
  height: 1.2rem;
  background: #45627c;
  border-radius: 50%;
}
.calendarBox .calLabel li .label.video {
  background: #007cb2;
}
.calendarBox .calLabel li .label.phone {
  background: #e35204;
}
.calendarBox .calLabel li .label.chat {
  background: #5a8903;
}
.calendarBox .calLabel li .label.board {
  background: #9408af;
}
.calendarBox .calLabel li .type {
  font-size: var(--body-md);
  color: var(--gray-black);
}
.calendarBox .calHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
}
.calendarBox .calHeader .title {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.calendarBox .calHeader .title h5 {
  font-size: 2.3rem;
  color: var(--gray-black);
}
.calendarBox .calHeader .title h5 span {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0.8rem;
}
.calendarBox .calHeader .title button .bi {
  width: 3.2rem;
  height: 3.2rem;
  border: 1px solid var(--gray-line2);
  border-radius: 50%;
  box-sizing: border-box;
}
.calendarBox .calHeader .title button .bi::before {
  width: 2rem;
  height: 2rem;
  background: var(--gray-dark);
}
.calendarBox .calBody {
  table-layout: fixed;
  width: 100%;
}
.calendarBox .calBody th,
.calendarBox .calBody td {
  padding: 1.2rem 1.5625% 2rem;
  vertical-align: top;
  font-size: var(--body-md);
  color: var(--gray-black);
  border: 1px solid var(--gray-line1);
  border-right: none;
  border-bottom: none;
  box-sizing: border-box;
}
.calendarBox .calBody th {
  padding: 1.1rem 0;
  font-weight: 500;
  text-align: center;
  border-color: var(--gray-font);
  border-width: 1px 0 0 0;
}
.calendarBox .calBody td[tabindex] {
  cursor: pointer;
}
.calendarBox .calBody td:first-child {
  border-left: none;
}
.calendarBox .calBody td:first-child .date {
  color: #bd2c0f;
}
.calendarBox .calBody td:last-child .date {
  color: #0b50d0;
}
.calendarBox .calBody tr:last-child td {
  border-bottom: 1px solid var(--gray-font);
}
.calendarBox .calBody .date {
  display: flex;
  align-items: center;
  line-height: 2.8rem;
  font-weight: 700;
}
.calendarBox .calBody .date i {
  display: none;
}
.calendarBox .calBody .event {
  margin-top: 0.4rem;
  min-height: 9rem;
}
.calendarBox .calBody .event ul li {
  display: flex;
  align-items: center;
}
.calendarBox .calBody .event ul li .label {
  flex-shrink: 0;
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.8rem;
  background: #45627c;
  border-radius: 50%;
}
.calendarBox .calBody .event ul li .label.video {
  background: #007cb2;
}
.calendarBox .calBody .event ul li .label.phone {
  background: #e35204;
}
.calendarBox .calBody .event ul li .label.chat {
  background: #5a8903;
}
.calendarBox .calBody .event ul li .label.board {
  background: #9408af;
}
.calendarBox .calBody .event ul li .type {
  display: none;
}
.calendarBox .calBody .event ul li .txt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--body-sm);
  line-height: 2.6rem;
}
.calendarBox .calBody td.today .date span {
  width: 2.8rem;
  text-align: center;
  color: #fff;
  background: var(--sub-dark);
  border-radius: 50%;
}
.calendarBox .calBody td.holiday .date {
  color: #bd2c0f;
}
.calendarBox .calBody td.off {
  position: relative;
  pointer-events: none;
}
.calendarBox .calBody td.off::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.75);
  z-index: 1;
}

/* 스케줄 등록 */
.formSchedule .weekSlot {
  margin-bottom: 3rem;
  padding: 2.4rem;
  border-radius: 0.8rem;
  background: var(--sub-bg);
}
.formSchedule .weekSlot dl {
  display: flex;
  align-items: center;
  gap: 2rem;
  margin-top: 1.2rem;
}
.formSchedule .weekSlot dl:first-child {
  margin-top: 0;
}
.formSchedule .weekSlot dl dt {
  width: 5.8rem;
  font-size: var(--body-md);
  color: var(--gray-black);
  text-align: center;
}
.formSchedule .weekSlot dl dd {
  flex-grow: 1;
}
.formSchedule .weekSlot dl dd .checkList {
  gap: 1.2rem 2rem;
}
.formSchedule .timeSlot .selDay {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.formSchedule .timeSlot .selDay h5 {
  font-size: 2.3rem;
  color: var(--gray-black);
}
.formSchedule .timeSlot .selDay h5 span {
  margin-left: 0.4rem;
  font-weight: 400;
}
.formSchedule .timeSlot .selDay h5 span::before {
  content: "(";
}
.formSchedule .timeSlot .selDay h5 span::after {
  content: ")";
}
.formSchedule .timeSlot .selDay button .bi {
  width: 3.2rem;
  height: 3.2rem;
  border: 1px solid var(--gray-line2);
  border-radius: 50%;
  box-sizing: border-box;
}
.formSchedule .timeSlot .selDay button .bi::before {
  width: 2rem;
  height: 2rem;
  background: var(--gray-dark);
}
.formSchedule .timeSlot .selTime .item {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  padding: 2.4rem 0;
  border-bottom: 1px solid var(--gray-line1);
}
.formSchedule .timeSlot .selTime .item .rangeCheck {
  flex-shrink: 0;
}
.formSchedule .timeSlot .selTime .item .groupTimeRange {
  flex-grow: 1;
}
.formSchedule .txtInfo {
  margin-top: 1.2rem;
}

/* 팝업-안내 */
.setMsgCon .conTxt,
.setMsgCon .listTxt {
  margin: 1rem 0;
}
.setMsgCon .radioList {
  gap: 2rem;
}
.setMsgCon .inpHide .hid {
  display: none;
  margin-top: 1.2rem;
}
.setMsgCon .inpHide .hid input {
  width: 100%;
  min-height: 4.8rem;
  padding: 0 1.6rem;
  font-size: var(--body-md);
  border: 1px solid var(--gray-line2);
  border-radius: 0.8rem;
  box-sizing: border-box;
}

@media screen and (max-width: 1024px) {
  /* 만족도 평가 */
  #ratingPop .popContent {
    padding: 1.5rem;
    padding-bottom: 2.5rem;
  }
  .applicationInfo {
    margin-bottom: 5rem;
    padding: 2.5rem;
    border-radius: 0.75rem;
  }
  .applicationInfo h4 {
    font-size: 2.5rem;
  }
  .applicationInfo .category {
    margin-bottom: 1rem;
  }
  .applicationInfo .info {
    flex-wrap: wrap;
    gap: 0.5rem 1.25rem;
    margin-top: 1.25rem;
  }
  .applicationInfo .info li {
    font-size: 1.75rem;
  }
  .ratingForm .ratingArea {
    padding: 2.5rem;
    border-radius: 0.75rem;
  }
  .ratingForm .ratingArea .item {
    margin-top: 2.5rem;
  }
  .ratingForm .title {
    flex-direction: column;
    align-items: flex-end;
  }
  .ratingForm .title h5 {
    width: 100%;
    padding-left: 3rem;
    font-size: 2.25rem;
    background-size: 2rem;
    box-sizing: border-box;
  }
  .ratingForm .title h5.thumb {
    background-image: url(/resource/images/sub/bg_tit_thumb_mo.png);
  }
  .ratingForm .title h5.heart {
    background-image: url(/resource/images/sub/bg_tit_heart_mo.png);
  }
  .ratingForm .title h5.pencil {
    background-image: url(/resource/images/sub/bg_tit_pencil_mo.png);
  }
  .ratingForm .feedback {
    margin-top: 1.25rem;
  }
  .ratingForm .scoreCheck {
    gap: 1.25rem;
  }
  .ratingForm .scoreCheck li {
    flex: 0 0 calc((100% - 1.25rem) / 2);
  }
  .ratingForm .scoreCheck li > label {
    gap: 1.25rem;
    height: 16.25rem;
    font-size: 1.875rem;
    border-radius: 0.75rem;
  }
  .ratingForm .scoreCheck li > label::before {
    border-radius: 0.75rem;
  }
  .ratingForm .scoreCheck li > label .emoji {
    width: 5.5rem;
    height: 5.5rem;
  }
  .ratingForm .scoreCheck li > label .emoji.poor {
    background-image: url(/resource/images/sub/icon_emoji_poor_mo.png);
  }
  .ratingForm .scoreCheck li > label .emoji.normal {
    background-image: url(/resource/images/sub/icon_emoji_normal_mo.png);
  }
  .ratingForm .scoreCheck li > label .emoji.good {
    background-image: url(/resource/images/sub/icon_emoji_good_mo.png);
  }
  .ratingForm .scoreCheck li > label .emoji.excellent {
    background-image: url(/resource/images/sub/icon_emoji_excellent_mo.png);
  }
  .ratingForm .keywordCheck {
    gap: 1.25rem;
  }
  .ratingForm .keywordCheck li {
    flex: 0 0 calc((100% - 1.25rem) / 2);
  }
  .ratingForm .viewEditor .editor textarea {
    height: 12.5rem;
  }
  /* 일정 */
  .calendarBox .calLabel {
    margin-top: 2.5rem;
    gap: 2.5rem;
  }
  .calendarBox .calLabel li {
    gap: 0.5rem;
  }
  .calendarBox .calLabel li .label {
    width: 1.25rem;
    height: 1.25rem;
  }
  .calendarBox .calLabel li .type {
    font-size: 1.75rem;
  }
  .calendarBox .calHeader {
    margin-bottom: 2.5rem;
  }
  .calendarBox .calHeader.moColumn {
    flex-direction: column;
  }
  .calendarBox .calHeader .title {
    gap: 1.25rem;
  }
  .calendarBox .calHeader .title h5 {
    font-size: 2.125rem;
  }
  .calendarBox .calHeader .title h5 span {
    padding: 0 0.5rem;
  }
  .calendarBox .calHeader .title button .bi {
    width: 3.75rem;
    height: 3.75rem;
  }
  .calendarBox .calBody {
    border-bottom: 1px solid var(--gray-line1);
  }
  .calendarBox .calBody thead {
    display: none;
  }
  .calendarBox .calBody th,
  .calendarBox .calBody td {
    font-size: 2.125rem;
    border-color: var(--gray-black);
    border-left: none;
  }
  .calendarBox .calBody td {
    display: block;
    padding: 2.5rem;
  }
  .calendarBox .calBody tr:last-child td {
    border-bottom: none;
  }
  .calendarBox .calBody .date {
    gap: 1.25rem;
    color: var(--gray-font);
    line-height: 3rem;
  }
  .calendarBox .calBody .date i {
    display: block;
  }
  .calendarBox .calBody .event {
    margin-top: 0;
    min-height: auto;
  }
  .calendarBox .calBody .event ul li {
    margin-top: 1.25rem;
  }
  .calendarBox .calBody .event ul li .label {
    width: 0.375rem;
    height: 2.25rem;
    margin-right: 1.25rem;
    border-radius: 0;
  }
  .calendarBox .calBody .event ul li .type {
    display: block;
    margin-right: 0.75rem;
    font-size: 2.125rem;
    font-weight: 500;
    line-height: 3rem;
  }
  .calendarBox .calBody .event ul li .txt {
    font-size: 2.125rem;
    font-weight: 700;
    line-height: 3rem;
  }
  .calendarBox .calBody td.today .date span {
    width: 3rem;
  }
  .calendarBox .calBody td.empty .date {
    color: var(--gray-line2);
  }
  .calendarBox .calBody td.off {
    display: none;
  }
  /* 스케줄 등록 */
  .formSchedule .weekSlot {
    margin-bottom: 2.5rem;
    padding: 2.5rem;
    border-radius: 0.5rem;
  }
  .formSchedule .weekSlot dl {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem;
    margin-top: 2rem;
  }
  .formSchedule .weekSlot dl dt {
    width: auto;
    font-size: 1.75rem;
  }
  .formSchedule .weekSlot dl dd .checkList {
    gap: 1.25rem 2.5rem;
  }
  .formSchedule .timeSlot .selDay {
    gap: 2.25rem;
  }
  .formSchedule .timeSlot .selDay h5 {
    font-size: 2.375rem;
  }
  .formSchedule .timeSlot .selDay button .bi {
    width: 3.75rem;
    height: 3.75rem;
  }
  .formSchedule .timeSlot .selTime .item {
    gap: 1.5rem;
    padding: 2rem 0;
  }
  /* 팝업-안내 */
  .setMsgCon .radioList {
    gap: 1.25rem;
  }
  .setMsgCon .inpHide .hid input {
    min-height: 5rem;
    padding: 0 1.5rem;
    font-size: 1.75rem;
    border-radius: 0.5rem;
  }
}
/* 마이페이지-정산 관리 */
/* 수당 정산 신청 */
.settlementWrap .wrapArea {
  margin-top: 6rem;
  padding: 4rem;
  border: 1px solid var(--gray-line2);
  border-radius: 1.2rem;
  box-sizing: border-box;
}
.settlementWrap .wrapArea:first-child {
  margin-top: 0;
}
.settlementWrap .wrapArea.settleDetail {
  padding: 6rem 4rem;
}
.settlementWrap .wrapBox {
  margin-top: 6rem;
}
.settlementWrap .wrapBox:first-child {
  margin-top: 0;
}
.settlementWrap .settleTotal .selectbox::after {
  right: 1.6rem;
}
.settlementWrap .settleTotal .selectbox select {
  width: 100%;
  min-height: 4.8rem;
  padding: 0 1.6rem;
  padding-right: 5rem;
  font-size: var(--body-md);
  border: 1px solid var(--gray-line2);
  border-radius: 0.8rem;
  box-sizing: border-box;
}
.settlementWrap .settleTotal .countItem {
  display: flex;
  gap: 2.4rem;
  margin-top: 2.4rem;
}
.settlementWrap .settleTotal .countItem dl {
  flex: 1;
  padding: 4rem;
  border-radius: 1.2rem;
  box-sizing: border-box;
}
.settlementWrap .settleTotal .countItem dl:nth-child(1) {
  background: #eff6d6;
}
.settlementWrap .settleTotal .countItem dl:nth-child(2) {
  background: #ffe8df;
}
.settlementWrap .settleTotal .countItem dl:nth-child(3) {
  background: #dff4fd;
}
.settlementWrap .settleTotal .countItem dl:nth-child(4) {
  background: #ffe8f6;
}
.settlementWrap .settleTotal .countItem dl dt {
  font-size: var(--body-md);
  color: var(--gray-black);
}
.settlementWrap .settleTotal .countItem dl dt br {
  display: none;
}
.settlementWrap .settleTotal .countItem dl dd {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 0.4rem;
  margin-top: 1.6rem;
  font-size: var(--body-lg);
  color: var(--gray-black);
  font-weight: 500;
  line-height: 1.3;
}
.settlementWrap .settleTotal .countItem dl dd b {
  font-size: 3.2rem;
  color: #0b50d0;
  line-height: 1;
  letter-spacing: -0.025em;
}
.settlementWrap .settleTotal .txtInfo {
  margin-top: 1rem;
}
.settlementWrap .settleDetail .boardFilter .count span {
  font-weight: 500;
}
.settlementWrap .settleDetail .tableStyle th {
  background: var(--sub-bg);
}
.settlementWrap .settleDetail .tableStyle .total {
  border: 2px solid var(--main);
}
.settlementWrap .settleDetail .tableStyle .total th,
.settlementWrap .settleDetail .tableStyle .total td {
  border: none;
}
.settlementWrap .settleDetail .tableStyle .total td p {
  font-size: var(--body-lg);
  font-weight: 500;
  color: var(--gray-black);
}
.settlementWrap .settleDetail .tableStyle .total td p strong {
  margin-right: 0.4rem;
  font-size: 2.3rem;
}
.settlementWrap .settleAvail {
  margin-top: 8rem;
}
.settlementWrap .settleAvail .flipTable {
  display: flex;
  border-top: 1px solid var(--gray-black);
}
.settlementWrap .settleAvail .flipTable .group {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.settlementWrap .settleAvail .flipTable .group.colspan {
  flex: 2;
}
.settlementWrap .settleAvail .flipTable .group.colspan .th {
  border-left: 1px solid var(--gray-line1);
}
.settlementWrap .settleAvail .flipTable .group.colspan .cols {
  display: flex;
  width: 100%;
}
.settlementWrap .settleAvail .flipTable .group .tr {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.settlementWrap .settleAvail .flipTable .group .th,
.settlementWrap .settleAvail .flipTable .group .td {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 7.1rem;
  padding: 0 0.5rem;
  vertical-align: middle;
  font-size: var(--body-md);
  color: var(--gray-dark);
  text-align: center;
  word-break: keep-all;
  background: #fff;
  border-bottom: 1px solid var(--gray-line1);
  box-sizing: border-box;
}
.settlementWrap .settleAvail .flipTable .group .th {
  flex-grow: 1;
  height: auto;
  padding: 2rem 0.5rem;
  font-weight: 500;
  color: var(--gray-black);
  background: var(--sub-bg);
}
.settlementWrap .settleAvail .flipTable .total {
  position: relative;
}
.settlementWrap .settleAvail .flipTable .total::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid var(--main);
  box-sizing: border-box;
}
.settlementWrap .settleAvail .flipTable .total .td p {
  font-size: var(--body-lg);
  font-weight: 500;
  color: var(--gray-black);
}
.settlementWrap .settleAvail .flipTable .total .td p strong {
  margin-right: 0.4rem;
  font-size: 2.3rem;
}
.settlementWrap .settleAvail .confirmBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 4rem;
}
.settlementWrap .settleAvail .confirmBox .cont .txt {
  font-size: 2.3rem;
  font-weight: 500;
  color: var(--gray-black);
}
.settlementWrap .settleAvail .confirmBox .cont .date {
  margin-top: 0.4rem;
  font-size: var(--body-md);
  color: var(--gray-dark);
}
.settlementWrap .settleAvail .confirmBox .sign {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.settlementWrap .settleAvail .confirmBox .sign p {
  font-size: var(--body-lg);
  font-weight: 500;
  color: var(--gray-black);
}
.settlementWrap .settleAvail .confirmBox .sign .img {
  width: 22rem;
  text-align: center;
  border: 1px solid var(--gray-line1);
}
.settlementWrap .settleAvail .confirmBox .sign .img img {
  max-height: 8rem;
}
.settlementWrap {
  /* 내역 */
}
.settlementWrap.history .wrapBox {
  margin-top: 4rem;
}
.settlementWrap.history .settleTotal .countItem {
  gap: 2rem;
  margin-top: 0;
}
.settlementWrap.history .settleTotal .countItem dl {
  background: var(--sub-bg);
}
.settlementWrap.history .settleReceipt {
  margin-top: 4rem;
  padding: 4rem 6rem;
  background: var(--sub-dark);
  border-radius: 1.2rem;
}
.settlementWrap.history .settleReceipt ul li {
  display: flex;
  justify-content: space-between;
  margin-top: 0.8rem;
  color: #fff;
}
.settlementWrap.history .settleReceipt ul li:first-child {
  margin-top: 0;
}
.settlementWrap.history .settleReceipt ul li .field {
  font-size: var(--body-md);
}
.settlementWrap.history .settleReceipt ul li .data {
  font-size: var(--body-lg);
}
.settlementWrap.history .settleReceipt dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #4d5e6d;
  color: var(--point);
}
.settlementWrap.history .settleReceipt dl dt {
  font-size: var(--body-lg);
}
.settlementWrap.history .settleReceipt dl dd {
  display: flex;
  align-items: flex-end;
  gap: 0.4rem;
  font-size: var(--body-lg);
  line-height: 1.3;
}
.settlementWrap.history .settleReceipt dl dd b {
  font-size: 3.2rem;
  line-height: 1;
  letter-spacing: -0.025em;
}

@media screen and (max-width: 1024px) {
  /* 수당 정산 신청 */
  .settlementWrap .wrapArea {
    margin-top: 2.5rem;
    padding: 2.5rem;
    border-radius: 0.75rem;
  }
  .settlementWrap .wrapArea.settleDetail {
    padding: 2.5rem;
  }
  .settlementWrap .wrapBox {
    margin-top: 3.75rem;
  }
  .settlementWrap .settleTotal .selectbox::after {
    right: 1.5rem;
  }
  .settlementWrap .settleTotal .selectbox select {
    min-height: 5rem;
    padding: 0 1.5rem;
    padding-right: 4.5rem;
    font-size: 1.75rem;
    border-radius: 0.5rem;
  }
  .settlementWrap .settleTotal .countItem {
    flex-wrap: wrap;
    gap: 1.5rem;
    margin-top: 1.5rem;
  }
  .settlementWrap .settleTotal .countItem dl {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 0 0 calc((100% - 1.5rem) / 2);
    height: 13.75rem;
    padding: 2.5rem;
    border-radius: 0.75rem;
  }
  .settlementWrap .settleTotal .countItem dl dt {
    font-size: 1.75rem;
  }
  .settlementWrap .settleTotal .countItem dl dt br {
    display: block;
  }
  .settlementWrap .settleTotal .countItem dl dd {
    margin-top: 0;
    font-size: 1.875rem;
    line-height: 1.1;
  }
  .settlementWrap .settleTotal .countItem dl dd b {
    font-size: 2.25rem;
  }
  .settlementWrap .settleDetail .boardDetailList table tr {
    padding: 2.5rem 1.25rem;
  }
  .settlementWrap .settleDetail .tableStyle .total td p {
    font-size: 1.875rem;
  }
  .settlementWrap .settleDetail .tableStyle .total td p strong {
    font-size: 2.25rem;
  }
  .settlementWrap .settleAvail {
    margin-top: 2.5rem;
  }
  .settlementWrap .settleAvail .flipTable {
    flex-direction: column;
  }
  .settlementWrap .settleAvail .flipTable .group.colspan > .th {
    width: 28.125%;
    border-left: none;
  }
  .settlementWrap .settleAvail .flipTable .group.colspan .cols {
    flex-direction: column;
    width: 71.875%;
  }
  .settlementWrap .settleAvail .flipTable .group.colspan .cols .td {
    flex-shrink: 0;
    width: 69.5652%;
    height: 100%;
  }
  .settlementWrap .settleAvail .flipTable .group .tr {
    flex-direction: row;
  }
  .settlementWrap .settleAvail .flipTable .group .th,
  .settlementWrap .settleAvail .flipTable .group .td {
    height: auto;
    padding: 1.625rem 0.5rem;
    font-size: 1.75rem;
  }
  .settlementWrap .settleAvail .flipTable .group .th {
    letter-spacing: -0.025em;
  }
  .settlementWrap .settleAvail .flipTable .group .td {
    width: 50%;
  }
  .settlementWrap .settleAvail .flipTable .total .td p {
    font-size: 1.875rem;
  }
  .settlementWrap .settleAvail .flipTable .total .td p strong {
    font-size: 2.25rem;
  }
  .settlementWrap .settleAvail .confirmBox {
    flex-direction: column;
    margin-top: 2.5rem;
  }
  .settlementWrap .settleAvail .confirmBox .cont {
    width: 100%;
  }
  .settlementWrap .settleAvail .confirmBox .cont .txt {
    font-size: 2.25rem;
  }
  .settlementWrap .settleAvail .confirmBox .cont .date {
    font-size: 1.75rem;
  }
  .settlementWrap .settleAvail .confirmBox .sign {
    width: 100%;
    justify-content: flex-end;
    gap: 1.25rem;
    margin-top: 1.25rem;
  }
  .settlementWrap .settleAvail .confirmBox .sign p {
    font-size: 1.875rem;
  }
  .settlementWrap .settleAvail .confirmBox .sign .img {
    width: 16.25rem;
  }
  .settlementWrap .settleAvail .confirmBox .sign .img img {
    max-height: 6rem;
  }
  .settlementWrap {
    /* 내역 */
  }
  .settlementWrap.history .wrapBox {
    margin-top: 2.5rem;
  }
  .settlementWrap.history .settleTotal .countItem {
    gap: 1.25rem;
  }
  .settlementWrap.history .settleTotal .countItem dl {
    flex: auto;
    width: 100%;
    height: 11rem;
  }
  .settlementWrap.history .settleReceipt {
    margin-top: 2.5rem;
    padding: 3.75rem;
    border-radius: 0.75rem;
  }
  .settlementWrap.history .settleReceipt ul li {
    margin-top: 1rem;
  }
  .settlementWrap.history .settleReceipt ul li .field {
    font-size: 1.75rem;
  }
  .settlementWrap.history .settleReceipt ul li .data {
    font-size: 1.875rem;
  }
  .settlementWrap.history .settleReceipt dl {
    margin-top: 1.25rem;
    padding-top: 1.25rem;
  }
  .settlementWrap.history .settleReceipt dl dt {
    font-size: 1.875rem;
  }
  .settlementWrap.history .settleReceipt dl dd {
    font-size: 1.875rem;
    line-height: 1.1;
  }
  .settlementWrap.history .settleReceipt dl dd b {
    font-size: 2.5rem;
  }
}