.root_daum_roughmap .cont, .root_daum_roughmap .wrap_controllers{display: none !important;}

#mainslide {width: 100%;}
#mainslide .width95{height: 100vh; overflow: hidden; padding: 0 0 100px 0;}
#mainslide .swiper {height: 100%; border-radius: 30px; overflow: hidden; position: relative;}
#mainslide .swiper-slide .img{background-position: center; background-repeat: no-repeat; background-size: cover; transition: all .3s; width: 100%; height: 100%;}
#mainslide .swiper-slide.slide01 .img{background-image: url(/img/main/mainslide01.jpg)}
#mainslide .swiper-slide.slide02 .img{background-image: url(/img/main/mainslide02.jpg)}
#mainslide .swiper-slide.slide03 .img{background-image: url(/img/main/mainslide03.jpg)}
#mainslide .swiper-slide .txt {width: 1440px; position: absolute;top: 55%; left: 50%; transform: translate(-50%, -50%);}
#mainslide .swiper-slide .txt .mark{background-color: rgba(225, 117, 149, .6); display: inline-block;}
#mainslide .main_Btn {width: 1440px; position: absolute; bottom: 15%; left: 50%; z-index: 10; display: flex; align-items: center; transform: translate(-50%, -50%);}
#mainslide .main_progress {width:200px; height: 2px; position: relative; margin-right: 14px;}
#mainslide .swiper-pagination {width: 100%; height: 2px; position: absolute; top: 0; left: 0; bottom: auto; background: rgba(255, 255, 255, 0.3);}
#mainslide .swiper-pagination-progressbar-fill {background: #fff; transform-origin: left center;}
#mainslide .main_count {display: flex; align-items: center; gap: 10px; margin-right: 22px; font-weight: 600; line-height: 1; letter-spacing: -0.02em; color: #fff;}
#mainslide .main_Bwrap {display: flex; align-items: center; gap: 15px;}
#mainslide .swiper-button-prev, #mainslide .swiper-button-next {width: auto; height: auto; position: static; top: auto; right: auto; bottom: auto; left: auto; margin: 0; cursor: pointer;}
#mainslide .swiper-button-prev::after, #mainslide .swiper-button-next::after {display: none; content: "";}
#mainslide .swiper-button-prev img, #mainslide .swiper-button-next img {display: block; width: 13px; height: auto; object-fit: contain;}
#mainslide .swiper-button-disabled {opacity: 1;}

@media(max-width: 1550px){
  #mainslide .swiper-slide .txt, #mainslide .main_Btn{width: 90%;}   
}
@media(max-width: 990px){
#mainslide .swiper-slide.slide01 .img{background-image: url(/img/main/mainslide01m.jpg)}
#mainslide .swiper-slide.slide02 .img{background-image: url(/img/main/mainslide02m.jpg)}
#mainslide .swiper-slide.slide03 .img{background-image: url(/img/main/mainslide03m.jpg)}
}

#about {width:100%; height:100vh; position:relative; overflow:hidden;}
#about .about_bg {width:100%; height:100%; position:absolute; top:0; left:0; z-index:0; background-image:url('/img/main/about01.jpg'); background-position:center; background-repeat:no-repeat; background-size:cover;}
#about .container {height:100%; position:relative; z-index:1;}
#about .about_dim {width:100vw; height:100%; position:absolute; top:0; left:50%; z-index:0; transform:translateX(-50%); pointer-events:none;}
#about .about_inner {width:100%; height:100%; position:relative; z-index:1; color:#fff;}
#about .about_top {position:absolute; top:21%; left:0; display:flex; align-items:flex-start; gap:35px;}
#about .about_top span {opacity:0.45; font-weight:700;}
#about .about_top p {margin:0; font-weight:500; line-height:1.5;}
#about .about_steps {width:100%; position:absolute; top:43%; left:0; display:flex; align-items:center; justify-content:space-between;}
#about .about_step {flex:0 0 auto; opacity:1; color:#fff; transform:none;}
#about .about_step strong {display:block; line-height:1; white-space:nowrap; color:#fff;}
#about .about_line {width:60px; height:5px; flex-shrink:0; margin:0 35px; background:rgba(255,255,255,0.28);}
#about .about_desc {width:100%; position:absolute; top:60%; left:0; text-align:center;}
#about .about_desc p {margin:0; line-height:1.6;}
#about .about_english {position:absolute; right:0; bottom:15%;}
#about .about_english p {margin:0; line-height:1.5;}

@media (max-width:1240px) and (min-width:991px) {
#about .about_line {width:40px; margin-right:25px; margin-left:25px;}
}

@media (max-width:990px) {
#about {width:100%; height:100vh; height:100svh; min-height:600px; position:relative; overflow:hidden;}
#about .container {width:100%; max-width:none; height:100%; padding-right:16px; padding-left:16px; box-sizing:border-box;}
#about .about_bg {width:100%; height:100%; background-image:url('/img/main/about01m.jpg'); background-position:center center; background-size:cover;}
#about .about_dim {width:100vw; height:100%; top:0; left:50%; transform:translateX(-50%);}
#about .about_inner {width:100%; height:100%; position:relative;}
#about .about_top {top:11.5%; right:auto; left:0; display:flex; align-items:flex-start; gap:16px; font-size:clamp(7px,2vw,10px);}
#about .about_top span {flex-shrink:0;}
#about .about_top p {line-height:1.35;}
#about .about_steps {width:100%; top:21.5%; left:0; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:10px; font-size:clamp(30px,9vw,38px); transform:none;}
#about .about_step {flex:none; opacity:1; color:#fff; transform:none;}
#about .about_step strong {line-height:1; text-align:center; white-space:nowrap; color:#fff;}
#about .about_line {width:2px; height:clamp(36px,6.5vh,44px); flex:none; margin:3px 0; background:rgba(255,255,255,0.35);}
#about .about_desc {width:100%; top:70%; left:0; padding:0 4px; box-sizing:border-box; text-align:center;}
#about .about_desc p {margin:0; font-size:clamp(12px,3.6vw,16px); line-height:1.55; word-break:keep-all;}
#about .about_desc .sub-color {color:#fff;}
#about .about_english {right:0; bottom:10.5%; font-size:clamp(7px,2vw,10px); text-align:right;}
#about .about_english p {line-height:1.4;}
}

