@charset "utf-8";
/* 공용 fade-in */
.fade_motion.fade_y {opacity: 0; transform: translateY(50px); transition: all 2s;}
.fade_motion.fade_y.fade-in {opacity: 1; transform: translateY(0);}
.section_tit.fade_motion .fade_s {letter-spacing: -16px; transition: all 2s;}
.section_tit.fade_motion.fade-in .fade_s {letter-spacing: 0;}
.section_tit.fade_motion .fade_y {opacity: 0; transform: translateY(100px); transition: all 2s;}
.section_tit.fade_motion.fade-in .fade_y {opacity: 1; transform: translateY(0);}
.signature_list.fade_motion li {opacity: 0; transform: translateY(100px);}
.signature_list.fade_motion li:nth-child(1) {transition: all 2s;}
.signature_list.fade_motion li:nth-child(2) {transition: all 2s .3s;}
.signature_list.fade_motion li:nth-child(3) {transition: all 2s .6s;}
.signature_list.fade_motion li:nth-child(4) {transition: all 2s .9s;}
.signature_list.fade_motion.fade-in li {opacity: 1; transform: translateY(0);}
.doctor_intro.fade_motion .doctor_left {opacity: 0; transform: translateX(-100px); transition: all 2s;}
.doctor_intro.fade_motion .doctor_right {opacity: 0; transform: translateX(100px); transition: all 2s;}
.doctor_intro.fade_motion.fade-in .doctor_left, .doctor_intro.fade_motion.fade-in .doctor_right {opacity: 1; transform: translateX(0);}

/* 공용 섹션 타이틀 */
.section {padding: 130px 0;}


/*------메인비쥬얼------*/
#main_visual {position:relative; height: 1000px; overflow: hidden;}
/* #main_visual .mainvisual_img {background: url("../images/main/mainvisual_01.jpg") no-repeat; background-size: cover; background-position:bottom; height:100%; transform: scale(1.2);transition: all 4s ease-out; }
#main_visual .mainvisual_img.fade-in {transform: scale(1);} */
#main_visual .swiper-slide {overflow: hidden;}
#main_visual .swiper-slide:nth-child(1) img,
#main_visual .swiper-slide:nth-child(2) img{transition: all 3s ease-out;transform: scale(1.1);}
#main_visual .swiper-slide-active:nth-child(1) img,
#main_visual .swiper-slide-active:nth-child(2) img {transform: scale(1);}
#main_visual .swiper-button-next, #main_visual .swiper-button-prev {top: 43%; color: #fff;}
#main_visual .mainvisual_txt {position: absolute; top: 50%; left: 18.5vw; cursor: default; z-index: 1;}
#main_visual .mainvisual_txt .txt1 span {font-size: 20px; display: block; color: #fff;}
#main_visual .mainvisual_txt .txt1 h3 {font-family: 'Noto Serif KR'; font-size: 26px; margin-top: 60px; color: #fff;}
#main_visual .mainvisual_txt .txt1 p {line-height: 22px; color: #fff;margin-top: 16px; font-weight: 200;}
#main_visual .mouse-scroll {position: absolute; left: 0; right: 0; bottom: 12%; text-align: center; z-index: 5; display: block;}
#main_visual .mouse-scroll .mouse {position: relative; width: 16px; height: 25px; margin: 0 auto; border: 2px solid #fff; border-radius: 2rem;}
#main_visual .mouse-scroll .mouse::after {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: -0.03rem; margin: auto; background-color: #fff; width: 5px; height: 5px; border-radius: 100%; animation: bounce 5s linear infinite;}
#main_visual .mouse-scroll .down-arrow-icon {display: block; width: 16px; margin: 0 auto; filter: brightness(0) invert(1);}
#main_visual .mouse-scroll .down-arrow-icon > img {width: 100%;}

