#hd {
  z-index: 1005;
}

#hd.fix {
  top: 0;
  background: #fff;
}

#hd.up {
  top: -100%;
}

.sub_visual .top {
  min-height: 444px;
  padding-top: 19rem;
  position: relative;
  background: url("../img/sub/sub_visual_bgtop.jpg") no-repeat right bottom;
}

.sub_title {
  transform: translateY(70px);
  opacity: 0;
}

.sub_visual.on .sub_title {
  transform: translateY(0);
  opacity: 1;
  transition: all 1.2s ease;
  transition-delay: 0.5s;
}

.sub_visual #snb {
  transform: translateY(70px);
  opacity: 0;
}

.sub_visual.on #snb {
  transform: translateY(0);
  opacity: 1;
  transition: all 1.2s ease;
}

#snb {
  margin-bottom: 4rem;
}

#snb ul {
  display: flex;
  align-items: center;
  gap: 4rem;
}

#snb ul li + li {
  position: relative;
}

#snb ul li + li::before {
  content: "";
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 50%;
  left: -3rem;
  transform: translateY(-50%);
  background: url("../img/sub/snb_arrow.png") no-repeat center center/cover;
}

#snb ul li a {
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
}

#snb ul li a.home span {
  display: block;
  width: 2rem;
  height: 2rem;
  background: url("../img/sub/home.png") no-repeat center center/cover;
}

.sub_visual .sub_title {
  font-size: 5.5rem;
  font-weight: 900;
  margin-bottom: 6.6rem;
  font-family: "NanumSquareNeo";
}

#sub_nav.fix {
  top: 0;
  bottom: auto;
  z-index: 1000;
  position: fixed;
  background: #ffff;
}

#sub_nav {
  width: 100%;
  min-width: 1440px;
  position: absolute;
  bottom: 0;
  left: 0;
  /* transition: all 0.4s ease-in-out;; */
}

#sub_nav ul {
  display: flex;
}

#sub_nav li a {
  display: block;
  min-width: 8.6rem;
  text-align: center;
  padding: 2.3rem 3.5rem;
  font-size: 1.8rem;
  font-weight: 600;
  position: relative;
  transition: all 0.3s;
}

#sub_nav li a.act,
#sub_nav li a:hover {
  color: var(--main-color);
}

#sub_nav li a.act::before,
#sub_nav li a:hover::before {
  content: "";
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.3s;
  background-color: var(--main-color);
}

.sub_visual .sub_bg {
  overflow: hidden;
}

.sub_visual .sub_bg img {
  animation: zoom 8s forwards;
}

.sub_visual .bot {
  position: relative;
  overflow: hidden;
}

.sub_visual .sub_visual_ttl {
  position: absolute;
  font-size: 14rem;
  line-height: 0.7;
  letter-spacing: 0;
  font-weight: 1000;
  font-family: "NanumSquareNeo";
  color: #fff;
  text-align: center;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 30px);
  opacity: 0;
  z-index: 2;
  white-space: nowrap;
  animation: ttup 1s 0.7s ease-in-out forwards;
}

@keyframes ttup {
  0% {
    opacity: 0;
    transform: translate(-50%, 30px);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}

#container.sub {
  padding-top: 15.2rem;
}

.sub_ttl_row.t_c {
  text-align: center;
}

.sub_ttl_row.wh {
  color: #fff;
}

.sub_ttl_row .psrc {
  display: inline-block;
  margin-bottom: 3.3rem;
}

.sub_ttl_row h3 {
  font-size: 4.2rem;
  font-family: "NanumSquareNeo";
  line-height: 1.5;
}

.sub_ttl_row b {
  font-weight: 900;
}

.sub_ttl_row .b_effect {
  position: relative;
  display: inline-block;
}

.sub_ttl_row .b_effect::after {
  content: "";
  width: calc(100% + 1.4rem);
  height: 3.5rem;
  background-color: #b2aa9f;
  opacity: 0.33;
  position: absolute;
  left: -0.7rem;
  bottom: -0.3rem;
  z-index: -1;
}

.desc {
  font-size: 1.9rem;
  line-height: 1.5;
}

.sub_ttl_row .desc {
  line-height: 1.7;
  margin-top: 2.8rem;
}

.sub_ttl_row h4 {
  font-size: 4.2rem;
  font-family: "NanumSquareNeo";
  line-height: 1.5;
}

.imt_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 15.7rem;
}

.ap_row {
  display: flex;
  align-items: center;
  /* padding-bottom: 12.3rem; */
  background: url("../img/sub/m21_sec02_bg.png") no-repeat right bottom;
}

.ap_row > div {
  width: 50%;
}

.ap_row .left {
  position: relative;
  z-index: 2;
  padding: 16.5rem 0 16.5rem 16.67%;
}

.ap_row .left::before {
  content: "";
  width: 75%;
  height: 100%;
  background-color: #897e66;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.ap_row .img_wr {
  position: relative;
}

.ap_row .img_wr .dim {
  width: 100%;
  height: 100%;
  background: var(--main-color);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: opacity 0.5s;
}

.ap_row .left .img_wr .dim {
  translate: none;
  rotate: none;
  scale: none;
  transform-origin: 100% 50%;
  transform: scale(0, 1);
}