@media (max-width:360px) {
#about .container {padding-right:14px; padding-left:14px;}
#about .about_top {gap:13px;}
#about .about_desc {padding:0;}
}

@media (max-width:990px) and (max-height:599px) {
#about {height:600px; min-height:600px;}
}

#doctor .flexList{--x-gap: 8rem; --y-gap: 3rem;}
#doctor h3 span{padding: .5rem 1rem; border-radius: 4px;}
#doctor .line{width: 100%; height: 1px; background-color: #cccccc;}
#doctor ul li{line-height: 1.6; padding-left: 1rem; position: relative;}
#doctor ul li::before{content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; background-color: #223e7c;}

@media (max-width: 1550px){
    #doctor .flexList{--x-gap: 4rem;}
    #doctor .doc_info{padding-right: 0;}
}

@media (max-width: 1240px){
    #doctor .flexList img{margin: auto}
    
}
@media (max-width: 768px){
#doctor .doc_info .flexList{--y-gap: 0rem;}
}
#checkup {width: 100%; overflow: hidden; background: url('/img/main/checkup_bg.jpg') center / cover no-repeat;}
#checkup button{font-weight: 700;}
#checkup .checkup_head {display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; margin-bottom: 45px; color: #fff;}
#checkup .checkup_title {flex-shrink: 0;}
#checkup .checkup_tabs {display: flex; align-items: center; gap: 38px; overflow-x: auto; scrollbar-width: none; }
#checkup .checkup_tabs::-webkit-scrollbar {display: none;}
#checkup .checkup_tab {position: relative; flex-shrink: 0; padding: 0 0 13px; border: 0; color: rgba(255, 255, 255, 0.4); background: none; white-space: nowrap; cursor: pointer; transition: color 0.3s ease;}
#checkup .checkup_tab::after {width: 0; height: 2px; position: absolute; bottom: 0; left: 50%; background: #fff; content: ""; transform: translateX(-50%); transition: width 0.3s ease;}
#checkup .checkup_tab.active {color: #fff;}
#checkup .checkup_tab.active::after {width: 100%;}
#checkup .checkupSwiper {overflow: visible;}
#checkup .swiper-slide {width: min(1000px, 70vw); height: auto; opacity: 0.3; transition: opacity 0.5s ease, transform 0.5s ease;}
#checkup .swiper-slide-active {opacity: 1;}
#checkup .checkup_card {display: grid; grid-template-columns: 40% 60%; height: 100%; min-height: 460px; overflow: hidden; border-radius: 32px; background: #fff;}
#checkup .checkup_img {min-width: 0; overflow: hidden; margin: 16px 0 16px 16px; border-radius: 22px;}
#checkup .checkup_img img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;}
#checkup .checkup_content {padding: 45px 50px;}
#checkup .checkup_group strong {display: inline-block;padding: 7px 16px; border-radius: 30px; background: #eef1f8; font-weight: 700}
#checkup .checkup_group ul {margin: 0; padding: 0; list-style: none;}
#checkup .checkup_group li {position: relative; padding-left: 1rem; line-height: 1.6;}
#checkup .checkup_group li::before {width: 4px; height: 4px; position: absolute; top: 0.5em; left: 0; background: #223e7c; content: "";}
#checkup .line{width: 100%; height: 1px; background-color: #fff; opacity: .4;}
#checkup .notandum li {position: relative; padding-left: 1rem; line-height: 1.6;}
#checkup .notandum li::before {width: 4px; height: 4px; position: absolute; top: 0.5em; left: 0; background: #fff; content: "";}
    
@media (max-width: 1240px) {
#checkup .checkup_head {display: block;}
#checkup .checkup_tabs {margin-top: 35px;}
#checkup .swiper-slide {width: min(720px, 82vw);}
#checkup .notandum .flexList{margin-top: 2rem; --y-gap: 0rem;}
#checkup .notandum ul{padding-left: 25px;}
}

@media (max-width: 990px) {
#checkup .checkup_tabs {width: calc(100% + 30px); gap: 24px; margin-top: 30px; padding-right: 30px;}
#checkup .swiper-slide {width: calc(100vw - 40px); transform: scale(0.97);}
#checkup .checkup_card {display: block; min-height: 0; border-radius: 22px;}
#checkup .checkup_img {height: clamp(260px, 75vw, 380px); margin: 12px 12px 0; border-radius: 17px;}
#checkup .checkup_content {padding: 30px 25px 35px;}
#checkup .checkup_content h3 {margin-bottom: 25px;}
}