/* 시그니처1 섹션 */
#signature1_section .sign_box {max-width: 1200px; width: 100%; margin: 0px auto; display: flex; flex-direction: column; align-items: start; justify-content: center; gap: 40px;}
#signature1_section .sign_box .sign_tit {width: 100%; text-align: left; display: flex; flex-direction: column;}
#signature1_section .sign_box .sign_tit span {display: inline-block; font-size: 20px; line-height: 28px;}
#signature1_section .sign_box .sign_tit h2 {font-family:'Noto Serif KR'; display: inline-block; font-size: 36px; line-height: 48px; font-weight: 400; margin-top: 14px;}
#signature1_section .sign_list {text-align: center; font-size: 0px;}
#signature1_section .sign_list ul {display: flex; justify-content: center; gap: 20px;}
#signature1_section .sign_list li {position: relative; background-size: contain; overflow: hidden;}
#signature1_section .sign_list li:nth-child(1) {margin-left: 0;}
#signature1_section .sign_list li .sign_img {position: relative; width: 100%; transition: all 1s}
#signature1_section .sign_list li .sign_img::after {display: block; clear: both; content: ""; position:absolute; top: 0; width: 100%; height: 100%; background: linear-gradient(to top, #00000047 20%, transparent 50%);}
#signature1_section .sign_list li .sign_img:hover {transform: scale(1.05);}
#signature1_section .sign_list li .sign_link  {position: absolute; bottom: -1px; left: 0; text-align: left; padding: 27px;}
#signature1_section .sign_list li .sign_link h4 {font-family: 'Noto Serif KR'; font-size: 22px; font-weight: 700; color: #ffffff;}
#signature1_section .sign_list li .sign_link p {font-family: 'Noto Serif KR'; font-size: 20px; line-height: 1.4; margin-top:10px; color: #ffffff;}


/* 시그니처2 섹션 */
#signature2_section {background-color: #f7f7f7;}
#signature2_section .sign_box {max-width: 1200px; width: 100%; margin: 0px auto; display: flex; flex-direction: column; align-items: start; justify-content: center; gap: 40px;}
#signature2_section .sign_box .sign_tit {width: 100%; text-align: left;}
#signature2_section .sign_box .sign_tit h2 {font-family:'Noto Serif KR'; display: inline-block; font-size: 36px; line-height: 48px; font-weight: 400; margin-top: 14px;}
#signature2_section .sign_box .sign_list {width: 100%;}
#signature2_section .sign_box .sign_list ul {display: flex; justify-content: space-between; gap: 30px;}
#signature2_section .sign_box .sign_list ul li {border-top: 1px solid #000; width: 33%;}
#signature2_section .sign_box .sign_list ul li .li_tit {margin-top: 40px;}
#signature2_section .sign_box .sign_list ul li .li_tit h5 {font-size: 18px;}
#signature2_section .sign_box .sign_list ul li .li_tit p {margin-top: 10px; color: #444;}
#signature2_section .sign_box .sign_list ul li .li_img {margin-top: 30px; position: relative; overflow: hidden; transition: all .5s;}
#signature2_section .sign_box .sign_list ul li .li_img:hover img {filter: brightness(0.5);}
#signature2_section .sign_box .sign_list ul li .li_img:hover::before {display: block; content:''; clear: both; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1px; height: 150px; background: #fff; z-index: 1;}
#signature2_section .sign_box .sign_list ul li .li_img:hover::after {display: block; content:''; clear: both; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 150px; height: 1px; background: #fff;}