.ap_row.aos-animate .left .dim {
  animation: leftDim 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

@keyframes leftDim {
  0% {
    transform: scale(0, 1);
  }

  40% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(1, 1);
  }

  100% {
    transform: scale(1, 1) translateX(-100%);
  }
}

@keyframes rightDim {
  0% {
    transform: scale(0, 1);
  }

  40% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(1, 1);
  }

  100% {
    transform: scale(1, 1) translateX(100%);
  }
}

@keyframes imgDim {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 1;
  }
}

.ap_row .txt_wr {
  padding-left: 3.54%;
}

.sub_ttl_row + .cau_list {
  margin-top: 6rem;
}

.cau_list li {
  font-size: 1.9rem;
  padding-left: 5.5rem;
  line-height: 2.7rem;
  background: url("../img/sub/ico_chk.png") no-repeat left center/3rem auto;
}

.cau_list li + li {
  margin-top: 2rem;
}

.sym2_sec {
  min-height: 84rem;
  padding: 15rem 0 10rem;
  background: url("../img/sub/sym2_sec_bg.jpg") no-repeat center center/cover;
}

.sym_sec {
  min-height: 111.8rem;
  padding: 15rem 0 10rem;
  background: url("../img/sub/sym_sec_bg.jpg") no-repeat center center/cover;
}

.sub_ttl_row + .row4_list {
  margin-top: 8.5rem;
}

.row4_list.row5 {
  gap: 4.2rem;
}

.row4_list {
  display: flex;
  justify-content: center;
  gap: 3.6rem;
}

.row4_list figcaption {
  font-size: 2rem;
  line-height: 1.6;
  margin-top: 1.9rem;
  text-align: center;
}

.row4_list + .row4_list {
  margin-top: 7.8rem;
}

.point_sec {
  padding: 9.5rem 0 20.4rem;
  background: #222;
}

.d_control {
  display: flex;
  gap: 2rem;
  margin-top: 8.3rem;
}

.d_control button {
  display: block;
  width: 7rem;
  height: 7rem;
  opacity: 0.4;
  transition: opacity 0.5s;
  background: url("../img/main/vis_next.png") no-repeat center center/cover;
}

.d_control button.d_prev {
  transform: rotate(-180deg);
}

.d_control button:hover {
  opacity: 1;
}

.part_sec > .inner {
  position: relative;
}

.part_sec .d_control button {
  opacity: 0.5;
  background-image: url("../img/main/slide_next_gr2.png");
}

.part_sec .d_control button:hover {
  opacity: 1;
}

.dia_row {
  display: flex;
  padding-left: 16.98%;
}

.dia_row .left {
  width: 25%;
  flex: 0 0 auto;
  padding-top: 6.95rem;
  position: relative;
}

.dia_row .right {
  width: 75%;
  overflow: hidden;
  padding-left: 3.33%;
  padding-top: 6.95rem;
}

.dia_row .right .dia_slide {
  padding-right: 3.7rem;
}

.dia_slide .txtbox {
  min-height: 21.2rem;
  padding: 1.9rem 0 1.9rem 2.2rem;
  margin-top: -8.3rem;
  position: relative;
  z-index: 3;
  left: -1px;
}

.dia_slide .txtbox::before {
  content: "";
  position: absolute;
  left: 1px;
  top: 0;
  width: 80%;
  max-width: 22.2rem;
  height: 4px;
  z-index: 3;
  background-color: #b2aa9f;
}

.dia_slide .txtbox::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100px;
  width: 87.58%;
  z-index: -1;
  background: #222;
}

.dia_slide .txtbox .cetg {
  font-size: 1.7rem;
  font-weight: 600;
  color: #b2aa9f;
  margin-bottom: 1rem;
}

.dia_slide .txtbox .subject {
  font-size: 3rem;
  font-weight: 600;
  margin-bottom: 3rem;
  color: #fff;
}

.dia_slide .txtbox .disc {
  width: 100%;
  font-weight: 300;
  color: #dcdcdc;
  background: #222;
}

.dia_slide .item_wr {
  padding-bottom: 3.2rem;
  border-bottom: solid 1px #b2aa9f;
}

.dia_slide .item_box {
  position: relative;
}

.dia_slide2 .txt_wr {
  position: absolute;
  top: 22.4rem;
  left: 4.4rem;
  z-index: 3;
}

.dia_slide2 .txt_wr .subject {
  font-size: 3rem;
  font-weight: 600;
  margin-bottom: 2rem;
  color: #fff;
}

.dia_slide2 .txt_wr .disc {
  font-size: 1.7rem;
  font-weight: 500;
  color: #d9d6d2;
}

.dia_slide2 img {
  width: 100%;
}

.part_sec .sub_ttl_row h4 b {
  font-weight: 900;
}

.bgm2 {
  padding: 14rem 0 18.5rem;
  background: url("../img/sub/m21_sec05_bg.jpg") no-repeat center center/cover;
}

.cnc_slide_wr {
  padding-top: 9rem;
  position: relative;
}

.cnc_slide_wr .swiper-slide {
  position: relative;
}

.cnc_slide .thumb {
  position: relative;
}

.cnc_slide .thumb::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #897e66;
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s;
}