#endoscopy {width: 100%;  overflow: hidden;}
#endoscopy * {box-sizing: border-box;}
#endoscopy button {font-family: inherit; font-weight: 700;}
#endoscopy .endoscopy_head {display: flex; align-items: flex-end; justify-content: space-between; gap: 60px; margin-bottom: 50px;}
#endoscopy .endoscopy_tabs {display: flex; align-items: center; gap: 38px; overflow-x: auto; scrollbar-width: none;}
#endoscopy .endoscopy_tabs::-webkit-scrollbar {display: none;}
#endoscopy .endoscopy_tab {position: relative; flex: 0 0 auto; padding: 0 0 14px; border: 0; color: #a0a5ae; background: transparent; white-space: nowrap; cursor: pointer; transition: color 0.3s ease;}
#endoscopy .endoscopy_tab::after {width: 0; height: 2px; position: absolute; bottom: 0; left: 50%; background:  var(--pointcolor); content: ""; transform: translateX(-50%); transition: width 0.3s ease;}
#endoscopy .endoscopy_tab.active {color: var(--pointcolor);}
#endoscopy .endoscopy_tab.active::after {width: 100%;}
#endoscopy .endoscopySwiper {width: 100%; overflow: hidden;}
#endoscopy .swiper-wrapper {align-items: flex-start;}
#endoscopy .swiper-slide {height: auto;}
#endoscopy .endoscopy_card {display: grid; grid-template-columns: minmax(320px, 40%) minmax(0, 60%); min-height: 633px; padding: 18px; overflow: hidden; border-radius: 28px; background: #e9eefa;}
#endoscopy .endoscopy_img {min-width: 0; min-height: 633px; overflow: hidden; border-radius: 22px;}
#endoscopy .endoscopy_img img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;}
#endoscopy .endoscopy_content {padding: 3rem 4rem;}
#endoscopy .endoscopy_content h3 {margin: 0 0 18px; color: #171a21; line-height: 1.25; letter-spacing: -0.04em;}
#endoscopy .endoscopy_summary {max-width: 680px; margin: 0 0 25px; color: #555e70;  line-height: 1.7; word-break: keep-all;}
#endoscopy .endoscopy_group + .endoscopy_group {margin-top: 24px;}
#endoscopy .endoscopy_info_grid {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none;}
#endoscopy .endoscopy_info_grid li {min-height: 42px; position: relative; display: flex; align-items: center; padding: 10px 14px 10px 40px; border-radius: 4px; background: #fff; color: #303747; line-height: 1.45;}
#endoscopy .endoscopy_info_grid li::before {width: 15px; height: 15px; position: absolute; top: 50%; left: 16px; content: ""; transform: translateY(-50%); background: url('/img/main/check.png') center / cover no-repeat;}
#endoscopy .endoscopy_test_grid {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none;}
#endoscopy .endoscopy_test_grid li {min-height: 118px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 30px 8px; border-radius: 13px; background: #fff; text-align: center;}
#endoscopy .endoscopy_test_grid .test_icon {display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin-bottom: 9px;}
#endoscopy .endoscopy_test_grid .test_icon img {display: block; max-width: 100%; max-height: 100%;}
#endoscopy .endoscopy_test_grid strong {display: block; margin-bottom: 4px; color: #263653; }
#endoscopy .endoscopy_test_grid li > span:last-child {display: block; color: #6c7483; word-break: keep-all;}
#endoscopy .line{width: 100%; height: 1px; background-color: #cccccc; opacity: .4;}
#endoscopy .notandum li {position: relative; padding-left: 1rem; line-height: 1.6;}
#endoscopy .notandum li::before {width: 4px; height: 4px; position: absolute; top: 0.5em; left: 0; background: #223e7c; content: "";}

@media (max-width: 1240px) {
#endoscopy .endoscopy_head {display: block;}
#endoscopy .endoscopy_tabs {margin-top: 35px;}
#endoscopy .endoscopy_card {grid-template-columns: 42% 58%;}
#endoscopy .endoscopy_content {padding: 28px 30px;}
#endoscopy .notandum .flexList{margin-top: 2rem; --y-gap: 0rem;}
#endoscopy .notandum ul{padding-left: 25px;}
#endoscopy .notandum .mt-15{margin-top: 10px;}
}

@media (max-width: 990px) {
#endoscopy .endoscopy_tabs {gap: 28px;}
#endoscopy .endoscopy_card {grid-template-columns: 40% 60%; min-height: 500px;}
#endoscopy .endoscopy_img {min-height: 464px;}
#endoscopy .endoscopy_info_grid {grid-template-columns: 1fr;}
#endoscopy .endoscopy_test_grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
#endoscopy .endoscopy_notice {grid-template-columns: 1fr; gap: 25px;}
#endoscopy {padding: 75px 0;}
#endoscopy .endoscopy_head {margin-bottom: 30px;}
#endoscopy .endoscopy_tabs {width: calc(100% + 30px); gap: 25px; margin-top: 28px; padding-right: 30px;}
#endoscopy .endoscopy_card {display: block; min-height: 0; padding: 12px; border-radius: 22px;}
#endoscopy .endoscopy_img {width: 100%; height: clamp(280px, 76vw, 430px); min-height: 0; border-radius: 17px;}
#endoscopy .endoscopy_content {padding: 28px 14px 20px;}
#endoscopy .endoscopy_info_grid {grid-template-columns: 1fr;}
#endoscopy .endoscopy_test_grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
#endoscopy .endoscopy_notice {margin-top: 35px; padding-top: 25px;}
#endoscopy .notice_lists {grid-template-columns: 1fr; gap: 0;}
}

@media (max-width: 500px) {
#endoscopy .endoscopy_test_grid {grid-template-columns: 1fr;}
#endoscopy .endoscopy_test_grid li {min-height: 95px;}
}

