body {overflow: hidden;}

#main .main.swiper-container .swiper-slide, #main .main.swiper-container .swiper-slide .back_img {background-repeat: no-repeat; background-size: cover; background-position-x: 50%; background-position-y: center;}
#main .main.swiper-container .swiper-slide.slide01 {background-image: url(/img/main/mainslide_01.jpg);}
#main .main.swiper-container .swiper-slide.slide02 {background-image: url(/img/main/mainslide_02.jpg);}
#main .main.swiper-container .swiper-slide.slide02 .back_img {background-image: url(/img/main/mainslide_02_b.png);}
#main .main.swiper-container .swiper-slide.slide03 {background-image: url(/img/main/mainslide_03.jpg);}
#main .main.swiper-container .swiper-slide.slide03 .back_img {background-image: url(/img/main/mainslide_03_b.png);}
#main .main.swiper-container .swiper-slide.slide04 {background-image: url(/img/main/mainslide_04.jpg);}
#main .main.swiper-container .swiper-slide .back_img {position: absolute; top:0; left: 0; width: 100%; height: 100%;}

#main .slide01 .cont {position: relative; height: 100%; width: 100%;}
#main .slide04 {padding: 0 9rem;}

#main .swiper-button-next, .swiper-button-prev {color: #fff;  }
#main .swiper-slide-duplicate,  #main .swiper-slide {background-position: center center;    background-size: cover;    text-align: center;    font-size: 18px;    background: #fff;
  display: flex;    flex-flow: column nowrap;    justify-content: center;    align-items: center;}
#main .swiper-slide-duplicate .description,
#main .swiper-slide-duplicate .title,
#main .swiper-slide .description,
#main .swiper-slide .title {display: block;    opacity: 0;    transition: 0.5s ease 0.5s;  }
#main .swiper-slide-duplicate-active .description,
#main .swiper-slide-duplicate-active .title,
#main .swiper-slide-active .description,
#main .swiper-slide-active .title {opacity: 1;  }
#main .swiper-slide-duplicate-active .title,
#main .swiper-slide-active .title {margin-bottom: 0.5rem;    font-size: 24px;    color: #fff;    transition: opacity 0.5s ease 0.5s;  }
#main .swiper-slide-duplicate-active .description,
#main .swiper-slide-active .description {font-size: 16px;    color: #fff;    transition: opacity 0.5s ease 0.75s;  }
#main .swiper-slide .cont {max-width: none; padding: 200px 0;}

#main .swiper-progress-bar {position: relative;    width: 100px;    display: block;    z-index: 1;    height: 2px;    margin: 0 auto;  }
#main .swiper-progress-bar .slide_progress-bar {position: absolute;    height: 2px;    background: rgba(255, 255, 255, 0.3);    width: auto;    clear: both;    opacity: 0;    bottom:6rem;    left: 0;    right: 0;  }
#main .swiper-progress-bar .slide_progress-bar:after {position: absolute;    top: 0;    left: 0;    background: #fff;    height: 100%;    width: 0;    content: "";    transition: 0.1s width linear;  }
#main .swiper-progress-bar.active .slide_progress-bar {opacity: 1;  }
#main .swiper-progress-bar.animate .slide_progress-bar:after {transition: width linear;    transition-delay: unset;    width: 100%;    transition-duration: 5s;  }

#main .swiper-pagination-fraction {width: 190px;    color: #fff;    font-weight: 600;    bottom: 6.55rem;    margin: 0 auto;    position: relative; font-family: 'Poppins', sans-serif; letter-spacing: 1px;}
#main .swiper-pagination-current {float: left;}
#main .swiper-pagination-total {float: right;}

#main .swiper-button-next, #main .swiper-rtl #main .swiper-button-prev {right: 0;left: auto;}
#main .swiper-button-prev, #main .swiper-rtl #main .swiper-button-next {left: 0;right: auto;}
#main .swiper-button-wrap {    position: relative;bottom: 5.9rem;      width: 280px;     margin: 0 auto;}
#main .swiper-button-next, #main .swiper-button-prev {        color: #fff; }
#main .swiper-button-next:after, #main .swiper-button-prev:after {font-size: 14px; font-weight: 600;  }
#main .mask_img {background-image: url(/img/main/mask_img2.png);    background-size: cover;  background-size: cover;  background-position-y: center;position: absolute;  background-repeat: no-repeat;  background-position-x: 50%; width: 100%;  height: 100%; display: block;} 