.cnc_slide .swiper-slide:hover .thumb::after {
  opacity: 1;
}

.cnc_slide .info_wr {
  width: 100%;
  height: 100%;
  display: flex;
  color: #fff;
  text-align: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

.cnc_slide .info_wr .category {
  font-size: 1.6rem;
  font-weight: 700;
  padding-bottom: 1.7rem;
  margin-bottom: 1.4rem;
  position: relative;
}

.cnc_slide .info_wr .category::after {
  content: "";
  width: 3rem;
  height: 1px;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  background-color: #fff;
}

.cnc_slide .info_wr .subject {
  font-size: 2.5rem;
  font-weight: 600;
}

.cnc_slide_wr .n_control {
  display: flex;
  gap: 1rem;
  margin-left: auto;
  position: absolute;
  top: -2.3rem;
  right: 0;
  z-index: 3;
}

.cnc_slide_wr .swiper-pagination-progressbar {
  position: relative;
  margin-top: 8rem;
  height: 2px;
  background: #e3e3e3;
}

.cnc_slide_wr
  .swiper-pagination-progressbar
  .swiper-pagination-progressbar-fill {
  background-color: #2d2d2d;
}

.spc_slide_wr .inner {
  position: relative;
}

.spc_slide .swiper-slide {
  padding-top: 21.5rem;
  min-height: 85rem;
  display: flex;
  align-items: center;
}

.spc_control {
  position: absolute;
  top: 39rem;
  z-index: 3;
}

.spc_control button {
  display: block;
  width: 7rem;
  height: 7rem;
  opacity: 0.27;
  transition: opacity 0.5s;
  background: url("../img/main/vis_next.png") no-repeat center center/cover;
}

.spc_control button:first-of-type {
  transform: rotate(-180deg);
  margin-bottom: 1.6rem;
}

.spc_control button:hover {
  opacity: 1;
}

.spc_slide .slide_bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: no-repeat center center/cover;
}

.spc_slide .slide_bg.bg01 {
  background-image: url("../img/sub/sb_back01.jpg");
}

.spc_slide .slide_bg.bg02 {
  background-image: url("../img/sub/sb_back02.jpg");
}

.sps_ttl_row {
  position: absolute;
  top: 16rem;
  left: 0;
  z-index: 3;
}

.sps_ttl_row h3 {
  color: #fff;
  font-size: 3.5rem;
  font-weight: 700;
  margin-top: 2.6rem;
  font-family: "Nanum Myeongjo", serif;
}

.spc_slide .inner {
  display: flex;
  align-items: center;
  padding-left: 14rem;
}

.spc_slide .sub_ttl_row {
  opacity: 0;
  transition: opacity 1s 0.5s ease-in-out;
}

.spc_slide .swiper-slide.swiper-slide-active .sub_ttl_row {
  opacity: 1;
}

.spc_slide .sub_ttl_row h4 {
  padding-top: 3rem;
  position: relative;
}

/* 1-5 hospitalview */
.con0105 {
  padding-bottom: 12.6rem;
}
.con0105 #hospitalview {
}

.con0105 #hospitalview .swiper-slide {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 616px;
  display: flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;
}

/* #hospitalview .swiper-slide::after{position: absolute; left: 0; bottom: 0; content: attr(data-text); width: 100%; height: 7rem; display: flex; align-items: center; justify-content: center; font-size: 2.5rem; line-height: 3.5rem; color: #fff; font-weight: 550; text-align: center; background-color: rgba(0,0,0,0.5);} */
.con0105 #hospitalview .swiper-slide .thumb {
  width: 100%;
  height: 100%;
}

.con0105 #hospitalview .mainSwiper .swiper-slide {
  border-radius: 15px;
}

.con0105 #hospitalview .mainThumb .swiper-slide {
  border-radius: 10px;
}

.con0105 #hospitalview .swiper-slide img {
  max-width: none;
  max-height: none;
  width: 100%;
  height: 100%;
}

.con0105 #hospitalview .mainSwiper {
  width: 100%;
  /* 	height: initial;
	aspect-ratio: 16/9; */
  margin-bottom: 1.3rem;
}

.con0105 #hospitalview .mainSwiper .swiper-slide {
  width: 100%;
  height: initial;
  aspect-ratio: 16/9;
  overflow: hidden;
}

.con0105 #hospitalview .mainSwiper .pager_wrap {
  z-index: 999;
  font-size: 1.5rem;
  color: #fff;
  width: 100%;
  display: block;
  text-align: center;
  position: absolute;
  bottom: 20px;
}

.con0105 #hospitalview .mainSwiper .pager_wrap .pager {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 5px 10px;
  border-radius: 5px;
}

.con0105 #hospitalview .mainSwiper .arrow {
  border-radius: 4px;
  position: absolute;
  top: calc(50% - 3.5rem);
  width: 7rem;
  height: 7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 4rem;
  line-height: 1;
  color: #333;
  font-weight: 100;
  color: #fff;
  font-family: var(--suit);
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: all ease 0.5s;
  z-index: 50;
  border-radius: 50%;
}

.con0105 #hospitalview .mainSwiper .arrow:hover {
  color: #fff;
  background-color: rgba(137, 126, 102, 0.5);
}