#ultrasound {width: 100%;overflow: hidden;}
#ultrasound * {box-sizing: border-box;}
#ultrasound button {font-family: inherit; font-weight: 700;}
#ultrasound .ultrasound_head {display: flex; align-items: flex-end; justify-content: space-between; gap: 60px; margin-bottom: 50px;}
#ultrasound .ultrasound_tabs {display: flex; align-items: center; gap: 38px; overflow-x: auto; scrollbar-width: none;}
#ultrasound .ultrasound_tabs::-webkit-scrollbar {display: none;}
#ultrasound .ultrasound_tab {position: relative; flex: 0 0 auto; padding: 0 0 14px; border: 0; color: #a0a5ae; background: transparent; white-space: nowrap; cursor: pointer; transition: color 0.3s ease;}
#ultrasound .ultrasound_tab::after {width: 0; height: 2px; position: absolute; bottom: 0; left: 50%; background: var(--pointcolor); content: ""; transform: translateX(-50%); transition: width 0.3s ease;}
#ultrasound .ultrasound_tab.active {color: var(--pointcolor);}
#ultrasound .ultrasound_tab.active::after {width: 100%;}
#ultrasound .ultrasoundSwiper {width: 100%; overflow: hidden;}
#ultrasound .swiper-wrapper {align-items: flex-start;}
#ultrasound .swiper-slide {height: auto;}

/* 콘텐츠 왼쪽 / 이미지 오른쪽 */
#ultrasound .ultrasound_card {display: grid; grid-template-columns: minmax(0, 60%) minmax(320px, 40%); min-height: 633px; padding: 18px; overflow: hidden; border-radius: 28px; background: #e9eefa;}
#ultrasound .ultrasound_content {min-width: 0; padding: 3rem 4rem;}
#ultrasound .ultrasound_img {min-width: 0; min-height: 633px; overflow: hidden; border-radius: 22px;}
#ultrasound .ultrasound_img img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;}
#ultrasound .ultrasound_content h3 {margin: 0 0 18px; color: #171a21; line-height: 1.25; letter-spacing: -0.04em;}
#ultrasound .ultrasound_summary {max-width: 680px; margin: 0 0 25px; color: #555e70; line-height: 1.7; word-break: keep-all;}
#ultrasound .ultrasound_group + .ultrasound_group {margin-top: 24px;}
#ultrasound .ultrasound_info_grid {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin: 0; padding: 0; list-style: none;}
#ultrasound .ultrasound_info_grid li {min-height: 42px; position: relative; display: flex; align-items: center; padding: 10px 14px 10px 40px; border-radius: 4px; background: #fff; color: #303747; line-height: 1.45;}
#ultrasound .ultrasound_info_grid li::before {width: 15px; height: 15px; position: absolute; top: 50%; left: 16px; content: ""; transform: translateY(-50%); background: url('/img/main/check.png') center / cover no-repeat;}
#ultrasound .ultrasound_test_grid {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0; padding: 0; list-style: none;}
#ultrasound .ultrasound_test_grid li {min-height: 118px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 30px 8px; border-radius: 13px; background: #fff; text-align: center;}
#ultrasound .ultrasound_test_grid .test_icon {display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; margin-bottom: 9px;}
#ultrasound .ultrasound_test_grid .test_icon img {display: block; max-width: 100%; max-height: 100%;}
#ultrasound .ultrasound_test_grid strong {display: block; margin-bottom: 4px; color: #263653;}
#ultrasound .ultrasound_test_grid li > span:last-child {display: block; color: #6c7483; word-break: keep-all;}
#ultrasound .ul_notice .flexList{--y-gap: 0rem;}
#ultrasound .ul_notice li{position: relative; padding-left: 1rem; line-height: 1.6;}
#ultrasound .ul_notice li::before {content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 4px; height: 4px; background-color: #223e7c;}

@media (max-width: 1240px) { 
    #ultrasound .ultrasound_head {display: block;}
    #ultrasound .ultrasound_tabs {margin-top: 35px;}
    #ultrasound .ultrasound_card {grid-template-columns: minmax(0, 58%) minmax(300px, 42%);}
    #ultrasound .ultrasound_content {padding: 28px 30px;}
}

@media (max-width: 990px) {
    #ultrasound .ultrasound_tabs {gap: 28px;}
    #ultrasound .ultrasound_card {grid-template-columns: minmax(0, 60%) minmax(280px, 40%); min-height: 500px;}
    #ultrasound .ultrasound_img {min-height: 464px;}
    #ultrasound .ultrasound_info_grid {grid-template-columns: 1fr;}
    #ultrasound .ultrasound_test_grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
    #ultrasound .ultrasound_head {margin-bottom: 30px;}
    #ultrasound .ultrasound_tabs {width: calc(100% + 30px); gap: 25px; margin-top: 28px; padding-right: 30px;}
    #ultrasound .ultrasound_card {display: flex; flex-direction: column; min-height: 0; padding: 12px; border-radius: 22px;}
    #ultrasound .ultrasound_img {order: 1; width: 100%; height: clamp(280px, 76vw, 430px); min-height: 0; border-radius: 17px;}
    #ultrasound .ultrasound_content {order: 2; padding: 28px 14px 20px;}
    #ultrasound .ultrasound_info_grid {grid-template-columns: 1fr;}
    #ultrasound .ultrasound_test_grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
    #ultrasound .notandum {display: block;}
    #ultrasound .notandum .width60 {width: 100%; margin-top: 25px;}
}

