@charset "utf-8";

header {position: fixed; top: 0; left: 0; width: 100%; height: 100px; z-index: 9; transition: 1s;}
header .inner {position: relative; display: flex; align-items: center; max-width: 1640px; width: 100%; height: 100%; margin: 0 auto; box-sizing: border-box; border-bottom: 1px solid #fff;}
header .logo {width: 220px; height: 38px; margin-left: 40px;}
header .logo img {width: 100%;}
header .gnb {height: 100%; margin-left: 319px;}
header .gnb ul {display: flex; align-items: center; gap: 40px; height: 100%;}
header .gnb li {width: 120px;}
header .gnb li:hover {font-weight: 600}
header .gnb li a {color: #fff;}
header .tel {position: absolute; top: 30px; right: 18px;width: 202px; height: 38px; border: 1px solid #fff; border-radius: 22px; text-align: center; line-height: 38px; transition: 1s;}
header .tel a {display: flex; align-items: center; gap: 8px; justify-content: center;}
header .tel a img {width: 24px; height: 24px;}
header .tel a img.pc {display: block;}
header .tel a img.mo {display: none;}
header .tel span {position: relative; /*padding-left: 36px;*/ font-size: 20px; color: #fff; font-weight: 500;}
/* header .tel span::before {content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 24px; height: 24px; background: url(../images/ic_tel.png) 0 0 / cover;} */
header .btn_allMenu {position: absolute; top: 50%; transform: translateY(-50%); right: 24px; width: 28px; height: 21px; display: none;}

header.on {position: fixed; background: #1C92CD; height: 80px; height: 80px}
header.on .inner {border: 0;}
header.on .tel  {top: 20px}

header .mo_menu_wrap {display: none}

.side_bar {position: fixed; top: 50%; transform: translateY(-50%); right: 0; z-index: 2; transition: 0.3s;}
.side_bar.hide {right: -104px;}
.side_bar .btn_unfold {position: absolute; top: 50%; transform: translateY(-50%); left: -28px; width: 56px; height: 56px; border-radius: 50%; background: #fff; text-align: center; line-height: 56px; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2); z-index: -2;}
.side_bar .btn_unfold img {transform: translateX(-12px);}
.side_bar .sns_menu {width: 128px; background: #fff; border-radius: 30px 0 0 30px;}
.side_bar ul {position: relative; z-index: 3;}
.side_bar li {position: relative; padding: 26px 0; text-align: center;}
.side_bar li + li::before {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 40px; height: 1px; background: #C9CDD2;}
.side_bar li:first-child {padding-top: 50px;}
.side_bar li:last-child {padding-bottom: 50px;}
.side_bar li img.pc {display: block; margin: 0 auto 12px auto;}
.side_bar li a {font-size: 14px; color: #222527;}

section {overflow: hidden;}
section .had h2 {font-size: 48px; font-weight: 700;}
section .had h2 strong {color: #1C92CD;}

.sc_intro {position: relative; width: 100%; height: 100vh;}
.sc_intro .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.sc_intro .bg video {width: 100%; height: 100%; object-fit: cover;}
.sc_intro .bg::before {content: ''; display: block; position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.38); z-index: 1;}
.sc_intro .inner {display: flex; justify-content: space-between; align-items: center; height: 100%;}
.sc_intro .txt_g .txt {margin-top: 27px; font-size: 72px; color: #fff; font-weight: 700; font-family: 'SpocaHanSans', sans-serif;}
.sc_intro .txt_g .txt strong {color: #9AE7FF;}
.sc_intro li {padding-bottom: 19px; border-bottom: 1px solid #fff; font-size: 18px; color: #fff;}
.sc_intro li + li {margin-top: 74px;}
.sc_intro li strong {font-weight: 500;}

.sec01 {overflow: hidden;}
.sec01 .inner {margin-top: 164px;}
.sec01 .txt_g {display: flex; align-items: flex-end; flex-direction: column;}
.sec01 .txt_g .logo {margin-bottom: 40px;}
.sec01 .txt_g .txt1 {font-size: 48px; text-align: right; line-height: 1.5; margin-bottom: 23px; font-weight: bold;}
.sec01 .txt_g .txt1 strong {color: #1C92CD;}
.sec01 .txt_g .txt2 {font-size: 20px; color: #A4AAB1;}
.sec01 .thum {width: 100%; height: 482px; background: url(../images/thum/thum01.png) center / cover; margin-top: 60px;}

.sec02 {padding: 115px 0 312px 0;}
.sec02 .inner {position: relative;}
.sec02 .mark_g {display: flex; justify-content: center; gap: 50px; position: absolute; width: 100%; z-index: -1;}
.sec02 .doctor_g {position: relative; display: flex; justify-content: center; padding-top: 215px}
.sec02 .doctor_g::before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 290px; background: url(../images/img_gradient.png) 0 0 / cover; z-index: 2;}
.sec02 .doctor_g img {position: relative;}
.sec02 .doctor_g .doctor01 {left: 150px;}
.sec02 .doctor_g .doctor03 {right: 230px; z-index: -1;}
.sec02 .info_g {display: flex;}
.sec02 .info_g li {position: relative; width: 33.333%; padding: 0 40px;}
.sec02 .info_g li + li {border-left: 1px solid #C9CDD2;}
.sec02 .info_g li .cate {font-size: 28px; font-weight: 500; margin-bottom: 27px;}
.sec02 .info_g li button {position: absolute; top: 0; right: 40px; z-index: 1}
.sec02 .info_g li button span {display: block; text-align: center; font-size: 14px; color: #C9CDD2; text-decoration: underline; text-underline-offset: 2px; line-height: 1; margin-top: 12px;}
.sec02 .info_g li .edu p {font-size: 18px; color: #454C53; line-height: 1.5;}

.sec03 {position: relative; padding-bottom: 286px; /* display: flex; */}
.sec03 .col_left {max-width: 1396px; width: 100%; margin: 0 auto;}
.sec03 .had {width: 440px; height: 520px; box-sizing: border-box; padding: 60px 0; border-top: 4px solid #1C92CD; border-bottom: 4px solid #C9CDD2;}
.sec03 .had .had_txt {font-size: 18px; color: #454C53; margin-bottom: 36px;}
.sec03 .had .had_memo {font-size: 18px; color: #454C53; line-height: 1.5; margin-top: 85px;}
.sec03 .col_right {position: absolute; top: 0; right: 0; width: 100%; height: 520px; max-width: 1073px;}

.clinicSlider {width: 100%; overflow: hidden;}
.clinicSlider .slick-slide {width: 456px !important;}
.clinicSlider .item {position: relative; width: 456px; height: 520px; padding: 56px 48px; box-sizing: border-box; margin-right: 16px;}
.clinicSlider .item .tit {font-size: 32px; font-weight: 500; color: #fff; margin-bottom: 14px;}
.clinicSlider .item .txt {font-size: 20px; color: #fff; line-height: 1.6;}
.clinicSlider .item .num {position: absolute; right: 50px; bottom: 40px; font-size: 64px; font-weight: 500; color: #fff;}

.sec04 {padding: 286px 0 235px; background: #222527;}
.sec04 .big_had {text-align: center;}
.sec04 .big_had .txt1 {position: relative; display: inline-block; font-size: 24px; color: #9AE7FF; margin-bottom: 50px;}
.sec04 .big_had .txt1::before {content: ''; position: absolute; left: 50%; transform: translateX(-50%); bottom: -5px; width: calc(100% + 20px); height: 1px; background: #9AE7FF;}
.sec04 .big_had .tit {font-size: 72px; font-weight: 500; color: #fff; margin-bottom: 34px;}
.sec04 .big_had .tit strong {color: #9AE7FF;}
.sec04 .big_had .txt2 {font-size: 20px; color: #fff; line-height: 1.5;}
.sec04 .thum {width: 1792px; height: 456px; background: url(../images/thum/thum08.png) center / cover; margin: 80px auto 290px auto; transition: 1s}
.sec04 .thum.actOn {width: 100%;}
.sec04 .boxa {position: relative; display: flex; align-items: end; gap: 212px;}
.sec04 .boxa .col_left {flex-shrink: 0;}
.sec04 .col_left .had {position: relative; padding-top: 104px;}
.sec04 .col_left .had::before {content: ''; position: absolute; top: 0; left: 0; width: 46px; height: 46px; background: url(../images/ic_plus.png) 0 0 / cover;}
.sec04 .had h2 {color: #fff;}
.sec04 .had h2 strong {color: #9AE7FF;}
.sec04 .had .had_txt {font-size: 20px; color: #A4AAB1; margin-top: 30px; line-height: 1.5;}
.sec04 .had .had_txt strong {color: #fff;}
.sec04 .boxa .img {position: relative; width: 734px; height: 308px; background: url(../images/thum/thum09.png?ver=250513) 0 0 / cover;}
.sec04 .boxa .col_right {position: relative;}
.sec04 .boxa .col_right::before {content: ''; position: absolute; top: -20%; right: -10vw; width: 676px; height: 424px; background: #33383C;}
.sec04 .box+.box {margin-top: 394px;}
.sec04 .boxb .had {position: relative;}
.sec04 .boxb .img_logo {position: absolute; top: 0; right: 0;}
.sec04 .implant_g {margin-top: 94px;}
.sec04 .implant_g ul {display: flex; justify-content: center; gap: 16px;}
.sec04 .implant_g li {position: relative; width: 92px; height: 424px; border: 1px solid #454C53; overflow: hidden; transition: width 0.6s;}
.sec04 .implant_g li .tit {display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: 100%; padding: 26px 0; box-sizing: border-box;}
.sec04 .implant_g li .tit p {height: 30px; transform: rotate(90deg) translateX(148px); font-size: 24px; color: #A4AAB1; white-space: nowrap;}
.sec04 .implant_g li .tit button {width: 48px; height: 48px; border-radius: 50%; background: #fff; font-size: 16px; font-weight: 500; color: #1C92CD; }
.sec04 .implant_g li .cont {width: 100%; height: 100%; display: flex; align-items: center; padding: 0 100px;}
.sec04 .implant_g .l1 .cont {background: url(../images/thum/thum10.png) 0 0 / cover;}
.sec04 .implant_g .l2 .cont {background: url(../images/thum/thum11.png) 0 0 / cover;}
.sec04 .implant_g .l3 .cont {background: url(../images/thum/thum12.png) 0 0 / cover;}
.sec04 .implant_g .l4 .cont {background: url(../images/thum/thum13.png) 0 0 / cover;}
.sec04 .implant_g li .cont .txt_g {opacity: 0; transition: 1.4s;}
.sec04 .implant_g li .cont .txt1 {font-size: 32px; font-weight: 500; color: #fff; margin-bottom: 35px;}
.sec04 .implant_g li .cont .txt2 {font-size: 18px; color: #fff; line-height: 1.5;}
.sec04 .implant_g li .cont .num {position: absolute; bottom: 26px; right: 26px; width: 48px; height: 48px; background: #1C92CD; border-radius: 50%; text-align: center; line-height: 48px; font-size: 17px; font-weight: 500; color: #fff; display: none;}
.sec04 .implant_g li.on {width: calc(100% - 343px);}
.sec04 .implant_g li.on .tit {display: none;}
.sec04 .implant_g li.on .cont .txt_g {opacity: 1;}
.sec04 .implant_g li.on .cont .num {display: block;}

.sec05 {padding: 260px 0 360px;}
.sec05 .inner {max-width: 1488px;}
.sec05 .had {position: relative; padding-top: 104px;}
.sec05 .had h2 {font-size: 56px;}
.sec05 .had::before {content: ''; position: absolute; top: 0; left: 0; width: 46px; height: 46px; background: url(../images/ic_plus_b.png) 0 0 / cover;}
.sec05 .process {margin-top: 99px;}
.sec05 .process ul {display: flex; justify-content: center; gap: 16px;}
.sec05 .process li {width: 25%;}
.sec05 .process li .thum {margin-bottom: 37px; height: 240px;}
.sec05 .process li .step {font-size: 18px; font-weight: 700; color: #1C92CD; margin-bottom: 12px;}
.sec05 .process li .tit {font-size: 24px; font-weight: 700; margin-bottom: 22px;}
.sec05 .process li .memo {padding-top: 15px; border-top: 1px solid #C9CDD2; font-size: 18px; color: #454C53; line-height: 1.5;}

.sec06 {padding-bottom: 264px;}
.sec06 .inner {max-width: 1640px;}
.sec06 .had,
.sec06 .logo {text-align: center;}
.sec06 .logo {margin-bottom: 48px;}
.sec06 .had_txt {margin-top: 22px; color: #454C53;}
.sec06 .had_txt strong {font-weight: 700;}
.sec06 .tab_nav {display: flex; justify-content: center; margin-top: 62px;}
.sec06 .tab_nav a {display: block; width: 320px; height: 80px; text-align: center; line-height: 80px; border: 1px solid #C9CDD2; box-sizing: border-box; font-size: 24px; color: #454C53;}
.sec06 .tab_nav a + a {border-left: 0;}
.sec06 .tab_nav a.on {border: 0; background: #1C92CD; color: #fff;}
.sec06 .tab_con .con {display: none;}
.sec06 .tab_con .con.on {display: block;}
.sec06 .tab_con {margin-top: 65px; padding: 135px 198px; background: url(../images/bg_sec06.png) 0 0 / cover;}
.sec06 .tab_con .box {display: flex; justify-content: space-between; align-items: center; overflow: hidden;}
.sec06 .tab_con .txt1 {font-size: 20px; font-weight: 700; color: #A4AAB1;}
.sec06 .tab_con .txt2 {font-size: 48px; font-weight: 700; color: #000; margin: 29px 0 40px 0; }
.sec06 .tab_con .txt3 {font-size: 20px; color: #454C53; line-height: 1.4;}

.sec07 .box {display: flex;}
.sec07 .box .col_left {display: flex; align-items: center; justify-content: center; flex-direction: column; width: 50%; height: 100%; aspect-ratio: 1/1; background: url(../images/thum/thum20.png) 0 0 / cover; text-align: center; color: #fff; }
.sec07 .box .col_left .txt1 {font-size: 24px;font-weight: 700;margin-bottom: 26px;}
.sec07 .box .col_left .txt2 {font-size: 48px; font-weight: 700; margin-bottom: 42px;}
.sec07 .box .col_left .txt3 {font-size: 18px;}
.sec07 .box .col_right {width: 50%; height: 100%; aspect-ratio: 1/1; }
.sec07 .box .col_right ul {height: 100%;}
.sec07 .box .col_right li {display: flex; flex-direction: column; justify-content: center; width: 100%; height: 33.333%; padding-left: 112px;}
.sec07 .box .col_right li .num {font-size: 24px; font-weight: 700; color: #9AE7FF; margin-bottom: 19px;}
.sec07 .box .col_right li .txt1 {font-size: 24px; font-weight: 700; margin-bottom: 17px;}

.sec07 .box .col_right li .txt2 {font-size: 18px; color: #454C53;}
.sec07 .box .col_right .l1,
.sec07 .box .col_right .l3 {background: #1C92CD;}
.sec07 .box .col_right .l1 .txt1,
.sec07 .box .col_right .l1 .txt2,
.sec07 .box .col_right .l3 .txt1,
.sec07 .box .col_right .l3 .txt2 {color: #fff;}
.sec07 .box .col_right .l2 .num {color: #1C92CD;}

.sec08 {position: relative; padding: 290px 0 329px 0;}
.sec08 .inner {position: relative; display: flex; max-width: 1658px; margin: 0; margin-left: auto; justify-content: space-between; align-items: end;}
.sec08 .col_left .had {position: relative; padding-top: 104px;}
.sec08 .col_left .had::before {content: '';position: absolute; top: 0; left: 0; width: 46px; height: 46px; background: url(../images/ic_plus_b.png) 0 0 / cover;}
.sec08 .col_left .had_txt {margin-top: 20px; font-size: 18px; color: #454C53;}
.sec08 .col_left .info_g {margin-top: 47px;}
.sec08 .col_left .info_g li {position: relative; width: 292px; height: 50px; border: 1px solid #C9CDD2; padding-left: 46px; line-height: 50px; border-radius: 32px;}
.sec08 .col_left .info_g li + li {margin-top: 12px;}
.sec08 .col_left .info_g li::before {content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 16px; width: 20px; height: 20px; background: url(../images/ic_check.png) 0 0 / cover;}
.sec08 .col_left .info_g li span {font-size: 20px; color: #000000;}
.sec08 .col_right {}
.sec08 .col_right .img {max-width: 924px;}
.sec08 .col_right .img img {width: 100%}

.sec09 {background: #F6F7F9; padding-top: 236px;}
.sec09 .had,
.sec09 .had .logo {text-align: center;}
.sec09 .had .logo {margin-bottom: 40px;}
.sec09 .had .had_txt {margin-top: 25px; font-size: 20px; color: #454C53; line-height: 1.5;}
.sec09 .info_g {margin-top: 120px;}
.sec09 .info_g ul {display: flex; justify-content: center;}
.sec09 .info_g li {width: 33.333%; text-align: center; margin-right: 30px; padding-right: 30px;}
.sec09 .info_g li .thum {width: 100%; height: 156px; margin-bottom: 29px; border-radius: 85px;}
.sec09 .info_g .i1 .thum {background: url(../images/thum/thum22.png) 0 0 / cover;}
.sec09 .info_g .i2 .thum {background: url(../images/thum/thum23.png) 0 0 / cover;}
.sec09 .info_g .i3 .thum {background: url(../images/thum/thum24.png) 0 0 / cover;}
.sec09 .info_g li .name {font-size: 20px; font-weight: 700; color: #1C92CD;}
.sec09 .info_g li .txt {font-size: 20px; margin-top: 10px; color: #454C53;}

.sec10 {padding: 263px 0 304px 0; background: #F6F7F9;}
.sec10 .inner {position: relative;}
.sec10 .had .had_txt {position: relative; display: inline-block; font-size: 24px; font-weight: 500; color: #A4AAB1; margin-bottom: 16px;}
.sec10 .had .had_txt::before {content: ''; position: absolute; top: 50%; right: -155px; width: 139px; height: 1px; background: #A4AAB1;}
.sec10 .orthSlider {margin: 0 auto;}
.sec10 .orthSlider .item {position: relative; max-width: 1242px; width: 100%; height: 644px; margin: 0 12px;}
.sec10 .orthSlider .item1 {background: url(../images/thum/thum25.png) 0 0 / cover;}
.sec10 .orthSlider .item2 {background: url(../images/thum/thum26.png) 0 0 / cover;}
.sec10 .orthSlider .item3 {background: url(../images/thum/thum27.png) 0 0 / cover;}
.sec10 .orthSlider .item4 {background: url(../images/thum/thum28.png) 0 0 / cover;}
.sec10 .orthSlider .item5 {background: url(../images/thum/thum29.png) 0 0 / cover;}
.sec10 .orthSlider .item6 {background: url(../images/thum/thum30.png) 0 0 / cover;}
.sec10 .orthSlider .item .txt_g {position: absolute;left: 96px; bottom: 50px;}
.sec10 .orthSlider .item .txt_g .name {font-size: 32px; font-weight: 700;color: #fff; margin-bottom: 17px;}
.sec10 .orthSlider .item .txt_g .txt { font-size: 20px; color: #fff;}
.sec10 .pagination {margin-top: 68px;}
.sec10 .pagination {display: flex; gap: 86px; margin-bottom: 85px;}
.sec10 .pagination li {width: auto; height: auto; font-size: 20px; color: #72787F; background: none; opacity: 1;}
.sec10 .pagination li.swiper-pagination-bullet-active {color: #1C92CD; font-weight: 700; text-decoration: underline;}
.sec10 .btn_g {position: absolute; top: 96px; right: 0; display: flex; gap: 16px;}
.sec10 .btn_g button {position: static; width: 72px; height: 72px; margin-top: 0; z-index: 1;}
.sec10 .btn_g button:after {display: none;}

.sec11 {background: #F6F7F9; padding-bottom: 232px;}
.sec11 .had {text-align: center;}
.sec11 .had .had_txt1 {font-size: 32px; font-weight: 500; color: #A4AAB1; margin-bottom: 27px;}
.sec11 .had .had_txt2 {font-size: 20px; color: #454C53; margin-top: 32px;}
.sec11 .info_g {display: flex; justify-content: center; align-items: center; margin-top: 103px;}
.sec11 .info_g .old {width: 381px;}
.sec11 .info_g .old .thum {position: relative; width: 100%; height: 223px; background: url(../images/thum/thum31.png) 0 0 / cover;}
.sec11 .info_g .old .thum::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/thum/filter.png) 0 0 / cover; z-index: -1;}
.sec11 .info_g .old .title {height: 54px; text-align: center; line-height: 54px; background: #A4AAB1; font-size: 24px; color: #EEF0F3;}
.sec11 .info_g .old dl {background: #ECEFF1; padding: 50px 0 40px 50px;}
.sec11 .info_g .old dl dd {position: relative; padding-left: 24px; font-size: 18px; color: #454C53;}
.sec11 .info_g .old dl dd + dd {margin-top: 30px;}
.sec11 .info_g .old dl dd::before {content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 16px; height: 16px; background: url(../images/ic_check02.png) 0 0 / cover;}
.sec11 .info_g .new {width: 544px; box-shadow: 0 0 21px #D1EEF5;}
.sec11 .info_g .new .thum {width: 100%; height: 312px; background: url(../images/thum/thum32.png) 0 0 / cover;}
.sec11 .info_g .new .title {height: 73px; text-align: center; line-height: 73px; background: #1C92CD; font-size: 36px; font-weight: 700; color: #fff;}
.sec11 .info_g dl {padding: 57px 0 57px 62px; background: #fff;}
.sec11 .info_g dd {position: relative; padding-left: 40px; font-size: 24px; color: #454C53;}
.sec11 .info_g dd + dd {margin-top: 27px;}
.sec11 .info_g dd strong {font-weight: 700;}
.sec11 .info_g dd::before {content: ''; position: absolute; top: 4px; left: 0; width: 24px; height: 24px; background: url(../images/ic_check03.png) 0 0 / cover;}

.sec12 {width: 100%; background: url(../images/bg_sec12.png) center /cover; padding: 162px 0 168px 0; text-align: center;}
.sec12 .tit1 {color: #fff; letter-spacing: 5px; margin-bottom: 50px;}
.sec12 .tit2 {position: relative; display: inline-block; font-size: 48px; font-weight: 700; color: #fff; margin-bottom: 50px;}
.sec12 .tit2 strong {color: #FFF1D1;}
.sec12 .tit2::before {content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 1px; background: #FFF1D1;}
.sec12 .txt1 {font-size: 26px; color: #fff; margin-bottom: 30px}
.sec12 .txt2 {font-size: 18px; color: #9AE7FF}

.sec13 {padding: 338px 0 320px 0;}
.sec13 .inner {position: relative; max-width: 1558px;}
.sec13 .had {text-align: center; margin-bottom: 174px;}
.sec13 .info_g {position: relative; display: flex;}
.sec13 .info_g ul {position: absolute; top: -76px; right: 0; display: flex; gap: 43px; flex-wrap: wrap; max-width: 675px; width: 100%;}
.sec13 .info_g li {position: relative; display: flex; flex-direction: column; justify-content: flex-end; width: calc(50% - 22px); height: 296px; padding: 0 0 37px 32px; box-sizing: border-box; background: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
.sec13 .info_g li .name {font-size: 24px; font-weight: 700; color: #000; margin-bottom: 23px;}
.sec13 .info_g li .memo {font-size: 18px; color: #454C53;}
.sec13 .info_g li .icon {position: absolute; top: 22px; right: 28px;}

.sec14 {width: 100%; padding: 174px 0 198px 0; background: url(../images/bg_sec14.png) center / cover; text-align: center;}
.sec14 .tit1 {font-size: 20px; font-weight: 700; color: #fff; text-decoration: underline; text-underline-offset: 2px; margin-bottom: 28px;}
.sec14 .tit2 {display: flex; align-items: center; justify-content: center; gap: 30px; font-size: 56px; font-weight: 700; color: #fff;}
.sec14 .tit2 span {font-size: 90px; font-weight: 200;}
.sec14 .txt {margin-top: 15px; font-size: 20px; color: #fff;}
.sec14 .txt strong {font-weight: 700; line-height: 1.5;}

/*.footer_layout {width: 100%;}
.footer_layout .box {display: flex; height: 960px;}
.footer_layout .col_left {width: 50%; background: #33383C; padding: 135px 0 119px 0;}
.footer_layout .col_left .in {max-width: 512px; width: 100%; padding-right: 72px; margin: 0 0 0 auto;}
.footer_layout .col_left dl + dl {margin-top: 15px;}
.footer_layout .col_left dl dt {font-size: 24px; font-weight: 500; color: #fff; padding-bottom: 11px; border-bottom: 1px solid #fff; margin-bottom: 16px;}
.footer_layout .col_left dl dd {font-size: 18px; color: #fff; line-height: 1.7;}
.footer_layout .col_left dl dd.tel {font-size: 48px; font-weight: 700; color: #9AE7FF;}
.footer_layout .col_left .time dd {display: flex; gap: 38px;}
.footer_layout .col_left .time dd span:first-child {display: block; width: 73px;}
.footer_layout .col_left .time dd:nth-child(3) span:first-child {letter-spacing: -0.6px;}
.footer_layout .col_left .time dd:nth-child(4) span:first-child {letter-spacing: 1.6px;}
.footer_layout .col_left .time dd span em {color: #9AE7FF;}
.footer_layout .col_left .noti {margin-top: 7px; color: #A4AAB1;}
.footer_layout .col_left .map {margin-top: 20px;}
.footer_layout .col_left .map img {width: 100%;}
.footer_layout .col_left .map p {margin-top: 40px; font-size: 14px; color: #72787F;}
.footer_layout .col_left .copy {display: block; margin-top: 30px; font-size: 14px; color: #72787F;}
.footer_layout .col_right {width: 50%; height: 100%;}

.footerSlider {width: 100%; height: 100%; overflow: hidden;}
.footerSlider .item {width: 100% !important; height: 100%;}
.footerSlider .item1 {background: url(../images/thum/thum34.png) 0 0 / cover;}
.footerSlider .item2 {background: url(../images/thum/thum35.png) 0 0 / cover;}
.footerSlider .item3 {background: url(../images/thum/thum36.png) 0 0 / cover;}
.footerSlider .item4 {background: url(../images/thum/thum37.png) 0 0 / cover;}
.footerSlider .item5 {background: url(../images/thum/thum38.png) 0 0 / cover;}
.footerSlider .item6 {background: url(../images/thum/thum39.png) 0 0 / cover;}*/

.pop_profile {position: fixed;top: 0; left: 0; width: 100%; height: 100%; z-index: 99; display: none;}
.pop_profile:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4);}
.pop_profile .popup {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 1520px; width: 100%; height: 850px; background: #fff;}
.pop_profile .popup .cont {display: flex; justify-content: center; align-items: center; gap: 68px; height: 100%; padding: 0 24px; box-sizing: border-box;}
.pop_profile .popup .col_left {width: 530px;}
.pop_profile .popup .msg {font-size: 24px; font-weight: 700;color: #72787F; padding-bottom: 28px; border-bottom: 1px solid #C9CDD2;}
.pop_profile .popup .msg strong {color: #000000;}
.pop_profile .popup .mark_g {display: flex; align-items: center; gap: 12px; margin-top: 34px;}
.pop_profile .popup .name_g {display: flex; margin-top: 15px;}
.pop_profile .popup .name_g .name {font-size: 36px; font-weight: 700; color: #000;}
.pop_profile .popup .name_g span {font-size: 24px; font-weight: 400; padding-left: 12px;}
.pop_profile .popup .name_g em {font-size: 20px; font-weight: 700; color: #1C92CD; padding-left: 24px; line-height: 1.5;}
.pop_profile .popup .edu {margin-top: 36px;}
.pop_profile .popup .edu p {font-size: 18px; font-weight: 700; color: #000000; line-height: 1.5;}
.pop_profile .popup .exp {margin: 30px 0;}
.pop_profile .popup .exp p,
.pop_profile .popup .work p {color: #454C53; line-height: 1.5;}
.pop_profile .popup .col_right {position: relative; display: flex; align-items: flex-end; height: 100%;}
.pop_profile .popup .col_right .mark {position: absolute; top: 105px; right: 127px; z-index: -1;}
.pop_profile .popup .col_right .doctor img {transform: scale(1.2) translateY(40px); }
.pop_profile .popup .closeBtn {position: absolute; right: 3%; top: 4%; cursor: pointer;}

.mo {display: none;}

/* 반응형 */
@media (max-width: 1640px) {
    header .gnb {margin-left: 80px;}
    header .gnb ul {gap: 20px;}
    header .gnb li {width: 100px;}

    .sec06 .inner {max-width: 100%; width: calc(100% - 48px);}
    .sec06 .tab_con .box {gap: 10px;}
    .sec06 .tab_con .box img {width: 100%;}

    .pop_profile .popup {width: calc(100% - 48px);}
    .pop_profile .popup .cont {gap: 30px; overflow: hidden;}
    .pop_profile .popup .col_right {width: 400px;}
}

@media (max-width: 1558px) {
    .sec13 .inner {max-width: 100%; width: calc(100% - 48px);}
}

@media (max-width: 1488px) {
    .sec05 .inner {max-width: 100%; width: calc(100% - 48px);}
    .sec05 .process li .thum img {width: 100%;}
}

@media (max-width: 1396px) {
    section .inner {max-width: 100%; width: calc(100% - 48px);}

    .sec02 .inner {width: 100%;}
    .sec02 .info_g li .cate {font-size: 20px;}

    .sec03 .col_right {max-width: 800px;}
    .sec03 .col_left {max-width: 100%; width: calc(100% - 48px);}
    .sec03 .had {width: calc(100% - 800px);}

    .sec08 .inner {align-items: center; gap: 20px;}
    .sec08 .col_right {position: static;}
    .sec08 .col_right img {width: 100%; }
}

@media (max-width: 1200px) {
    header {height: 64px; background: #fff;}
    header .inner {z-index: 1; background: #fff;}
    header .gnb {display: none;}
    header .logo {width: 150px; height: 24px;}
    header .logo {position: absolute; left: 50%; transform: translateX(-50%); margin-left: 0;}
    header .btn_allMenu {display: block; }
    header .tel {right: auto; top: 22px; left: 24px; width: 22px; height: 20px;}
    header .tel a img.pc {display: none;}
    header .tel a img.mo {display: block; width: 22px; height: 20px;}
    header .tel span {display: none;}

    header.on {background: #fff; height: 64px}

    header .mo_menu_wrap {height: calc(100vh - 64px); transition: 0.6s; top: -100vh; display: block;}
    header .mo_menu_wrap.act {top: 0}
    header .mo_menu_wrap .mo_black_bg {background: rgba(0,0,0,0.4);}
    header .mo_menu_box {width: 100%; height: 100%; margin-left: auto; background: #fff; transition: 1s;}
    header .mo_menu_box .menu_logo {padding: 20px 25%;}
    header .menu_gnb {padding: 20px;}
    header .menu_gnb_lst {padding: 8px; border-bottom: 1px solid #e1e1e1;}
    header .menu_gnb_lst .gnb_name {font-size: 20px; display: block;}
    header.on {background: #fff;}
    header.on .mo_head .call {filter: none}
    header.on .mo_head .logo {filter: none}
    header.on .mo_head .menu_btn {filter: none}

    .side_bar {position: fixed; top: auto; bottom: 0; width: 100%; border-radius: 0; background: #33383C; transform: translateY(0); }
    .side_bar .btn_unfold {display: none;}
    .side_bar .sns_menu {width: auto; background: none;}
    .side_bar ul {display: flex; justify-content: center;}
    .side_bar li {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 25%; height: 72px; padding: 0;}
    .side_bar li:first-child {padding-top: 0;}
    .side_bar li:last-child {padding-bottom: 0;}
    .side_bar li + li::before {top: 50%; transform: translateY(-50%); width: 1px; height: 22px; left: 0;}
    .side_bar li img.pc {display: none;}
    .side_bar li img {margin: 0 auto 3px auto;}
    .side_bar li a {color: #fff;}

    .sec03 .had {width: calc(100% - 600px);}
    .sec03 .col_right {max-width: 600px;}

    .sec04 .implant_g .l1 .cont {background: url(../images/mo/@thum04.png) 0 0 / cover;}
    .sec04 .implant_g .l2 .cont {background: url(../images/mo/@thum05.png) 0 0 / cover;}
    .sec04 .implant_g .l3 .cont {background: url(../images/mo/@thum06.png) 0 0 / cover;}
    .sec04 .implant_g .l4 .cont {background: url(../images/mo/@thum07.png) 0 0 / cover;}

    .footer_layout .col_left {padding: 135px 24px 119px 24px;}
}



@media (max-width: 960px) {
    .pc {display: none;}
    .mo {display: block;}

    section .had h2 {font-size: 32px;}

    .sc_intro {height: auto;}
    .sc_intro .inner {flex-direction: column; justify-content: center; align-items: flex-start; padding: 180px 0 88px;}
    .sc_intro .txt_g .img {width: 184px;height: 22px;}
    .sc_intro .txt_g .img img {width: 100%;}
    .sc_intro .txt_g .txt {margin-top: 21px; letter-spacing: -1px; font-size: 48px;}
    .sc_intro .col_right {margin-top: 150px;}
    .sc_intro li {padding-bottom: 18px; padding-right: 40px; font-size: 16px;}

    .sec01 .inner {margin-top: 120px;}
    .sec01 .big_txt {width: 295px; height: 97px;}
    .sec01 .big_txt img {width: 100%;}
    .sec01 .txt_g {margin-top: 80px;}
    .sec01 .txt_g .logo {width: 109px; height: 42px; margin-bottom: 34px;}
    .sec01 .txt_g .logo img {width: 100%;}
    .sec01 .txt_g .txt1 {font-size: 32px; line-height: 1.3; margin-bottom: 22px;}
    .sec01 .txt_g .txt2 {font-size: 18px; text-align: right;}
    .sec01 .thum {height: 320px; background: url(../images/mo/@thum01.png) 0 0 / cover; margin-top: 50px;}

    .sec02 {padding: 50px 0 200px 0; }
    .sec02 .mark_g {gap: 24px; padding: 0 24px;}
    .sec02 .mark_g img,
    .sec02 .doctor_g img {width: 50%;}
    .sec02 .doctor_g {padding-top: 120px}
    .sec02 .doctor_g .doctor01 {left: 22vw;}
    .sec02 .doctor_g .doctor03 {right: 22vw;}
    .sec02 .info_g {display: block; margin: 0 24px;}
    .sec02 .info_g li {width: 100%; padding: 43px 0 56px 0; box-sizing: border-box; border-bottom: 1px solid #C9CDD2;}
    .sec02 .info_g li + li {border-left: 0;}
    .sec02 .info_g li .cate {font-size: 24px; margin-bottom: 20px;}
    .sec02 .info_g li .edu p {font-size: 16px;}
    .sec02 .info_g li button {top: 43px; right: 0;}
    .sec02 .info_g li button span {margin-top: 9px;}

    .sec03 {padding-bottom: 140px;}
    .sec03 .had {width: 100%;}
    .sec03 .col_right {position: static;}
    .sec03 .had {height: auto; padding: 45px 0 57px 0; border-bottom: 0;}
    .sec03 .had .had_txt {font-size: 14px; margin-bottom: 27px;}
    .sec03 .had .had_memo {margin-top: 43px; font-size: 16px;}
    .sec03 .col_right {max-width: 100%; width: 100%; padding-left: 24px;}

    .clinicSlider .item {width: 342px; height: 520px; padding: 30px 28px; margin-right: 8px;}
    .clinicSlider .item .tit {font-size: 28px; margin-bottom: 15px;}
    .clinicSlider .item .txt {font-size: 16px; line-height: 1.4;}
    .clinicSlider .item .num {right: 28px; bottom: 25px; font-size: 48px;}

    .sec04 {padding: 139px 0 120px 0;}
    .sec04 .big_had .txt1 {font-size: 18px; margin-bottom: 42px;}
    .sec04 .big_had .txt1::before {width: calc(100% + 10px);}
    .sec04 .big_had .tit {font-size: 40px;}
    .sec04 .big_had .txt2 {font-size: 16px;}
    .sec04 .thum {width: calc(100% - 48px); height: 389px; margin: 52px 24px 0 24px; background: url(../images/mo/@thum02.png) 0 0 / cover;}
    .sec04 .thum.actOn {width: calc(100% - 48px);}
    .sec04 .boxa {display: block; margin-top: 150px; }
    .sec04 .col_left .had {padding-top: 55px;}
    .sec04 .col_left .had::before {width: 30px; height: 30px;}
    .sec04 .had .had_txt {margin-top: 27px; font-size: 16px;}
    .sec04 .boxa .col_right {margin-top: 127px;}
    .sec04 .boxa .img {width: 84vw; height: 220px; background: url(../images/thum/thum09.png?ver=250513) 0 0 / cover; }
    .sec04 .boxa .col_right::before {top: -27%; width: 49vw; height: 340px;}
    .sec04 .box + .box {margin-top: 249px;}
    .sec04 .had h2 { font-size: 36px;}
    .sec04 .boxb .img_logo {position: static; display: block; width: 217px; margin: 24px 0 0 auto;}
    .sec04 .implant_g {margin-top: 45px;}
    .sec04 .implant_g ul {display: block;}
    .sec04 .implant_g li {width: 100%; height: 64px; transition: height 0.3s;}
    .sec04 .implant_g li + li {margin-top: 16px;}
    .sec04 .implant_g li.on {width: 100%; height: 324px;}
    .sec04 .implant_g li .tit {flex-direction: row-reverse; align-items: center; justify-content: flex-end; gap: 20px; padding: 0 16px;}
    .sec04 .implant_g li .tit p {height: auto; transform: none; font-size: 20px;}
    .sec04 .implant_g li .tit button {width: 40px; height: 40px; font-size: 14px;}
    .sec04 .implant_g li .cont {align-items: flex-start; padding: 39px 30px; overflow: hidden;}
    .sec04 .implant_g li .cont .txt1 {font-size: 24px; margin-bottom: 18px;}
    .sec04 .implant_g li .cont .txt2 {font-size: 16px;}
    .sec04 .implant_g li .cont .num {right: 20px; bottom: 20px; width: 40px; height: 40px; line-height: 40px; font-size: 14px; }

    .sec05 {padding: 140px 0 190px 0;}
    .sec05 .had {padding-top: 56px; }
    .sec05 .had::before {width: 30px; height: 30px;}
    .sec05 .had h2 {font-size: 36px;}
    .sec05 .process {margin-top: 70px;}
    .sec05 .process ul {display: block;}
    .sec05 .process li {width: 100%;}
    .sec05 .process li + li {margin-top: 58px;}
    .sec05 .process li .thum {height: 160px; margin-bottom: 22px;}
    .sec05 .process li .thum img {height: 100%;}
    .sec05 .process li .step {font-size: 16px; margin-bottom: 16px;}
    .sec05 .process li .tit {font-size: 20px;}
    .sec05 .process li .memo {padding-top: 18px; font-size: 16px;}

    .sec06 {padding-bottom: 130px;}
    .sec06 .logo {width: 77px; height: 30px; margin: 0 auto 27px auto;}
    .sec06 .logo img {width: 100%;}
    .sec06 .had h2 {font-size: 36px;}
    .sec06 .had_txt {margin-top: 19px; font-size: 16px;}
    .sec06 .tab_nav {margin-top: 36px;}
    .sec06 .tab_nav a {width: 170px;height: 66px; line-height: 66px; font-size: 18px;}
    .sec06 .tab_con {margin-top: 54px; padding: 77px 25px 40px 25px;}
    .sec06 .tab_con .box {display: block;}
    .sec06 .tab_con .txt1 {font-size: 18px;}
    .sec06 .tab_con .txt2 {font-size: 32px; margin: 34px 0 41px 0;}
    .sec06 .tab_con .txt3 {font-size: 16px;}
    .sec06 .tab_con .col_right {margin-top: 54px;}
    .sec06 .tab_con .col_right .img {height: 240px;}

    .sec07 .box {display: block;}
    .sec07 .box .col_left {width: 100%; height: 450px;}
    .sec07 .box .col_left .txt1 {font-size: 18px; margin-bottom: 25px;}
    .sec07 .box .col_left .txt2 {font-size: 32px; margin-bottom: 43px;}
    .sec07 .box .col_left .txt3 {font-size: 16px;}
    .sec07 .box .col_right {width: 100%; aspect-ratio: auto;}
    .sec07 .box .col_right li {height: auto; padding: 59px 0 36px 24px;}
    .sec07 .box .col_right li .num {font-size: 20px; margin-bottom: 4px;}
    .sec07 .box .col_right li .txt1 {font-size: 20px; margin-bottom: 16px;}
    .sec07 .box .col_right li .txt2 {font-size: 16px;}

    .sec08 {padding: 144px 0 110px 0;}
    .sec08 .inner {display: block; width: 100%;}
    .sec08 .col_left .had {padding-top: 60px; margin: 0 24px;}
    .sec08 .col_left .had::before {width: 30px; height: 30px;}
    .sec08 .col_left .had_txt {margin-top: 27px; font-size: 16px;}
    .sec08 .col_left .info_g {margin: 56px 24px 0 24px;}
    .sec08 .col_left .info_g li {width: calc(100% - 46px);}
    .sec08 .col_right {margin-top: 58px; height: 348px;}

    .sec09 {padding-top: 120px;}
    .sec09 .had .logo {margin-bottom: 27px;}
    .sec09 .had .logo img {width: 77px; height: 30px;}
    .sec09 .had h2 {font-size: 40px;}
    .sec09 .had .had_txt {margin-top: 19px; font-size: 16px;}
    .sec09 .info_g {margin-top: 64px}
    .sec09 .info_g ul {display: block;}
    .sec09 .info_g li {width: 100%; padding-right: 0; margin-right: 0;}
    .sec09 .info_g li + li {margin-top: 40px;}
    .sec09 .info_g li .thum {height: 118px; margin-bottom: 19px;}
    .sec09 .info_g .i1 .thum {background: url(../images/mo/@thum15.png) 0 0 / cover;}
    .sec09 .info_g .i2 .thum {background: url(../images/mo/@thum16.png) 0 0 / cover;}
    .sec09 .info_g .i3 .thum {background: url(../images/mo/@thum17.png) 0 0 / cover;}
    .sec09 .info_g li .name {font-size: 18px}
    .sec09 .info_g li .txt {margin-top: 8px; font-size: 18px;}

    .sec10 {padding: 163px 0 183px 0;}
    .sec10 .had .had_txt {font-size: 16px; margin-bottom: 18px;}
    .sec10 .had .had_txt::before {display: none;}
    .sec10 .pagination {flex-wrap: wrap; gap: 36px; row-gap: 20px; margin-top: 44px; margin-bottom: 86px;}
    .sec10 .pagination li {font-size: 14px;}
    .sec10 .btn_g {top: 100%; gap: 8px;}
    .sec10 .btn_g button {width: 35px; height: 35px;}
    .sec10 .btn_g button img {width: 100%; height: 100%}
    .sec10 .orthSlider {margin: 0 24px;}
    .sec10 .orthSlider .item {height: 450px; margin: 0 12px; border-radius: 30px;}
    .sec10 .orthSlider .item1 {background: url(../images/mo/@thum18.png) center bottom / cover;}
    .sec10 .orthSlider .item2 {background: url(../images/mo/@thum19.png) center bottom / cover;}
    .sec10 .orthSlider .item3 {background: url(../images/mo/@thum20.png) center bottom / cover;}
    .sec10 .orthSlider .item4 {background: url(../images/mo/@thum21.png) center bottom / cover;}
    .sec10 .orthSlider .item5 {background: url(../images/mo/@thum22.png) center bottom / cover;}
    .sec10 .orthSlider .item6 {background: url(../images/mo/@thum23.png) center bottom / cover;}
    .sec10 .orthSlider .item .txt_g {left: 26px; bottom: 34px;}
    .sec10 .orthSlider .item .txt_g .name {font-size: 26px; margin-bottom: 15px;}
    .sec10 .orthSlider .item .txt_g .txt {font-size: 16px;}

    .sec11 {padding-bottom: 160px;}
    .sec11 .had {text-align: left; margin: 0 24px;}
    .sec11 .had .had_txt1 {font-size: 20px; margin-bottom: 17px;}
    .sec11 .had h2 {font-size: 36px;}
    .sec11 .had .had_txt2 {font-size: 16px; margin-top: 25px; }
    .sec11 .info_g {display: block; margin: 50px 32px 0 32px;}
    .sec11 .info_g .old {width: calc(100% - 18px); margin: 0 auto;}
    .sec11 .info_g .old .thum {height: 190px;}
    .sec11 .info_g .old .title {height: 42px; line-height: 42px; font-size: 18px;}
    .sec11 .info_g .old dl {padding: 32px 0 32px 26px;}
    .sec11 .info_g .old dl dd {padding-left: 26px; font-size: 14px;}
    .sec11 .info_g .old dl dd::before {width: 14px; height: 14px;}
    .sec11 .info_g .old dl dd + dd {margin-top: 20px;}
    .sec11 .info_g .new {width: 100%;}
    .sec11 .info_g .new .thum {height: 210px;}
    .sec11 .info_g .new .title {height: 49px; line-height: 49px; font-size: 23px;}
    .sec11 .info_g dl {padding: 29px 0 40px 26px;}
    .sec11 .info_g dd {padding-left: 28px; font-size: 14px;}
    .sec11 .info_g dd::before {top: 2px; width: 16px; height: 16px;}
    .sec11 .info_g dd + dd {margin-top: 20px;}

    .sec12 {padding: 104px 24px; box-sizing: border-box; background: url(../images/mo/@thum24.png) 0 0 / cover;}
    .sec12 .tit1 {font-size: 14px; margin-bottom: 55px;}
    .sec12 .tit2 {font-size: 36px; line-height: 1.5; margin-bottom: 48px;}
    .sec12 .tit2::before {display: none;}
    .sec12 .tit2 strong {text-decoration: underline; text-underline-offset: 5px;}
    .sec12 .txt1 {font-size: 20px; margin-bottom: 32px;line-height: 1.5;}
    .sec12 .txt2 {font-size: 16px;}

    .sec13 {padding: 135px 0 160px 0;}
    .sec13 .had {margin-bottom: 53px;}
    .sec13 .info_g {display: block;}
    .sec13 .info_g .thum {height: 380px;}
    .sec13 .info_g .thum img {width: 100%;height: 100%; }
    .sec13 .info_g ul {position: static; display: block; margin-top: -56px; }
    .sec13 .info_g li {width: calc(100% - 32px); height: 250px; margin: 0 auto; padding: 0 0 36px 32px;}
    .sec13 .info_g li + li {margin-top: 20px;}
    .sec13 .info_g li .memo {font-size: 16px;}

    .sec14 {padding: 114px 33px 111px 33px; box-sizing: border-box; background: url(../images/mo/bg_sec14.png) 0 0 / cover;}
    .sec14 .tit1 {font-size: 18px; margin-bottom: 65px;}
    .sec14 .tit2 {gap: 37px; font-size: 36px;}
    .sec14 .txt {margin-top: 40px; font-size: 18px; line-height: 1.5;}

    .footer_layout .box {flex-direction: column-reverse; height: auto;}
    .footer_layout .col_left {width: 100%; padding: 76px 24px 79px 24px; box-sizing: border-box;}
    .footer_layout .col_right {width: 100%; height: 390px;}
    .footer_layout .col_left .in {padding-right: 0; margin: 0;}
    .footer_layout .col_left dl dt {font-size: 20px; padding-bottom: 10px; margin-bottom: 15px;}
    .footer_layout .col_left dl dd.tel {font-size: 36px;}
    .footer_layout .col_left dl + dl {margin-top: 37px;}
    .footer_layout .col_left dl dd {font-size: 16px;}
    .footer_layout .col_left .time dd {gap: 18px;}
    .footer_layout .col_left .time dd span:first-child {width: 78px;}
    .footer_layout .col_left .noti {margin-top: 24px; line-height: 1.5;}
    .footer_layout .col_left .map {margin-top: 20px;}
    .footer_layout .col_left .map img {height: 184px;}
    .footer_layout .col_left .map p {margin-top: 19px; font-size: 14px; line-height: 1.5;}
    .footer_layout .col_left .copy {margin-top: 20px; font-size: 14px; }

    .pop_profile .popup {width: 100%; height: 100vh;}
    .pop_profile .popup .cont {flex-direction: column-reverse; gap: 24px; height: auto;}
    .pop_profile .popup .col_right {display: block; height: auto; width: 100%; padding-top: 40px; }
    .pop_profile .popup .col_right .mark {top: 40px; left: 50%; transform: translateX(-50%); right: auto; width: 220px; height: 220px;}
    .pop_profile .popup .col_right .mark img {width: 100%; height: 100%; }
    .pop_profile .popup .col_right .doctor {position: relative; width: 80%; margin: 0 auto;}
    .pop_profile .popup .col_right .doctor:before {content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 95px; background: url(../images/mo/img_gradient.png) 0 0 / cover;}
    .pop_profile .popup .col_right .doctor img.mo {margin: 0 auto; width: 100%; display: block;}
    .pop_profile .popup .mark_g {position: absolute; top: auto; right: 0; gap: 11px; bottom: 0;}
    .pop_profile .popup .col_left {width: 100%;}
    .pop_profile .popup .msg {display: none;}
    .pop_profile .popup .name_g {align-items: flex-end; margin-top: 0; padding-bottom: 12px; border-bottom: 1px solid #AFB1B5;}
    .pop_profile .popup .name_g .name {font-size: 32px;}
    .pop_profile .popup .name_g span {font-size: 20px; padding-left: 8px;}
    .pop_profile .popup .name_g em {padding-left: 8px; font-size: 14px;}
    .pop_profile .popup .edu {margin-top: 15px;}
    .pop_profile .popup .edu p {font-size: 13px;}
    .pop_profile .popup .exp {margin: 20px 0;}
    .pop_profile .popup .exp p {font-size: 12px; }
    .pop_profile .popup .work p {font-size: 12px}
}



@media (max-width: 540px) {
    .sec02 .doctor_g::before {height: 95px;}
    .sec10 .pagination {margin-bottom: 58px;}
}



/*250421추가*/
:root {
    --basicSize: 19;
}
.footer {
    background-color: #33383C;
    padding: calc(60vw/var(--basicSize)) 20px;
    width: 100%;
    margin-top: auto;
}
.footer-wrap {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* 푸터 로고 */
.footer-wrap img {
    height: calc(104vw/var(--basicSize));
    margin-right: calc(88vw/var(--basicSize));
}
.footer-wrap .mobile img{
    display: none;
}
/* 푸터 텍스트 (사업자 정보 등) */
.footer-wrap p {
color: #fff;
font-size: 15px;
line-height: 1.6;
font-family: "pretendard";
font-weight: 200;
}
/* iOS 전화번호 링크 스타일 덮어쓰기 */
.footer-wrap p a,
.footer-wrap p a[href^="tel:"] {
    color: inherit !important;
    text-decoration: none !important;
    font-size: inherit !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    -webkit-text-fill-color: #fff !important;
}

/* Safari 브라우저 대응 */
@supports (-webkit-touch-callout: none) {
    .footer-wrap p {
        -webkit-text-fill-color: #fff;
    }
}
.footer-wrap p:last-child {
margin-top: calc(6vw/var(--basicSize));
    }
/* section10 Mobile */
@media screen and (max-width:960px){
    .footer-wrap .mobile img{
        display: block;
    }
}
@media screen and (max-width: 1100px) {
    .footer-wrap {
        flex-direction: column;
        text-align: center;
    }
    .footer-wrap img {
        height: auto;
        width: calc(228vw/var(--basicSize));
        margin-right: 0;
        margin-bottom: calc(30vw/var(--basicSize));
    }
    .footer-wrap p {
        white-space: nowrap;
        line-height: 1.5;
        font-weight: 500;
    }
}
@media screen and (max-width:700px){
    .footer-wrap p {
        font-size: calc(40vw/var(--basicSize));
    }
}