.con0105 #hospitalview .mainSwiper .arrow.prev {
  left: 15px;
  padding-right: 0.7rem;
}

.con0105 #hospitalview .mainSwiper .arrow.next {
  right: 15px;
  padding-left: 0.7rem;
}

.con0105 #hospitalview .mainThumb {
  width: 100%;
}

.con0105 #hospitalview .mainThumb .swiper-slide {
  width: calc((100% - 4rem) / 8.5);
  height: initial;
  aspect-ratio: 16/9;
  overflow: hidden;
  position: relative;
  filter: grayscale();
}

.con0105 #hospitalview .mainThumb .swiper-slide.swiper-slide-active {
  filter: none;
}

.con0105 #hospitalview .mainThumb .swiper-slide.swiper-slide-active::after {
  display: none;
}

.con0105 #hospitalview .mainThumb .swiper-slide::after {
  content: "";
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}

main.board {
  padding-bottom: 10rem;
}

.bt_tab_wr {
  text-align: center;
  margin: 5.5rem 0 9rem;
}

.bt_tab {
  display: inline-flex;
  margin: 0 auto;
  background-color: #fff;
  border: solid 1px #b5b5b5;
  border-radius: 5.2rem;
  padding: 9px 12px;
  position: relative;
}

.bt_tab button {
  width: 186px;
  height: 6.7rem;
  font-size: 2.2rem;
  font-weight: 600;
  text-align: center;
  color: #777;
  position: relative;
  z-index: 1;
}

.bt_tab button.act {
  transition: color 0.5s linear;
  color: #fff;
}

.bt_tab span {
  display: block;
  width: 186px;
  height: 6.7rem;
  position: absolute;
  top: 50%;
  left: 12px;
  transition: left 0.5s;
  transform: translateY(-50%);
  border-radius: 3.4rem;
  background-color: #897e66;
}

.bt_content:not(.act) {
  display: none;
}

.bt_small_tab {
  display: inline-flex;
  margin: 0 auto;
  background-color: #fff;
  border: solid 1px #707070;
  border-radius: 3rem;
  padding: 5px 7px;
  position: relative;
}

.bt_small_tab button {
  width: 81px;
  height: 4rem;
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  color: #777;
  position: relative;
  z-index: 1;
}

.bt_small_tab button.act {
  transition: color 0.5s linear;
  color: #fff;
}

.bt_small_tab span {
  display: block;
  width: 81px;
  height: 4rem;
  position: absolute;
  top: 50%;
  left: 7px;
  transition: left 0.5s;
  transform: translateY(-50%);
  border-radius: 3.4rem;
  background-color: #897e66;
}

.sm_ctt:not(.act) {
  display: none;
}

.bt_row {
  display: flex;
  align-items: center;
  gap: 6rem;
}

.bt_info .subject {
  font-size: 4rem;
  font-weight: 700;
  margin-bottom: 2.5rem;
}

.bt_info .desc {
  line-height: 1.8;
}

.bt_info .bot {
  margin-top: 3.9rem;
}

.bt_info .sm_ctt ul {
  margin-top: 4rem;
}

.bt_info .sm_ctt ul li {
  padding-left: 3.7rem;
  background: url("../img/sub/chkbox_22x23.png") no-repeat left center/2.2rem
    auto;
}

.bt_info .sm_ctt ul li + li {
  margin-top: 2.3rem;
}

.p15 {
  padding: 15rem 0;
}

.pb15 {
  padding-bottom: 15rem;
}

.lr_row_wr {
  margin-top: 8.5rem;
}

.lr_row {
  display: flex;
  justify-content: space-between;
}

.lr_row.ac {
  align-items: center;
}

.lr_row + .lr_row {
  margin-top: 8rem;
}

.lr_row .img {
  width: 48.83%;
  flex: 0 0 auto;
}

.lr_row .info {
  width: 50%;
  padding-left: 5rem;
}

.lr_row .info.info_2row {
  display: flex;
  gap: 5rem;
}

.lr_row .info li {
  line-height: 2;
  min-height: 6rem;
  padding-left: 3.7rem;
  background: url("../img/sub/chkbox_22x23.png") no-repeat left top
    0.5rem/2.2rem auto;
}

.lr_row .info li + li {
  margin-top: 1.4rem;
}

.lr_row .info li b {
  display: block;
}

.part_sec {
  padding: 7.26rem 0 15.3rem;
  background: rgba(178, 170, 159, 0.12);
}

.part_sec .big_ttl {
  color: rgba(178, 170, 159, 0.55);
}

.part_sec .sub_ttl_row .desc {
  font-weight: 300;
}

.part_sec .swiper-pagination-progressbar {
  position: relative;
  margin-top: 7rem;
  height: 2px;
  background: #e3e3e3;
}

.part_sec .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #2d2d2d;
}

.row3_fg {
  display: flex;
  gap: 4rem;
  margin-top: 9rem;
}

.row3_fg li {
  flex-grow: 1;
}

.row3_fg figcaption {
  padding-top: 2.8rem;
  text-align: center;
}

.row3_fg .subject {
  font-size: 3rem;
  font-weight: 600;
  margin-bottom: 2rem;
}