@media (max-width: 500px) {
    #ultrasound .ultrasound_test_grid {grid-template-columns: 1fr;}
    #ultrasound .ultrasound_test_grid li {min-height: 95px;}
}

#gastroenterology {width: 100%; overflow: hidden;}
#gastroenterology * {box-sizing: border-box;}
#gastroenterology button {font-family: inherit; font-weight: 700;}

#gastroenterology .gastroenterology_head {display: flex; align-items: flex-end; justify-content: space-between; gap: 60px; margin-bottom: 50px;}
#gastroenterology .gastroenterology_head .title {flex-shrink: 0;}
#gastroenterology .gastroenterology_head .title h2 {margin: 5px 0 0;}
#gastroenterology .gastroenterology_head .title p {color: #555e70; line-height: 1.65; word-break: keep-all;}

#gastroenterology .gastroenterology_tabs {display: flex; align-items: center; gap: 38px; overflow-x: auto; scrollbar-width: none;}
#gastroenterology .gastroenterology_tabs::-webkit-scrollbar {display: none;}
#gastroenterology .gastroenterology_tab {position: relative; flex: 0 0 auto; padding: 0 0 14px; border: 0; color: #a0a5ae; background: transparent; white-space: nowrap; cursor: pointer; transition: color .3s ease;}
#gastroenterology .gastroenterology_tab::after {width: 0; height: 2px; position: absolute; bottom: 0; left: 50%; background: var(--pointcolor); content: ""; transform: translateX(-50%); transition: width .3s ease;}
#gastroenterology .gastroenterology_tab.active {color: var(--pointcolor);}
#gastroenterology .gastroenterology_tab.active::after {width: 100%;}

#gastroenterology .gastroenterologySwiper {width: 100%; overflow: visible;}
#gastroenterology .swiper-wrapper {align-items: flex-start;}
#gastroenterology .swiper-slide {height: auto;}

#gastroenterology .gastroenterology_card {width: 95%; margin-left: 50%; overflow: hidden; border-radius: 28px; transform: translateX(-50%);}

#gastroenterology .gastroenterology_visual {height: 330px; position: relative; overflow: hidden; background: #284887;}
#gastroenterology .gastroenterology_visual_container {height: 100%; position: relative; z-index: 3; display: flex; align-items: center;}
#gastroenterology .gastroenterology_visual_text {width: 42%; color: #fff;}
#gastroenterology .gastroenterology_visual_text h3 {margin: 0; color: #fff; line-height: 1.3; letter-spacing: -.04em;}
#gastroenterology .gastroenterology_visual_text p {max-width: 540px; margin-bottom: 0; color: rgba(255,255,255,.78); line-height: 1.75; word-break: keep-all;}

#gastroenterology .gastroenterology_img {width: 65%; height: 100%; position: absolute; top: 0; right: 0; z-index: 1; overflow: hidden;}
#gastroenterology .gastroenterology_img::before {width: 38%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background: linear-gradient(90deg, #284887 0%, rgba(40,72,135,.94) 22%, rgba(40,72,135,.52) 60%, rgba(40,72,135,0) 100%); content: ""; pointer-events: none;}
#gastroenterology .gastroenterology_img img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;}

#gastroenterology .gastroenterology_info {padding: 48px 0 55px; background: #e9eefa;}
#gastroenterology .gastroenterology_info_grid {display: grid; grid-template-columns: 29% 39% 32%; align-items: stretch;}
#gastroenterology .gastroenterology_info_item {min-width: 0; padding: 0 42px;}
#gastroenterology .gastroenterology_info_item:first-child {padding-left: 0;}
#gastroenterology .gastroenterology_info_item:last-child {padding-right: 0;}
#gastroenterology .gastroenterology_info_item h4 {margin: 0;}

#gastroenterology .gastroenterology_check_list {display: grid; gap: 8px; padding: 0; list-style: none;}
#gastroenterology .gastroenterology_check_list li {min-height: 43px; position: relative; display: flex; align-items: center; padding: 10px 14px 10px 40px; background: #fff; color: #303747; line-height: 1.45; word-break: keep-all;}
#gastroenterology .gastroenterology_check_list li::before {width: 15px; height: 15px; position: absolute; top: 50%; left: 15px; background: url('/img/main/check.png') center / cover no-repeat; content: ""; transform: translateY(-50%);}

#gastroenterology .gastroenterology_disease_grid {display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 10px; padding: 0; list-style: none;}
#gastroenterology .gastroenterology_disease_grid li {min-height: 92px; display: flex; align-items: center; gap: 14px; padding: 16px 18px; border-radius: 12px; background: #fff; color: #303747; font-weight: 600; word-break: keep-all;}
#gastroenterology .gastroenterology_disease_grid .disease_icon {width: 40px; height: 40px; flex: 0 0 40px; display: flex; align-items: center; justify-content: center;}
#gastroenterology .gastroenterology_disease_grid .disease_icon img {display: block; max-width: 100%; max-height: 100%; object-fit: contain;}

#gastroenterology .gastroenterology_dot_list {padding: 0; list-style: none;}
#gastroenterology .gastroenterology_dot_list li {position: relative; padding-left: 14px; color: #434b5b; line-height: 1.8; word-break: keep-all;}
#gastroenterology .gastroenterology_dot_list li::before {width: 4px; height: 4px; position: absolute; top: .8em; left: 0; border-radius: 50%; background: var(--pointcolor); content: "";}

