/* 문의 완료 */
.board_success{border-top: 2px solid #000; border-bottom: 1px solid #ccc; padding: 100px 0; text-align: center;}
.board_success .img{width: 48px;}
.board_success .txt{margin: 30px 0 40px;}
.board_success .txt dt{font-size: 30px; font-weight: 700;}
.board_success .txt dd{margin-top: 10px; font-size: 18px; font-weight: 500; color: #6d6d6d; letter-spacing: -0.025em;}
.board_success .home_btn a{font-size: 18px; font-weight: 700; color: #fff; background: #000; width: 150px; height: 60px; display: flex; align-items: center; justify-content: center; margin: 0 auto;}

/* 팝업 */
.popup{display:none;}
.popup.open{display:block;}
.popup .popBg{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:10000;}
.popup .popInner{padding:30px; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:600px; background:#fff; z-index:10001;}
.popup .popInner .head{font-size:25px; padding-bottom: 20px; border-bottom: 2px solid #000; color:#000; font-weight: 800; display: flex; align-items: center; justify-content: space-between;}
.popup .popInner .head .close{width:18px; aspect-ratio: 1/1; display: block;}
.popup .popInner .head .close img{width: 100%; display: block;}
.popup .popInner .body{margin-top: 30px;}
.popup .popInner .body .textWrap .tit{font-size:20px; line-height: 1.5; font-weight: 600; margin-bottom: 10px; color:#000;}
.popup .popInner .body .textWrap .desc{font-size:18px; line-height: 1.5; color:#6d6d6d; font-weight: 400; word-break: keep-all;}
.popup .popInner .body .formWrap{margin-top: 27px;}
.popup .popInner .body .formItem{width:100%; height:60px; font-size: 16px; border:1px solid #E5E5E5; padding:0 20px; color:#000; box-shadow: none !important;}
.popup .popInner .body .formItem::placeholder{color:#AAA; font-weight:500;}
.popup .popInner .body .formItem:focus{border-color: #000 !important;}
.popup .popInner .body .formWrap .desc {display: none; margin-top: 15px; font-size: 14px; font-weight: 400; color: #FF0000; width: 100%;}
.desc.active{display: block !important;}
.popup .popInner .body .popup-scrolling{max-height:350px; overflow-y:auto;}
.popup .popInner .body .popup-scrolling::-webkit-scrollbar {background:#DDD; width:3px;}
.popup .popInner .body .popup-scrolling::-webkit-scrollbar-thumb {background:#888;}
.popup .popInner .body .popup-scrolling p{display:block; font-size:18px; line-height:1.5; padding-right: 25px; color:#AAA;}
.popup .popInner .body .popup-scrolling p + p{margin-top: 25px;}
.popup .popInner .body .popup-scrolling p span{color:#000; font-weight: 600; display: block;}
.popup .popInner .foot .btnWrap{margin-top: 30px;}
.popup .popInner .foot .btnWrap .flex{display:flex; justify-content: center; gap:10px;}
.btnWrap a{display:inline-block; height:60px; line-height:60px; font-size:18px; font-weight:800; text-align:center; width:150px; border:1px solid #000;}
.btnWrap a.close{background:#555; color:#fff; border: none;}


/* common */
.sub_visual_wrap{position:relative; margin-top: 11.25rem;}
.sub_visual_wrap .sub_txt {align-items: flex-end; padding-bottom: 3.12rem; position: relative;}
.sub_visual_wrap .sub_txt::after {content: ""; width: 0; height: 1px; background: #000; position: absolute; left: 0; bottom: 0; transition: all 1.5s 0.1s;}
.sub_visual_wrap.active .sub_txt::after {width: 100%;}
.sub_vis_txt em{font-size: 1.625rem; font-weight: 400; line-height: 1.1;}
.sub_vis_txt h2{font-size: 5.3125rem; font-weight: 500; font-family: var(--font-cor); line-height: 1.1;}
.sub_visual_wrap .path {gap: 0.625rem;}
.sub_visual_wrap .path img {width: 1.25rem;}
.sub_visual_wrap .path a {color: #8E8E8E; font-size: 1rem; font-weight: 500; line-height: 1.15;}
.sub_visual_wrap .path span {display: inline-block; width: 0.3125rem; height: 0.3125rem; border-radius: 100%; background: #8E8E8E; opacity: 0.3;}
.sub_visual{margin-top: 6.38rem; width:0; height: 37.5rem; transition: width 1.5s 0.1s; border-radius: 1.25rem; position: relative; background: url('/img/sub/sub_vis01.png') no-repeat left center/cover;}
.sub_visual.bg01 {background-image: url('/img/sub/sub_vis01.png');}
.sub_visual.bg02 {background-image: url('/img/sub/sub_vis02.png');}
.sub_visual.bg03 {background-image: url('/img/sub/sub_vis03.png');}
.sub_visual.bg04 {background-image: url('/img/sub/sub_vis04.png');}
.sub_visual_wrap.active .sub_visual {width: 100%;}
.sub_visual img {width: 100%; position: absolute; top: 0; left: 0; height: 100%; object-fit: cover; object-position: center; transition: none;}
#sub_content {padding: 9.94rem 0 10rem; position: relative; overflow: hidden;}
.sub_inner {max-width:87.5rem; margin:0 auto; width: 100%;}
.s_inner {max-width:87.5rem; margin:0 auto; width: 100%;}
.sub_title{margin-bottom: 6.25rem;}
.sub_title em{font-size: 1.5rem; font-weight: 500; line-height: 110%; font-family: var(--font-cor); display: block;}
.sub_title h3{margin-top: 1.25rem; font-size: 2.8125rem; font-weight: 600; line-height: 124%; letter-spacing: -0.025rem;}
.sub_title h3 span{font-weight: 400;}

.sub_flowText {white-space: nowrap; position: absolute; bottom: -1.3rem; left: 0; width: 100%; z-index: 1;}
.sub_flowText span {line-height: 1; font-size: 12.5rem; font-weight: 700; font-family: var(--font-cor); animation: marqueeXup linear 50s infinite; color: #000; opacity: .03;}
@keyframes marqueeXup {
    from {transform: translateX(0); }                  
    to {transform: translateX(-100%); }
}

.s_tit{font-size: 2.5rem; letter-spacing: -0.025rem; line-height: 130%;}
.txt_xxl{font-size: 2rem; letter-spacing: -0.025rem; line-height: 130%; }
.txt_xl{font-size: 1.5rem; letter-spacing: -0.025rem; line-height: 156%;}
.txt_l{font-size: 1.375rem; letter-spacing: -0.025rem; line-height: 130%; color: #333;}
.txt_m{font-size: 1.25rem; letter-spacing: -0.025rem; line-height: 156%; color: #333;}
.txt_s{font-size: 1.125rem; letter-spacing: -0.025rem; line-height: 156%; color: #333;}
.txt_xs{font-size: 1rem; letter-spacing: -0.025rem; line-height: 156%; color: #333;}
.txt_xxs{font-size: 0.875rem; letter-spacing: -0.025rem; line-height: 156%; color: #333;}

/* 병원철학 */
.philosophy {position: relative;}
.philosophy::before {content: ""; width: 73.875rem; aspect-ratio: 1/1; border-radius: 100%; background: radial-gradient(50% 50% at 50% 50%, #FBE5BC 0%, rgba(251, 229, 188, 0.00) 100%); opacity: .8; position: absolute; left: -26.94rem; bottom: -30rem;}
.philosophy .inner {position: relative; padding-bottom: 10rem; z-index: 1;}
.philosophy .subTitle {margin-bottom: 6.31rem;}
.philosophy .subTitle p {font-family: var(--font-cor); font-size: 6.25rem; font-weight: 400; line-height: 1.1; transform: translate(80px, 0px); opacity: 0; filter: blur(10px); transition: transform 1s ease-in-out, opacity 1s ease-in-out, filter 1s ease-in-out;}
.philosophy .subTitle p:last-child {transition: transform 1s ease-in-out 0.2s, opacity 1s ease-in-out 0.2s, filter 1s ease-in-out 0.2s;}
.philosophy .subTitle.active p {opacity: 1; transform: unset; filter: blur(0);}
.philosophy .text {width: 100%; max-width: 50%;}
.philosophy .text > p {font-size: 1.125rem; font-weight: 300; line-height: 1.7; letter-spacing: -0.03125rem; word-break: keep-all;}
.philosophy .text strong {display: block; font-family: var(--font-nanum); font-size: 1.875rem; font-weight: 400; line-height: 1.5; letter-spacing: -0.1875rem; margin: 4.38rem 0 1.88rem;}
.philosophy .img_cont {position: absolute; top: 0; right: 0; display: flex;}
.philosophy .img01 {margin-right: -4.9375rem; position: relative; z-index: 2;}
.philosophy .img02 {margin-top: 18.87rem;}
.philosophy .img01 img {width: 31.875rem;}
.philosophy .img02 img {width: 15rem;}

/* 의료진 소개 */
b{font-weight: 600;}
.fw500{font-weight: 500;}
.fw700{font-weight: 700;}
.medical{padding-bottom: 6.8125rem; position: relative;}
.medical::after{content: ''; display: block; width: 73.875rem; aspect-ratio: 1/1; opacity: 0.8; background: radial-gradient(50% 50% at 50% 50%, #FBE5BC 0%, rgba(251, 229, 188, 0.00) 100%); border-radius: 50%; position: absolute; z-index: -1; bottom: -48.565rem; right: -24.375rem;}
.medical .s_inner{align-items: flex-start; gap: 3.75rem;}
.medical .img_swiper{width: 38.57%; border-radius: 1.25rem; overflow: hidden; position: relative; z-index: 2;}
.medical .img_swiper .swiper-slide{width: 100%; aspect-ratio: 54/65;}
.medical .img_swiper img{width: 100%; height: 100%; object-fit: cover;}
.medical .img_swiper .paging{position: absolute; bottom: 1.25rem; left: 50%; transform: translateX(-50%); z-index: 5; width: auto; display: flex; align-items: center; justify-content: center; gap: 0.625rem;}
.medical .img_swiper .paging span{width: 0.625rem; height: 0.625rem; opacity: 0.5; background: #777; margin: 0; cursor: pointer;}
.medical .img_swiper .paging .swiper-pagination-bullet-active{opacity: 1;}
.medical .txt{width: calc(61.43% - 3.75rem); margin-top: 1.5rem;}
.medical .txt .title{padding-bottom: 0.9415rem; border-bottom: 1px solid rgba(0,0,0,.2);}
.medical .txt .title .name{font-size: 2.1875rem; letter-spacing: -0.025rem; line-height: 124%;}
.medical .txt .title span{font-size: 3.75rem; font-weight: 500; line-height: 110%; font-family: var(--font-cor); opacity: 0.1;}
.medical .txt .cont{margin-top: 5rem;}
.medical .txt .cont .tit{font-weight: 600; color: #FFF; line-height: 2.8125rem; padding: 0 1.25rem; background: #1E293B; border-radius: 50px; width: fit-content; margin-bottom: 1.875rem;}
.medical .txt .cont .flex{align-items: flex-start;}
.medical .txt .cont .flex ul{width: 50%;}
.medical .txt .cont .flex ul:first-of-type{padding-right: 1rem;}
.medical .txt .cont .flex ul li{padding-left: 0.9375rem; position: relative;}
.medical .txt .cont .flex ul li + li{margin-top: 0.3125rem;}
.medical .txt .cont .flex ul li::before{content: ''; display: block; width: 0.25rem; aspect-ratio: 1/1; background: #333; border-radius: 50%; position: absolute; left: 0; top: 0.75rem;}

/* 병원 둘러보기 */
.hospital .sec4{background: none; padding: 0;}
.hospital .sec4 .swiper{overflow: visible;}
.hospital .sec4 .swiper-slide{width: 100%;}
.hospital .scrollbar{height: 0.1875rem; background: rgba(0,0,0,.2) ;}
.hospital .scrollbar .swiper-scrollbar-drag{background: #D8A48F;}

/* 오시는 길 & 발렛파킹 안내  */
.directions .sec1 > .map{height: 34.375rem; border-radius: 1.25rem; overflow: hidden; border: 1px solid #E3E3E3;}
.directions .sec1 .map .wrap_map{height: 100%;}
.directions .sec1 .map .wrap_controllers,
.directions .sec1 .map .map_border,
.directions .sec1 .map .cont{display: none;}
.directions .sec1 .flex-jb{align-items: flex-start;}
.directions .sec1 .add{color: #333;}
.directions .sec1 .btn_wrap{gap: 0.625rem;}
.directions .sec1 .btn_wrap a{height: 2.875rem; padding: 0 1.75rem; border-radius: 3.125rem; border: 1px solid #6D6D6D; display: inline-flex; align-items: center; justify-content: center; gap: 0.625rem; font-weight: 700; transition: all 0.3s; color: #1C1C1C;}
.directions .sec1 .btn_wrap a img{width: 0.9375rem; transition: all 0.3s;}
.directions .sec1 .btn_wrap a#copy{padding: 0; width: 2.875rem; border-radius: 50%;}
.directions .sec1 .btn_wrap a#copy img{width: 1.375rem;}
.directions .sec1 .btn_wrap a:hover{background: #1E293B; border-color: #1E293B; color: #FFF;}
.directions .sec1 .btn_wrap a:hover img{filter: brightness(0) invert(1);}
.directions .sec1 .traffic{margin-top: 6.25rem; border-top: 1px solid rgba(0,0,0,.2);}
.directions .sec1 .traffic dl{padding: 2.5rem 0; border-bottom: 1px solid rgba(0,0,0,.2); gap: 1.875rem;}
.directions .sec1 .traffic dl dt{gap: 0.8125rem;}
.directions .sec1 .traffic dl dt img{width: 3.125rem;}
.directions .sec1 .traffic dl dt b{display: block; min-width: 11.5rem;}
.directions .sec1 .traffic dl dd .yel{color: #FFF; padding: 0 0.3125rem; border-radius: 0.3125rem; background: #FB970A; display: inline-block; }
.directions .sec2{margin-top: 9.375rem;}
.directions .sec2 .cont{align-items: flex-start;}
.directions .sec2 .cont > div{width: 50%;}
.directions .sec2 .cont .img{border-radius: 1.25rem; border: 1px solid #E3E3E3; overflow: hidden;}
.directions .sec2 .cont .img img{width: 100%;}
.directions .sec2 .cont .txt{padding: 2.5rem;}
.directions .sec2 .cont .txt .box{padding: 1.875rem; border-radius: 0.9375rem; background: rgba(0, 0, 0, 0.05);}
.directions .sec2 .cont .txt .box p + p{margin-top: 0.3125rem;}
.directions .sec2 .cont .txt .box .dot{padding-left: 0.9375rem; position: relative;}
.directions .sec2 .cont .txt .box .dot::before{content: ''; display: block; width: 0.25rem; aspect-ratio: 1/1; background: #333; border-radius: 50%; position: absolute; left: 0; top: 0.55rem;}
.res_banner{border-radius: 1.25rem; height: 21.875rem; display: flex; flex-direction: column; align-items: center; justify-content: center; background: url(/img/sub/dir_img02.png) no-repeat center / cover; margin-top: 6.25rem;}
.res_banner *{color: #FFF;}
.res_banner p{line-height: 150%;}
.res_banner .res_btn{height: 2.8125rem; padding: 0 1.875rem; border-radius: 50px; border: 1px solid #FFF; display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; transition: all 0.3s;}
.res_banner .res_btn img{width: 0.79981rem; transition: all 0.3s;}
.res_banner .res_btn:hover{background: #FFF; color: #000;}
.res_banner .res_btn:hover img{filter: invert(1);}

/* 줄기세포 프로그램 */
.program .section + .section{margin-top: 10rem;}
.program .wh_bg{background: #FFF; padding: 10rem 0;}
.program .swiper_wrap{position: relative;}
.program .swiper_wrap::before{content: ''; display: block; width: 100%; height: 100%; position: absolute; left: -100%; top: 0; background: #FAF8F3; z-index: 2;}
.program .wh_bg .swiper_wrap::before{background: #FFF;}
.program .swiper01{overflow: visible;}
.program .swiper01 .swiper-slide{width: calc((100% - (1.875rem * 2)) / 3); margin-right: 1.875rem; border-radius: 1.25rem; aspect-ratio: 9/10; overflow: hidden; position: relative;}
.program .swiper01 .swiper-slide:last-of-type{margin-right: 0 !important;}
.program .swiper01 .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.program .swiper01 .swiper-slide .txt{position: absolute; bottom: 0; left: 0; width: 100%; padding: 2.44rem 1.875rem;}
.program .swiper01 .swiper-slide .txt *{color: #FFF;}
.program .swiper01 .swiper-slide .txt strong{display: block;}
.program .scrollbar{height: 0.1875rem; background: rgba(0,0,0,.2);}
.program .scrollbar .swiper-scrollbar-drag{background: #1E293B;}
.tabnav{display: flex; justify-content: center; align-items: center; border-radius: 100px; background: rgba(30, 41, 59, 0.10); height: 4.375rem; padding: 0 1.25rem; width: fit-content; margin: 7.5rem auto 0;}
.tabnav a{height: 3.125rem; padding: 0 2.5rem; display: flex; align-items: center; justify-content: center; color: rgba(0, 0, 0, 0.5); border-radius: 100px; font-weight: 600;}
.tabnav a.on{font-weight: 700; color: #FFF; background: #1E293B;}
.program .tabnav_wrap{margin-top: 5rem;}
.program:not(.joint) .tabnav_wrap .tabnav{margin-top: 0;}
.program .tabnav{background: #FFF; border: 1px solid #1E293B; font-size: initial;}
.program .tabnav a{font-size: 1.125rem; color: #000;}
.program .tabnav a.on{background: #FF009A; color: #FFF;}
.program .list_style{display: flex; justify-content: center;}
.program .list_style li{max-width: 25rem; width: 33.33%;}
.program .list_style li img{width: 16.25rem;}
.program .list_style li dl *{color: #000;}
.program .list_style li dt{font-weight: 600;}
.program .section.bg{position: relative; padding-bottom: 10rem;}
.program .section.bg + .section{margin-top: 0 !important;}
.program .bg::before{content: ''; display: block; width: 100%; position: absolute; left: 0; bottom: 0; z-index: -1;}
.stem .sec2::before{height: 79.0625rem; background: url(/img/sub/stem2_bg.png) no-repeat center bottom / 100%;}
.stem .sec2 .swiper_wrap, .oxy #tab02 .swiper_wrap{height: 35rem;}
.stem .sec2 .swiper_wrap::before, .oxy #tab02 .swiper_wrap::before{display: none;}
.stem .sec2 .swiper, .oxy #tab02 .swiper{position: absolute; left: 0; top: 0; width: 118%; overflow: hidden;}
.stem .sec2 .swiper-slide, .oxy #tab02 .swiper-slide{width: 27.875rem;}
.stem .sec2 .scrollbar, .oxy #tab02 .scrollbar{position: absolute; left: 0; bottom: 0; width: 100%;}

/* 관절·척추 비수술치료 */
.joint .sec2 .tp_wrap{align-items: flex-end;}
.joint .swiper_arrow{gap: 0.8125rem;}
.joint .swiper_arrow div{width: 4.0625rem; aspect-ratio: 1/1; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 1px solid #000; cursor: pointer; transition: all 0.3s;}
.joint .swiper_arrow img{width: 1.25rem; transition: all 0.3s;}
.joint .swiper_arrow div:hover{background: #1E293B; border-color: #1E293B;}
.joint .swiper_arrow div:hover img{filter: invert(1);}
.program .swiper02{overflow: visible;}
.program .swiper02 .swiper-slide{display: flex; align-items: center; gap: 2.5rem; width: 83.57%; margin-right: 3.75rem;}
.program .swiper02{overflow: visible;}
.program .swiper02 .swiper-slide:last-of-type{margin-right: 0 !important;}
.program .swiper02 .swiper-slide .img{width: 47%;}
.program .swiper02 .swiper-slide .img img{width: 100%;}
.program .swiper02 .swiper-slide .txt{width: calc(53% - 2.5rem);}
.program .swiper02 .swiper-slide .txt .tit{font-size: 1.75rem; letter-spacing: -0.025rem; font-weight: 700; line-height: 156%;}
.joint .sec3 .txt_xxl{display: block;}
.joint .wrap{align-items: flex-start;}
.joint .wrap > div{width: 50%;}
.joint .cont{display: flex; flex-direction: column; gap: 2.5rem;}
.joint .cont .img img{width: 100%;}
.joint .cont .box{padding: 1.25rem 1.875rem; border-radius: 0.9375rem; background: #F5F5F5;}
.joint .cont .box + .box{margin-top: 0.9375rem;}
.joint .cont .box .tit{width: 5rem; height: 1.875rem; display: inline-flex; align-items: center; justify-content: center; border-radius: 31.25rem; background: #1E293B; font-size: 0.875rem; letter-spacing: -0.025rem; font-weight: 600; line-height: 156%; color: #FFF; transition: all 0.3s; text-align: center;}
.joint .cont .box .tit.qu{width: 1.875rem;}
.joint .cont .box .qna{width: calc(100% - 1.875rem - 0.625rem);}
.joint .cont .box.flex{align-items: flex-start; gap: 0.625rem; position: relative; padding-right: 5rem; transition: all 0.3s; cursor: pointer;}
.joint .cont .box.flex::after{content: ''; display: block; width: 1.875rem; aspect-ratio: 1/1; background: url(/img/sub/joint3_arrow.svg) no-repeat center / contain; position: absolute; right: 1.375rem; top: 50%; transform: translateY(-50%); transition: all 0.3s;}
.joint .cont .box.flex .an{display: none;}
.joint .cont .box.flex.on{background: #1E293B;}
.joint .cont .box.flex.on *{color: #FFF !important;}
.joint .cont .box.flex.on::after{filter: invert(1);}
.joint .cont .box.flex.on .tit{background: #FFF; color: #1E293B !important;}
.joint .cont .box.flex.on::after{transform: translateY(-50%) rotate(-180deg);}
.joint .cont .box .qna .txt_s,
.joint #tab01 .txt .txt_m{color: #000;}
.joint #tab02 .box p{margin-top: 0.3125rem; color: #000;}
.joint .sec3 .title{position: relative; z-index: 3;}
.joint .sec3 .swiper_wrap::before{width: 150%; left: -150%;}
.program .swiper03{overflow: visible;}
.program .swiper03 .swiper-wrapper{align-items: stretch;}
.program .swiper03 .swiper-slide{width: 25rem; height: auto; margin-right: 1.875rem; border-radius: 1.25rem; overflow: hidden;}
.program .swiper03 .swiper-slide:last-of-type{margin-right: 0 !important;}
.program .swiper03 .swiper-slide .img{aspect-ratio: 4/3;}
.program .swiper03 .swiper-slide .img img{width: 100%; height: 100%; object-fit: cover;}
.program .swiper03 .swiper-slide .txt{background: #FAF8F3; padding: 1.875rem; padding-bottom: 3rem; height: 100%;}
/* 251113 추가 */
.joint .box_wrap.style .flex{gap: 0.625rem;}
.joint .box_wrap.style .txt_m,
.joint .box_wrap.style .txt_s{color: #000;}
.joint .box_wrap.style .dot{display: block; padding-left: 0.75rem; position: relative;}
.joint .box_wrap.style .dot::before{content: ''; width: 0.25rem; aspect-ratio: 1/1; border-radius: 50%; background: #000; position: absolute; left: 0; top: 0.75rem;}
.joint .box_wrap.num .tit{width: 3.125rem;}
.joint .sec1,
.joint .sec2,
.joint .tabcont2{overflow: hidden;}
.tabnav_wrap.sticky{padding: 1.5rem 0; background: #FFF; position: sticky; top: 6.25rem; left: 0; width: 100%; z-index: 50;}
.joint .tabnav_wrap.sticky,
.oxy .tabnav_wrap.sticky{background: #FAF8F3; margin-top: 0;}
.joint .tabnav_wrap:not(.sticky){margin-top: 0;}
.tabnav2{display: flex; justify-content: center; gap: 0.625rem;}
.tabnav2 a{letter-spacing: -0.0375rem; font-weight: 600; line-height: 1.1; display: inline-flex; align-items: center; height: 3.75rem; padding: 0 2.5rem; border-radius: 50px; background: #F6C3E4;;}
.tabnav2 a.on{font-weight: 700; color: #FFF; background: #FF009A;}
.joint .tabcont2{margin-top: 6.875rem;}
.wh_bg.long{padding-bottom: 0; position: relative;}
.wh_bg.long::before{content: ''; display: block; width: 100%; height: 500%; background: #FFF; position: absolute; left: 0; top: 0; z-index: -1;}
/* 251117 추가 */
.joint .sec3{position: relative; z-index: 2;}
.program .bg01::before{height: 140%; background: #FAF8F3 url(/img/sub/pro_bg01.png) no-repeat center bottom / auto 100%; min-height: 89.5rem;}
.program .bg02::before{height: 99.3125rem; background: #FAF8F3 url(/img/sub/pro_bg02.png) no-repeat center / auto 100%;}
.program #tab2 .bg02::before{height: 100%; background-size: cover; background-position: center top;}
.program .bg03{height: 100%; background: #FAF8F3 url(/img/sub/pro_bg03.png) no-repeat center / cover;}
.program .bg03::before{display: none;}
.program .bg04::before{height: 89.375rem; background: #FAF8F3 url(/img/sub/pro_bg04.png) no-repeat center bottom / 100% auto; z-index: -10;}
.pt_10{padding-top: 10rem !important;}
.pb_10{padding-bottom: 10rem !important;}
.mt_0{margin-top: 0 !important;}

/* 고압산소 & 체외광양자치료 */
.oxy .tabnav{margin: 0 auto !important;}
.oxy #tab02 .swiper01 .swiper-slide .txt .txt_xl{min-height: 4.75rem;}

/* 바디 실루엣 */
.body .sec2 .title .cont{max-width: 34.6875rem;}

/* 비급여 진료 */
.table_wrap{border-top: 1px solid #000;}
.table_wrap table{border-collapse: collapse; width: 100%; background: #FFF;}
.table_wrap table .col1{width: 21.42%;}
.table_wrap table col:nth-child(n+3){width: 17.85%;}
.table_wrap table thead th{background: #F6F6F6; line-height: 1;}
.table_wrap table tr{border-bottom: 1px solid #E3E3E3;}
.table_wrap table th, 
.table_wrap table td{padding: 1.25rem; border-right: 1px solid #E3E3E3;}
.table_wrap table thead th:last-child,
.table_wrap table tbody td:last-child{border-right: none;}



@media screen and (max-width:1640px) {

	.s_inner {max-width: calc(100% - (3.75rem*2));}

}

@media screen and (max-width:1440px){

	.s_inner {max-width: calc(100% - (2rem*2));}

	/* 줄기세포 프로그램 */
	.program .swiper_wrap{height: auto !important;}
	.program .swiper01{position: relative !important; width: 100% !important;}
	.program .swiper01 .swiper-slide{width: calc((100% - (2rem * 2)) / 3) !important; margin-right: 2rem !important;}
	.stem .swiper01 .swiper-slide:nth-last-child(2),
	.oxy #tab02 .swiper01 .swiper-slide:nth-last-child(2){margin-right: 0 !important;}
	.stem .swiper01 .swiper-slide:last-child,
	.oxy #tab02 .swiper01 .swiper-slide:last-child{display: none;}
	.program .scrollbar{position: relative !important; left: initial !important; bottom: initial !important;}

}

@media screen and (max-width:1420px){

	/* 문의 완료 */
	.board_success{padding: 7.04vw 0;}
	.board_success .img{width: 3.38vw;}
	.board_success .txt{margin: 2.11vw 0 2.82vw;}
	.board_success .txt dt{font-size: 2.11vw;}
	.board_success .txt dd{margin-top: 0.70vw; font-size: 1.27vw;}
	.board_success .home_btn a{font-size: 1.27vw; width: 10.56vw; height: 4.23vw;}

	/* 팝업 */
	.popup .popInner{padding:2.11vw; width:42.25vw;}
	.popup .popInner .head{font-size:1.76vw; padding-bottom: 1.41vw;}
	.popup .popInner .head .close{width:1.27vw;}
	.popup .popInner .body{margin-top: 2.11vw;}
	.popup .popInner .body .textWrap .tit{font-size:1.41vw; margin-bottom: 0.70vw;}
	.popup .popInner .body .textWrap .desc{font-size:1.27vw;}
	.popup .popInner .body .formWrap{margin-top: 1.90vw;}
	.popup .popInner .body .formItem{height:4.23vw; font-size: 1.13vw; padding:0 1.41vw;}
	.popup .popInner .body .formWrap .desc {margin-top: 1.06vw; font-size: 0.99vw;}
	.popup .popInner .body .popup-scrolling{max-height:24.65vw;}
	.popup .popInner .body .popup-scrolling p{font-size:1.27vw; padding-right: 1.76vw;}
	.popup .popInner .body .popup-scrolling p + p{margin-top: 1.76vw;}
	.popup .popInner .foot .btnWrap{margin-top: 2.11vw;}
	.popup .popInner .foot .btnWrap .flex{gap:0.70vw;}
	.btnWrap a{height:4.23vw; line-height:4.23vw; font-size:1.27vw; width:10.56vw;}

}

@media screen and (max-width:1280px){

	/* .s_inner {max-width: calc(100% - (3rem*2));} */
	
	/* 문의 완료 */
	.board_success{padding: 7.03vw 0;}
	.board_success .img{width: 3.36vw;}
	.board_success .txt{margin: 2.11vw 0 2.81vw;}
	.board_success .txt dt{font-size: 2.11vw;}
	.board_success .txt dd{margin-top: 0.70vw; font-size: 1.35vw;}
	.board_success .home_btn a{font-size: 1.25vw; width: 10.55vw; height: 4.22vw;}

	/* 팝업 */
	.popup .popInner{padding:2.11vw; width:42.27vw;}
	.popup .popInner .head{font-size:1.80vw; padding-bottom: 1.41vw;}
	.popup .popInner .head .close{width:1.25vw;}
	.popup .popInner .body{margin-top: 2.11vw;}
	.popup .popInner .body .textWrap .tit{font-size:1.41vw; margin-bottom: 0.70vw;}
	.popup .popInner .body .textWrap .desc{font-size:1.25vw;}
	.popup .popInner .body .formWrap{margin-top: 1.88vw;}
	.popup .popInner .body .formItem{height:4.22vw; font-size: 1.09vw; padding:0 1.41vw;}
	.popup .popInner .body .formWrap .desc {margin-top: 1.09vw; font-size: 1.02vw;}
	.popup .popInner .body .popup-scrolling{max-height:24.69vw;}
	.popup .popInner .body .popup-scrolling p{font-size:1.25vw; padding-right: 1.80vw;}
	.popup .popInner .body .popup-scrolling p + p{margin-top: 1.80vw;}
	.popup .popInner .foot .btnWrap{margin-top: 2.11vw;}
	.popup .popInner .foot .btnWrap .flex{gap:0.70vw;}
	.btnWrap a{height:4.22vw; line-height:4.22vw; font-size:1.25vw; width:10.55vw;}

	/* 의료진 소개 */
	.medical .txt .cont .flex ul li br{display: none;}

	/* 병원 둘러보기 */
	/* .hospital .sec4 .swiper{overflow: hidden;} */

	/* 줄기세포 프로그램 */
	.program .swiper01 .swiper-slide br{display: none;}

}

@media screen and (max-width:1240px){
    
	/* 병원철학 */
	.philosophy .img01 {margin-right: -6.9375rem;}
	.philosophy .img01 img {width: 25.875rem;}

	.directions .sec2 .cont .txt .box .dot .pc{display: none !important;}

}

@media screen and (max-width:1024px){

	/* common */
	.sub_visual_wrap {margin-top: 9.38rem;}
	.sub_visual_wrap .sub_txt {padding-bottom: 2.08rem; flex-direction: column; align-items: flex-start; gap: 1.25rem; justify-content: flex-start;}
	.sub_vis_txt em {font-size: 1rem;}
	.sub_vis_txt h2 {font-size: 2.125rem; margin-top: 1.25rem;}
	.sub_visual_wrap .path {gap: 0.52081rem;}
	.sub_visual_wrap .path img {width: 1.04169rem;}
	.sub_visual_wrap .path a {font-size: 0.875rem;}
	.sub_visual_wrap .path span {width: 0.26044rem; height: 0.26044rem;}
	.sub_visual{margin-top: 2.08rem; /* height: 10.625rem; */ height: 44.2708vw; border-radius: 0.9375rem;}
	.sub_visual.bg01 {background-image: url('/img/sub/sub_vis01_m.png');}
	.sub_visual.bg02 {background-image: url('/img/sub/sub_vis02_m.png');}
	.sub_visual.bg03 {background-image: url('/img/sub/sub_vis03_m.png');}
	.sub_visual.bg04 {background-image: url('/img/sub/sub_vis04_m.png');}
	#sub_content {padding: 5rem 0 8.75rem;}
	.sub_inner {max-width: calc(100% (1.25rem*2));}
	.s_inner {max-width:100%; padding-left: 1.25rem; padding-right: 1.25rem;}
	.sub_title{margin-bottom: 3.625rem; padding: 0 1.25rem;}
	.sub_title em{font-size: 1rem;}
	.sub_title h3{margin-top: 0.3125rem; font-size: 1.875rem;}
	
	.sub_flowText {bottom: -.2rem;}
	.sub_flowText span {font-size: 5rem;}

	.s_tit{font-size: 1.75rem;}
	.txt_xxl{font-size: 1.625rem;}
	.txt_xl{font-size: 1.25rem;}
	.txt_l{font-size: 1.125rem;}
	.txt_m{font-size: 1rem;}
	.txt_s{font-size: 0.875rem;}
	.txt_xs{font-size: 0.875rem;}
	.txt_xxs{font-size: 0.75rem;}
	
	/* 병원철학 */
	.philosophy::before {width: 53.5625rem; left: -24.12rem; bottom: -20rem; background: radial-gradient(50% 50% at 50% 50%, #FBE5BC 0%, rgba(251, 229, 188, 0.00) 100%);}
	.philosophy .inner {padding-bottom: 0;}
	.philosophy .subTitle {margin-bottom: 2.5rem;}
	.philosophy .subTitle p {font-size: 2.5rem;}
	.philosophy .text {width: 50%; margin: 0;}
	.philosophy .text > p {font-size: 1rem; letter-spacing: -0.03125rem;}
	.philosophy .text strong {font-size: 1.125rem; letter-spacing: -0.0625rem; margin: 1.875rem 0;}
	.philosophy .img_cont {width: 45%; right: 1.25rem;}
	.philosophy .img01 {margin-right: -2.5rem; justify-content: center; width: calc(100% - 5.13rem); display: block;}
	.philosophy .img02 {margin-top: 9.62rem; width: calc(100% - 13.6875rem); display: block;}
	.philosophy .img01 img {width: 100%;}
	.philosophy .img02 img {width: 100%;}

	/* 의료진 소개 */
	.medical{padding-bottom: 0;}
	.medical::after{width: 73.875rem; bottom: -48.565rem; right: -24.375rem;}
	.medical .s_inner{gap: 2.5rem;}
	.medical .img_swiper{width: 38.57%; border-radius: 0.9375rem;}
	.medical .txt{width: calc(61.43% - 2.5rem); margin-top: 1rem;}
	.medical .txt .title{padding-bottom: 0.8125rem;}
	.medical .txt .title .name{font-size: 1.625rem;}
	.medical .txt .title span{display: none;}
	.medical .txt .cont{margin-top: 1.875rem;}
	.medical .txt .cont .tit{line-height: 2.5rem; padding: 0 1.25rem; margin-bottom: 1.25rem;}
	.medical .txt .cont .flex{flex-direction: column; gap: 0.3125rem;}
	.medical .txt .cont .flex ul{width: 100%;}
	.medical .txt .cont .flex ul:first-of-type{padding-right: 0;}
	.medical .txt .cont .flex ul li{padding-left: 0.625rem;}
	.medical .txt .cont .flex ul li::before{width: 0.2rem; top: 0.5rem;}

	/* 병원 둘러보기 */
	.hospital .sec4 .swiper-slide{width: 80%;}

	/* 오시는 길 & 발렛파킹 안내  */
	.directions .sec1 > .map{height: 25rem; border-radius: 0.9325rem;}
	.directions .sec1 .flex-jb{flex-direction: column; gap: 1.25rem;}
	.directions .sec1 .btn_wrap{gap: 0.625rem;}
	.directions .sec1 .btn_wrap a{height: 2.5rem; padding: 0 1.5rem; gap: 0.5rem;}
	.directions .sec1 .btn_wrap a img{width: 0.75rem;}
	.directions .sec1 .btn_wrap a#copy{width: 2.5rem;}
	.directions .sec1 .btn_wrap a#copy img{width: 1.25rem;}
	.directions .sec1 .traffic{margin-top: 3rem;}
	.directions .sec1 .traffic dl{padding: 1.625rem 0; gap: 0.875rem; flex-direction: column; align-items: flex-start;}
	.directions .sec1 .traffic dl dt{gap: 0.8125rem;}
	.directions .sec1 .traffic dl dt img{width: 2rem;}
	.directions .sec1 .traffic dl dt b{min-width: initial;}
	.directions .sec1 .traffic dl dd .yel{padding: 0 0.3125rem; border-radius: 0.3125rem;}
	.directions .sec2{margin-top: 5rem;}
	.directions .sec2 .cont{flex-direction: column; gap: 2rem;}
	.directions .sec2 .cont > div{width: 100%;}
	.directions .sec2 .cont .img{border-radius: 1.25rem;}
	.directions .sec2 .cont .txt{padding: 0;}
	.directions .sec2 .cont .txt .box{padding: 1.5rem; border-radius: 0.75rem;}
	.directions .sec2 .cont .txt .box p + p{margin-top: 0.3125rem;}
	.directions .sec2 .cont .txt .box .dot{padding-left: 0.75rem;}
	.directions .sec2 .cont .txt .box .dot::before{width: 0.2rem; top: 0.5rem;}
	.res_banner{border-radius: 0.9325rem; height: 21.875rem; margin-top: 3.75rem;}
	.res_banner .res_btn{height: 2.5rem; padding: 0 1.5rem; gap: 0.5rem;}
	.res_banner .res_btn img{width: 0.7rem;}

	/* 줄기세포 프로그램 */
	.tabnav_wrap{overflow-x: auto; margin-right: -1.25rem;}
	.tabnav{width: max-content;}
	.program .section + .section{margin-top: 5rem;}
	.program .wh_bg{padding: 5rem 0;}
	.program .swiper01{overflow: hidden;}
	.program .swiper01 .swiper-slide{width: calc((100% - 0.9375rem) / 2) !important; margin-right: 0.9375rem !important; border-radius: 0.9375rem;}
	.program .swiper01 .swiper-slide .txt{padding: 2.44rem 1.875rem;}
	.tabnav{height: 3.75rem; padding: 0; margin: 3.75rem auto 0; background: none; gap: 0.625rem;}
	.tabnav a{height: 2.5rem; padding: 0 0.9375rem; background: #E9EAEC;}
	.program .tabnav{background: none; border: none;}
	.program .tabnav a{font-size: 0.875rem;}
	.program .tabcont,
	.program .list_style{margin-top: 2.5rem;}
	.program .list_style li img{width: 10rem;}
	.program .sec1 .img{margin-top: 2.5rem;}
	.program .section.bg{padding-bottom: 5rem;}
	.stem .sec2::before{height: 125%; background: url(/img/sub/stem2_bg.png) no-repeat center top / auto 100%;}
	.stem .res_banner{margin-top: 0 !important;}

	/* 관절·척추 비수술치료 */
	.joint .title .txt_xxl + .mt_30{margin-top: 1.25rem;}
	.joint .swiper_arrow{gap: 0.625rem;}
	.joint .swiper_arrow div{width: 3rem;}
	.joint .swiper_arrow img{width: 1rem;}
	.program .swiper02 .swiper-slide{gap: 2rem; width: 100%; margin-right: 3.75rem;}
	.program .swiper02 .swiper-slide .img{width: 42%;}
	.program .swiper02 .swiper-slide .txt{width: calc(58% - 2rem);}
	.program .swiper02 .swiper-slide .txt .tit{font-size: 1.25rem;}
	.joint .tabnav{margin: 2.5rem auto 0;}
	.joint .tabcont{margin-top: 2rem;}
	.joint .wrap{flex-direction: column; gap: 2.5rem;}
	.joint .wrap > div{width: 100%;}
	.joint .cont{gap: 2rem;}
	.joint .cont .box{padding: 1.25rem;}
	.joint .cont .box .tit{width: 4rem; height: 1.5rem; font-size: 0.75rem;}
	.joint .cont .box .tit.qu{width: 1.5rem;}
	.joint .cont .box .qna{width: calc(100% - 1.5rem - 0.625rem); margin-top: 0.15rem;}
	.joint .cont .box .qna .mt_20{margin-top: 0.625rem;}
	.joint .cont .box.flex{gap: 0.625rem; padding-right: 5rem;}
	.joint .cont .box.flex::after{width: 1.5rem; right: 1.25rem;}
	.joint #tab02 .box p{margin-top: 0.3125rem;}
	.joint #tab02 .swiper_arrow{display: none;}
	.joint .box_wrap.style .flex{gap: 0.625rem;}
	.program .swiper03 .swiper-slide{width: 15.625rem; margin-right: 0.9325rem; border-radius: 0.78125rem;}
	.program .swiper03 .swiper-slide .txt{padding: 1.17188rem; padding-bottom: 1.875rem;}
	.program .swiper03 .swiper-slide .txt p{margin-top: 0.7813rem;}
	/* 251113 추가 */
	.joint .box_wrap.style .dot::before{top: 0.5rem;}
	.joint .box_wrap.num .tit{width: 2.5rem;}
	.tabnav_wrap.sticky{padding: 1.25rem; top: 4.375rem;}
	.tabnav_wrap.sticky .tabnav{height: auto; padding-right: 0;}
	.tabnav2{gap: 0.625rem; width: max-content;}
	.tabnav2 a{height: 2.5rem; padding: 0 1.25rem;}
	.joint .tabcont2{margin-top: 3.75rem;}
	.joint #tab2 .swiper_arrow{display: none;}
	.joint #tab2 .swiper03 .swiper-slide{width: calc((100% - (0.9325rem * 2)) / 3);}
	/* 251117 추가 */
	.program .bg01::before{height: 140%; min-height: initial;}
	.program .bg02::before{height: 90%;}
	.program .bg03{background-position: left 20% center;}
	.program .bg04::before{height: 250%; background-position: left 30% bottom;}
	.pt_10{padding-top: 5rem !important;}
	.pb_10{padding-bottom: 5rem !important;}

	/* 고압산소 & 체외광양자치료 */
	.oxy #tab02 .swiper01 .swiper-slide .txt .txt_xl{min-height: 4rem;}

	/* 바디 실루엣 */
	.body .sec2 .title .cont{max-width: 100%;}

	/* 비급여 진료 */
	.table_wrap table th, 
	.table_wrap table td{padding: 1rem;}
}


@media screen and (max-width:840px){

	.joint #tab2 .swiper03 .swiper-slide{width: 16.625rem;}

}


@media screen and (max-width:768px){
	
	/* 문의 완료 */
	.board_success{padding: 15.63vw 0;}
	.board_success .img{width: 6.25vw;}
	.board_success .txt{margin: 5.21vw 0 6.51vw;}
	.board_success .txt dt{font-size: 5.51vw;}
	.board_success .txt dd{margin-top: 2.60vw; font-size: 3.65vw;}
	.board_success .home_btn a{font-size: 3.65vw; width: 25.53vw; height: 10.42vw;}

	/* 팝업 */
	.popup .popInner{padding:5.21vw 4.69vw 6.51vw; width: calc(100% - (3.13vw * 2));}
	.popup .popInner .head{font-size:5.21vw; padding-bottom: 4.17vw;}
	.popup .popInner .head .close{width:3.13vw;}
	.popup .popInner .body{margin-top: 4.17vw;}
	.popup .popInner .body .textWrap .tit{font-size:4.69vw; margin-bottom: 2.10vw;}
	.popup .popInner .body .textWrap .desc{font-size:3.65vw;}
	.popup .popInner .body .formWrap{margin-top: 3.52vw;}
	.popup .popInner .body .formItem{height:10.42vw; font-size: 3.26vw; padding:0 3.13vw;}
	.popup .popInner .body .formWrap .desc {margin-top: 2.60vw; font-size: 3.13vw;}
	.popup .popInner .body .popup-scrolling{max-height:45.57vw;}
	.popup .popInner .body .popup-scrolling p{font-size:3.26vw; padding-right: 3.26vw;}
	.popup .popInner .body .popup-scrolling p + p{margin-top: 3.26vw;}
	.popup .popInner .foot .btnWrap{margin-top: 4.69vw;}
	.popup .popInner .foot .btnWrap .flex{gap:2.60vw;}
	.btnWrap a{height:10.42vw; line-height:10.42vw; font-size:3.26vw; width:25.53vw;}
	
	/* 병원철학 */
	.philosophy .text {width: 100%;}
	.philosophy .img_cont {position: relative; right: auto; bottom: auto; margin: 3.31rem auto 0; justify-content: center; width: 100%;}
	.philosophy .img01 {margin-right: -2.5rem; width: auto;}
	.philosophy .img02 {margin-top: 9.62rem; width: auto;}
	.philosophy .img01 img {width: 16.24625rem;}
	.philosophy .img02 img {width: 7.64531rem;}

	/* 의료진 소개 */
	.medical::after{width: 53.5625rem; bottom: -8.13rem; right: initial; left: -24.13rem;}
	.medical .s_inner{gap: 0; flex-direction: column;}
	.medical .img_swiper{width: 100%;}
	.medical .img_swiper .swiper-slide{aspect-ratio: 172/175;}
	.medical .img_swiper img{object-position: center top;}
	.medical .txt{width: 100%; margin-top: 1.875rem;}

	/* 오시는 길 & 발렛파킹 안내  */
	.directions .sec1 > .map{height: 20rem;}
	.directions .sec1 .add{font-size: 1.125rem;}
	.res_banner{height: 20.3125rem; padding: 0 1.5rem; background-image: url(/img/sub/dir_img02_m.png);}
	.res_banner p{font-size: 1rem;}
	.res_banner .res_btn{height: 2.5rem; padding: 0 1.5rem; gap: 0.5rem;}
	.res_banner .res_btn img{width: 0.7rem;}

	/* 줄기세포 프로그램 */
	.program .swiper01{overflow: visible !important;}
	.program .swiper01 .swiper-slide{width: 20.25rem !important; max-width: 100%; margin-right: 1.25rem !important;}
	.program .swiper01 .swiper-slide .txt{padding: 2.47rem 1.35rem;}
	.tabnav{height: 3.75rem; padding: 0; margin: 3.75rem 0 0; background: none; gap: 0.625rem; width: max-content; padding-right: 1.25rem;}
	.tabnav a{height: 2.5rem; padding: 0 0.9375rem; background: #E9EAEC;}
	.program .tabcont{margin-top: 2.5rem;}
	.program .tabcont .txt{text-align: left;}
	.program .sec1 .img{margin-top: 2.5rem;}

	/* 관절·척추 비수술치료 */
	.joint .swiper_arrow{display: none;}
	.program .swiper02 .swiper-slide{gap: 0.9375rem; width: 17.1875rem; margin-right: 1.875rem; flex-direction: column; opacity: 0.3;}
	.program .swiper02 .swiper-slide-active{opacity: 1;}
	.program .swiper02 .swiper-slide .img{width: 100%;}
	.program .swiper02 .swiper-slide .txt{width: 100%;}
	.tabnav_wrap.sticky{padding: 1rem 1.25rem;}
	.joint .cont .box .qna{margin-top: 0;}
	.joint .cont .box .qna .mt_20{margin-top: 0.625rem;}
	.joint .cont .box.flex{gap: 0.625rem; padding-right: 3rem;}
	.joint .cont .box.flex::after{width: 1.5rem; right: 1.25rem;}

	/* 비급여 진료 */
	.table_wrap{position: relative; overflow-x: auto;}
	.table_wrap table{width: 39rem;}
	.table_wrap .swipe_ic{display: none; width: 7rem; aspect-ratio: 1/1; background: url(/img/sub/swipe_ic.svg) no-repeat center / contain; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 5;}
	.table_wrap .swipe_ic.on{display: block;}
	
}


@media screen and (max-width:630px){
	/* 줄기세포 프로그램 */
	.program .list_style{flex-direction: column; align-items: center; gap: 1.875rem;}
	.program .list_style li{max-width: 100%; width: 100%;}
	.program .list_style li img{width: 10rem;}
	.program .list_style li dl{margin-top: 1.25rem;}
	.program .list_style li dl dd{margin-top: 0.625rem;}
	.program .list_style li .pc{display: block !important;}

}