.guide_box_row {
  text-align: center;
  margin-top: 7rem;
}

.guide_box_row p {
  display: inline-flex;
  font-size: 1.9rem;
  align-items: center;
  padding: 0.9rem 4.6rem;
  background-color: #f5f5f5;
}

.guide_box_row p span {
  width: 4.8rem;
  height: 4.8rem;
  margin-right: 1.6rem;
  background: url("../img/sub/ico_guidement.png") no-repeat center center/cover;
}

.state_row {
  display: flex;
  gap: 4rem;
  margin-top: 9rem;
}

.state_row li {
  width: calc(25% - 3rem);
}

.state_row figcaption {
  text-align: center;
  padding: 3rem 0 1rem;
  min-height: 22.4rem;
  background: rgba(178, 170, 159, 0.23);
}

.state_row figcaption span {
  font-size: 2rem;
  display: inline-block;
  margin-bottom: 2.8rem;
  width: 11.2rem;
  text-align: center;
  line-height: 3rem;
  color: #fff;
  background-color: #897e66;
  border-radius: 1.8rem;
}

.state_row figcaption p {
  font-size: 2.2rem;
  line-height: 1.5;
}

.con0401 .sec03 {
  min-height: 81.9rem;
  background: url("../img/sub/m41_sec03_bg.jpg") no-repeat center center/cover;
}

.con0402 .sec03 {
  min-height: 81.9rem;
  background: url("../img/sub/m42_sec03_bg.jpg") no-repeat center center/cover;
}

.con0403 .sec03 {
  min-height: 81.9rem;
  background: url("../img/sub/m43_sec03_bg.jpg") no-repeat center center/cover;
}

.bgb9 {
  background: rgba(178, 170, 159, 0.09);
}

.row4_state {
  display: flex;
  justify-content: space-between;
  margin-top: 9rem;
}

.row4_state li {
  width: calc(25% - 3.7rem);
  text-align: center;
}

.row4_state figcaption {
  margin-top: 4rem;
}

.row4_state.tag3 figcaption {
  position: relative;
}

.row4_state.tag3 figcaption {
  padding-top: 6rem;
}

.row4_state .subject {
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}

.row4_state.row3 li {
  width: calc(33.33% - 4rem);
}

.row4_state .tag {
  width: 100%;
  font-size: 2.5rem;
  font-weight: 600;
  color: #fff;
  line-height: 6rem;
  text-align: center;
  background: #897e66;
  position: absolute;
  top: -4rem;
  left: 0;
  z-index: 3;
}

.disc20 {
  font-size: 2rem;
  line-height: 1.6;
}

.con0404 .sec03 {
  background: url("../img/sub/m44_sec03_bg.jpg") no-repeat center center/cover;
}

.con0405 .sec03 {
  background: url("../img/sub/m45_sec03_bg.jpg") no-repeat center center/cover;
}

.con0406 .sec03 {
  background: url("../img/sub/m46_sec03_bg.jpg") no-repeat center center/cover;
}

.con0407 .sec03 {
  background: url("../img/sub/m47_sec03_bg.jpg") no-repeat center center/cover;
}

.con0501 .sec04 {
  background: url("../img/sub/m51_sec04_bg.jpg") no-repeat center center/cover;
}

.b_a_row {
  display: flex;
  justify-content: center;
  margin-top: 9rem;
  margin-top: 9rem;
  gap: 4px;
}

.b_a_row figure {
  position: relative;
}

.b_a_row figure figcaption {
  width: 100%;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 7rem;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
}

.b_a_row .before figcaption {
  color: #777;
  background-color: #eee;
}

.b_a_row .after figcaption {
  color: #fff;
  background-color: #897e66;
}

.b_a_list {
  margin-top: 4rem;
  padding-top: 4.4rem;
  position: relative;
  display: flex;
  gap: 4rem;
}

.b_a_list::before {
  content: "";
  width: 10.4rem;
  height: 4px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #897e66;
  opacity: 0.2;
}

.b_a_list li {
  flex-grow: 1;
}

.lr_row .info3 li {
  min-height: auto;
}

.lr_row .info3 li + li {
  margin-top: 2.6rem;
}

.wann_list {
  margin: 7.15rem auto 0;
  max-width: 1013px;
}

.wann_list li {
  font-size: 2rem;
  padding: 1.85rem 0;
  display: flex;
  align-items: center;
}

.wann_list li span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.7rem;
  height: 3.7rem;
  color: #fff;
  font-size: 1.6rem;
  margin-right: 1.9rem;
  border-radius: 50%;
  border: solid 1px #897e66;
  position: relative;
  z-index: 3;
}

.wann_list li span::before {
  content: "";
  width: 2.6rem;
  height: 2.6rem;
  position: absolute;
  top: calc(50% + 0.5px);
  left: calc(50% + 0.5px);
  transform: translate(-50%, -50%);
  background-color: #897e66;
  border-radius: 50%;
  z-index: -1;
}

.wann_list li:nth-child(2n) span::before {
  background-color: #b2aa9f;
}

.wann_list li + li {
  border-top: solid 1px rgba(112, 112, 112, 0.44);
}