/* 스크롤배경섹션 */
.main_scroll_section {display: flex; justify-content: center; position: relative; height: 700px; overflow: hidden;}
.main_scroll_section .scroll_box {max-width: 1200px; width: 100%; margin: 0px auto; display: flex; align-items: center;}
.main_scroll_section .bg_wrap {clip: rect(0, auto, auto, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.main_scroll_section .bg_wrap .bg {background: url("../images/main/scroll.jpg") no-repeat; background-size: cover; position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh; filter: brightness(0.7);}
.main_scroll_section .scroll_txt {display: flex; align-items: flex-end; justify-content: space-between; width: 100%;}
.main_scroll_section .scroll_txt .txt1 {text-align: left;}
.main_scroll_section .scroll_txt .txt1 span {color: #fff; font-size: 20px;}
.main_scroll_section .scroll_txt .txt1 h4 {font-family: "Noto Serif KR", serif; font-weight: 500; color: #fff; font-size: 36px; margin-top: 15px;}
.main_scroll_section .scroll_txt .txt1 p {color: #fff; font-size: 18px; margin-top: 30px;}
.main_scroll_section .scroll_txt .txt2 {display: flex; color: #fff}
.main_scroll_section .scroll_txt .txt2 .btn a {padding: 15px 60px 15px 20px; position: relative; border: 1px solid #fff; border-radius: 50px;font-size: 16px;}
.main_scroll_section .scroll_txt .txt2 .btn a::after {display: block; content:''; clear: both; width: 13px; height: 13px; border-top: 2px solid #fff; border-right: 2px solid #fff; position: absolute; top: 19px; right: 23px; transform: rotate(45deg);}
.main_scroll_section .scroll_txt .txt2 .btn a:hover {background: #00000035;}

/* 시스템섹션 */
#system_section {background-color: #f7f7f7;}
#system_section .system_box {max-width: 1200px; width: 100%; margin: 0px auto; display: flex; flex-direction: column; align-items: start; justify-content: center; gap: 40px;}
#system_section .system_box .system_tit {width: 100%; text-align: left; display: flex; flex-direction: column;}
#system_section .system_box .system_tit span {display: inline-block; font-size: 20px; line-height: 28px;}
#system_section .system_box .system_tit h2 {font-family:'Noto Serif KR'; display: inline-block; font-size: 36px; line-height: 48px; font-weight: 400; margin-top: 14px;}
#system_section .system_box .system_list {width: 100%;}
#system_section .system_box .system_list ul {display: flex; justify-content: space-between; gap: 30px;}
#system_section .system_box .system_list ul li {width: 33%;}
#system_section .system_box .system_list ul li .li_tit {margin-top: 30px; border-top: 1px solid #000; padding-top: 30px;}
#system_section .system_box .system_list ul li .li_tit h5 {font-size: 18px;}
#system_section .system_box .system_list ul li .li_tit p {margin-top: 10px; color: #444;}
#system_section .system_box .system_list ul li .li_img {position: relative; overflow: hidden;}

/* 스토리섹션 */
#story_section .story_box {max-width: 1200px; width: 100%; margin: 0px auto; display: flex; align-items: center; gap: 70px;}
#story_section .story_box .story_img {width: 730px;}
#story_section .story_box .story_txt {width: 100%; text-align: left; display: flex; flex-direction: column;}
#story_section .story_box .story_tit span {display: block; font-size: 20px; line-height: 28px;}
#story_section .story_box .story_tit h2 {font-family:'Noto Serif KR'; font-size: 36px; line-height: 48px; font-weight: 400; margin-top: 14px;}
#story_section .story_box .story_desc {margin-top: 50px;}
#story_section .story_box .story_desc p {line-height: 24px;}
#story_section .story_box .story_desc .more_link{display: block; margin-top: 30px;}

/* 오시는길섹션 */
#view_section {background-color: #f7f7f7;}
#view_section .view_box {max-width: 1200px; width: 100%; margin: 0px auto; display: flex; flex-direction: column; align-items: start; justify-content: center; gap: 40px;}
#view_section .view_box .view_tit {width: 100%; text-align: left; display: flex; flex-direction: column;}
#view_section .view_box .view_tit h2 {font-family:'Noto Serif KR'; display: inline-block; font-size: 36px; line-height: 48px; font-weight: 400; margin-top: 14px;}
#view_section .view_box .view_desc {display: flex; align-items: center; gap: 50px;}
#view_section .view_box .view_desc .view_map .root_daum_roughmap {height: 360px;}
#view_section .view_box .view_desc .view_list ul {display: flex; flex-direction: column; gap: 30px;}
#view_section .view_box .view_desc .view_list ul li h3 {font-size: 18px; font-weight: 700;}
#view_section .view_box .view_desc .view_list ul li p {margin-top: 10px; line-height: 1.8}


/*------ 태블릿 ------*/
@media all and (max-width: 1024px) {

 .section {padding: 60px 0;}
 .section .section_tit h1 {font-size: 60px; letter-spacing: -10px;}

  #main_visual {height: 700px;}
  #main_visual .mavi_img {height: 100%;}
  #main_visual .mavi_img img {height: 100%; object-fit: cover;}
  #main_visual .mainvisual_txt {left: 10vw;}
  #main_visual .mouse-scroll {display: none;}

  #event_section .event_box {flex-direction: column;}
  #event_section .event_box .event_img {width: 100%;}
}

/*------ 모바일 ------*/
@media all and (max-width: 767px) {
  .section .section_tit h1 {font-size: 44px;}
  .section .section_tit p {font-size: 16px;}

  #main_visual .mainvisual_txt {top: 60%; left: 6vw;}
  #main_visual .mainvisual_txt .txt1 span {font-size: 18px;}
  #main_visual .mainvisual_txt .txt1 h3 {font-size: 23px;}
  #main_visual .mainvisual_txt .txt1 p {font-size: 14px;}

  #event_section .event_box,
  #signature1_section .sign_box,
  #signature2_section .sign_box,
  #system_section .system_box,
  #view_section .view_box {width: 95%;}
  #event_section .event_box .event_tit {margin-left: 0;}
  #event_section .event_box .event_tit h2,
  #signature1_section .sign_box .sign_tit h2,
  #signature2_section .sign_box .sign_tit h2,
  #system_section .system_box .system_tit h2,
  #story_section .story_box .story_tit h2 {font-size: 28px; margin-top: 0;}
  
  #signature1_section .sign_list {width: 100%;}
  #signature1_section .sign_list ul {display: grid; grid-template-columns: 1fr 1fr;gap: 10px;}
  #signature1_section .sign_list li .sign_link {padding: 15px}
  #signature1_section .sign_list li .sign_link h4 {font-size: 20px;}
  #signature1_section .sign_list li .sign_link p {font-size: 16px;}
  
  #signature2_section .sign_box .sign_list ul {flex-direction: column;}
  #signature2_section .sign_box .sign_list ul li {width: 100%}

  .main_scroll_section {height: 700px;}
  .main_scroll_section .bg_wrap .bg {background-position: center;position: absolute; width: 100%; height: 100%;}
  .main_scroll_section .scroll_txt {flex-direction: column; align-items: start;width: 90%; margin: 0 auto;}
  .main_scroll_section .scroll_txt .txt1 h4 {font-size: 28px;}
  .main_scroll_section .scroll_txt .txt2 {margin-top: 20px;}
  .main_scroll_section .scroll_txt .txt2 .btn {padding: 0;}
  .main_scroll_section .scroll_txt .txt2 .btn_2 {margin-left: 10px;}
  .main_scroll_section .scroll_txt .txt2 .btn a {padding: 10px 46px 10px 18px;}
  .main_scroll_section .scroll_txt .txt2 .btn a::after {width: 10px; height: 10px; top: 15px;}

  #system_section .system_box .system_list ul {flex-direction: column;}
  #system_section .system_box .system_list ul li {width: 100%;}

  #story_section .story_box {flex-direction: column; width: 95%; gap: 30px;}
  #story_section .story_box .story_img {width: 100%;}

  #view_section .view_box .view_desc {width: 100%; flex-direction: column; align-items: start; gap: 30px;}
  #view_section .view_box .view_tit h2 {font-size: 30px;}
  #view_section .view_box .view_desc .view_map, #view_section .view_box .view_desc .view_map .root_daum_roughmap {width: 100%!important;}
  #view_section .view_box .view_desc .view_list ul {gap: 20px;}

}