@media (max-width: 1240px) {
#gastroenterology {padding: 110px 0;}
#gastroenterology .gastroenterology_head {display: block;}
#gastroenterology .gastroenterology_tabs {margin-top: 35px;}
#gastroenterology .gastroenterology_visual_text {width: 46%;}
#gastroenterology .gastroenterology_img {width: 61%;}
#gastroenterology .gastroenterology_info_item {padding: 0 28px;}
}

@media (max-width: 990px) {
#gastroenterology .gastroenterology_tabs {gap: 28px;}
#gastroenterology .gastroenterology_visual {height: 300px;}
#gastroenterology .gastroenterology_visual_text {width: 50%;}
#gastroenterology .gastroenterology_img {width: 58%;}
#gastroenterology .gastroenterology_info_grid {grid-template-columns: repeat(2, minmax(0,1fr)); gap: 35px 0;}
#gastroenterology .gastroenterology_info_item {padding: 0 25px;}
#gastroenterology .gastroenterology_info_item:first-child {padding-left: 0;}
#gastroenterology .gastroenterology_info_item:nth-child(2) {padding-right: 0;}
#gastroenterology .gastroenterology_info_item:nth-child(3) {grid-column: 1 / -1; border-left: 0;}
#gastroenterology {padding: 75px 0;}
#gastroenterology .gastroenterology_head {margin-bottom: 30px;}
#gastroenterology .gastroenterology_head .title p br {display: none;}
#gastroenterology .gastroenterology_tabs {width: calc(100% + 30px); gap: 25px; margin-top: 28px; padding-right: 30px;}
#gastroenterology .gastroenterology_card {width: calc(100vw - 30px); border-radius: 22px;}
#gastroenterology .gastroenterology_visual {height: auto; padding-top: 230px;}
#gastroenterology .gastroenterology_img {width: 100%; height: 230px; top: 0; right: 0;}
#gastroenterology .gastroenterology_img::before {width: 100%; height: 58%; top: auto; bottom: 0; background: linear-gradient(0deg, #284887 0%, rgba(40,72,135,.82) 42%, rgba(40,72,135,0) 100%);}
#gastroenterology .gastroenterology_visual_container {height: auto; display: block;}
#gastroenterology .gastroenterology_visual_text {width: 100%; padding: 30px 0 35px;}
#gastroenterology .gastroenterology_visual_text p {max-width: none;}
#gastroenterology .gastroenterology_visual_text p br {display: none;}
#gastroenterology .gastroenterology_info {padding: 35px 0 40px;}
#gastroenterology .gastroenterology_info_grid {display: block;}
#gastroenterology .gastroenterology_info_item {padding: 0;}
#gastroenterology .gastroenterology_info_item + .gastroenterology_info_item {margin-top: 35px; border-left: 0;}
}

@media (max-width: 500px) {
#gastroenterology .gastroenterology_visual {padding-top: 200px;}
#gastroenterology .gastroenterology_img {height: 200px;}
#gastroenterology .gastroenterology_disease_grid {grid-template-columns: 1fr;}
#gastroenterology .gastroenterology_disease_grid li {min-height: 74px;}
}

#chronicClinic {width: 100%; padding: 140px 0; overflow: hidden;}
#chronicClinic * {box-sizing: border-box;}
#chronicClinic button {font-family: inherit;}

#chronicClinic .chronic_head {display: flex; align-items: flex-end; justify-content: space-between; gap: 50px; margin-bottom: 45px;}
#chronicClinic .chronic_head .title {flex-shrink: 0;}
#chronicClinic .chronic_head .title h2 {margin: 5px 0 0;}
#chronicClinic .chronic_head .title p {color: #555e70; line-height: 1.65; word-break: keep-all;}

#chronicClinic .chronic_control {display: flex; align-items: center; gap: 25px; flex-shrink: 0;}
#chronicClinic .chronic_fraction {display: flex; align-items: center; gap: 4px; color: #a2a9b6; font-size: 16px; font-weight: 600;}
#chronicClinic .chronic_fraction .chronic_current {color: var(--pointcolor); font-weight: 700;}
#chronicClinic .chronic_arrows {display: flex; align-items: center; gap: 14px;}
#chronicClinic .chronic_arrows button {display: flex; align-items: center; justify-content: center; padding: 0; border: 0; color: var(--pointcolor); background: transparent; font-size: 23px; line-height: 1; cursor: pointer; transition: opacity .3s ease;}
#chronicClinic .chronic_arrows button:hover {opacity: .55;}

#chronicClinic .chronicSwiper {width: 100%; overflow: visible;}
#chronicClinic .chronicSwiper .swiper-wrapper {align-items: stretch;}
#chronicClinic .chronicSwiper .swiper-slide {height: auto;}

#chronicClinic .chronic_card {height: 100%; min-height: 340px; display: grid; grid-template-columns: 44% minmax(0,56%); gap: 0; padding: 14px; overflow: hidden; border-radius: 32px; background: #e9eefa;}

#chronicClinic .chronic_img {height: 310px; overflow: hidden; border-radius: 18px;}
#chronicClinic .chronic_img img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;}

#chronicClinic .chronic_content {display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: 25px 28px 25px 50px;}
#chronicClinic .chronic_content h3 {margin: 0; color: #171a21; line-height: 1.3; letter-spacing: -.04em;}
#chronicClinic .chronic_content p {margin-bottom: 0; color: #555e70; line-height: 1.8; word-break: keep-all;}

@media (max-width: 1240px) {
#chronicClinic {padding: 110px 0;}
#chronicClinic .chronic_card {min-height: 230px;}
#chronicClinic .chronic_img {height: 202px;}
#chronicClinic .chronic_content {padding: 20px 22px;}
}