.info .txtbox .subject {
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1.8;
  margin-bottom: 2rem;
  padding-left: 3.7rem;
  background: url("../img/sub/chkbox_22x23.png") no-repeat left center/2.2rem
    auto;
}

.info .txtbox .desc {
  line-height: 1.8;
}

.cau_2row {
  display: flex;
  gap: 9.8rem;
  margin-top: 9rem;
}

.cau_2row span {
  display: block;
  width: 21.9rem;
  line-height: 4.7rem;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 500;
  color: #fff;
  border-radius: 3rem;
  background-color: #b2aa9f;
  margin-bottom: 4rem;
}

.cau_2row span.t2 {
  background-color: #897e66;
}

.con0504 .ap_row > div:first-of-type {
  width: 41.51%;
}
.con0504 .ap_row > div:last-of-type {
  width: 58.49%;
}

.con0504 .ap_row .left::before {
  width: 85%;
}

.row3_state_wr {
  margin-top: 9rem;
}

.row3_state {
  display: flex;
  gap: 14.7rem;
  justify-content: center;
}

.row3_state figcaption {
  font-size: 1.9rem;
  text-align: center;
  margin-top: 2.5rem;
  line-height: 1.6;
}

.row3_state li + li {
  position: relative;
}

.row3_state li + li::before {
  content: "";
  width: 2.3rem;
  height: 2.8rem;
  position: absolute;
  top: 10.5rem;
  left: -6.3rem;
  background: url("../img/sub/arrow23x28.png") no-repeat center center/cover;
}

.row3_state.rev li + li::before {
  transform: scale(-1);
}

.row3_state + .row3_state {
  margin-top: 9rem;
}

.row3_state + .row3_state li:last-of-type {
  position: relative;
}

.row3_state + .row3_state li:last-of-type::after {
  content: "";
  width: 2.8rem;
  height: 2.3rem;
  position: absolute;
  top: -7rem;
  right: 10.6rem;
  background: url("../img/sub/arrow28x23.png") no-repeat center center/cover;
}

.con0101 {
  background: rgba(178, 170, 159, 0.11);
}

.intro_ttl_row {
  background: url("../img/sub/m11_sec01_tit_bg.png") no-repeat top center;
}

.intro_ttl_row .sub_ttl_row .desc {
  margin-top: 6rem;
}

.wide_img_wr {
  display: block;
  height: 52.3rem;
  text-align: center;
  overflow: hidden;
  margin-top: 9.9rem;
}

.wide_img_wr figure {
  height: 100%;
}