#main .cont .txt {z-index: 1; position: relative;}

#main h1 span {position: relative;}
#main h1 span:after {content: ''; top:50%; transform: translateY(-50%); height: 1px; right: 0; position: absolute; width: 100%; opacity: .5; width: 150%;}
#main h1:nth-child(1) span:after,
#main h1:nth-child(3) span:after {background: linear-gradient(to right,#fff,#fff 50%, #fff,transparent); left: 110%;} 
#main h1:nth-child(2) span:after {background: linear-gradient(to left,#fff,#fff 50%, #fff,transparent); right: 110%;}

.marquee {position: relative;  width: 100%;  max-width: 100%;  height: 160px;  overflow-x: hidden; display: flex; white-space: nowrap;}
.marquee .track {position: absolute;  white-space: nowrap;  will-change: transform;  animation: marquee 32s linear infinite;}
.marquee .bg_txt {opacity: .5; display:inline-block;  -webkit-animation: scrolling-left1 20s linear infinite;  animation: scrolling-left1 20s linear infinite;}

@keyframes scrolling-left1 {100% {transform: translateX(-100%);-webkit-transform: translateX(-100%);}}
@-webkit-keyframes scrolling-left1 {100% {-webkit-transform: translateX(-100%);}}

.vertical_line {width: 1px;  height: 64px;  position: relative;  background: rgba(255,255,255,.5);  z-index: 1;  margin: 0 auto;}
.preface {justify-content: space-between; border-bottom: 1px solid #e0e0e0; padding-bottom: 1.25rem;  letter-spacing: -.5px;}
.flex-row-rv {display: flex;  flex-direction: row-reverse;}

p.btn {background: #363636;  padding: .5rem 5.75rem 0.5rem 1.25rem;  color: #fff; display: inline-table;  border-radius: 30px;  position: relative; cursor: pointer;  overflow: hidden;}
p.btn span {z-index: 1; position: relative;}
p.btn span a {width: 230%; height: 100%; display: block; text-align: left;}
p.btn::after {content: ''; width: 11px; height: 11px; background: url(/img/main/moreArrow.png) no-repeat; position: absolute; right: 1.25rem;  top: 50%;  transform: translateY(-50%);}
p.btn::before {content: ''; width: 50px; height: 50px; background: var(--pointcolor); border-radius: 50%; left: -30px;  bottom: -3rem; position: absolute; transition: .6s; transform: scale(1);}
p.btn:hover::before {transform: scale(10);}

.main_btn>p.btn {background: unset;     position: absolute; left: auto; bottom: 0; overflow: visible; padding: 1rem 6rem 1rem 1.5rem; z-index: 999;}
.main_btn.temp>p.btn {position: relative; bottom: auto;}
.main_btn>p.btn::after {content: '';background: rgba(0,0,0,.15);  background-blend-mode: multiply;  mix-blend-mode: multiply;    position: absolute;  left: 0;  top: 50%;  width: 100%;  height: 100%;  transform: translateY(-50%);  border-radius: 40px;}
.main_btn>p.btn::before {content: ''; background:url(/img/main/mainArrow.png) no-repeat; position: absolute; left: auto;  bottom: auto;  right: -3rem;  top: 50%;  border-radius: initial;  transform: translateY(-50%);  width: 101px;  height: 22px;  z-index: 1;     background-size: contain;}

.btn_circle {width: 100px; height: 100px; background-color: #333237; background-image: url(/img/main/moreArrow_b.png); border-radius: 50%; background-position: center; background-repeat: no-repeat; position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%,-50%); transition: .3s ease;}
 
.go-down-btn {position: relative;    z-index: 1;    display: inline-block;}
.go-down-btn svg {position: relative;    z-index: -1;    display: block;}
.go-down-btn text {transform-origin: center;    font-size: 9px;    letter-spacing: 3.25px;    text-transform: uppercase;    font-weight: 500;    white-space: nowrap;}

@-webkit-keyframes rotate-btn {
  to {
    transform: rotate(360deg);
  }
}

@keyframes rotate-btn {
  to {
    transform: rotate(360deg);
  }
}
.go-down-btn text {
  -webkit-animation: rotate-btn 10s linear infinite;
          animation: rotate-btn 10s linear infinite;
}

.swiper-container {overflow: hidden;   height: 100%;}  
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity: 1;}

#section01.main .cont {width: 1585px}
#section01.main .swiper-container {display: flex;align-items: flex-start;     align-items: center;}
#section01.main .swiper-pagination {position: relative; display: flex;  width: 21.5%;  flex-wrap: wrap; flex-direction: column; top:0}
#section01.main .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
#section01.main .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {height: 30px;  width: 100px; background: none;  text-align: left; font-size: 20px; white-space: nowrap; height: 4rem; align-items: center;display: flex;}
#section01.main .swiper-wrapper {width: 77.5%;}
#section01.main .swiper-wrapper .slide_wrap {background-color: var(--BodyColor);}
#section01.main .swiper-pagination-bullet {color: var(--gray); opacity: 1;}
#section01.main .swiper-pagination-bullet-active {color: #27262b; font-weight: 600 !important;}
#section01.main .recommend-swiper-button-wrap {position: absolute;  right: 15.5rem;  width: 95px;  height: 20px;  z-index: 1;  bottom: 0; transform: none;}
#section01.main .swiper-button-next:after, #section01.main .swiper-button-prev:after {font-size: 20px;  font-weight: 600;}
#section01.main .recommend_txt {flex-direction: column; justify-content: center;  align-items: baseline;  padding-left: 4rem;}
#section01.main .swiper-button-prev {color:rgba(39,38,43, .5);}
#section01.main .swiper-button-next {color: var(--pointcolor)}

#section01.main .swiper-pagination-bullet.swiper-pagination-bullet-active {position: relative;}
#section01.main .swiper-pagination-bullet.swiper-pagination-bullet-active::after {content: ''; position: absolute; height: 1px; bottom: 0; left: 0; width: 500px;}
#section01.main .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(1):after,
#section01.main .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(5):after {background: linear-gradient(to right ,#cddaed 75%, #fff 22%);}
#section01.main .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(2):after,
#section01.main .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(4):after {background: linear-gradient(to right ,#cddaed 69%, #fff 28%);}
#section01.main .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(3):after {background: linear-gradient(to right ,#cddaed 67%, #fff 30%);}
#section01.main .swiper-pagination-bullet.swiper-pagination-bullet-active:nth-child(6):after {background: linear-gradient(to right ,#cddaed 88%, #fff 8%);}

#section02.main {background-image: url(/img/main/point_bg.jpg); background-size: cover; background-repeat: no-repeat; height: 740px;  background-attachment: fixed;  background-position: center center;} 
#section02.main .colon {padding: 0 6rem;  vertical-align: text-bottom;}

#section03.main ul{overflow:hidden}
#section03.main .video_wrap {height: 455px;  overflow: hidden;    position: relative; display: flex;  justify-content: space-between;  align-items: center;}
#section03.main .video_wrap .tab-content2.current{visibility:visible;position:relative;display: flex; align-items: center; justify-content: center;}
#section03.main .video_wrap .tab-content2{visibility:hidden;position:absolute;max-height:492px}
#section03.main .video{float:left;width:50%; border-radius: 10px;  overflow: hidden; height: 100%;  position: relative;}
#section03.main .video iframe{width:60%;min-height:455px}
#section03.main .thum_tab{float:Right;width:45%;}
#section03.main .thum_tab ul{overflow-y:scroll; height: 480px;}
#section03.main .thum_tab li{padding:.75rem 0;;overflow:hidden;cursor:pointer;border-bottom:1px solid #dfdfdf; height: 33.333%; width: 90%;}
#section03.main .thum_tab li:last-child{border:none;}
#section03.main .thum_tab img{float:left;margin:0 10px 0 0;   border-radius: 7.5px;}
#section03.main .thum_tab .view{display:Block;text-align:center;background:#b2b2b2;color:#FFF;padding:8.5px}
#section03.main .thum_tab .tab-link p {padding:2rem 2.5rem; }
#section03.main .thum_tab .tab-link p span {display: inline-block; position: relative;}
#section03.main .thum_tab .tab-link p span.font-20::before {content: ''; width: 8px; height: 8px; background:#27262b; border-radius: 50%; position: absolute;     left: -1.25rem;
  top: 50%;  transform: translateY(-50%);}

.thumScroll::-webkit-scrollbar {width: 5px;}
.thumScroll::-webkit-scrollbar-track {border-radius: 0; background-color: transparent;}
.thumScroll::-webkit-scrollbar-thumb {border-radius: 0;  background-color: #180f39;}

.panel_wrap {background: #fff;position: relative;width: 110%;height: auto;border-top-right-radius: 60%;border-top-left-radius: 60%;left: 50%;transform: translateX(-50%); min-width: 1585px;transform: translateX(-50%) translateY(50%);}
.panel_wrap .txt.pt-100 {padding-top: 15rem;}

.panel_wrap .vertical_line {background: #c5c5c5;}

.vertical_line.line_01 {height: 160px;}
.vertical_line.line_02 {height: 130px;}
.vertical_line.line_03 {height: 200px;}

.values_img {position: absolute; opacity: 0; transition: .2s;}
#vi01 {top: 35%;    left: 12.5%;}
#vi02 {right: 15%;    top: 35%;}
#vi03 {left: 0;    bottom: 8%;}
#vi04 {right: 0;    bottom: 12%;    z-index: -1;}

#section05.main .preface {border: 0;}
#section05.main .doc_wrap {justify-content: space-between;}
/* #section05.main .doc01 {position: relative;  top: -22rem;} */
/* #section05.main .line {    width: 23px;  height: 1px;  display: inline-block;  background: #000;  vertical-align: middle;  margin-right: 1rem;} */
#section05.main h3::after {    content: '';  height: 2px;  width: 120%;  position: absolute;  bottom: 1.5625rem;}
#section05.main .doc01 h3::after {background: linear-gradient(to right ,rgba(0,0,0,.14) 70%, transparent 100%);  left: -6.25rem; }
#section05.main .doc02 h3::after {background: linear-gradient(to left ,rgba(0,0,0,.14) 70%, transparent 100%);  right: -6.25rem; }
#section05.main ul li {width: 50%; padding-bottom: 1rem;}
#section05.main ul li {width: 50%; padding-bottom: 1rem;}

#section06.main .cont { justify-content: space-between;}
#section06.main .tit { align-items: center;  justify-content: space-between;}
#section06.main {background-image: url(/img/main/event_slide_bg.jpg); background-repeat:no-repeat; background-size: 50% 100%;}
#section06.main .event_slide {margin: auto 0}
#section06.main .swiper.eventSlider .swiper-wrapper {max-width: 430px; }
#section06.main .swiper .swiper-wrapper .swiper-slide {max-width: initial;}

.basic_li>span {display: none;}
.basic_li.active>span {width: 8px; height: 8px; border-radius: 50%; background: var(--pointcolor); margin-right: 1rem; display: block;}  

.tabs {  display: flex;  flex-flow: row nowrap;  width: 80%;  position: relative;  border-top: 4px solid #dfdfdf;  }
.tabs_tab {  display: block;  text-decoration: none;  transition: 350ms;  cursor: pointer;  text-align: center;  }
.tabs_tab.active, .tabs_tab.current {  color: #000;  font-weight:700;  }
.tabs_line {  display: block;  height: 4px;  position: absolute;  top: -4px;  background: var(--pointcolor);  transition: 350ms;  }
.tab-content2{display: none; width: 170%;  left: 50%;  transform: translateX(-50%);  position: relative;}

.tab-content2.current{display: block; min-height: 300px;}
.tabs_tab.box {width: calc(100% / 7);}
.tab-contents>.absolute {z-index: 2;  top: 50%;  left: 50%;  transform: translate(-50%,-50%);}

.tab-contents>.absolute .btn_circle {background-color: #fff; background-image: url(/img/main/moreArrow_b2.png); border-radius: 50%; background-position: center; background-repeat: no-repeat; }
.tab-contents>.absolute textPath {fill: #fff;}

#section08.main {background-image: url(/img/main/facilites_bg.jpg); background-repeat:  no-repeat; background-size: cover; background-position: center center; padding-bottom: 2rem;}
#section08.main p.btn {background: #fff;  color: #363636;}
#section08.main p.btn::after {background: url(/img/main/moreArrow2.png) no-repeat}
#section08.main p.btn::before {display: none;}
#section08.main p.btn:hover {background: var(--pointcolor);  color: #fff;}
#section08.main p.btn:hover a {color: #fff;}
#section08.main p.btn:hover::after {background: url(/img/main/moreArrow.png) no-repeat}

#section08.main .swiper .swiper-wrapper {margin-left: -6.5%; transition-timing-function: linear;}
#section08.main .swiper .swiper-wrapper .swiper-slide {width: auto !important;}
#section08.main  .swiper-button-next, .swiper-button-prev {color: #fff; width: 30px;  text-align: center;  }
.facilites.swiper-pagination {bottom: -5rem;}
#section08.main span.swiper-pagination-bullet {  width: 10px;  height: 10px;  background: none;  border: 2px solid #fff;  opacity: 1;}
#section08.main span.swiper-pagination-bullet.swiper-pagination-bullet-active {  background: #fff;  width: 25px;  border-radius: 20px;}

#section09.main {background: #27262b}
#section09.main .cont.flex-between {margin: 0; width: 90%; max-width: none; align-items: flex-start;}
#section09.main #map .root_daum_roughmap {width: 100%;}
#section09.main .info {height: 560px;}
#section09.main .info .map_link {    justify-content: space-around;  width: 50%;  margin: 0 auto;}
#section09.main .info .info_list {padding-bottom: 2.5rem;}
#section09.main .info .info_list:nth-last-child(2) {padding-bottom: 0;}
.root_daum_roughmap .wrap_btn_zoom,  .root_daum_roughmap .wrap_controllers {display: none !important;}


@media (max-width: 990px){
  .font-20 { font-size: 1.875rem;}
  .font-18 { font-size: 1.45rem;}
  .font-16 {font-size: 1.250rem;} 

  .marquee {height: 140px;}
  p.btn {padding: 0.75rem 8.75rem 0.75rem 2rem;}
  p.btn::before {left: -40px;}
  p.btn.pc {display: none;}
  p.btn.mo {display: inline-table !important;}

  .main_btn>p.btn { bottom: auto;    left: 0; z-index: 1; padding: 0.5rem 6rem 0.5rem 2rem;}
  .main_btn>p.btn.font-20 {font-size: 1.250rem;}
  .main_btn>p.btn::after {background: rgba(156,144,137,.7); z-index: -1;}
  .main_btn>p.btn::before {width: 80px;    height: 16px;     right: -4rem;}
    
  #main .swiper-pagination-current, #main .swiper-pagination-total {font-size: 1.875rem;}
  #main .swiper-pagination-fraction {bottom: 7.25rem;}

  #main .main.swiper-container .swiper-slide.slide01 {background-image: url(/img/main/mainslide_01_m.jpg);}
  #main .main.swiper-container .swiper-slide.slide02 {background-image: url(/img/main/mainslide_02_m.jpg);}
  #main .main.swiper-container .swiper-slide.slide02 .back_img {background-image: url(/img/main/mainslide_02_mb.png);}
  #main .main.swiper-container .swiper-slide.slide03 {background-image: url(/img/main/mainslide_03_m.jpg);}
  #main .main.swiper-container .swiper-slide.slide03 .back_img {background-image: url(/img/main/mainslide_03_mb.png);}
  #main .main.swiper-container .swiper-slide.slide04 {background-image: url(/img/main/mainslide_04_m.jpg);}
  #main .mask_img{background-image: url(/img/main/mask_img_m.png);}

  .slide01 .cont {max-height: 1000px;}
  .slide02 .cont, .slide03 .cont {max-height:475px ;}
  .slide02 .cont .width50, .swiper-slide.slide03 .cont .width50 {width: 100%;}
  .swiper-slide.slide02 .cont, .swiper-slide.slide03 .cont  {flex-direction: column;}
  .slide02 .cont .width50 .font-80, .swiper-slide.slide03 .font-80 {font-size: 4.375rem; }
  #main .slide04 {padding: 0;}
  #main .slide04 .font-60.bold600.color-white.m-zero-auto.width55 {padding: 5rem 0; width: 60%;}
  #main .slide04 .main_btn.temp.text-right {text-align: left;  margin-top: 10rem;}
  #main .slide04 .main_btn>p.btn::after {    background: rgba(34,35,40,.5);  }

  #section01.main .cont {width: 90%;}
  #section01.main .swiper-pagination-bullet.swiper-pagination-bullet-active::after {display: none;}
  #section01.main .swiper-container,#section01.main .swiper-wrapper .slide_wrap {flex-direction: column; padding: 0 2.5%;}
  #section01.main .swiper-pagination {width: 100%;     flex-direction: row;justify-content: space-around;     padding-bottom: 4.375rem;    height: 200px;}
  #section01.main .swiper-wrapper {width: 100%;}
  #section01.main .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
  #section01.main .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {white-space: unset; align-items: flex-start;    text-align: center; justify-content: space-around;}
  #section01.main .recommend_txt {display: block; text-align: center; padding-left:0;  padding-top: 4rem;}
  #section01.main .recommend_txt p:nth-child(1) {padding-bottom: 1rem;}
  #section01.main .recommend-swiper-button-wrap {width: 104%;     right: auto;    bottom: 50%;    transform: translateY(-50%);}
  /* #section01.main .swiper .swiper-wrapper .swiper-slide, .swiper .swiper-wrapper .swiper-slide:hover {padding-right: 11%;} */
  #section01.main .swiper-container {overflow: visible;}
  #section01.main .swiper-button-next:after, #section01.main .swiper-button-prev:after {
    font-size: 16px;}
  #section01.main .recommend_img.mo img {margin: 0 auto;}
  #section01.main .recommend_txt .mt-100 {margin-top: 4.25rem;}

  #section01.main .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, #section01.main .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {width: 29.33%;}

  #section02.main {background-image: url(/img/main/point_bg_m.jpg);} 
  #section02.main .cont {padding: 2rem; white-space: nowrap; top: 50%; transform: translateY(-50%);}
  #section02.main .colon {padding: 0 4rem;}

  #section03.main .video_wrap {height: auto; flex-direction: column;  }
  #section03.main .video,  #section03.main .thum_tab {width: 100%;}
  #section03.main .video_wrap .tab-content2{min-height: 230px;     width: 100%;}
  #section03.main .video iframe {width: 100%;}
  #section03.main .thum_tab {padding-top: 3rem;}
  #section03.main .thum_tab ul {height: 300px;}
  #section03.main .thum_tab li {padding: 1rem 0;}
  #section03.main .thum_tab .tab-link p {padding: 1rem 2.5rem;}
  #section03.main .thum_tab .tab-link p span.font-16  {font-size: 1.625rem; white-space: nowrap;}

  .tit.mo {justify-content: space-around; display: flex !important;}
  .panel_wrap {width: 190%;}
  .panel_wrap p.font-20 {font-weight: 500;}
  .vertical_line.line_02 {height: 80px;}

  #section05.main .tit {width: 100%; display: inline-block;}
  #section05.main .doc_wrap {flex-direction: column; align-items: center;}
  #section05.main .doc_wrap .font-20 {font-size: 1.75rem;}
  /* #section05.main .doc01 {top: 0;}
  #section05.main .doc02 {padding-top: 7rem;} */
  /* #section05.main.pb-0 {padding-bottom: 150px !important;} */
  #section05.main .doc01, #section05.main .doc02 {flex-direction: column;}
  #section05.main .width50, #section05.main ul li {width: 100%;}
  #section05.main .txt_wrap {padding: 0; padding-left: 1rem;}
  #section05.main h3::after {width: 100%;}
  #section05.main .doc01 h3::after {left: 0; }
  #section05.main .doc02 h3::after {right: 0; }
  #section05.main .doc_wrap img {width: 100%;}
  #section05.main p.btn {float: right;}

  #section06.main {background-size: 100% 50%; padding-top: 0; background-image: none;  padding-bottom: 0;}
  #section06.main .cont {    flex-direction: column;  width: 100%;    align-content: flex-start;  flex-wrap: wrap;}
  #section06.main .width50 {width: 100%;}
  #section06.main .event_slide {background-image: url(/img/main/event_slide_bg.jpg); background-size: cover; padding: 14rem 0; background-position: center center}

  #section07.main .tabs {border-top: none;     flex-wrap: wrap;  justify-content: space-around; padding: 0 0 2rem;}
  #section07.main .tabs_line {display: none;}
  #section07.main .tabs_tab.box {  width: auto;  white-space: nowrap;  margin-right: 2rem;}
  #section07.main .latest_board .beafSlider .swiper-slide .beaf_wrap {flex-direction: column;}
  #section07.main .tab-content2 {width: 85%; margin-top: 0;}
  #section07.main .latest_board .img_wrap {flex-direction: column;}

  #section08.main {background-image: url(/img/main/facilites_bg_m.jpg);     padding: 14rem 0;} 
  #section08.main .cont {width: 100%;}
  #section08.main .swiper .swiper-wrapper {margin-left: 106.5%;}
  #section08.main .swiper .swiper-wrapper .swiper-slide {overflow: hidden;  border-radius: 15px;}
  #section08.main .swiper .swiper-wrapper .swiper-slide img.mo {height: 531px;  width: auto;    max-width: fit-content;}

  #section08.main .preface, .tit {width: 90%;  margin: 0 auto; white-space: nowrap;}

  #section09.main {padding-bottom: 150px;}
  #section09.main .cont.flex-between {flex-direction: column; width: 100%; align-items: flex-start;  flex-wrap: wrap;}
  #section09.main .cont .width60 { width: 100%;}
  #section09.main .cont .width35 {padding-left: 0; width: 90%; margin: 0 auto;  font-size: 1.750rem;;margin-top: 3rem; }
  #section09.main .cont .width35 .info_list li.width70>p.flex {flex-direction: column;}
  #section09.main .cont .width35 .info_list li.width70>p.flex .width30,
  #section09.main .cont .width35 .info_list li.width70>p.flex .width70 {width: 100%;}
  #section09.main .info {  height: 520px;}
  #section09.main .info .map_link {width: 50%;left: 30%; position: relative; max-width: 250px; margin: 0;}
  #section09.main .info .map_link img {max-width: 90%;}
}

@media (max-width: 640px){
  #main .slide04 .font-60.bold600.color-white.m-zero-auto.width55 {width: 85%;}
  #section03.main .video iframe {min-height: 300px;}
}

@media (max-width: 430px){ 
  .tit {padding-bottom: 3rem;}
  .h100 {height: 100vh; min-height: 900px;}
  .slide02 .cont .pt-50, .slide03 .cont .pt-50 {padding-top: 2.125rem;}
  .font-20 {font-size: 1.5rem;}
  .panel_wrap .font-20 { font-size: 1.250rem; }
  .tabs_tab.box {margin-right: 1rem;} 

  #section01.main .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
  #section01.main .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {font-size: 16px;}

  #section02.main .colon {padding: 0 3rem;}  
  #section02.main .cont {padding: 0;}
  #section03.main .video iframe {min-height: 230px;}
  #section03.main .thum_tab .tab-link p {padding: 1rem 1.5rem;}
  #section03.main .thum_tab .tab-link p span {font-size: 1.5rem;}

  #section04.main p.font-20.pt-25.pb-25 {font-size: 1rem;}
  
  #section05.main .doc_wrap .font-20 {font-size: 1.5rem;} 

  #section09.main .info .map_link {max-width: none; }
}

@media (max-width: 375px){
  .slide02 .cont, .slide03 .cont {max-height: 600px;}
}

/* 메인 의료진 수정 */

  /* title */
  #section05.main.doc .preface {padding-bottom: 0;}
  #section05.main.doc .section-left {position: relative;}
  #section05.main.doc .DocSwiper .swiper-slide {opacity: 0.5; width: 90%;}
  #section05.main.doc .DocSwiper .swiper-slide.swiper-slide-active {opacity: 1;}
  #section05.main.doc .DocSwiper .img_wrap {width: 40%;}
  #section05.main.doc .txtwrap {position: relative; width: 28%;}
  #section05.main.doc .swiper-pagination {position: relative; display:flex; gap: 12%; justify-content: flex-end;}
  #section05.main.doc .swiper-pagination-bullet {width: fit-content; height: auto; opacity: 1;font-size: 1.125rem; font-weight: 500; border-radius:0; background: transparent; color: var(--light-gray);}
  #section05.main.doc .swiper-pagination-bullet-active {position: relative; color: #48609e; font-weight: 600;}
  #section05.main.doc .swiper-pagination-bullet-active:after {
  width: 10px; height: 10px; background: #48609e; border-radius:50%; position: absolute; content:""; left: -20px; top: 7px;}
  #section05.main ul li {padding-bottom: 0.5rem; color: #474747;}
  #section05.main.doc .btn {width: fit-content; cursor: pointer;}

  /* swiperbtn */
  #section05.main .swiperBtn.swiper-button-wrap {position: absolute; top: 50%; right: 10%; width: auto; height: auto; z-index: 10; transform:translateY(-50%);}
  #section05.main .swiperBtn.swiper-button-wrap .swiper-button { background-color: var(--pointcolor); width: 100px; height: 100px; border-radius: 50%; text-align: center;}
  #section05.main .swiperBtn.swiper-button-next { color: var(--pointcolor); text-shadow: 0.75px 0 var(--pointcolor); right: -35%; left: auto;}
  #section05.main .swiperBtn.swiper-button-wrap .swiper-button-prev { color: var(--pointcolor);
  left: -35%; text-shadow: 0.75px 0 var(--pointcolor); right: auto;}
  @media (min-width:1921px) {#section05.main.doc .txtwrap {width: 30%;}}
  @media (max-width:1680px) {#section05.main.doc .txtwrap {width: 35%;}}
  @media(max-width:1420px) {#section05.main .swiperBtn.swiper-button-wrap {right: 12%;}}
  @media (max-width:1240px) { 
      #section05.main .doc01 h3::after {left: -4rem;}
      #section05.main.doc .txtwrap {width: 40%;} 
      #section05.main .txt_wrap.pl-100 {padding-left: 4rem;}
      #section05.main.doc .swiper-pagination-bullet-active:after {top: 6px;}
      #section05.main .swiperBtn.swiper-button-wrap {right: 15%; top: 80%;}
      #section05.main .swiperBtn.swiper-button-wrap .swiper-button {width: 80px; height: 80px;}
  }
  @media (max-width:1024px) { 
      #section05.main .doc01 h3::after {left: -3rem;}
      #section05.main .txt_wrap.pl-100 {padding-left: 3rem;}
      #section05.main .swiperBtn.swiper-button-wrap {right: 16%; top: 85%;}
  }
  @media(max-width:990px) { 
      #section05.main .doc01 {padding-right: 5%;}      
      #section05.main .tit {width: 100%; display:flex;}
      #section05.main.doc .img_wrap.width40 {width: 100%;}
      #section05.main ul li {width: 50%;}
      #section05.main.doc .btn {margin-top: 5rem;}
      #section05.main.doc .txt_wrap {margin-top: 3rem;}
      #section05.main .txt_wrap.pl-100 {padding-left: 1rem;}
      #section05.main.doc .swiper-pagination-bullet-active:after {top: 5px;}
      #section05.main .swiperBtn.swiper-button-wrap {display:none;}
  }
  @media(max-width:768px) {
      #section05.main .tit {flex-direction: column; align-items: flex-start;}
      #section05.main .tit.pb-60 {padding-bottom: 2rem;}
      #section05.main.doc .txtwrap {width: 100%; padding-left: 4%; margin-top: 1rem;}
      #section05.main.doc .swiper-pagination {gap: 7%;}
      #section05.main.doc .swiper-pagination {justify-content: flex-end;}
      #section05.main.doc .swiper-pagination-bullet-active:after {top: 3px;}
  }
  @media(max-width:580px) {
      #section05.main .doc01 h3::after {left: 0;}
      #section05.main ul li {width: 100%;}
      #section05.main .txt_wrap.pl-100 {padding-left: 0;}
      #section05.main.doc .swiper-pagination-bullet-active:after {top: 2px;}
  }
  @media(max-width:480px) {
      #section05.main.doc .swiper-pagination-bullet-active:after {width: 8px; height: 8px; top: 3px; left: -17px;}
      #section05.main.doc .swiper-pagination {gap: 10%;}
  }


/*24-01-17 수정*/
.swiper_cursor {cursor: url("/img/scroll_cursor.png"), auto;}
.num_color {color: #a8a8a8;}