/* 공통 */
.sub_visual_wrap{position:relative;}
.sub_visual{width:100%; height: 950px; position:relative; background:url("/img/sub/sub_visual.jpg") no-repeat center / cover;}
.sub_visual.bg01{background-image:url("/img/sub/sub_visual01.jpg");}
.sub_visual.bg02{background-image:url("/img/sub/sub_visual02.jpg");}
.sub_visual.bg03{background-image:url("/img/sub/sub_visual03.jpg");}
.sub_visual.bg04{background-image:url("/img/sub/sub_visual04.jpg");}
.sub_visual.bg05{background-image:url("/img/sub/sub_visual05.jpg");}
.sub_visual.bg06{background-image:url("/img/sub/sub_visual06.jpg");}
.sub_vis_txt{width:100%; margin: 0 auto; color:#fff; text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.sub_vis_txt h2{font-size: 70px; font-weight: 400; font-family: var(--font-euly); letter-spacing: -4px; line-height: 1.14;}
.sub_vis_txt em{font-size: 22px; font-weight: 400; letter-spacing: -.6px; margin-top:10px; line-height: 1.18; display: block;}
/* sub_menu */
.sub_menu{position: absolute; bottom: 48px; left: 0; height:32px; width: 100%;}
.sub_menu > ul{margin:0 auto; position: relative; display: flex; align-items: center; justify-content: flex-end; height:100%; z-index: 10;}
.sub_menu > ul > li{position: relative; height: 100%;}
.sub_menu > ul > li > a {display: flex; align-items: center; padding-left: 44px; font-size: 16px; height: 100%; font-weight: 500; color: #fff; font-family: var(--font-nun);}
.sub_menu > ul > li:not(.home)::before {content: ""; width: 4px; height: 4px; border-radius: 100%; background: #fff; position: absolute; top: 50%; transform: translateY(-50%); left: 20px;}
.sub_menu > ul > li.home {width: 32px;}
.sub_menu > ul > li.home a {padding: 0;}
.sub_menu > ul > li.home img {width: 100%;}
.sub_menu > ul > li.menu_btn {width: 240px; background: url("/img/sub/sub_menu_arrow.svg") no-repeat right center / 16px;}
.sub_menu > ul > li.menu_btn.on {background-image: url("/img/sub/sub_menu_arrow_on.svg");}
.sub_menu_txt {display: none; position: absolute; bottom: calc(100% + 16px); right: 0; width: 200px; z-index:100; border-radius: 10px; overflow: hidden; background: #fff;}
.sub_menu_txt li {height: 44px;}
.sub_menu_txt li + li {border-top: 1px solid #825A4933;}
.sub_menu_txt li a {display: flex; align-items: center; padding: 0 14px; font-size: 16px; color: var(--color3); height: 100%;}
.sub_menu_txt li a:hover{color:#fff; background:var(--color3);}
.sub_menu_txt li:last-child{border-bottom:none;}
/* sub_content */
#sub_content{padding:120px 0 0; position: relative;}
/* sub_title */
.sub_title{margin-bottom:130px; text-align:center;}
.sub_title img {width: 60px;}
.sub_title h3{font-size: 50px; font-weight: 400; color: var(--color3); font-family: var(--font-euly); display: block; margin-top: 10px; letter-spacing: -4px;}
.sub_title em{font-size: 20px; font-weight: 400; color: var(--color3); font-family: var(--font-nun); display: block; margin-top: 10px; letter-spacing: -0.4px;}
/* tab_style01 */
.tab_style01 {display: flex; align-items: center; justify-content: center;}
.tab_style01 a {font-size: 22px; font-weight: 600; color: #A7A9AC; line-height: 70px; display: block; font-family: var(--font-euly); border-bottom: 2px solid transparent; text-align: center;}
.tab_style01 a.on {color: var(--color3); border-bottom: 2px solid var(--color3);}

/* 진료시간 */
#hours {background: url('/img/sub/hours_bg.jpg') no-repeat center/cover; padding: 140px 0 130px; text-align: center;}
#hours .tit h3 {font-size: 50px; font-weight: 400; color: #fff; font-family: var(--font-euly); letter-spacing: -5px;}
#hours .tit p {margin-top: 20px; font-size: 20px; font-weight: 500; color: #fff; letter-spacing: -0.6px;}
#hours ul {margin-top: 100px; display: flex; align-items: center; justify-content: center;}
#hours ul li {width: 413.74px; height: 413.74px; border-radius: 100%; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; flex-direction: column;}
#hours ul li + li {margin-left: -20px;}
#hours ul li .img {display: flex; align-items: center; justify-content: center; width: 100px;}
#hours ul li .img img {width: 100%;}
#hours ul li strong {display: block; margin-top: 40px; font-size: 36px; font-weight: 400; color: #fff; letter-spacing: -.6px; font-family: var(--font-euly);}
#hours ul li p {margin-top: 10px; font-size: 22px; font-weight: 400; color: #fff; letter-spacing: -.6px;}
#hours .desc {margin: 55px auto 0; display: inline-block; font-size: 20px; font-weight: 500; color: #fff; letter-spacing: -.6px; position: relative; padding-left: 30px;}
#hours .desc::before {content: ""; width: 4px; height: 4px; border-radius: 100%; background: #fff; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}

/* notice */
.bd_inner {margin-bottom: 120px;}
.bd_inner .dpp_center_btn {margin-bottom: 0;}
.bd_inner .dpp_tbl .dpp_btnArea button {background: var(--color3); color: #fff;}

/* 바르다정치과 소개 */
#about .sec1 {height: 100vh; margin-top: 30px; padding-top: 100px;}
#about .sec1 .cont {position: relative; padding: 106px 85px 0; height: 100%;}
#about .sec1 .cont .bg_txt {text-align: center; width: 100%;}
#about .sec1 .cont .bg_txt img {width: 1000px;}
#about .sec1 .cont .txt {margin-top: 120px; display: flex; align-items: center; justify-content: space-between; text-align: center; color: var(--color3);}
#about .sec1 .cont .txt span {font-size: 30px; font-weight: 400; letter-spacing: -2px; font-family: var(--font-euly);}
#about .sec1 .cont .txt p {margin-top: 10px; font-size: 50px; font-weight: 400; letter-spacing: -5px; font-family: var(--font-euly);}
#about .sec1 .cont .img {position: absolute; top: 144px; left: 50%; transform: translateX(-50%); overflow: hidden; width: 750px; height: 400px; border-radius: 200px;}
#about .sec1 .cont .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
#about .sec1 .cont .img .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--color3); opacity: 0;}
#about .sec1 .act {display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; opacity: 0;}
#about .sec1 .act::before {content: ""; width: 483px; height: 519px; background: url('/img/main/logo_bg.svg') no-repeat center/cover; position: absolute; right: 0; top: 0;}
#about .sec1 .act .inner {display: flex; align-items: center; gap: 219px; padding: 0 149px;}
#about .sec1 .act .img2 {transform: translateX(-40px);}
#about .sec1 .act .img2 img {width: 153px; height: auto;}
#about .sec1 .act .txt {transform: translateX(40px);}
#about .sec1 .act .txt h4 {font-size: 36px; font-weight: 400; color: #fff; letter-spacing: -3px; font-family: var(--font-euly);}
#about .sec1 .act .txt > strong {display: block; margin-top: 60px; font-size: 24px; font-weight: 700; color: #fff; letter-spacing: -.6px;}
#about .sec1 .act .txt p {margin-top: 20px; font-size: 20px; font-weight: 400; color: #fff; letter-spacing: -.6px; line-height: 1.4;}
#about .sec3 {margin-top: -72px; position: relative; z-index: 1;}
#about .sec3 .item {display: flex; position: relative;}
#about .sec3 .item::after {font-size: 150px; font-weight: 800; color: var(--color3); opacity: .1; letter-spacing: -5px; font-family: var(--font-nun); position: absolute; line-height: 1;}
#about .sec3 .item + .item {margin-top: 100px;}
#about .sec3 .item > div {width: 50%;}
#about .sec3 .item .img {position: relative; z-index: 1;}
#about .sec3 .item .img img {width: 100%;}
#about .sec3 .item .txt h4 {font-size: 36px; font-weight: 400; color: var(--color3); font-family: var(--font-euly); letter-spacing: -3px; text-align: left;}
#about .sec3 .item .txt p {margin-top: 60px; font-size: 20px; font-weight: 400; color: var(--color2); letter-spacing: -0.6px; text-align: left; line-height: 1.4;}
#about .sec3 .item:nth-child(1) {align-items: flex-end;}
#about .sec3 .item:nth-child(2) {align-items: center;}
#about .sec3 .item:nth-child(3) {align-items: flex-start;}
#about .sec3 .item:nth-child(1) .img img {width: 600px;}
#about .sec3 .item:nth-child(3) .img img {width: 700px;}
#about .sec3 .item:nth-child(1) .txt {margin-left: -70px;}
#about .sec3 .item:nth-child(3) .txt {padding-top: 97px; padding-left: 68px;}
#about .sec3 .item:nth-child(1)::after {content: "Mission"; right: 79px; top: 200px;}
#about .sec3 .item:nth-child(2)::after {content: "Promise"; right: 49%; top: 33px;}
#about .sec3 .item:nth-child(3)::after {content: "Story"; left: 669px; bottom: 0;}
#about .sec3 > .txt {text-align: center; margin-top: 150px;}
#about .sec3 > .txt p {font-size: 40px; font-weight: 600; color: var(--color3); letter-spacing: -3px; line-height: 1.25; font-family: var(--font-euly);}
#about .sec3 > .txt .line {display: block; margin: 70px auto 0; width: 1px; height: 120px; background: var(--color3);}
#about .sec4 {background: url('/img/sub/about_sec4.jpg') no-repeat center/cover; padding: 157px 0;}
#about .sec4 .top > span {font-size: 20px; font-weight: 400; color: #fff; font-family: var(--font-euly); letter-spacing: -.6px;}
#about .sec4 .top h4 {margin-top: 10px; display: flex; align-items: center; gap: 10px; font-size: 45px; font-weight: 400; color: #fff; font-family: var(--font-euly); letter-spacing: -2px;}
#about .sec4 .top h4 span {font-size: 30px; font-weight: 400; letter-spacing: -2px;}
#about .sec4 .top p {margin-top: 40px; font-size: 20px; font-weight: 400; color: #fff; letter-spacing: -.6px; line-height: 1.4;}
#about .sec4 .bot {margin-top: 80px;}
#about .sec4 .bot > p {font-size: 30px; font-weight: 400; color: #fff; font-family: var(--font-euly); letter-spacing: -2px;}
#about .sec4 .bot .cont {margin-top: 30px; display: flex; gap: 137px;}
#about .sec4 .bot .cont li {font-size: 18px; font-weight: 400; color: #fff; letter-spacing: -.5px; line-height: 1.4;}

/* 내부 시설 */
#facilities {padding-bottom: 130px;}
#facilities .tab_style01 a {padding: 0 24px; line-height: 60px;}
#facilities .tab_cont {margin: 55px auto 0; overflow: hidden;}
#facilities .mySwiper {position: relative; width: 100%; height: 744px;}
/* #facilities .mySwiper.on {display: block;} */
#facilities .mySwiper .arrow {width: 100%; display: flex; align-items: center; justify-content: space-between; position: absolute; top: 50%; transform: translateY(-50%); left: 0; z-index: 1; padding: 0 20px;}
#facilities .mySwiper .arrow > div {width: 60px; height: 60px; border-radius: 100%; background: #fff; opacity: .5; display: flex; align-items: center; justify-content: center; position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0; transition: all .3s;}
#facilities .mySwiper .arrow > div::after {display: none;}
#facilities .mySwiper .swiper-button-next img {transform: rotate(180deg);}
#facilities .mySwiper .arrow > div:hover {opacity: 1;}
#facilities .mySwiper .arrow > div img {width: 35px;}
#facilities .slide {width: 100%; height: 744px; overflow: hidden;}
#facilities .slide img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
#facilities .tag {position: absolute; right: 0; bottom: 0; width: 223px; height: 105px; display: flex; align-items: center; justify-content: center; background: #4F4037; color: #fff; font-size: 36px; font-weight: 600; font-family: var(--font-euly); z-index: 1;}
#facilities .cont2{margin-top: 20px;}
#facilities .slider2{margin: 0 -10px;}
#facilities .slider2 .slide{height: auto; margin: 0 10px; cursor: pointer; position: relative;}
#facilities .slider2 .slide.slick-current::before{content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border: 5px solid #BE7C69;}

/* 오시는 길 */
#directions {padding-bottom: 140px; position: relative;}
#directions::before {content: ""; width: 100%; height: 987px; position: absolute; left: 0; bottom: 0; background: var(--color3); opacity: .5; z-index: -1;}
#directions .map_wrap {width: 100%;}
#directions .root_daum_roughmap_landing {width: 100%;}
#directions .root_daum_roughmap .wrap_map {height: 868px;}
#directions .map_border,
#directions .wrap_controllers {display: none;}
#directions .info {display: flex; align-items: center; justify-content: center; margin-top: 60px; gap: 153px;}
#directions .left img {width: 289px;}
#directions .right p {display: flex; align-items: center; gap: 25px;}
#directions .right p .tit {display: flex; align-items: center; gap: 15px; font-family: var(--font-euly); width: 150px; font-weight: 600;}
#directions .right p span {font-size: 20px; font-weight: 400; color: #fff;}
#directions .right p img {width: 25px;}
#directions .right p + p {margin-top: 30px;}

/* 진료과목 */
#treatment.treatment01 .vis {background-image: url('/img/sub/treatment01_vis.jpg');}
#treatment.treatment02 .vis {background-image: url('/img/sub/treatment02_vis.jpg');}
#treatment.treatment03 .vis {background-image: url('/img/sub/treatment03_vis.jpg');}
#treatment.treatment04 .vis {background-image: url('/img/sub/treatment04_vis.jpg');}
#treatment.treatment04 .info_flex {align-items: flex-start;}
#treatment .vis {background-size: cover; background-position: center; height: 850px; position: relative;}
#treatment .vis .txt {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #fff;}
#treatment .vis .txt img {width: 110px; margin-left: 200px;}
#treatment .vis .txt h3 {font-size: 40px; font-weight: 400; font-family: var(--font-euly); margin-top: 100px; letter-spacing: -3px; line-height: 1.25;}
#treatment .vis .txt p {margin-top: 40px; font-size: 20px; font-weight: 400; letter-spacing: -0.6px; line-height: 1.4;}
#treatment .inner {padding: 120px 0 150px;}
#treatment .tab_style01 a {width: 245px; padding: 0; line-height: 70px;}
#treatment .tab_cont {margin-top: 60px;}
#treatment .tab_cont > div {display: none;}
#treatment .tab_cont > div.on {display: block;}
#treatment .info_flex {display: flex; align-items: center; gap: 40px;}
#treatment .info_flex > div {width: calc(50% - 20px);}
#treatment .info_flex .txt span {font-size: 20px; font-weight: 600; color: var(--color3); letter-spacing: -.6px; font-family: var(--font-euly); line-height: 1.5;}
#treatment .info_flex .txt strong {display: block; margin-top: 10px; font-size: 36px; font-weight: 400; color: var(--color3); letter-spacing: -3px; font-family: var(--font-euly); line-height: 1.2;}
#treatment .info_flex .txt p {margin-top: 40px; font-size: 20px; font-weight: 400; color: var(--color2); letter-spacing: -0.6px; line-height: 1.4; min-height: 85px;}
#treatment .info_flex .txt ul {margin-top: 40px;}
#treatment .info_flex .txt ul li {font-size: 20px; font-weight: 400; color: var(--color2); letter-spacing: -.6px; line-height: 1.4; padding-left: 30px; position: relative;}
#treatment .info_flex .txt ul li::before {content: ""; width: 4px; height: 4px; border-radius: 100%; background: var(--color2); position: absolute; top: 50%; transform: translateY(-50%); left: 10px;}
#treatment .info_flex .img img {width: 100%;}
#treatment .info_flex .img.flex {display: flex; align-items: center; gap: 40px;}
#treatment .info_flex .img.flex img {width: calc(50% - 20px);}
#treatment .info_card {display: block;}
#treatment .info_card > div {width: 100% !important;}
#treatment .info_card .card {margin-top: 65px;}
#treatment .info_card .card h4 {font-size: 36px; font-weight: 400; color: var(--color3); font-family: var(--font-euly); text-align: center; letter-spacing: -3px;}
#treatment .info_card .card ul {margin-top: 40px; display: flex; align-items: center; gap: 20px; flex-wrap: wrap;}
#treatment .info_card .card ul li {width: calc(100%/3 - 14px); padding: 30px 25px; display: flex; align-items: flex-start; gap: 40px; border: 1px solid #D9D9D9; background: #F5F6F7;}
#treatment .info_card .card ul li .step {font-size: 20px; font-weight: 400; color: var(--color3);}
#treatment .info_card .card ul li strong {font-size: 20px; font-weight: 600; color: #000; margin-top: 0; font-family: 'Pretendard', sans-serif; letter-spacing: normal;}
#treatment .info_card .card ul li p {margin-top: 10px; font-size: 18px; font-weight: 400; color: #8E8E8E;}
#treatment .info_card .card2 {margin-top: 40px;}
#treatment .info_card .card2 ul {display: flex; align-items: center; flex-wrap: wrap; gap: 25px 40px;}
#treatment .info_card .card2 li {display: flex; align-items: center; gap: 100px; padding: 35px 52px; background: #F5F6F7; width: calc(50% - 20px);}
#treatment .info_card .card2 li img {width: 33px;}
#treatment .info_card .card2 li .txt {display: flex; align-items: center; gap: 30px;}
#treatment .info_card .card2 li .txt strong {font-size: 30px; font-weight: 400; color: var(--color3); font-family: var(--font-euly); margin-top: 0;}
#treatment .info_card .card2 li .txt p {font-size: 24px; font-weight: 400; color: #000; margin-top: 0; font-family: 'Pretendard', sans-serif; min-height: auto; line-height: inherit;}
#treatment .info_card .card2 li .txt span {font-size: 20px; font-weight: 400; color: #8E8E8E;}
#treatment .card_list_wrap {margin-top: 120px;}
#treatment .card_list_wrap .tit p {font-size: 24px; font-weight: 400; color: var(--color3); letter-spacing: -.4px; font-family: var(--font-euly); line-height: 1.25;}
#treatment .card_list_wrap .tit h4 {margin-top: 10px; font-size: 40px; font-weight: 400; color: var(--color3); letter-spacing: -5px; font-family: var(--font-euly); line-height: 1.25;}
#treatment .card_list_wrap ul {margin-top: 65px; display: flex; align-items: flex-start; flex-wrap: wrap; gap: 88px 40px;}
#treatment .card_list_wrap ul li {width: calc(50% - 20px);}
#treatment .card_list_wrap ul li .img {width: 100%; height: 330px; display: block;}
#treatment .card_list_wrap ul li .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
#treatment .card_list_wrap ul li .txt {margin-top: 40px;}
#treatment .card_list_wrap ul li .txt span {font-size: 20px; font-weight: 600; color: var(--color3); letter-spacing: -.6px; font-family: var(--font-euly); line-height: 1.5;}
#treatment .card_list_wrap ul li .txt strong {display: block; margin-top: 10px; font-size: 36px; font-weight: 400; color: var(--color3); letter-spacing: -3px; font-family: var(--font-euly); line-height: 1.2;}
#treatment .card_list_wrap ul li .txt p {margin-top: 40px; font-size: 20px; font-weight: 400; color: var(--color2); letter-spacing: -0.6px; line-height: 1.4; min-height: 56px;}










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

    /* 공통 */
    .sub_visual{ height: 57.93vw;}
    .sub_vis_txt h2{font-size: 4.27vw; letter-spacing: -0.24vw;}
    .sub_vis_txt em{font-size: 1.34vw; letter-spacing: -0.04vw; margin-top:0.61vw;}

    .sub_menu{ bottom: 2.93vw; height:1.95vw;}
    .sub_menu > ul > li > a {padding-left: 2.68vw; font-size: 0.98vw;}
    .sub_menu > ul > li:not(.home)::before {width: 0.24vw; height: 0.24vw; left: 1.22vw;}
    .sub_menu > ul > li.home {width: 1.95vw;}
    .sub_menu > ul > li.menu_btn {width: 14.63vw; background: url("/img/sub/sub_menu_arrow.svg") no-repeat right center / 0.98vw;}
    .sub_menu_txt {bottom: calc(100% + 0.98vw); width: 12.20vw; border-radius: 0.61vw;}
    .sub_menu_txt li {height: 2.68vw;}
    .sub_menu_txt li a {padding: 0 0.85vw; font-size: 0.98vw;}

    #sub_content{padding:7.32vw 0 0;}
    .sub_title{margin-bottom:7.32vw;}
    .sub_title img {width: 3.66vw;}
    .sub_title h3{font-size: 3.05vw; margin-top: 0.61vw; letter-spacing: -0.24vw;}
    .sub_title em{font-size: 1.22vw; margin-top: 0.61vw; letter-spacing: -0.02vw;}
    /* tab_style01 */
    .tab_style01 a {font-size: 1.34vw; line-height: 4.27vw; }

    /* 진료시간 */
    #hours {padding: 8.54vw 0 7.93vw;}
    #hours .tit h3 {font-size: 3.05vw; letter-spacing: -0.30vw;}
    #hours .tit p {margin-top: 1.22vw; font-size: 1.22vw; letter-spacing: -0.04vw;}
    #hours ul {margin-top: 6.10vw;}
    #hours ul li {width: 25.23vw; height: 25.23vw;}
    #hours ul li + li {margin-left: -1.22vw;}
    #hours ul li .img {width: 6.10vw;}
    #hours ul li strong {margin-top: 2.44vw; font-size: 2.20vw; letter-spacing: -0.04vw;}
    #hours ul li p {margin-top: 0.61vw; font-size: 1.34vw; letter-spacing: -0.04vw;}
    #hours .desc {margin: 3.35vw auto 0; font-size: 1.22vw; letter-spacing: -0.04vw; padding-left: 1.83vw;}
    #hours .desc::before {width: 0.24vw; height: 0.24vw;}

    /* 바르다정치과 소개 */
    #about .sec1 {height: 100vh; margin-top: 1.83vw; padding-top: 6.10vw;}
    #about .sec1 .cont {padding: 6.46vw 5.18vw 0;}
    #about .sec1 .cont .bg_txt img {width: 60.98vw;}
    #about .sec1 .cont .txt {margin-top: 7.32vw;}
    #about .sec1 .cont .txt span {font-size: 1.83vw; letter-spacing: -0.12vw;}
    #about .sec1 .cont .txt p {margin-top: 0.61vw; font-size: 3.05vw; letter-spacing: -0.30vw;}
    #about .sec1 .cont .img {top: 8.78vw; width: 45.73vw; height: 24.39vw; border-radius: 12.20vw;}
    #about .sec1 .act::before {width: 29.45vw; height: 31.65vw;}
    #about .sec1 .act .inner {gap: 13.35vw; padding: 0 9.09vw;}
    #about .sec1 .act .img2 img {width: 9.33vw;}
    #about .sec1 .act .txt h4 {font-size: 2.20vw; letter-spacing: -0.18vw;}
    #about .sec1 .act .txt > strong {margin-top: 3.66vw; font-size: 1.46vw; letter-spacing: -0.04vw;}
    #about .sec1 .act .txt p {margin-top: 1.22vw; font-size: 1.22vw; letter-spacing: -0.04vw;}
    #about .sec1 .act .img2 {transform: translateX(-2.44vw);}
    #about .sec1 .act .txt {transform: translateX(2.44vw);}
    #about .sec3 {margin-top: -4.39vw;}
    #about .sec3 .item::after {font-size: 9.15vw; letter-spacing: -0.30vw;}
    #about .sec3 .item + .item {margin-top: 6.10vw;}
    #about .sec3 .item .txt h4 {font-size: 2.20vw; letter-spacing: -0.18vw;}
    #about .sec3 .item .txt p {margin-top: 3.66vw; font-size: 1.22vw; letter-spacing: -0.04vw;}
    #about .sec3 .item:nth-child(1) .img img {width: 36.59vw;}
    #about .sec3 .item:nth-child(3) .img img {width: 42.68vw;}
    #about .sec3 .item:nth-child(1) .txt {margin-left: -4.27vw;}
    #about .sec3 .item:nth-child(3) .txt {padding-top: 5.91vw; padding-left: 4.15vw;}
    #about .sec3 .item:nth-child(1)::after {right: 4.82vw; top: 12.20vw;}
    #about .sec3 .item:nth-child(2)::after {right: 49%; top: 2.01vw;}
    #about .sec3 .item:nth-child(3)::after {left: 40.79vw;}
    #about .sec3 > .txt {margin-top: 9.15vw;}
    #about .sec3 > .txt p {font-size: 2.44vw; letter-spacing: -0.18vw;}
    #about .sec3 > .txt .line {margin: 4.27vw auto 0; width: 0.06vw; height: 7.32vw;}
    #about .sec4 {padding: 9.57vw 0;}
    #about .sec4 .top > span {font-size: 1.22vw; letter-spacing: -0.04vw;}
    #about .sec4 .top h4 {margin-top: 0.61vw; gap: 0.61vw; font-size: 2.74vw; letter-spacing: -0.12vw;}
    #about .sec4 .top h4 span {font-size: 1.83vw; letter-spacing: -0.12vw;}
    #about .sec4 .top p {margin-top: 2.44vw; font-size: 1.22vw; letter-spacing: -0.04vw;}
    #about .sec4 .bot {margin-top: 4.88vw;}
    #about .sec4 .bot > p {font-size: 1.83vw; letter-spacing: -0.12vw;}
    #about .sec4 .bot .cont {margin-top: 1.83vw; gap: 8.35vw;}
    #about .sec4 .bot .cont li {font-size: 1.10vw; letter-spacing: -0.03vw;}

    /* 내부 시설 */
    #facilities {padding-bottom: 7.93vw;}
    #facilities .tab_style01 a {padding: 0 1.46vw; line-height: 3.66vw;}
    #facilities .tab_cont {margin: 3.35vw auto 0;}
    #facilities .mySwiper {height: 45.37vw;}
    #facilities .mySwiper .arrow {padding: 0 1.22vw;}
    #facilities .mySwiper .arrow > div {width: 3.66vw; height: 3.66vw;}
    #facilities .mySwiper .arrow > div img {width: 2.13vw;}
    #facilities .slide {height: 45.37vw;}
    #facilities .tag {width: 13.60vw; height: 6.40vw; font-size: 2.20vw;}
	#facilities .cont2{margin-top: 1.22vw;}
	#facilities .slider2{margin: 0 -0.61vw;}
	#facilities .slider2 .slide{margin: 0 0.61vw;}

    /* 오시는 길 */
    #directions {padding-bottom: 8.54vw;}
    #directions::before {height: 60.18vw;}
    #directions .root_daum_roughmap .wrap_map {height: 52.93vw;}
    #directions .info {margin-top: 3.66vw; gap: 9.33vw;}
    #directions .left img {width: 17.62vw;}
    #directions .right p {gap: 1.52vw;}
    #directions .right p .tit {gap: 0.91vw; width: 9.15vw;}
    #directions .right p span {font-size: 1.22vw;}
    #directions .right p img {width: 1.52vw;}
    #directions .right p + p {margin-top: 1.83vw;}

    /* 진료과목 */
    #treatment .vis {height: 51.83vw;}
    #treatment .vis .txt img {width: 6.71vw; margin-left: 12.20vw;}
    #treatment .vis .txt h3 {font-size: 2.44vw; margin-top: 6.10vw; letter-spacing: -0.18vw;}
    #treatment .vis .txt p {margin-top: 2.44vw; font-size: 1.22vw; letter-spacing: -0.04vw;}
    #treatment .inner {padding: 7.32vw 0 9.15vw;}
    #treatment .tab_style01 a {width: 14.94vw; line-height: 4.27vw;}
    #treatment .tab_cont {margin-top: 3.66vw;}
    #treatment .info_flex {gap: 2.44vw;}
    #treatment .info_flex > div {width: calc(50% - 1.22vw);}
    #treatment .info_flex .txt span {font-size: 1.22vw; letter-spacing: -0.04vw;}
    #treatment .info_flex .txt strong {margin-top: 0.61vw; font-size: 2.20vw; letter-spacing: -0.18vw;}
    #treatment .info_flex .txt p {margin-top: 2.44vw; font-size: 1.22vw; letter-spacing: -0.04vw; min-height: 5.18vw;}
    #treatment .info_flex .txt ul {margin-top: 2.44vw;}
    #treatment .info_flex .txt ul li {font-size: 1.22vw; letter-spacing: -0.04vw; padding-left: 1.83vw;}
    #treatment .info_flex .txt ul li::before {width: 0.24vw; height: 0.24vw; left: 0.61vw;}
    #treatment .info_flex .img.flex {gap: 2.44vw;}
    #treatment .info_flex .img.flex img {width: calc(50% - 1.22vw);}
    #treatment .info_card .card {margin-top: 3.96vw;}
    #treatment .info_card .card h4 {font-size: 2.20vw; letter-spacing: -0.18vw;}
    #treatment .info_card .card ul {margin-top: 2.44vw; gap: 1.22vw;}
    #treatment .info_card .card ul li {width: calc(100%/3 - 0.85vw); padding: 1.83vw 1.52vw; gap: 2.44vw;}
    #treatment .info_card .card ul li .step {font-size: 1.22vw;}
    #treatment .info_card .card ul li strong {font-size: 1.22vw;}
    #treatment .info_card .card ul li p {margin-top: 0.61vw; font-size: 1.10vw;}
    #treatment .info_card .card2 {margin-top: 2.44vw;}
    #treatment .info_card .card2 ul {gap: 1.52vw 2.44vw;}
    #treatment .info_card .card2 li {gap: 5.10vw; padding: 2.13vw 3.17vw; width: calc(50% - 1.22vw);}
    #treatment .info_card .card2 li img {width: 2.01vw;}
    #treatment .info_card .card2 li .txt {gap: 1.83vw;}
    #treatment .info_card .card2 li .txt strong {font-size: 1.83vw;}
    #treatment .info_card .card2 li .txt p {font-size: 1.46vw;}
    #treatment .info_card .card2 li .txt span {font-size: 1.22vw;}
    #treatment .card_list_wrap {margin-top: 7.32vw;}
    #treatment .card_list_wrap .tit p {font-size: 1.46vw; letter-spacing: -0.02vw;}
    #treatment .card_list_wrap .tit h4 {margin-top: 0.61vw; font-size: 2.44vw; letter-spacing: -0.30vw;}
    #treatment .card_list_wrap ul {margin-top: 3.96vw; gap: 5.37vw 2.44vw;}
    #treatment .card_list_wrap ul li {width: calc(50% - 1.22vw);}
    #treatment .card_list_wrap ul li .img {height: 20.12vw;}
    #treatment .card_list_wrap ul li .txt {margin-top: 2.44vw;}
    #treatment .card_list_wrap ul li .txt span {font-size: 1.22vw; letter-spacing: -0.04vw;}
    #treatment .card_list_wrap ul li .txt strong {margin-top: 0.61vw; font-size: 2.20vw; letter-spacing: -0.18vw;}
    #treatment .card_list_wrap ul li .txt p {margin-top: 2.44vw; font-size: 1.22vw; letter-spacing: -0.04vw; min-height: 3.41vw;}

    /* notice */
    .bd_inner {margin-bottom: 7.32vw;}

}



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

    /* 공통 */
    .sub_visual{ height: 57.97vw;}
    .sub_vis_txt h2{font-size: 4.30vw; letter-spacing: -0.23vw;}
    .sub_vis_txt em{font-size: 1.33vw; letter-spacing: -0.08vw; margin-top:0.63vw;}

    .sub_menu{ bottom: 2.97vw; height:1.95vw;}
    .sub_menu > ul > li > a {padding-left: 2.66vw; font-size: 1.02vw;}
    .sub_menu > ul > li:not(.home)::before {width: 0.23vw; height: 0.23vw; left: 1.25vw;}
    .sub_menu > ul > li.home {width: 1.95vw;}
    .sub_menu > ul > li.menu_btn {width: 14.61vw; background: url("/img/sub/sub_menu_arrow.svg") no-repeat right center / 1.02vw;}
    .sub_menu_txt {bottom: calc(100% + 1.02vw); width: 12.19vw; border-radius: 0.63vw;}
    .sub_menu_txt li {height: 2.66vw;}
    .sub_menu_txt li a {padding: 0 0.86vw; font-size: 1.02vw;}

    #sub_content{padding:7.34vw 0 0;}
    .sub_title{margin-bottom:7.34vw;}
    .sub_title img {width: 3.67vw;}
    .sub_title h3{font-size: 3.05vw; margin-top: 0.63vw; letter-spacing: -0.23vw;}
    .sub_title em{font-size: 1.25vw; margin-top: 0.63vw; letter-spacing: -0.00vw;}
    /* tab_style01 */
    .tab_style01 a {font-size: 1.33vw; line-height: 4.30vw; }

    /* 진료시간 */
    #hours {padding: 8.52vw 0 7.97vw;}
    #hours .tit h3 {font-size: 3.05vw; letter-spacing: -0.31vw;}
    #hours .tit p {margin-top: 1.25vw; font-size: 1.25vw; letter-spacing: -0.08vw;}
    #hours ul {margin: 6.09vw auto 0; max-width: 93.75vw;}
    #hours ul li {width: 24.38vw; height: 24.38vw;}
    #hours ul li + li {margin-left: -1.25vw;}
    #hours ul li .img {width: 6.09vw;}
    #hours ul li strong {margin-top: 2.42vw; font-size: 2.19vw; letter-spacing: -0.08vw;}
    #hours ul li p {margin-top: 0.63vw; font-size: 1.33vw; letter-spacing: -0.08vw;}
    #hours .desc {margin: 3.36vw auto 0; font-size: 1.25vw; letter-spacing: -0.08vw; padding-left: 1.80vw;}
    #hours .desc::before {width: 0.23vw; height: 0.23vw;}

    /* 바르다정치과 소개 */
    #about .sec1 {height: 100vh; margin-top: 1.80vw; padding-top: 6.09vw;}
    #about .sec1 .cont {padding: 6.48vw 5.16vw 0;}
    #about .sec1 .cont .bg_txt img {width: 61.02vw;}
    #about .sec1 .cont .txt {margin-top: 7.34vw;}
    #about .sec1 .cont .txt span {font-size: 1.80vw; letter-spacing: -0.16vw;}
    #about .sec1 .cont .txt p {margin-top: 0.63vw; font-size: 3.05vw; letter-spacing: -0.31vw;}
    #about .sec1 .cont .img {top: 8.75vw; width: 43.95vw; height: 23.44vw; border-radius: 11.72vw;}
    #about .sec1 .act::before {width: 29.45vw; height: 31.64vw;}
    #about .sec1 .act .inner {gap: 13.36vw; padding: 0 9.06vw;}
    #about .sec1 .act .img2 img {width: 9.30vw;}
    #about .sec1 .act .txt h4 {font-size: 2.19vw; letter-spacing: -0.16vw;}
    #about .sec1 .act .txt > strong {margin-top: 3.67vw; font-size: 1.48vw; letter-spacing: -0.08vw;}
    #about .sec1 .act .txt p {margin-top: 1.25vw; font-size: 1.25vw; letter-spacing: -0.08vw;}
    #about .sec1 .act .img2 {transform: translateX(-2.42vw);}
    #about .sec1 .act .txt {transform: translateX(2.42vw);}
    #about .sec3 {margin-top: -4.38vw;}
    #about .sec3 .item::after {font-size: 9.14vw; letter-spacing: -0.31vw;}
    #about .sec3 .item + .item {margin-top: 6.09vw;}
    #about .sec3 .item .txt h4 {font-size: 2.19vw; letter-spacing: -0.16vw;}
    #about .sec3 .item .txt p {margin-top: 3.67vw; font-size: 1.25vw; letter-spacing: -0.08vw;}
    #about .sec3 .item:nth-child(1) .img img {width: 36.56vw;}
    #about .sec3 .item:nth-child(3) .img img {width: 42.66vw;}
    #about .sec3 .item:nth-child(1) .txt {margin-left: -4.30vw;}
    #about .sec3 .item:nth-child(3) .txt {padding-top: 5.94vw; padding-left: 4.14vw;}
    #about .sec3 .item:nth-child(1)::after {right: 4.84vw; top: 12.19vw;}
    #about .sec3 .item:nth-child(2)::after {right: 49%; top: 2.03vw;}
    #about .sec3 .item:nth-child(3)::after {left: 40.78vw;}
    #about .sec3 > .txt {margin-top: 9.14vw;}
    #about .sec3 > .txt p {font-size: 2.42vw; letter-spacing: -0.16vw;}
    #about .sec3 > .txt .line {margin: 4.30vw auto 0; width: 0.08vw; height: 7.34vw;}
    #about .sec4 {padding: 9.53vw 0;}
    #about .sec4 .top > span {font-size: 1.25vw; letter-spacing: -0.08vw;}
    #about .sec4 .top h4 {margin-top: 0.63vw; gap: 0.63vw; font-size: 2.73vw; letter-spacing: -0.16vw;}
    #about .sec4 .top h4 span {font-size: 1.80vw; letter-spacing: -0.16vw;}
    #about .sec4 .top p {margin-top: 2.42vw; font-size: 1.25vw; letter-spacing: -0.08vw;}
    #about .sec4 .bot {margin-top: 4.84vw;}
    #about .sec4 .bot > p {font-size: 1.80vw; letter-spacing: -0.16vw;}
    #about .sec4 .bot .cont {margin-top: 1.80vw; gap: 8.36vw;}
    #about .sec4 .bot .cont li {font-size: 1.09vw; letter-spacing: -0.00vw;}

    /* 내부 시설 */
    #facilities {padding-bottom: 7.97vw;}
    #facilities .tab_style01 a {padding: 0 1.28vw; line-height: 3.67vw;}
    #facilities .tab_cont {margin: 3.36vw auto 0;}
    #facilities .mySwiper {height: 45.39vw;}
    #facilities .mySwiper .arrow {padding: 0 1.25vw;}
    #facilities .mySwiper .arrow > div {width: 3.67vw; height: 3.67vw;}
    #facilities .mySwiper .arrow > div img {width: 2.11vw;}
    #facilities .slide {height: 45.39vw;}
    #facilities .tag {width: 13.59vw; height: 6.41vw; font-size: 2.19vw;}
	#facilities .cont2{margin-top: 1.25vw;}
	#facilities .slider2{margin: 0 -0.63vw;}
	#facilities .slider2 .slide{margin: 0 0.63vw;}

    /* 오시는 길 */
    #directions {padding-bottom: 8.52vw;}
    #directions::before {height: 60.16vw;}
    #directions .root_daum_roughmap .wrap_map {height: 52.97vw;}
    #directions .info {margin-top: 3.67vw; gap: 9.30vw;}
    #directions .left img {width: 17.66vw;}
    #directions .right p {gap: 1.48vw;}
    #directions .right p .tit {gap: 0.94vw; width: 9.14vw;}
    #directions .right p span {font-size: 1.25vw;}
    #directions .right p img {width: 1.48vw;}
    #directions .right p + p {margin-top: 1.80vw;}

    /* 진료과목 */
    #treatment .vis {height: 51.80vw;}
    #treatment .vis .txt img {width: 6.72vw; margin-left: 12.19vw;}
    #treatment .vis .txt h3 {font-size: 2.42vw; margin-top: 6.09vw; letter-spacing: -0.16vw;}
    #treatment .vis .txt p {margin-top: 2.42vw; font-size: 1.25vw; letter-spacing: -0.08vw;}
    #treatment .inner {padding: 7.34vw 0 9.14vw;}
    #treatment .tab_style01 a {width: 14.92vw; line-height: 4.30vw;}
    #treatment .tab_cont {margin-top: 3.67vw;}
    #treatment .info_flex {gap: 2.42vw;}
    #treatment .info_flex > div {width: calc(50% - 1.25vw);}
    #treatment .info_flex .txt span {font-size: 1.25vw; letter-spacing: -0.08vw;}
    #treatment .info_flex .txt strong {margin-top: 0.63vw; font-size: 2.19vw; letter-spacing: -0.16vw;}
    #treatment .info_flex .txt p {margin-top: 2.42vw; font-size: 1.25vw; letter-spacing: -0.08vw; min-height: 5.47vw;}
    #treatment .info_flex .txt ul {margin-top: 2.42vw;}
    #treatment .info_flex .txt ul li {font-size: 1.25vw; letter-spacing: -0.08vw; padding-left: 1.80vw;}
    #treatment .info_flex .txt ul li::before {width: 0.23vw; height: 0.23vw; left: 0.63vw;}
    #treatment .info_flex .img.flex {gap: 2.42vw;}
    #treatment .info_flex .img.flex img {width: calc(50% - 1.25vw);}
    #treatment .info_card .card {margin-top: 3.98vw;}
    #treatment .info_card .card h4 {font-size: 2.19vw; letter-spacing: -0.16vw;}
    #treatment .info_card .card ul {margin-top: 2.42vw; gap: 1.25vw;}
    #treatment .info_card .card ul li {width: calc(100%/3 - 0.86vw); padding: 1.80vw 1.48vw; gap: 2.42vw;}
    #treatment .info_card .card ul li .step {font-size: 1.25vw;}
    #treatment .info_card .card ul li strong {font-size: 1.25vw;}
    #treatment .info_card .card ul li p {margin-top: 0.63vw; font-size: 1.09vw;}
    #treatment .info_card .card2 {margin-top: 2.42vw;}
    #treatment .info_card .card2 ul {gap: 1.48vw 2.42vw;}
    #treatment .info_card .card2 li {gap: 3.81vw; padding: 2.73vw 3.06vw; width: calc(50% - 1.25vw);}
    #treatment .info_card .card2 li img {width: 2.58vw;}
    #treatment .info_card .card2 li .txt {gap: 1.80vw;}
    #treatment .info_card .card2 li .txt strong {font-size: 1.80vw;}
    #treatment .info_card .card2 li .txt p {font-size: 1.48vw;}
    #treatment .info_card .card2 li .txt span {font-size: 1.25vw;}
    #treatment .card_list_wrap {margin-top: 7.34vw;}
    #treatment .card_list_wrap .tit p {font-size: 1.48vw; letter-spacing: -0.00vw;}
    #treatment .card_list_wrap .tit h4 {margin-top: 0.63vw; font-size: 2.42vw; letter-spacing: -0.31vw;}
    #treatment .card_list_wrap ul {margin-top: 3.98vw; gap: 5.39vw 2.42vw;}
    #treatment .card_list_wrap ul li {width: calc(50% - 1.25vw);}
    #treatment .card_list_wrap ul li .img {height: 20.16vw;}
    #treatment .card_list_wrap ul li .txt {margin-top: 2.42vw;}
    #treatment .card_list_wrap ul li .txt span {font-size: 1.25vw; letter-spacing: -0.08vw;}
    #treatment .card_list_wrap ul li .txt strong {margin-top: 0.63vw; font-size: 2.19vw; letter-spacing: -0.16vw;}
    #treatment .card_list_wrap ul li .txt p {margin-top: 2.42vw; font-size: 1.25vw; letter-spacing: -0.08vw; min-height: 3.44vw;}

    /* notice */
    .bd_inner {margin-bottom: 7.34vw;}

}



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

    /* 공통 */
    .sub_visual{ height: 169.27vw;}
    .sub_visual.bg01{background-image:url("/img/sub/m_sub_visual01.jpg");}
    .sub_visual.bg02{background-image:url("/img/sub/m_sub_visual02.jpg");}
    .sub_visual.bg03{background-image:url("/img/sub/m_sub_visual03.jpg");}
    .sub_visual.bg04{background-image:url("/img/sub/m_sub_visual04.jpg");}
    .sub_visual.bg05{background-image:url("/img/sub/m_sub_visual05.jpg");}
    .sub_visual.bg06{background-image:url("/img/sub/m_sub_visual06.jpg");}
    .sub_vis_txt h2{font-size: 8.33vw; letter-spacing: -0.36vw;}
    .sub_vis_txt em{font-size: 4.17vw; letter-spacing: -0.16vw; margin-top:2.60vw;}

    .sub_menu{ bottom: 7.29vw; height:7.68vw; width: 100%; max-width: 100%;}
    .sub_menu > ul > li > a {padding-left: 8.85vw; font-size: 3.65vw;}
    .sub_menu > ul > li:not(.home)::before {width: 1.04vw; height: 1.04vw; left: 3.91vw;}
    .sub_menu > ul > li.home {width: 5.21vw;}
    .sub_menu > ul > li.menu_btn {width: 50%; background: url("/img/sub/sub_menu_arrow.svg") no-repeat right center / 4.17vw;}
    .sub_menu_txt {bottom: calc(100% + 4.95vw); width: calc(100% - 6.85vw); border-radius: 2.60vw;}
    .sub_menu_txt li {height: 10.94vw;}
    .sub_menu_txt li a {padding: 0 3.65vw; font-size: 3.65vw;}

    #sub_content{padding:21.09vw 0 0;}
    .sub_title{margin-bottom:18.23vw;}
    .sub_title img {width: 10.42vw;}
    .sub_title h3{font-size: 7.29vw; margin-top: 2.60vw; letter-spacing: -1.04vw;}
    .sub_title em{font-size: 3.65vw; margin-top: 2.60vw; letter-spacing: -0.10vw;}
    /* tab_style01 */
    .tab_style01 {justify-content: flex-start; overflow: hidden; overflow-x: scroll;}
    .tab_style01 a {font-size: 3.65vw; line-height: 11.72vw; }

    /* 진료시간 */
    #hours {padding: 19.53vw 0;}
    #hours .tit h3 {font-size: 7.29vw; letter-spacing: -0.78vw;}
    #hours .tit p {margin-top: 2.60vw; font-size: 4.17vw; letter-spacing: -0.26vw;}
    #hours ul {margin: 13.02vw auto 0; max-width: 100%; padding: 0 5.21vw; flex-wrap: wrap;}
    #hours ul li {width: 44.1vw; height: 44.1vw;}
    #hours ul li:nth-child(even) {margin-left: -2.21vw;}
    #hours ul li:nth-child(3),
    #hours ul li:nth-child(4) {margin-top: -2.21vw;}
    #hours ul li .img {width: 10.42vw;}
    #hours ul li strong {margin-top: 3vw; font-size: 4.69vw; letter-spacing: -0.07vw;}
    #hours ul li p {margin-top: 1.17vw; font-size: 3.13vw; letter-spacing: -0.07vw;}
    #hours .desc {margin: 13.02vw auto 0; font-size: 3.65vw; letter-spacing: -0.26vw; padding-left: 4.21vw;}
    #hours .desc::before {width: 0.91vw; height: 0.91vw;}

    /* 바르다정치과 소개 */
    #about .sec1 {height: 140.73vw; margin-top: 0; /* padding-top: 18.23vw; */ width: calc(100% + 10.42vw); margin-left: -5.21vw;}
    #about .sec1 .cont {padding: calc(18.23vw + 15.63vw) 0 0;}
    #about .sec1 .cont .inner {padding: 0 5.21vw;}
    #about .sec1 .cont .bg_txt {margin-top: 10.42vw;}
    #about .sec1 .cont .bg_txt img {width: 100%;}
    #about .sec1 .cont .txt {/* margin-top: -15.63vw; */ margin-top: 0; position: absolute; top: 18.23vw; left: 50%; transform: translateX(-50%); flex-direction: column; justify-content: center; gap: 72.92vw;}
    #about .sec1 .cont .txt span {font-size: 4.17vw; letter-spacing: -0.26vw;}
    #about .sec1 .cont .txt p {margin-top: 2.60vw; font-size: 7.29vw; letter-spacing: -0.78vw;}
    #about .sec1 .cont .img {top: 47.95vw; width: 89.58vw; height: 47.78vw; border-radius: 23.89vw;}
    #about .sec1 .act {padding: 0 5.21vw;}
    #about .sec1 .act::before {width: 71.61vw; height: 77.08vw;}
    #about .sec1 .act .inner {gap: 10.42vw; padding: 0 5.21vw; flex-direction: column;}
    #about .sec1 .act .img2 img {width: 20.83vw;}
    #about .sec1 .act .txt h4 {font-size: 5.73vw; letter-spacing: -0.26vw;}
    #about .sec1 .act .txt > strong {margin-top: 7.81vw; font-size: 4.69vw; letter-spacing: -0.16vw;}
    #about .sec1 .act .txt p {margin-top: 5.21vw; font-size: 3.65vw; letter-spacing: -0.10vw;}
    #about .sec1 .act .img2 {transform: translateY(-40px);}
    #about .sec1 .act .txt {transform: translateY(40px);}

    #about .sec3 {margin-top: 20.83vw;}
    #about .sec3 .inner {padding: 0 5.21vw;}
    #about .sec3 .item {flex-direction: column; align-items: flex-start; gap: 23.44vw;}
    #about .sec3 .item > div {width: 100%;}
    #about .sec3 .item::after {font-size: 20.83vw; letter-spacing: -1.30vw;}
    #about .sec3 .item + .item {margin-top: 15.63vw;}
    #about .sec3 .item .txt h4 {font-size: 5.73vw; letter-spacing: -0.26vw;}
    #about .sec3 .item .txt p {margin-top: 7.81vw; font-size: 3.65vw; letter-spacing: -0.16vw;}
    #about .sec3 .item:nth-child(2) {flex-direction: column-reverse; gap: 20.57vw;}
    #about .sec3 .item:nth-child(3) {gap: 10.42vw;}
    #about .sec3 .item:nth-child(1) .img img {width: 100%;}
    #about .sec3 .item:nth-child(3) .img img {width: 100%;}
    #about .sec3 .item:nth-child(1) .txt {margin-left: 0;}
    #about .sec3 .item:nth-child(3) .txt {padding-top: 0; padding-left: 0;}
    #about .sec3 .item:nth-child(1)::after {top: 102.86vw; right: -5.21vw;}
    #about .sec3 .item:nth-child(2)::after {top: 64.06vw; right: -5.21vw; bottom: auto;}
    #about .sec3 .item:nth-child(3)::after {top: auto; bottom: -14.84vw; right: -5.21vw;}
    #about .sec3 > .txt {margin-top: 30.47vw;}
    #about .sec3 > .txt p {font-size: 5.73vw; letter-spacing: -0.36vw;}
    #about .sec3 > .txt .line {margin: 15.63vw auto 0; width: 0.26vw; height: 15.63vw;}
    #about .sec4 {padding: 0; background: none;}
    #about .sec4 > .img  img {width: 100%;}
    #about .sec4 .inner {background: #4F4037; position: relative; padding: 15.63vw 5.21vw 20.83vw;}
    #about .sec4 .inner::before {content: ""; width: 54.69vw; height: 58.59vw; background: url('/img/main/logo_bg.svg') no-repeat center / cover; position: absolute; right: 0; top: 0; }
    #about .sec4 .top > span {font-size: 3.65vw; letter-spacing: -0.16vw;}
    #about .sec4 .top h4 {margin-top: 2.60vw; gap: 2.60vw; font-size: 6.25vw; letter-spacing: -0.52vw;}
    #about .sec4 .top h4 span {font-size: 4.69vw; letter-spacing: -0.52vw;}
    #about .sec4 .top p {margin-top: 7.81vw; font-size: 3.65vw; letter-spacing: -0.16vw;}
    #about .sec4 .bot {margin-top: 10.42vw;}
    #about .sec4 .bot > p {font-size: 5.21vw; letter-spacing: -0.52vw; position: relative;}
    #about .sec4 .bot > p::after {content: ""; width: 5.21vw; height: 5.21vw; position: absolute; top: 50%; transform: translateY(-50%); right: 0; background: url('/img/sub/about_sec4_arrow.svg') no-repeat center/cover;}
    #about .sec4 .bot > p.on::after {transform: translateY(-50%) rotate(180deg);}
    #about .sec4 .bot .cont {display: none; margin-top: 5.21vw; gap: 0; flex-direction: column;}
    #about .sec4 .bot .cont li {font-size: 3.65vw; letter-spacing: -0.16vw;}

    /* 내부 시설 */
    #facilities {padding-bottom: 21.74vw;}
    #facilities .tab_style01 a {padding: 0 3.52vw; line-height: 10.03vw;}
    #facilities .tab_cont {margin: 9.24vw auto 0;}
    #facilities .mySwiper {height: 92.45vw;}
    #facilities .mySwiper .arrow {padding: 0 2vw;}
    #facilities .mySwiper .arrow > div {width: 9.11vw; height: 9.11vw;}
    #facilities .mySwiper .arrow > div img {width: 5.21vw;}
    #facilities .slide {height: 92.45vw;}
    #facilities .tag {width: 32vw; height: 14.32vw; font-size: 4.8vw;}
	#facilities .cont2{margin-top: 2.60vw;}
	#facilities .slider2{margin: 0 -1.30vw;}
	#facilities .slider2 .slide{margin: 0 1.30vw;}

    /* 오시는 길 */
    #directions {padding-bottom: 20.83vw;}
    #directions::before {height: 130.21vw;}
    #directions .root_daum_roughmap .wrap_map {height: 71.61vw;}
    #directions .info {margin-top: 10.42vw; gap: 7.81vw; flex-direction: column; align-items: flex-start;}
    #directions .left img {width: 31.25vw;}
    #directions .right p {gap: 2.60vw; flex-direction: column; align-items: flex-start;}
    #directions .right p .tit {gap: 2.60vw; width: 100%;}
    #directions .right p span {font-size: 3.65vw;}
    #directions .right p img {width: 5.21vw;}
    #directions .right p + p {margin-top: 6.51vw;}

    /* 진료과목 */
    #treatment.treatment01 .vis {background-image: url('/img/sub/m_treatment01_vis.jpg');}
    #treatment.treatment02 .vis {background-image: url('/img/sub/m_treatment02_vis.jpg');}
    #treatment.treatment03 .vis {background-image: url('/img/sub/m_treatment03_vis.jpg');}
    #treatment.treatment04 .vis {background-image: url('/img/sub/m_treatment04_vis.jpg');}
    #treatment .vis {height: 130.73vw;}
    #treatment .vis .txt .img {display: flex; align-items: center; justify-content: center;}
    #treatment .vis .txt img {width: 20.83vw; margin-left: 0;}
    #treatment .vis .txt h3 {font-size: 6.51vw; margin-top: 10.42vw; letter-spacing: -0.26vw;}
    #treatment .vis .txt p {margin-top: 7.81vw; font-size: 3.65vw; letter-spacing: -0.10vw;}
    #treatment .inner {padding: 10.83vw 5.21vw 20.83vw;}
    #treatment .tab_style01 a {width: 39.06vw; line-height: 11.72vw;}
    #treatment.treatment02 .tab_style01 li {width: calc(100%/3);}
    #treatment.treatment02 .tab_style01 a {width: 100%;}
    #treatment.treatment03 .tab_style01 a {width: 26.04vw;}
    #treatment.treatment04 .tab_style01 a {width: 26.04vw;}
    #treatment.treatment04 .tab_style01 li:first-child a {width: 35.16vw;}
    #treatment .tab_cont {margin-top: 10.02vw;}
    #treatment .info_flex {gap: 7.81vw; flex-direction: column; align-items: flex-start;}
    #treatment .info_flex > div {width: 100%;}
    #treatment .info_flex .txt span {font-size: 3.13vw; letter-spacing: -0.06vw;}
    #treatment .info_flex .txt strong {margin-top: 1.04vw; font-size: 5.73vw; letter-spacing: -0.21vw;}
    #treatment .info_flex .txt p {margin-top: 4.17vw; font-size: 3.39vw; letter-spacing: -0.06vw; min-height: auto;}
    #treatment .info_flex .txt ul {margin-top: 6.64vw;}
    #treatment .info_flex .txt ul li {font-size: 3.39vw; letter-spacing: -0.26vw; padding-left: 4.95vw;}
    #treatment .info_flex .txt ul li::before {width: 0.65vw; height: 0.65vw; left: 1.69vw;}
    #treatment .info_flex .img.flex {gap: 3.91vw;}
    #treatment .info_flex .img.flex img {width: calc(50% - 1.95vw);}
    #treatment .info_card .card {margin-top: 10.42vw;}
    #treatment .info_card .card h4 {font-size: 5.73vw; letter-spacing: -0.26vw;}
    #treatment .info_card .card ul {margin-top: 7.81vw; gap: 3.91vw; flex-direction: column; align-items: flex-start;}
    #treatment .info_card .card ul li {width: 100%; padding: 4.95vw 4.04vw; gap: 6.64vw;}
    #treatment .info_card .card ul li .step {font-size: 3.91vw;}
    #treatment .info_card .card ul li strong {font-size: 3.91vw;}
    #treatment .info_card .card ul li p {margin-top: 1.30vw; font-size: 3.65vw;}
    #treatment .info_card .card2 {margin-top: 6.64vw;}
    #treatment .info_card .card2 ul {gap: 3.91vw; flex-direction: column; align-items: flex-start;}
    #treatment .info_card .card2 li {gap: 10.02vw; padding: 4.56vw 6.77vw; width: 100%;}
    #treatment .info_card .card2 li img {width: 4.30vw; min-width: 4.30vw;}
    #treatment .info_card .card2 li .txt {gap: 1.30vw; flex-direction: column; align-items: flex-start;}
    #treatment .info_card .card2 li .txt strong {font-size: 4.69vw;}
    #treatment .info_card .card2 li .txt p {font-size: 4.04vw;}
    #treatment .info_card .card2 li .txt span {font-size: 3.39vw;}
    #treatment .card_list_wrap {margin-top: 19.53vw;}
    #treatment .card_list_wrap .tit p {font-size: 4.17vw; letter-spacing: -0.26vw;}
    #treatment .card_list_wrap .tit h4 {margin-top: 2.60vw; font-size: 6.51vw; letter-spacing: -0.52vw;}
    #treatment .card_list_wrap ul {margin-top: 10.42vw; gap: 15.63vw; flex-direction: column; align-items: flex-start;}
    #treatment .card_list_wrap ul li {width: 100%;}
    #treatment .card_list_wrap ul li .img {height: 53.78vw;}
    #treatment .card_list_wrap ul li .txt {margin-top: 7.81vw;}
    #treatment .card_list_wrap ul li .txt span {font-size: 3.13vw; letter-spacing: -0.06vw;}
    #treatment .card_list_wrap ul li .txt strong {margin-top: 1.04vw; font-size: 5.73vw; letter-spacing: -0.21vw;}
    #treatment .card_list_wrap ul li .txt p {margin-top: 4.17vw; font-size: 3.39vw; letter-spacing: -0.06vw; min-height: auto;}

    /* notice */
    .bd_inner {margin-bottom: 21.09vw;}
    .bd_inner .dpp_list_btn {line-height: 40px; font-size: 13px;}

}