.wide_img_wr .wide_img {
  display: inline-block;
  width: 128rem;
  max-width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.l_top_ttl {
  font-size: 3.5rem;
  font-weight: 600;
  padding-top: 10.3rem;
  background: url("../img/sub/m11_sec02_logo.png") no-repeat top center/5.1rem
    auto;
}

.s_ttl_row {
  text-align: center;
  padding: 10rem 0 11.9rem;
}

.l_top_ttl span {
  position: relative;
  display: inline-block;
}

.l_top_ttl span::after {
  content: "";
  width: calc(100% + 1.4rem);
  height: 3.5rem;
  background-color: #b2aa9f;
  opacity: 0.33;
  position: absolute;
  left: -0.7rem;
  bottom: -0.3rem;
  z-index: -1;
}

.s_ttl_row .desc {
  margin-top: 2.4rem;
  line-height: 1.6;
}

.sp_row {
  display: flex;
  align-items: center;
}

.sp_row > div {
  width: 50%;
  overflow: hidden;
}

.sp_row .img_wr {
  position: relative;
}

.sp_row .img_wr .dim {
  width: 100%;
  height: 100%;
  background: var(--main-color);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: opacity 0.5s;
}

.sp_row .left .img_wr .dim {
  translate: none;
  rotate: none;
  scale: none;
  transform-origin: 100% 50%;
  transform: scale(0, 1);
}

.sp_row.aos-animate .left .dim {
  animation: leftDim 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

.sp_row .txt_wr.left {
  padding-left: 9rem;
}

.sp_row + .sp_row {
  margin-top: 8rem;
}

.sp_row .right .img_wr .dim {
  translate: none;
  rotate: none;
  scale: none;
  transform-origin: 0% 100%;
  transform: scale(0, 1);
}

.sp_row.aos-animate .right .dim {
  animation: rightDim 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

.sp_row .subject {
  font-size: 3.5rem;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 3rem;
}

.sp_row .subject span {
  display: block;
  color: #897e66;
}

.sp_row .right.txt_wr {
  padding-left: 4rem;
}

.con0101 .sec03 {
  padding: 17.9rem 0;
  background: url("../img/sub/m11_sec03_img.jpg") no-repeat center center/cover;
}

.con0101 .sec03 .desc {
  line-height: 2;
  font-weight: 300;
}

#container.con0102 {
  padding-top: 0;
}

.con0102 .sec01 {
  padding: 13.7rem 0 10.6rem;
  border-bottom: solid 2px #897e66;
  background: url("../img/sub/m12_sec01_bg.jpg") no-repeat center center/cover;
}

.con0102 .sec02 .inner {
  max-width: 1225px;
}

.his_list_row_wr {
  display: flex;
}

.his_list_row_wr .his_list_row {
  width: 50%;
}

.doct_int_row {
  display: flex;
  justify-content: center;
  gap: 7.1rem;
}

.doct_int_row .txt_sec {
  padding-top: 6.5rem;
}

.doct_int_row .name {
  font-size: 2.5rem;
  margin: 4.7rem 0;
  font-family: "NanumSquareNeo";
}
.doct_int_row .name b {
  font-size: 4.5rem;
  font-weight: 900;
  margin-right: 1.3rem;
}

.his_list li {
  font-size: 1.7rem;
  line-height: 2.05;
}

.his_list li figure {
  margin-top: 5.1rem;
}

.his_list + .his_list {
  margin-top: 4rem;
}

.con0102 .sec02 {
  padding-top: 9rem;
}

.his_list_row_wr {
  display: flex;
}

.his_list_row {
  display: flex;
  gap: 6.4rem;
}

.his_list_row .subject {
  font-size: 2.5rem;
  font-weight: 600;
  min-width: 8.4rem;
}

.his_list_row_wr + .his_list_row {
  padding-top: 7.4rem;
  margin-top: 8rem;
  border-top: solid 1px #d4d4d4;
}

.flex_end {
  justify-content: flex-end;
}
.his_list_row_wr .his_list_row.w35per {
  width: 35%;
}

#container.con0103 {
  padding-top: 0;
}
.con0103 .sec01 {
  padding-top: 16rem;
  background: rgba(178, 170, 159, 0.11);
}

.con0103 .sec02 {
  background: rgba(178, 170, 159, 0.11);
}

.con0103 .wide_img_wr {
  margin-top: 15.8rem;
}

.sub_ttl_row + .sp_row_wr {
  margin-top: 9rem;
}

.con0103 .sp_row + .sp_row {
  margin: 0;
}

.gc_row3 {
  display: flex;
  margin-top: 9rem;
}

.gc_row3 li {
  width: 33.33%;
  text-align: center;
  padding-bottom: 5rem;
  border-bottom: solid 4px #b2aa9f;
}

.gc_row3 li .top {
  width: 100%;
  line-height: 5rem;
  text-align: center;
  color: #fff;
  font-size: 2.8rem;
  font-weight: 600;
  margin-bottom: 5rem;
  background-color: #b2aa9f;
}

.gc_row3 li .desc {
  margin-top: 2rem;
  line-height: 2;
}

.gc_row3 li figure {
  position: relative;
  text-align: center;
}

.gc_row3 li figcaption {
  position: absolute;
  bottom: 0.5rem;
  left: 50%;
  transform: translateX(-50%);
  width: 4.8rem;
  line-height: 2.8rem;
  font-size: 1.5rem;
  font-weight: 600;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  background-color: #b2aa9f;
}

.gc_row3 li + li figure::before {
  content: "";
  width: 18.9rem;
  height: 1px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 78%;
  background: url("../img/sub/m13_sec03_line.png") no-repeat center center/cover;
}

.gc_row3 li:nth-of-type(2n) .top {
  background-color: #897e66;
}

.gc_row3 li:nth-of-type(2n) figcaption {
  background-color: #897e66;
}

.gc_row3 li:nth-of-type(2n) {
  border-color: #897e66;
}

.gc_row3 li figure img {
  display: inline-block;
}

.exp_slide_wr {
  position: relative;
}

.exp_slide_wr button {
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: background 0.3s;
  background: url("../img/sub/pg_gr70x70.png") no-repeat center center/cover;
}

.exp_slide_wr button:hover {
  background-image: url("../img/sub/pg_mc70x70.png");
}

.exp_slide_wr button.exp_prev {
  left: -10rem;
  transform: translateY(-50%) scale(-1);
}

.exp_slide_wr button.exp_next {
  right: -10rem;
}

.exp_slide .swiper-slide {
  display: flex;
  align-items: center;
}

.exp_slide .swiper-slide > div {
  width: 50%;
}

.exp_slide .txt_sec {
  padding-left: 6rem;
}

.exp_slide .ttg {
  font-size: 2.5rem;
  font-weight: 600;
  color: #897e66;
  margin-bottom: 1.3rem;
}

.exp_slide .subject {
  font-size: 4.5rem;
  font-weight: 600;
  margin-bottom: 2rem;
}

.exp_slide .desc {
  line-height: 1.8;
  padding-right: 15px;
  word-break: keep-all;
}

.exp_slide dl {
  margin-top: 2.5rem;
}

.exp_slide dl dt {
  width: 8.5rem;
  color: #fff;
  font-size: 1.9rem;
  font-weight: 600;
  line-height: 3rem;
  text-align: center;
  margin-bottom: 1.2rem;
  background-color: #897e66;
}

.exp_list {
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
  margin-top: 10.2rem;
}

.exp_list li {
  width: calc(25% - 3rem);
  cursor: pointer;
}

.exp_list figure {
  position: relative;
  border: solid 1px #e5e5e5;
}

.exp_list figure::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: solid 5px #b2aa9f;
  transition: opacity 0.3s;
  opacity: 0;
}

.exp_list figure:hover::before {
  opacity: 1;
}

.exp_list .act figure::before {
  opacity: 1;
}

