.sub-visual {
  width: 100%;
  height: 320px;
  position: relative;
}
.sub-visual.sv01 .bg {
  background-image: url("/img/sub/bg_sub_01.png");
}
.sub-visual.sv02 .bg {
  background-image: url("/img/sub/bg_sub_02.png");
}
.sub-visual.sv03 .bg {
  background-image: url("/img/sub/bg_sub_03.png");
}
.sub-visual.sv04 .bg {
  background-image: url("/img/sub/bg_sub_04.png");
}
.sub-visual.sv05 .bg {
  background-image: url("/img/sub/bg_sub_05.png");
}
.sub-visual.sv06 .bg {
  background-image: url("/img/sub/bg_sub_06.png");
}
.sub-visual.sv07 .bg {
  background-image: url("/img/sub/bg_sub_07.png");
}
.sub-visual.sv08 .bg {
  background-image: url("/img/sub/bg_sub_08.png");
}
.sub-visual .flex-box,
.sub-visual .bg {
  width: 100%;
  height: 100%;
}
.sub-visual .bg {
  border-radius: 20px;
  z-index: -1;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sub-visual .bg::before, .sub-visual .bg::after {
  content: "";
  display: block;
  background: rgba(255, 255, 255, 0.4);
  position: absolute;
  top: 0;
  bottom: 0;
  transition: all 1.2s ease-in-out;
  width: 100%;
  height: 100%;
}
.sub-visual .bg::before {
  left: 0;
}
.sub-visual .bg::after {
  right: 0;
}
.sub-visual .flex-box {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.sub-visual h2 {
  font-size: var(--font60);
  overflow: hidden;
}
.sub-visual h2 span {
  display: inline-block;
  color: #333;
  font-weight: 700;
  transform: translateY(100%);
  transition: all 0.8s ease-in-out;
}
.sub-visual h2.on span {
  transform: translateY(0);
  transition-delay: 0.1s;
}
.sub-visual .path-box {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  column-gap: 15px;
}
.sub-visual .path-box li:not(.home) {
  display: flex;
  align-items: center;
  column-gap: 15px;
}
.sub-visual .path-box li:not(.home)::before {
  content: "";
  display: block;
  width: 3px;
  height: 3px;
  background: #333;
  border-radius: 15px;
}
.sub-visual .path-box li:not(.home) a {
  color: #333;
  font-size: 1.7rem;
  font-weight: 700;
}
.sub-visual .lnb-box {
  width: auto;
  height: 80px;
  background: var(--color-white);
  border: 2px solid #f8f8f8;
  border-radius: 100px;
  padding: 10px;
  position: absolute;
  top: calc(100% - 40px);
  left: 50%;
  transform: translateX(-50%);
}
.sub-visual .depth1,
.sub-visual .depth1 li a {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.sub-visual .depth1 {
  width: 100%;
  height: 100%;
}
.sub-visual .depth1 li,
.sub-visual .depth1 li a {
  height: 100%;
  transition: all 0.4s ease-in-out;
}
.sub-visual .depth1 li {
  background: transparent;
  border-radius: 100px;
}
.sub-visual .depth1 li a {
  color: #ccc;
  font-size: 1.8rem;
  font-weight: 800;
  white-space: nowrap;
  padding: 0 80px;
}
.sub-visual .depth1 li a .br {
  display: none; 
}
.sub-visual .depth1 li:hover, .sub-visual .depth1 li.on {
  background: var(--color-main);
}
.sub-visual .depth1 li:hover a, .sub-visual .depth1 li.on a {
  color: var(--color-white);
}
.sub-visual.on .bg::before, .sub-visual.on .bg::after {
  width: 0;
  opacity: 0;
}
.sub-visual.on .bg::before {
  left: 100%;
}
.sub-visual.on .bg::after {
  right: 100%;
}

.paging {
  column-gap: 15px;
  margin-top: 60px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.paging .arr,
.paging .arr a,
.paging ul {
  display: flex;
  align-items: center;
}
.paging .arr,
.paging ul {
  column-gap: 15px;
}
.paging ul li {
  width: 35px;
  height: 35px;
  background: transparent;
  border-radius: 50%;
  transition: all 0.4s;
}
.paging ul li a {
  color: #ccc;
  font-weight: 800;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.paging ul li:hover, .paging ul li.on {
  background: var(--color-main);
}
.paging ul li:hover a, .paging ul li.on a {
  color: var(--color-white);
}

.sub-wrap .column {
  display: flex;
  flex-direction: column;
}
.sub-wrap .column.gap120 {
  row-gap: var(--gap120);
}
.sub-wrap .column.gap180 {
  row-gap: var(--gap180);
}
.sub-wrap a:has(i.xi-external-link) i {
  transform: translateY(0.07em);
}
.sub-wrap .sub-page {
  padding: var(--gap160) 0 var(--gap200);
}
.sub-wrap .sub-page h3,
.sub-wrap .sub-page h4 {
  color: #111;
  font-weight: 800;
}
.sub-wrap .sub-page h3 a,
.sub-wrap .sub-page h4 a {
  color: #111;
}
.sub-wrap .sub-page h3 {
  font-size: var(--font42);
  text-align: center;
}
.sub-wrap .sub-page h4 {
  font-size: var(--font28);
}
.sub-wrap .sub-page .contents {
  margin-top: var(--gap80);
}
.sub-wrap .flex-box {
  display: flex;
}
.sub-wrap .flex-box:has(.guidebook) {
  column-gap: 20px;
  align-items: flex-end;
  justify-content: space-between;
}
.sub-wrap .gray {
  background: #f8f8f8;
  border-radius: 20px;
}
.sub-wrap .gray-border {
  border-radius: 20px;
  position: relative;
}
.sub-wrap .gray-border::after {
  content: "";
  display: block;
  background: #fcfbf9;
  border: 2px solid #f5f3ed;
  border-radius: 20px;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sub-wrap .gray-border:has(ol) {
  padding: calc(var(--gap80) - 20px);
}
.sub-wrap .number-list {
  row-gap: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.sub-wrap .number-list li {
  column-gap: 15px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.sub-wrap .number-list em {
  width: 25px;
  height: 25px;
  flex-shrink: 0;
  background: var(--color-main);
  border-radius: 50%;
  color: var(--color-white);
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.sub-wrap .number-list p,
.sub-wrap .number-list p * {
  color: #333;
}
.sub-wrap .number-list p {
  font-size: 1.9rem;
  transform: translateY(0.1em);
}
.sub-wrap .basic-button {
  height: 65px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f8f8f8;
  border-radius: 100px;
  padding: 0 80px;
}
.sub-wrap .basic-button span {
  color: #ccc;
  font-size: 1.9rem;
  font-weight: 700;
}
.sub-wrap .basic-button:has(img) {
  column-gap: 10px;
  padding: 0 60px;
}
.sub-wrap .basic-button:has(img) img {
  flex-shrink: 0;
}
.sub-wrap .gradient {
  position: relative;
}
.sub-wrap .gradient::before, .sub-wrap .gradient::after {
  content: "";
  display: block;
  border-radius: 1000px;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sub-wrap .gradient::before {
  background: linear-gradient(145deg, #F7F8FB 0%, #ECF0FA 100%);
}
.sub-wrap .gradient::after {
  background-image: linear-gradient(145deg, #FFFFFF 0%, #E4E9F2 100%), linear-gradient(145deg, #FFFFFF 0%, #E4E9F2 100%);
  border: 2px solid transparent;
  background-origin: border-box;
  background-clip: content-box, border-box;
}
.sub-wrap .guidebook {
  width: 100%;
  display: flex;
  column-gap: 20px;
}
.sub-wrap .guidebook .item {
  width: 100%;
  max-width: 260px;
}
.sub-wrap .guidebook h6,
.sub-wrap .guidebook .img,
.sub-wrap .guidebook .img::after {
  border-radius: 10px;
}
.sub-wrap .guidebook h6 {
  height: 55px;
  column-gap: 10px;
  background: #f8f8f8;
  color: #ccc;
  font-size: 1.7rem;
  font-weight: 700;
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.sub-wrap .guidebook .img {
  width: 100%;
  padding: 69.235% 0;
  position: relative;
  overflow: hidden;
}
.sub-wrap .guidebook .img::after,
.sub-wrap .guidebook .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sub-wrap .guidebook .img::after {
  content: "";
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid var(--color-border);
}
.sub-wrap .guidebook .img img {
  object-fit: cover;
}
.sub-wrap .information {
  display: flex;
  flex-direction: column;
  row-gap: 60px;
  padding: 60px;
}
.sub-wrap .information h6,
.sub-wrap .information h6 * {
  color: #111;
  font-size: 1.8rem;
  font-weight: 800;
}
.sub-wrap .information h6 {
  margin-bottom: 20px;
}
.sub-wrap .information .text {
  width: 100%;
  background: var(--color-white);
  border: 2px solid var(--color-border);
  border-radius: 20px;
  padding: 40px;
}
.sub-wrap .information .text * {
  color: #333;
  line-height: 1.8;
}
.sub-wrap .top-text {
  text-align: center;
}
.sub-wrap .top-text * {
  color: #333;
  font-size: 1.9rem;
  line-height: 1.8;
}
.sub-wrap .top-text b {
  color: #111;
}
.sub-wrap .border-box {
  column-gap: 120px;
  border: 2px solid var(--color-border);
  border-radius: 20px;
  padding: 80px 60px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.sub-wrap .border-box h4,
.sub-wrap .border-box .icon {
  flex-shrink: 0;
}
.sub-wrap .border-box h4 {
  color: #111;
  font-weight: 800;
  line-height: 1.8;
}
.sub-wrap .border-box .number-list {
  row-gap: 20px;
}
.sub-wrap .border-box:has(.icon) {
  column-gap: 80px;
}
.sub-wrap .popup {
  background: var(--color-white);
  border-radius: 20px;
  z-index: 3;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sub-wrap .popup button {
  background: #222;
  border-radius: 100px;
  color: var(--color-white);
  font-size: 1.9rem;
  font-weight: 700;
  padding: 10px 60px;
  margin-top: 20px;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.sub-wrap .foundation .text {
  height: 710px;
  padding: var(--gap120) 80px;
}
.sub-wrap .foundation .text * {
  font-size: 1.9rem;
  line-height: 1.8;
}
.sub-wrap .foundation .flex-box {
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  row-gap: 40px;
  column-gap: 80px;
}
.sub-wrap .foundation p {
  color: #333;
}
.sub-wrap .foundation b {
  color: #111;
}
.sub-wrap .foundation .img {
  position: absolute;
  top: auto;
  left: auto;
  right: 20px;
  bottom: 0;
}
.sub-wrap .purpose .diagram {
  width: 100%;
  max-width: 660px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 60px;
  column-gap: 60px;
  justify-content: center;
  margin: 0 auto;
  position: relative;
}
.sub-wrap .purpose .diagram::before, .sub-wrap .purpose .diagram::after {
  content: "";
  display: block;
  border-radius: 1000px;
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sub-wrap .purpose .diagram::before {
  width: 63.65%;
  background: rgba(248, 181, 0, 0.08);
  padding: 31.825% 0;
}
.sub-wrap .purpose .diagram::after {
  width: 72.72%;
  background: url("/img/sub/border_purpose.png") no-repeat center/100%;
  padding: 36.36% 0;
}
.sub-wrap .purpose .diagram .item {
  text-align: center;
  padding: 50% 0;
  z-index: 0;
}
.sub-wrap .purpose .diagram .center,
.sub-wrap .purpose .diagram .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sub-wrap .purpose .diagram .center {
  width: 250px;
  padding: 125px 0;
  z-index: 1;
}
.sub-wrap .purpose .diagram .center::before {
  background: linear-gradient(145deg, #FEEEC2 0%, #F8B500 100%);
}
.sub-wrap .purpose .diagram .center::after {
  background-image: linear-gradient(145deg, #FFFFFF 0%, #F8B500 100%), linear-gradient(145deg, #FFFFFF 0%, #F8B500 100%);
}
.sub-wrap .purpose .diagram .center .logo {
  width: 53.2%;
}
.sub-wrap .purpose .diagram .inner {
  width: 100%;
  height: 100%;
}
.sub-wrap .purpose .diagram .inner,
.sub-wrap .purpose .diagram .p-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.sub-wrap .purpose .diagram .inner {
  row-gap: 30px;
  z-index: 1;
}
.sub-wrap .purpose .diagram .inner h6 {
  width: 200px;
  height: 50px;
  background: var(--color-white);
  border-radius: 100px;
  color: #111;
  font-size: 2rem;
  font-weight: 800;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.sub-wrap .purpose .diagram .inner h6::before {
  display: none;
}
.sub-wrap .purpose .diagram .p-box {
  row-gap: 10px;
}
.sub-wrap .purpose .diagram .p-box p {
  color: #333;
  font-size: 1.8rem;
}
.sub-wrap .center .item-box {
  column-gap: 60px;
}
.sub-wrap .center .map {
  width: 100%;
  max-width: 650px;
  flex-shrink: 0;
  background: #f8f8f8;
  border-radius: 20px;
  padding: 75px 0 75px 80px;
}
.sub-wrap .center .map svg {
  width: 94.215%;
}
.sub-wrap .center .search-box *,
.sub-wrap .center .table-box * {
  font-family: "Pretendard", sans-serif;
}
.sub-wrap .center .search-box {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  margin-bottom: 30px;
}
.sub-wrap .center .search-box > div {
  display: flex;
  column-gap: 10px;
}
.sub-wrap .center .search-box select,
.sub-wrap .center .search-box button {
  height: 65px;
  border-radius: 10px;
}
.sub-wrap .center .search-box select {
  outline: none;
  appearance: none;
  width: 100%;
  background: url("/img/sub/angle_select.png") no-repeat calc(100% - 30px) center;
  border: 2px solid var(--color-border);
  color: #ccc;
  color: #333;
  font-size: 1.8rem;
  font-weight: 500;
  padding: 0 30px;
}
.sub-wrap .center .search-box button {
  width: 65px;
  flex-shrink: 0;
  background: var(--color-main);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.sub-wrap .center .table-box table {
  border-top: 1px solid var(--color-black);
}
.sub-wrap .center .table-box table th,
.sub-wrap .center .table-box table td {
  height: 65px;
  border-bottom: 1px solid var(--color-border);
}
.sub-wrap .center .table-box table th {
  background: #f8f8f8;
  color: #111;
  font-size: 1.8rem;
  font-weight: 600;
}
.sub-wrap .center .table-box table td,
.sub-wrap .center .table-box table td a {
  color: #333;
  font-weight: 300;
}
.sub-wrap .center .table-box table td {
  text-align: center;
}
.sub-wrap .center .table-box table td.font-big {
  font-size: 1.7rem;
}
.sub-wrap .center .table-box table td.address {
  text-align: left;
  padding: 0 10px;
}
.sub-wrap .history .contents {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
.sub-wrap .history .contents > span {
  color: #111;
  font-size: 5.4rem;
  font-weight: 800;
  position: sticky;
  top: 20px;
}
.sub-wrap .history .list-box {
  width: 100%;
  max-width: 1040px;
  flex-shrink: 0;
  border-top: 1px solid var(--color-black);
}
.sub-wrap .history .list-box dl dt,
.sub-wrap .history .list-box dl p {
  min-height: 85px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.sub-wrap .history .list-box dl {
  border-bottom: 1px solid var(--color-border);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}
.sub-wrap .history .list-box dl dt {
  width: 180px;
  flex-shrink: 0;
  color: #ccc;
  font-size: 2.6rem;
  font-weight: 800;
}
.sub-wrap .history .list-box dl dd {
  width: 100%;
}
.sub-wrap .history .list-box dl p {
  color: #333;
  font-size: 1.9rem;
}
.sub-wrap .history .list-box dl p:not(:last-child) {
  border-bottom: 1px solid var(--color-border);
}
.sub-wrap .victim hr {
  width: 100%;
  height: 1px;
  background: var(--color-border);
}
.sub-wrap .victim .step {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	row-gap: 100px;
	column-gap: 18px;
}
.sub-wrap .victim .step .item {
	width: calc((100% - 100px) / 3);
	display: flex;
	flex-direction: column;
	align-items: center;
}
.sub-wrap .victim .step .item * {
  font-size: 1.8rem;
}
.sub-wrap .victim .step .arrow,
.sub-wrap .victim .step .icon {
  display: flex;
  align-items: center;
}
.sub-wrap .victim .step .opacity30 img {
  opacity: 0.3;
}
.sub-wrap .victim .step .opacity70 img {
  opacity: 0.7;
}
.sub-wrap .victim .step .circle {
	width: 62%;
  padding: 31% 0;
  position: relative;
}
.sub-wrap .victim .step .circle * {
  font-weight: 800;
}
.sub-wrap .victim .step .inner {
  row-gap: 30px;
  text-align: center;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sub-wrap .victim .step .inner em {
  color: #2973B7;
}
.sub-wrap .victim .step .inner h6 {
  color: #111;
}
.sub-wrap .victim .step .icon {
  height: 90px;
}
.sub-wrap .victim .step .text {
	width: 68%;
  row-gap: 20px;
  margin-top: 60px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.sub-wrap .victim .step .text p {
  display: flex;
  align-items: flex-start;
  column-gap: 10px;
  color: #555;
  line-height: 1.8;
}
.sub-wrap .victim .step .text p::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  flex-shrink: 0;
  background: var(--color-main);
  border-radius: 50%;
  transform: translateY(0.7em);
}
/* .sub-wrap .victim .step > * {
  opacity: 0;
  transform: translateX(-40px);
  transition: all 0.6s ease-in-out;
}
.sub-wrap .victim .step.ani.on > * {
  opacity: 1;
  transform: translateX(0);
}
.sub-wrap .victim .step.ani.on > *:nth-child(1) {
  transition-delay: 0s;
}
.sub-wrap .victim .step.ani.on > *:nth-child(2) {
  transition-delay: 0.1s;
}
.sub-wrap .victim .step.ani.on > *:nth-child(3) {
  transition-delay: 0.2s;
}
.sub-wrap .victim .step.ani.on > *:nth-child(4) {
  transition-delay: 0.3s;
}
.sub-wrap .victim .step.ani.on > *:nth-child(5) {
  transition-delay: 0.4s;
}
.sub-wrap .victim .step.ani.on > *:nth-child(6) {
  transition-delay: 0.5s;
}
.sub-wrap .victim .step.ani.on > *:nth-child(7) {
  transition-delay: 0.6s;
} */
.sub-wrap .protector .contents {
  text-align: center;
}
.sub-wrap .protector .contents .text {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
.sub-wrap .protector .contents .text p {
  color: #333;
  font-size: 1.9rem;
  line-height: 1.8;
}
.sub-wrap .protector .contents .basic-button {
  margin: 60px auto 80px;
}
.sub-wrap .reports .contents .flex-box {
  column-gap: 80px;
}
.sub-wrap .reports .contents .img {
  width: 47.5%;
  flex-shrink: 0;
  border-radius: 20px;
  padding: 55px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.sub-wrap .reports .contents .img::before, .sub-wrap .reports .contents .img::after {
  border-radius: 20px;
}
.sub-wrap .reports .contents .text-box {
  width: 100%;
}
.sub-wrap .reports .contents .text {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  margin-bottom: 60px;
}
.sub-wrap .reports .contents .text * {
  color: #333;
  font-size: 1.9rem;
  line-height: 1.8;
}
.sub-wrap .reports .contents .text sup {
  font-size: 0.8em;
}
.sub-wrap .reports .contents .text sup i {
  font-size: 1em;
  transform: translateY(0.2em);
}
.sub-wrap .reports .contents .text button {
  color: #E10303;
  font-weight: 800;
  text-decoration: underline;
  text-underline-position: under;
}
.sub-wrap .reports .popup .inner {
  padding: 40px;
}
.sub-wrap .reports .popup h4 {
  font-size: calc(var(--font28) - 0.2rem);
  margin-bottom: 30px;
}
.sub-wrap .reports .popup .flex-box {
  column-gap: 20px;
}
.sub-wrap .community .item-box {
  text-align: center;
  padding: var(--gap120) 20px;
}
.sub-wrap .community .text-box {
  width: 100%;
  max-width: 1200px;
  row-gap: 40px;
  margin: 40px auto 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.sub-wrap .community .text-box * {
  color: #111;
  font-size: 1.9rem;
  line-height: 1.8;
}
.sub-wrap .community .text-box h6 {
  font-size: 2.3rem;
  font-weight: 800;
}
.sub-wrap .community .text-box p,
.sub-wrap .community .text-box a {
  color: #333;
}
.sub-wrap .community .text-box p b {
  color: #111;
}
.sub-wrap .kit .qna {
  padding: 40px;
}
.sub-wrap .kit .qna .q,
.sub-wrap .kit .qna .a > div {
  display: flex;
  column-gap: 20px;
}
.sub-wrap .kit .qna .q em,
.sub-wrap .kit .qna .a > div em {
  flex-shrink: 0;
  font-size: 2.2rem;
  font-weight: 800;
}
.sub-wrap .kit .qna .q p,
.sub-wrap .kit .qna .a > div p {
  font-size: 1.9rem;
}
.sub-wrap .kit .qna .q {
  align-items: center;
}
.sub-wrap .kit .qna .q em {
  width: 55px;
  height: 55px;
  flex-shrink: 0;
  background: var(--color-white);
  border-radius: 50%;
  color: var(--color-main);
  line-height: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.sub-wrap .kit .qna .q p {
  color: #111;
  font-weight: 700;
}
.sub-wrap .kit .qna .a {
  display: flex;
  flex-direction: column;
  background: var(--color-white);
  border-radius: 20px;
  padding: 40px;
  margin-top: 20px;
}
.sub-wrap .kit .qna .a em {
  color: #ccc;
  line-height: 1.6;
}
.sub-wrap .kit .qna .a p {
  color: #333;
  line-height: 1.8;
}
.sub-wrap .kit .qna .a button {
  margin: 40px auto 0;
}
.sub-wrap .kit .procedure button {
  margin-top: 30px;
}
.sub-wrap .kit .popup {
  background: #f8f8f8;
}
.sub-wrap .kit .popup .inner {
  padding: 20px;
}
.sub-wrap .kit .popup .scroll-y {
  width: 100%;
  height: 675px;
  max-height: 100%;
  overflow-y: scroll;
}
.sub-wrap .kit .popup .scroll-y::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.sub-wrap .kit .popup .scroll-y::-webkit-scrollbar-track {
  background: #eee;
  border-radius: 10px;
}
.sub-wrap .kit .popup .scroll-y::-webkit-scrollbar-thumb {
  background: #222;
  border-radius: 10px;
}
.sub-wrap .kit .popup .text-box {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.sub-wrap .kit .popup .text-box p,
.sub-wrap .kit .popup .text-box p * {
  color: #333;
  line-height: 1.8;
}
.sub-wrap .kit .popup .text-box p {
  background: var(--color-white);
  border-radius: 20px;
  padding: 20px 30px;
}
.sub-wrap .kit .popup .text-box p b {
  color: #111;
  font-weight: 800;
}
.sub-wrap .kit .popup .table-box {
  width: calc(100vw - 80px);
  max-width: 1420px;
  border-radius: 10px;
}
.sub-wrap .kit .popup .table-box table th,
.sub-wrap .kit .popup .table-box table td {
  height: 65px;
}
.sub-wrap .kit .popup .table-box table th:not(:last-child),
.sub-wrap .kit .popup .table-box table td:not(:last-child) {
  border-right: 2px solid var(--color-white);
}
.sub-wrap .kit .popup .table-box table th {
  background: #333;
  color: var(--color-white);
  font-size: 1.8rem;
  font-weight: 700;
}
.sub-wrap .kit .popup .table-box table td {
  color: #333;
  line-height: 1.6;
  padding: 20px 30px;
}
.sub-wrap .kit .popup .table-box table td:has(b) {
  text-align: center;
  padding: 0;
}
.sub-wrap .kit .popup .table-box table td b {
  font-weight: 700;
}
.sub-wrap .kit .popup .table-box table tbody tr:nth-child(odd) td {
  background: #f8f8f8;
}
.sub-wrap .kit .popup .table-box table tbody tr:nth-child(even) td {
  background: #eeeeee;
}
.sub-wrap .aid .process {
  padding: 7.8125% 0;
  position: relative;
}
.sub-wrap .aid .process .line,
.sub-wrap .aid .process ol {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sub-wrap .aid .process .line {
  width: 100%;
  z-index: -1;
  opacity: 0;
  clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  transition: all 1.2s ease-in-out;
}
.sub-wrap .aid .process ol,
.sub-wrap .aid .process ol li {
  width: 100%;
  height: 100%;
}
.sub-wrap .aid .process ol {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
.sub-wrap .aid .process ol li {
  row-gap: 25px;
  column-gap: 0;
  text-align: center;
  opacity: 0;
  transform: translateX(-40px);
  transition: all 0.6s ease-in-out;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.sub-wrap .aid .process ol p {
  font-weight: 700;
}
.sub-wrap .aid .process.on .line {
  opacity: 1;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.sub-wrap .aid .process.on ol li {
  opacity: 1;
  transform: translateX(0);
}
.sub-wrap .aid .process.on ol li:nth-child(1) {
  transition-delay: 0.1s;
}
.sub-wrap .aid .process.on ol li:nth-child(2) {
  transition-delay: 0.2s;
}
.sub-wrap .aid .process.on ol li:nth-child(3) {
  transition-delay: 0.3s;
}
.sub-wrap .aid .process.on ol li:nth-child(4) {
  transition-delay: 0.4s;
}
.sub-wrap .aid .process.on ol li:nth-child(5) {
  transition-delay: 0.5s;
}
.sub-wrap .aid .expenses .text {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding-right: 85px;
  margin-top: 30px;
}
.sub-wrap .aid .expenses .text * {
  color: #333;
  line-height: 1.8;
}
.sub-wrap .treatment .program h4 {
  margin-bottom: 30px;
}
.sub-wrap .service .contents {
  position: relative;
}
.sub-wrap .service .text-box {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.sub-wrap .service .text {
  border: 2px solid var(--color-border);
  border-radius: 20px;
  padding: 40px;
}
.sub-wrap .service .text * {
  font-size: 1.9rem;
}
.sub-wrap .service .text h6 {
  width: 155px;
  height: 45px;
  background: #f8f8f8;
  border-radius: 100px;
  color: #333;
  font-weight: 700;
  margin-bottom: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.sub-wrap .service .text p {
  color: #333;
  line-height: 1.8;
}
.sub-wrap .service .img {
  position: absolute;
  right: 0;
  bottom: -25px;
}

/* 20250429 추가 */
.sub-wrap .sub-page.library .contents {
  margin-top: 0;
}
.img_borad_list{display: flex; flex-wrap:wrap; gap:120px 80px; }
.img_borad_list .item{position: relative; width: calc((100% - 240px)/4); cursor: pointer;}
.img_borad_list .item a{position: absolute;top: 0; left: 0; right: 0;bottom: 0;}
.img_borad_list .item figure{ overflow:hidden; position: relative; overflow: hidden; border:1px solid #E5E5E5; border-radius:10px; }
.img_borad_list .item figure::before { content:""; display: block; width: 100%; padding-top: 138.5%; }
.img_borad_list .item figure img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width:100%; min-height:100%; object-fit:cover;}
.img_borad_list .item .txt{padding-top: 20px;}
.img_borad_list .item .txt h2{  overflow: hidden; white-space: normal;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;font-weight: 700; line-height: 1.5; font-size: 20px;color: #333; }

.board_ctn .paging { 
  margin-top: 120px;
}
.board_ctn .paging .arr,
.board_ctn .paging ul {
  column-gap: 10px;
}

.board_ctn .paging ul li a {
  font-family: 'Pretendard', sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #999;
}
.board_ctn .paging ul li:hover, .board_ctn .paging ul li.on {
  background: transparent;
}
.board_ctn .paging ul li:hover a, .board_ctn .paging ul li.on a {
  color: var(--color-main);
}

.board_ctn .paging .arr a {
  justify-content:center;
  width: 30px;
  height: 30px;
}
.board_ctn .paging .arr a .xi-angle-left-min {
	font-size: 0;
	width: 9px;
	height: 13px;
	background: url("/img/sub/page_prev.svg") no-repeat center center/contain;
}
.board_ctn .paging .arr a .xi-angle-right-min {
	font-size: 0;
	width: 9px;
	height: 13px;
	background: url("/img/sub/page_next.svg") no-repeat center center/contain;
}
.board_ctn .paging .arr .first .xi-angle-left-min:nth-child(1),
.board_ctn .paging .arr .last .xi-angle-right-min:nth-child(1){ 
  transform:translateX(2px);
}
.board_ctn .paging .arr .first .xi-angle-left-min:nth-child(2), 
.board_ctn .paging .arr .last .xi-angle-right-min:nth-child(2) { 
  transform:translateX(-2px);
}
.view_ctn .tit { 
  padding-bottom: 40px; 
  border-bottom:1px solid #E5E5E5;
}
.view_ctn .tit h2 { 
  margin-bottom: 20px;
  font-size: 40px; 
  font-weight: 700; 
  color: #333;
}
.view_ctn .tit ul {
  display: flex;
  flex-wrap:wrap;
  align-items:center;
  gap:20px 30px;
}
.view_ctn .tit ul li,
.view_ctn .tit ul li a{
  font-size: 18px;
  line-height: 1.3;
  color: #999;
}
.view_ctn .tit ul li {
  display: flex;
  align-items: baseline;
}
.view_ctn .tit ul li span {
  margin-right: 10px;
  font-weight: 900;
}
.view_ctn .tit ul li.file {
  width: 100%;
}
.view_ctn .tit ul li.file .file-box { 
	max-width: calc( 100% - 75px) ;
}
.view_ctn .tit ul li.file .file-box a {
	display: block;
	overflow:hidden;
    text-overflow: ellipsis;
	white-space:nowrap;
}
.view_ctn .tit ul li.file .file-box a + a {
	margin-top: 0.5em;
}
.view_ctn .info {
  padding: 40px 0 60px;
  font-size: 16px;
}
.view_ctn .list_btn {
  display: flex;
  justify-content:center;
  align-items:center;
}
.view_ctn .list_btn .basic-button { 
  width: 193px;
  background-color: var(--color-main);
}
.view_ctn .list_btn .basic-button span {
  font-size: 18px;
  color: #fff;
}

@media (max-width: 1200px) {
	.img_borad_list { 
		gap: 80px 40px;
	}
	.img_borad_list .item {
		width: calc((100% - 120px) / 4);
	}
	.img_borad_list .item .txt h2 {
		font-size: 16px;
	}
}
@media (max-width: 1024px){ 
	.sub-visual .depth1 li .gnb-br {
	  display: inline; 
	}
	.view_ctn .tit h2 {
		font-size: 30px;
	}
	.view_ctn .tit ul li,
	.view_ctn .tit ul li a{
		font-size: 16px;
	}
}
@media (max-width: 768px){
	.img_borad_list { 
		gap: 60px 40px;
	}
	.img_borad_list .item {
		width: calc(50% - 20px);
	}
	.view_ctn .tit {
		padding-bottom: 30px;
	}
	.view_ctn .tit h2 {
		font-size: 24px;
	}
	.view_ctn .tit ul {
		gap: 10px 20px;	
	}
	.view_ctn .tit ul li,
	.view_ctn .tit ul li a{
		font-size: 14px;
	}
	.view_ctn .info {
		padding-top: 30px;
	}
	.view_ctn .list_btn .basic-button { 
	  width: 160px;
	}
	.view_ctn .list_btn .basic-button span {
	  font-size: 16px;
	}
}
@media (max-width: 640px){
	.img_borad_list { 
		gap: 40px 20px;
	}
	.img_borad_list .item {
		width: calc(50% - 10px);
	}
	.board_ctn .paging { 
	  margin-top: 60px;
      column-gap: 9px;
	}
	.board_ctn .paging .arr, 
	.board_ctn .paging ul {
		column-gap: 9px;
	}
	.board_ctn .paging .arr a,
	.board_ctn .paging ul li {
		width: 20px;
		height: 20px;
	}
	.board_ctn .paging ul li a {
		font-size: 16px;
	}
}