@media (max-width: 990px) {
#chronicClinic .chronic_head {align-items: flex-end;}
#chronicClinic .chronic_card {grid-template-columns: 42% minmax(0,58%);}
#chronicClinic .chronic_img {height: 190px;}
#chronicClinic .chronic_content {padding: 18px;}
#chronicClinic .chronic_content p br {display: none;}
#chronicClinic {padding: 75px 0;}
#chronicClinic .chronic_head {align-items: flex-end; gap: 20px; margin-bottom: 30px;}
#chronicClinic .chronic_head .title p br {display: none;}
#chronicClinic .chronic_control {gap: 15px;}
#chronicClinic .chronic_fraction {font-size: 14px;}
#chronicClinic .chronic_arrows {gap: 10px;}
#chronicClinic .chronic_arrows button {font-size: 20px;}
#chronicClinic .chronic_card {min-height: 0; display: block; padding: 11px; border-radius: 18px;}
#chronicClinic .chronic_img {width: 100%; height: clamp(180px,48vw,260px); border-radius: 14px;}
#chronicClinic .chronic_content {padding: 22px 10px 16px;}

}

@media (max-width: 500px) {
#chronicClinic .chronic_head {display: block;}
#chronicClinic .chronic_control {justify-content: flex-end; margin-top: 20px;}
#chronicClinic .chronic_img {height: 180px;}
}

#ivCenter .width95{background: #e9f7fa; border-radius: 32px; }
#ivCenter .box{background: #fff; border-radius:15px; padding: 10px 10px 20px 10px}

#medicalEquipment {width: 100%; overflow: hidden;}
#medicalEquipment * {box-sizing: border-box;}
#medicalEquipment button {font-family: inherit;}

#medicalEquipment .medical_head {display: flex; align-items: flex-end; justify-content: space-between; gap: 50px; margin-bottom: 45px;}
#medicalEquipment .medical_head .title {flex-shrink: 0;}
#medicalEquipment .medical_head .title h2 {margin: 5px 0 0;}
#medicalEquipment .medical_head .title p {color: #555e70; line-height: 1.65; word-break: keep-all;}

#medicalEquipment .medical_control {display: flex; align-items: center; gap: 25px; flex-shrink: 0;}
#medicalEquipment .medical_fraction {display: flex; align-items: center; gap: 4px; color: #a2a9b6; font-size: 16px; font-weight: 600;}
#medicalEquipment .medical_fraction .medical_current {color: var(--pointcolor); font-weight: 700;}
#medicalEquipment .medical_arrows {display: flex; align-items: center; gap: 14px;}
#medicalEquipment .medical_arrows button {display: flex; align-items: center; justify-content: center; padding: 0; border: 0; color: var(--pointcolor); background: transparent; font-size: 23px; line-height: 1; cursor: pointer; transition: opacity .3s ease;}
#medicalEquipment .medical_arrows button:hover {opacity: .55;}

#medicalEquipment .medicalSwiper {width: 100%; overflow: visible;}
#medicalEquipment .medicalSwiper .swiper-wrapper {align-items: stretch;}
#medicalEquipment .medicalSwiper .swiper-slide {height: auto;}

#medicalEquipment .medical_card {height: 100%; min-height: 340px; display: grid; grid-template-columns: 44% minmax(0,56%); gap: 0; padding: 14px; overflow: hidden; border-radius: 32px; background: #e9eefa;}
#medicalEquipment .medical_img {height: 304px; overflow: hidden; border-radius: 18px; background: #fff;}
#medicalEquipment .medical_img img {display: block; width: 100%; height: 100%; object-fit: contain; object-position: center;}
#medicalEquipment .medical_content {display: flex; flex-direction: column; min-width: 0; padding: 25px 28px 25px 50px;}
#medicalEquipment .medical_content h3 {margin: 0; color: #171a21; line-height: 1.3; letter-spacing: -.04em;}
#medicalEquipment .medical_content p {margin-bottom: 0; color: #555e70; line-height: 1.8; word-break: keep-all;}

@media (max-width: 1240px) {
#medicalEquipment .medical_card {min-height: 230px;}
#medicalEquipment .medical_img {height: 202px;}
#medicalEquipment .medical_content {padding: 20px 22px;}
}

@media (max-width: 990px) {
#medicalEquipment .medical_head {align-items: flex-end;}
#medicalEquipment .medical_card {grid-template-columns: 42% minmax(0,58%);}
#medicalEquipment .medical_img {height: 190px;}
#medicalEquipment .medical_content {padding: 18px;}
#medicalEquipment .medical_content p br {display: none;}
#medicalEquipment .medical_head {align-items: flex-end; gap: 20px; margin-bottom: 30px;}
#medicalEquipment .medical_head .title p br {display: none;}
#medicalEquipment .medical_control {gap: 15px;}
#medicalEquipment .medical_fraction {font-size: 14px;}
#medicalEquipment .medical_arrows {gap: 10px;}
#medicalEquipment .medical_arrows button {font-size: 20px;}
#medicalEquipment .medical_card {min-height: 0; display: block; padding: 11px; border-radius: 18px;}
#medicalEquipment .medical_img {width: 100%; height: clamp(180px,48vw,260px); border-radius: 14px;}
#medicalEquipment .medical_content {padding: 22px 10px 16px;}
}

@media (max-width: 500px) {
#medicalEquipment .medical_head {display: block;}
#medicalEquipment .medical_control {justify-content: flex-end; margin-top: 20px;}
#medicalEquipment .medical_img {height: 180px;}
}