.exp_list .txtbox {
  text-align: center;
  margin-top: 2rem;
}

.exp_list .ttg {
  font-size: 1.9rem;
  font-weight: 600;
  color: #897e66;
  margin-bottom: 9px;
}

.exp_list .subject {
  font-size: 2.5rem;
  font-weight: 600;
}

.map_row {
  display: flex;
  justify-content: space-between;
}

.map_row .left {
  width: 40.63%;
  flex: 0 0 auto;
}

.map_row .top {
  padding-bottom: 3rem;
  text-align: center;
}

.map_row .add {
  font-size: 2.8rem;
  font-weight: 700;
  padding-top: 9.8rem;
  background: url("../img/sub/m15_sec01_ico.png") no-repeat top center/4.1rem
    auto;
}

.map_row .add2 {
  margin-top: 1rem;
  font-size: 3.5rem;
  font-weight: 700;
  color: #897e66;
}

.map_row .add3 {
  font-size: 1.9rem;
  margin-top: 2rem;
}

.map_row .numb {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 39.8rem;
  margin-top: 2.9rem;
  padding: 1rem 0;
  border-radius: 3.4rem;
  gap: 1.5rem;
  background-color: #f5f5f5;
}

.map_row .numb span {
  font-size: 2rem;
  font-weight: 500;
}

.map_row .numb b {
  font-size: 3.5rem;
  font-weight: 900;
}

.map_row table {
  font-size: 1.9rem;
  table-layout: fixed;
}

.map_row table thead th {
  background-color: #897e66;
  text-align: center;
  color: #fff;
  height: 3.6rem;
}

.map_row table tbody tr {
  line-height: 1.85;
}

.map_row table tbody tr td.date {
  text-align: center;
}

.map_row table tbody tr:nth-child(1) th,
.map_row table tbody tr:nth-child(1) td {
  padding-top: 1.2rem;
}

.map_row table tbody tr:nth-child(2) th,
.map_row table tbody tr:nth-child(2) td {
  padding-bottom: 1.2rem;
}

.map_row table tbody tr:nth-child(3) th,
.map_row table tbody tr:nth-child(3) td {
  padding-top: 1.2rem;
}

.map_row table tbody td:last-child {
  padding-left: 30px;
}

.map_row table tbody tr:nth-child(3) {
  border-top: solid 1px #eee;
}

.map_row table tbody span {
  color: #897e66;
  font-weight: 600;
}

.map_row .root_daum_roughmap .wrap_controllers {
  display: none !important;
}

.map_row .go_kakao {
  display: block;
  width: 20.2rem;
  border-radius: 3rem;
  border: solid 3px #eee;
  margin-left: auto;
  text-align: center;
  margin-top: 2rem;
  font-size: 1.9rem;
  transition: all 0.3s;
}

.map_row .go_kakao:hover {
  border-color: var(--main-color);
}

.map_row .go_kakao span {
  line-height: 5.4rem;
  padding-right: 2.5rem;
  background: url("../img/sub/plus_ico10x10.png") no-repeat right center;
}

.port_list {
  display: flex;
  margin-top: 9rem;
}

.port_list li {
  width: 33.33%;
  padding-top: 2.1rem;
}

.port_list li + li {
  padding-left: 5.5rem;
  border-left: solid 1px #d9d9d9;
}

.port_list .ico {
  margin-bottom: 2rem;
}

.port_list .subject {
  font-size: 3.5rem;
  margin-bottom: 4rem;
}

.port_list .subject b {
  color: #897e66;
  font-weight: 700;
}

.port_list .desc {
  line-height: 1.7;
}

.port_list .desc strong {
  font-weight: 600;
  color: #897e66;
}

.port_list .line {
  font-size: 1.9rem;
  padding: 0 1.3rem;
  line-height: 2.5rem;
  border-radius: 1.5rem;
  border: solid 2px #222;
}

.port_list .line1 {
  color: #de4552;
  border-color: #de4552;
}

.port_list .line2 {
  color: #2175de;
  border-color: #2175de;
}

.port_list .line3 {
  color: #00afbd;
  border-color: #00afbd;
}

.port_list .line4 {
  color: #bd0000;
  border-color: #bd0000;
}

.port_list .line + .line {
  margin: 0 5px 0 4px;
}
.port_list dl {
  margin-top: 2.4rem;
}

.port_list dt.line {
  display: inline-block;
}

.port_list dd + dt {
  margin-top: 1.9rem;
}

.port_list .p_guide {
  font-size: 1.9rem;
  font-weight: 500;
  padding: 0 1.6rem;
  display: inline-block;
  border-radius: 1.8rem;
  line-height: 3.6rem;
  margin: 4.9rem 0 1.8rem;
  background: #897e66;
  color: #fff;
}

@media screen and (max-width: 1919px) {
  .sub_visual .sub_visual_ttl {
    font-size: 7.29vw;
  }
}

@media screen and (max-width: 1400px) {
  .sub_visual .sub_visual_ttl {
    font-size: 10rem;
  }
}

.nonpay article + article {
  margin-top: 7rem;
}

.nonpay article h3 {
  font-size: 3rem;
  font-weight: 700;
  font-family: "NanumSquareNeo";
  margin-bottom: 3rem;
}