#clinicTour {width: 100%; overflow: hidden; padding-bottom: 30px}
#clinicTour * {box-sizing: border-box;}
#clinicTour button {font-family: inherit;}

#clinicTour .clinic_tour_wrap {width: 100%; height: 920px; position: relative; overflow: hidden; border-radius: 30px; background: #111;}

#clinicTour .clinicMainSwiper {width: 100%; height: 100%;}
#clinicTour .clinicMainSwiper .swiper-wrapper {height: 100%;}
#clinicTour .clinicMainSwiper .swiper-slide {height: 100%;}
#clinicTour .clinic_main_img {width: 100%; height: 100%; overflow: hidden;}
#clinicTour .clinic_main_img img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 1.2s ease;}
#clinicTour .swiper-slide-active .clinic_main_img img {transform: scale(1.02);}

#clinicTour .clinic_dim {width: 100%; height: 65%; position: absolute; bottom: 0; left: 0; z-index: 2; pointer-events: none; background: linear-gradient(0deg, rgba(0,0,0,.78) 0%, rgba(0,0,0,.38) 45%, rgba(0,0,0,0) 100%);}

#clinicTour .clinic_tour_inner {width: 100%; position: absolute; bottom: 0; left: 0; z-index: 5; display: flex; align-items: flex-end; justify-content: space-between; gap: 50px; padding-bottom: 70px;}

#clinicTour .clinic_tour_text {flex-shrink: 0; color: #fff;}
#clinicTour .clinic_tour_text > span {display: block; color: rgba(255,255,255,.5); letter-spacing: .05em;}
#clinicTour .clinic_tour_text h2 {margin-bottom: 0; color: #fff; line-height: 1.3; letter-spacing: -.04em;}
#clinicTour .clinic_tour_text p {margin-bottom: 0; color: rgba(255,255,255,.75); line-height: 1.7; word-break: keep-all;}

#clinicTour .clinic_navigation {width: 850px; display: flex; align-items: center; gap: 15px; flex-shrink: 0;}
#clinicTour .clinic_navigation > button {width: 35px; height: 35px; flex: 0 0 35px; display: flex; align-items: center; justify-content: center; padding: 0; border: 0; color: #fff; background: transparent; font-size: 20px; cursor: pointer; transition: opacity .3s ease;}
#clinicTour .clinic_navigation > button:hover {opacity: .55;}

#clinicTour .clinicThumbSwiper {width: calc(100% - 100px); overflow: hidden;}
#clinicTour .clinicThumbSwiper .swiper-slide {height: auto; cursor: pointer;}
#clinicTour .clinic_thumb {width: 100%; height: 100px; position: relative; display: block; padding: 0; overflow: hidden; border-radius: 14px; background: none; cursor: pointer; transition: border-color .3s ease, opacity .3s ease;}
#clinicTour .clinic_thumb img {display: block; width: 100%; height: 100%; object-fit: cover; object-position: center;}

@media (max-width: 1240px) and (min-width: 991px) {
    #clinicTour .clinic_tour_wrap {height: 600px;}
    #clinicTour .clinic_tour_inner {padding: 0 45px 45px;}
    #clinicTour .clinic_navigation {width: 500px;}
    #clinicTour .clinic_thumb {height: 90px;}
}

/* 모바일 */
@media (max-width: 990px) {
    #clinicTour {padding-botom:30px; background: #fff;}
    #clinicTour > .width95 {width: 100%; max-width: none; padding-right: 20px; padding-left: 20px;}
    #clinicTour .clinic_tour_wrap {width: 100%; height: auto; display: grid; grid-template-columns: minmax(0, 1fr); position: relative; overflow: visible; border-radius: 0; background: transparent;}
    #clinicTour .clinic_tour_wrap > .container, #clinicTour .clinic_tour_inner {display: contents;}
    #clinicTour .clinic_tour_text {grid-row: 1; margin: 0 0 26px; color: #111;}
    #clinicTour .clinic_tour_text h2 {margin-top: 0; margin-bottom: 0; color: #111;}
    #clinicTour .clinic_tour_text p {margin-top: 12px; margin-bottom: 0; color: #555;}
    #clinicTour .clinic_tour_text p br {display: block;}
    #clinicTour .clinic_dim {display: none;}
    #clinicTour .clinicMainSwiper {grid-row: 2; width: 100%; min-width: 0; height: auto; aspect-ratio: 2.02 / 1; overflow: hidden; border-radius: 15px;}
    #clinicTour .clinicMainSwiper .swiper-wrapper, #clinicTour .clinicMainSwiper .swiper-slide, #clinicTour .clinic_main_img {height: 100%;}
    #clinicTour .clinic_main_img img {object-position: center;}
    #clinicTour .clinic_navigation {grid-row: 3; width: 100%; min-width: 0; display: block; margin-top: 6px;}
    #clinicTour .clinic_navigation > button {display: none;}
    #clinicTour .clinicThumbSwiper {width: 100%; min-width: 0; overflow: hidden;}
    #clinicTour .clinic_thumb {width: 100%; height: auto; aspect-ratio: 2.05 / 1; border-radius: 9px;}
}

#info .root_daum_roughmap_landing{border-radius: 32px; overflow: hidden;}
#info .root_daum_roughmap{width: 40%;}

@media(max-width: 990px){
    #info h2{margin-bottom: 3rem;}
    #info .root_daum_roughmap{width: 100%; margin-top: 3rem;}
}

@media(max-width: 768px){
   main .width95{width: 90%}
   main .font-60{font-size: 2.500rem;}
}