.line {width: 100%; height: 1px; background: var(--gray);}
.swiper-button-next, .swiper-button-prev {color: #000;}

@media(max-width:768px) {
    .tit-wrap.flex-between {flex-direction: column; align-items: flex-start;}
    .tit-wrap.flex-between .sub_btn {display: flex; justify-content: flex-end; width: 100%; margin-top: 2.5rem;}

    .font-48 {font-size: 3.750rem;}
    .font-30 {font-size: 2.625rem;}
    .font-24 {font-size: 2.125rem;}
    .font-20 {font-size: 1.750rem;}
}

@media(max-width:500px) {
    .m-container {padding-left: 10%;width:100%; margin: 0; max-width: 100%;}
    .swiper-scrollbar {margin-right: 5%;}

    .font-60 {font-size: 3rem;}
    .font-48 {font-size: 3rem;}
    .font-30 {font-size: 2rem;}
    .font-24 {font-size: 1.8rem;}
    .font-20 {font-size: 1.5rem;}
}

/* 메인슬라이드 */
.mainSlide {height: 52.5rem;}
.mainSlide .container {height: 100%;}
.mainSlide .swiper.main-slide {height: 100%;}
/* .mainSlide .swiper-slide.slide01 {background: url("/img/main/mainSlide01.jpg") no-repeat;     background-position: center; background-size: cover;}
.mainSlide .swiper-slide.slide02 {background: url("/img/main/mainSlide02.jpg") no-repeat;     background-position: center; background-size: cover;}
.mainSlide .swiper-slide.slide03 {background: url("/img/main/mainSlide03.jpg") no-repeat;     background-position: center; background-size: cover;}
.mainSlide .swiper-slide.slide04 {background: url("/img/main/mainSlide04.jpg") no-repeat;     background-position: center; background-size: cover;}
.mainSlide .swiper-slide.slide05 {background: url("/img/main/mainSlide05.jpg") no-repeat;     background-position: center; background-size: cover;} */

.mainSlide .swiper-slide .tit-font {font-family: "Elice DX Neolli", sans-serif !important;}

/* @media(max-width:990px) {
    .mainSlide .swiper-slide.slide02 {background-position: 70%;}
} */

@media(max-width:768px) {
    .mainSlide {height: 78rem;}
/*     .mainSlide .swiper-slide.slide01 {background: url("/img/main/mainSlide01m.jpg") no-repeat;     background-position: center; background-size: cover;}
    .mainSlide .swiper-slide.slide02 {background: url("/img/main/mainSlide02m.jpg") no-repeat;     background-position: center; background-size: cover;}
    .mainSlide .swiper-slide.slide03 {background: url("/img/main/mainSlide03m.jpg") no-repeat;     background-position: center; background-size: cover;}
    .mainSlide .swiper-slide.slide04 {background: url("/img/main/mainSlide04m.jpg") no-repeat;     background-position: center; background-size: cover;}
    .mainSlide .swiper-slide.slide05 {background: url("/img/main/mainSlide05m.jpg") no-repeat;     background-position: center; background-size: cover;} */
}

/* .mainSlide .swiper-slide.slide01 .box.icon > div {width: calc(100% / 3); border-right: 1px solid #fff;}
.mainSlide .swiper-slide.slide01 .box.icon > div:last-child {border: none;}
.mainSlide .swiper-slide.slide03 .box.txt {width: 48%;}
.mainSlide .swiper-slide.slide03 .box.icon {width: 52%;}
.mainSlide .swiper-slide.slide03 .box.icon > .box {background: rgba(255, 255, 255, 0.95); padding: 1.7rem;}
.mainSlide .swiper-slide.slide05 .btnwrap {gap: 2rem;}
.mainSlide .swiper-slide.slide05 .btnwrap a.sub_btn {width: 15rem;} */

.mainSlide .swiper-slide {background-position: center !important; background-size: cover !important;}
.mainSlide .swiper-slide.slide01 {background: url("/img/main/renewal/mainSlide01.jpg") no-repeat;}
.mainSlide .swiper-slide.slide02 {background: url("/img/main/renewal/mainSlide02.jpg") no-repeat;}
.mainSlide .swiper-slide.slide03 {background: url("/img/main/renewal/mainSlide03.jpg") no-repeat;}
.mainSlide .swiper-slide.slide04 {background: url("/img/main/renewal/mainSlide04.jpg") no-repeat;}
.mainSlide .swiper-slide.slide05 {background: url("/img/main/renewal/mainSlide05.jpg") no-repeat;}
.mainSlide .swiper-slide.slide06 {background: url("/img/main/renewal/mainSlide06.jpg") no-repeat;}
.mainSlide .swiper-slide.slide07 {background: url("/img/main/renewal/mainSlide07.jpg") no-repeat;}
.mainSlide .swiper-slide.slide08 {background: url("/img/main/renewal/mainSlide08.jpg") no-repeat;}

@media(max-width:768px) {
    .mainSlide .swiper-slide.slide01 {background: url("/img/main/renewal/mainSlide01m.jpg") no-repeat;}
    .mainSlide .swiper-slide.slide02 {background: url("/img/main/renewal/mainSlide02m.jpg") no-repeat;}
    .mainSlide .swiper-slide.slide03 {background: url("/img/main/renewal/mainSlide03m.jpg") no-repeat;}
    .mainSlide .swiper-slide.slide04 {background: url("/img/main/renewal/mainSlide04m.jpg") no-repeat;}
    .mainSlide .swiper-slide.slide05 {background: url("/img/main/renewal/mainSlide05m.jpg") no-repeat;}
    .mainSlide .swiper-slide.slide06 {background: url("/img/main/renewal/mainSlide06m.jpg") no-repeat;}
    .mainSlide .swiper-slide.slide07 {background: url("/img/main/renewal/mainSlide07m.jpg") no-repeat; background-position: center bottom !important;}
    .mainSlide .swiper-slide.slide08 {background: url("/img/main/renewal/mainSlide08m.jpg") no-repeat; background-position: 30% bottom !important;}
}

.mainSlide .swiper-slide.slide01 span.point {background: linear-gradient(90deg, #47B9FF 100%, #A494FF 100%); color: transparent; -webkit-background-clip: text;}
.mainSlide .swiper-slide.slide03 ul li .point {width: 5.375rem; border-radius:8px; padding: 0.25rem;}
.mainSlide .swiper-slide.slide03 ul li p {width: calc(100%  - 5.375rem);}
.mainSlide .swiper-slide.slide04 h2 {text-shadow: 0 4px 0 rgba(4,41,100,0.8);}
.mainSlide .swiper-slide.slide04 .box.icon.flex {gap: 1.5rem;}
.mainSlide .swiper-slide.slide04 .item {position: relative;}
.mainSlide .swiper-slide.slide04 .desc {position: absolute; left: 50%; top: 50%; width: 100%; transform: translate(-50%, -50%); display: flex; flex-direction: column; justify-content: center; align-items: center;}
.mainSlide .swiper-slide.slide04 .icon img {width: auto !important;}
.mainSlide .swiper-slide.slide04 .box.txt {width: 100%;}
.mainSlide .swiper-slide.slide05 p.point {color: #81CBFF !important;}
.mainSlide .swiper-slide.slide06 .btnwrap {gap: 2rem;}
.mainSlide .swiper-slide.slide06 .btnwrap a.sub_btn {width: 15rem;}

@media(max-width:990px) {
    .mainSlide .swiper-slide.slide03 ul li p {width: calc(100%  - 9rem);}
    .mainSlide .swiper-slide.slide03 ul li .point {width: 9rem;}
    .mainSlide .swiper-slide.slide06 .btnwrap a.sub_btn {width: 22rem;}
}

@media(max-width:768px) {
    .mainSlide .swiper-slide.slide04 .box.icon.flex {gap: 0rem;}
    .mainSlide .swiper-slide.slide04 .item {transform: scale(0.8);  margin-left: -2%;}

    .mainSlide .swiper-slide.slide06 .mt-150 {margin-top: 6.25rem;}
    .mainSlide .swiper-slide.slide06 .btnwrap {flex-direction: column; gap: 1rem;}
}

.mainSlide .swiper-pagination {position: absolute; left: 50%; transform: translateX(-50%); top: 450px; height: fit-content; width: fit-content; display: flex; align-items: center;}
.mainSlide .swiper-pagination-bullet {background: #fff; opacity: 1; margin: 0 0.875rem !important;}
.mainSlide .swiper-pagination-bullet-active {background: var(--point3color); width: 12px; height: 12px; position: relative;}
.mainSlide .swiper-pagination-bullet-active:after {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1); width: 25px; height: 25px; background: rgba(40,167,225,0.3); border-radius: 50%; content: ""; animation: 2s cir-bounce forwards infinite ease-in-out; opacity: 0; transform-origin: center center;} 

@keyframes cir-bounce {
    0% { transform: translate(-50%, -50%) scale(0.5); opacity: 0.5;}
    50% {opacity: 1;}
    100% { transform: translate(-50%, -50%) scale(1.2); opacity: 0;}
}

.mainSlide .swiper-slide .sub_btn a::before {background: transparent; border: 1px solid #fff;}
.mainSlide .swiper-slide .sub_btn:hover a:after {color: #fff;}

@media(max-width:1440px) {
    .mainSlide .swiper-slide.slide03 .icon img {width: 80px;}
}

@media(max-width:1240px) {
    .mainSlide .swiper-slide.slide03 .box.txt {width: 40%;}
    .mainSlide .swiper-slide.slide03 .box.icon {width: 60%;}
    .mainSlide .swiper-slide.slide03 .icon img {width: 70px;}

}

@media(max-width:990px) {
    .mainSlide .swiper-slide .font-20 {font-size: 1.750rem;}

    .mainSlide .swiper-pagination {top: 500px;}

    .mainSlide .swiper-slide.slide01 .flexList {--y-gap:3rem;}

    .mainSlide .swiper-slide.slide02 .sub_btn.mt-30 {margin-top: 3.4375rem;}

    .mainSlide .swiper-slide.slide03 .flex-between {flex-direction: column;}
    .mainSlide .swiper-slide.slide03 .box.txt,
    .mainSlide .swiper-slide.slide03 .box.icon {width: 100%;}
    .mainSlide .swiper-slide.slide03 .box.icon {margin-top: 3em;}
    .mainSlide .swiper-slide.slide03 .icon img {width: 60px;}

    .mainSlide .swiper-slide.slide05 .btnwrap a.sub_btn {width: 22rem;}
}

@media(max-width:768px) {
    .mainSlide .swiper-slide.slide01 .flexList.mt-120,
    .mainSlide .swiper-slide.slide02 .mt-80,
    .mainSlide .swiper-slide.slide03 .flex-between.mt-80,
    .mainSlide .swiper-slide.slide04 .mt-120,
    .mainSlide .swiper-slide.slide05 .mt-120 {margin-top: 8rem; padding: 0 5%;}
    .mainSlide .swiper-slide.slide01 .box.icon {flex-direction: column;}
    .mainSlide .swiper-slide.slide01 .box.icon div {width: 100%; display: flex; align-items: center; padding: 2rem 0; border-bottom: 1px solid #fff; border-right: 0;}
    .mainSlide .swiper-slide.slide01 .box.icon div:first-child {padding-top: 0;}
    .mainSlide .swiper-slide.slide01 .box.icon div img {margin: 0 1rem 0 0; width: 45px;}

    .mainSlide .swiper-slide.slide03 .icon img {width: 50px;}
    .mainSlide .swiper-slide.slide03 .box.icon > .box {padding: 1.25rem 2.5rem;}
    

    .mainSlide .swiper-pagination {display: none;}
}

@media(max-width:500px) {
    .mainSlide .swiper-slide.slide05 .btnwrap {flex-direction: column; width: 20rem; gap: 1rem;}
    .mainSlide .swiper-slide.slide05 .btnwrap a.sub_btn {justify-content: space-between;}
}

@media(max-width:420px) {
    .mainSlide .swiper-slide.slide02 .icon .flex:first-child img {width: 25px;}
    .mainSlide .swiper-slide.slide02 .icon .flex:last-child img {width: 15px;}

    .mainSlide .swiper-slide.slide03 .icon img {width: 40px;}
}

@media(max-width:390px) {
    .mainSlide .swiper-slide.slide02 .icon {flex-direction: column; align-items: flex-start;}
    .mainSlide .swiper-slide.slide02 .icon  .pl-30 {padding-left: 0; padding-top: 1rem;}
}

@media(max-height:780px) {
    .mainSlide .swiper-slide.slide03 .icon img {width: 30px;}
    .mainSlide .swiper-slide.slide03 .icon p.font-30 {font-size: 1.5rem;}
}

/* 메인슬라이드 진료 예약 폼 */
.rez_form_wrap {position: absolute; left: 50%; transform: translateX(-50%); bottom: 4.375rem; max-width: 1500px; width: 100%; z-index: 2;}
.rez_form_wrap .rez_form {background: rgba(0, 0, 0, 0.5); border-radius: 20px; width: 100%; padding: 1.25rem 4.75rem;}
.rez_form_wrap .rez_form .select_box {width: 75%; margin-right: 3.125rem; gap: 2%;}
.rez_form_wrap .rez_form .select_box .txt {margin-right: 1.25rem;}
.rez_form_wrap .rez_form .select_box .box {max-width: 22rem; width: 100%;}
.rez_form_wrap .rez_form .select_box .box select,
.rez_form_wrap .rez_form .select_box .box input[type="tel"] {width: 100%; height: 3.125rem; border-radius: 25px; padding: 0 1rem; color: #717171; border: 0;}
.rez_form_wrap .rez_form .select_box select:focus {box-shadow: none; border: none !important;}
.rez_form_wrap .rez_form .select_box select {-o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:url("/img/main/select_arrow.png") no-repeat 95% 50%; background-color: #fff; transition: 0.3s;}
.rez_form_wrap .rez_form .select_box select.active {background:url("/img/main/select_arrow-top.png") no-repeat 95% 50%; background-color: #fff;}

.rez_form_wrap .rez_form .select_box .check_box { display: block; position: relative; padding-left: 25px; margin-bottom: 10px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; float: right;}
.rez_form_wrap .rez_form .select_box  .check_box input[type="checkbox"] { width: 1px; height: 1px; opacity: 0; }
.rez_form_wrap .rez_form .select_box .on { width: 1rem; height: 1rem; background: transparent; position: absolute; top: 0; left: 0; border: 1px solid #fff;}
.rez_form_wrap .rez_form .select_box .on:after { content: url("/img/main/check.png"); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0.7); display: none; width: 1rem; height: 1rem; }
.rez_form_wrap .rez_form .select_box .check_box input[type="checkbox"]:checked + .on:after { display: block; }

.rez_form_wrap .rez_form .select_btn {width: 25%;}
.rez_form_wrap .rez_form .select_btn ul {gap: 5%;}
.rez_form_wrap .rez_form .select_btn ul li {width: 45%;}
.rez_form_wrap .rez_form .select_btn ul li label {border: 1px solid #fff; border-radius: 25px; padding: 0.5rem; cursor: pointer; transition: 0.3s; width: 100%; display: inline-block;}
.rez_form_wrap .rez_form .select_btn ul li input.radio_box {opacity: 0; width: 0.5px; height: 0.5px; position: absolute;}
.rez_form_wrap .rez_form .select_btn ul li input:checked + label {background: #fff; color: #000;}
.rez_form_wrap .rez_form .select_btn button {width: 100%; border-radius: 25px; padding: 0.5rem; position: relative; z-index: 1; overflow: hidden; border: 1px solid var(--point3color);}
.rez_form_wrap .rez_btn a {border-radius: 40px; padding: 1rem 0; cursor: pointer; position: relative; z-index: 1; overflow: hidden;}
.rez_form_wrap .rez_btn a.org-bg {border: 1px solid var(--orgcolor);}
.rez_form_wrap .rez_btn a.point-bg {border: 1px solid var(--pointcolor);}
.rez_form_wrap .rez_btn a::before {position: absolute; content: ''; height: 100%; width: 0; top: 0; left: 0; background: #fff; transition: 0.45s; border-radius: 2rem; z-index: -1; }
.rez_form_wrap .rez_btn a img {filter: brightness(0) invert(1);}

/* select 커스텀 */
.custom-select {position: relative; z-index: 3; border-radius: 25px;}
.custom-select .select-tit {position: relative; display: block; width: 100%; height: 3.125rem; border-radius: 25px; padding: 0 1rem; color: #717171; border: 0; background: #fff;     text-align: left; z-index: 1;}
.custom-select .select-tit:after {position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); content: ""; background:url("/img/main/select_arrow.png") no-repeat 95% 50%; width: 17px; height: 9px; transition: 0.3s;}
.custom-select .select-tit.active:after {transform: translateY(-50%) rotate(180deg);}
.custom-select ul.select-list {position: absolute; top: 1.5625rem; left: 0; width: 100%; padding: 1.8125rem 0 0.5rem; background: var(--sub2color); border-radius: 0 0 25px 25px;}
.custom-select ul.select-list li button {padding: 0.5rem 1.5rem; color: #717171; font-weight: 500; transition: 0.25s;}
.custom-select ul.select-list li button:hover {color: var(--point3color); font-weight: 700;}


@media(max-width:1550px) {
    .rez_form_wrap {width: 90%;}
}

@media(max-width:1440px) {
    .rez_form_wrap .rez_form {flex-direction: column;}
    .rez_form_wrap .rez_form .select_box {width: 100%; margin-right: 0;}
    .rez_form_wrap .rez_form .select_box .txt {width: 20%;}
    .rez_form_wrap .rez_form .select_box .box {max-width: 38%;}
    .rez_form_wrap .rez_form .select_btn {display: flex; width: 100%; align-items: center; margin-top: 0.5rem;}
    .rez_form_wrap .rez_form .select_btn ul {width: 100%; gap: 2%;}
    .rez_form_wrap .rez_form .select_btn ul li {width: 48%;}
    .rez_form_wrap .rez_form .select_btn button {margin-top: 0;}
}

@media(max-width:1240px) {
    .rez_form_wrap .rez_form .select_box .txt {width: 30%;}
    .rez_form_wrap .rez_form .select_box .box {max-width: 33%;}
}


/* 모바일_모달창 */
@media(max-width:990px) {
    .rez_btn {display: none;}

    .rez_form_wrap {position: fixed; left: 0; top: 10%; width: 100%; height: 100vh; transform: translate(0, 0); z-index: 14; display: none;}

    .rez_form_wrap .close_btn {position: absolute; right: 14%; top: 3%; z-index: 14;}

    .rez_form_wrap .rez_form { position: absolute; left: 50%; transform: translateX(-50%); width: 80%; height: 80vh; background: rgba(0, 0, 0, 0.8); justify-content: center; padding: 0 5%;}

    .rez_form_wrap .rez_form .select_box {flex-direction: column;}
    .rez_form_wrap .rez_form .select_box .txt {width: 100%; text-align: center; margin-bottom: 4rem;}
    .rez_form_wrap .rez_form .select_box .box {width: 100%; max-width: 100%;}
    .rez_form_wrap .rez_form .select_box .box.box1 {margin-bottom: 2rem;}
    .rez_form_wrap .rez_form .select_box .box select, .rez_form_wrap .rez_form .select_box .box input[type="tel"] {height: 6.25rem; border-radius: 30px; padding: 0 2rem;}

    .rez_form_wrap .rez_form .select_box .check_box {margin-top: 2ch;}
    .rez_form_wrap .rez_form .select_box .on,
    .rez_form_wrap .rez_form .select_box .on:after {width: 1.5rem; height: 1.5rem;}

    .rez_form_wrap .rez_form .select_btn {flex-direction: column; margin-top: 2rem;}
    .rez_form_wrap .rez_form .select_btn ul {gap: 5%;}
    .rez_form_wrap .rez_form .select_btn ul li label,
    .rez_form_wrap .rez_form .select_btn button {padding: 1.5rem; border-radius: 30px;}
    .rez_form_wrap .rez_form .select_btn button  {margin-top: 2rem;}

    /* select 커스텀 */
    .custom-select {border-radius: 30px;}
    .custom-select .select-tit {height: 6.25rem; border-radius: 30px; padding: 0 2rem;}
    .custom-select .select-tit:after {position: absolute; right: 2rem; transition: 0.3s;}
    .custom-select ul.select-list {top: 3.125rem; padding: 4.625rem 0 1.5rem; border-radius: 0 0 30px 30px;}
    .custom-select ul.select-list li button {padding: 1rem 2.5rem;}
}

@media(max-width:500px) {
    .rez_form_wrap .font-30 {font-size: 2.625rem !important;}
}

@media(max-width:320px) {
    .rez_form_wrap .rez_form .select_box .box select, .rez_form_wrap .rez_form .select_box .box input[type="tel"] {height: 5rem;}
    .rez_form_wrap .rez_form .select_box select {background: url("/img/main/select_arrow.png") no-repeat 90% 50%; background-color: #fff;}
    .rez_form_wrap .rez_form .select_box select.active {background:url("/img/main/select_arrow-top.png") no-repeat 90% 50%; background-color: #fff;}
    .rez_form_wrap .rez_form .select_btn ul li label,
    .rez_form_wrap .rez_form .select_btn button {padding: 1rem;}
    .rez_form_wrap .rez_form .select_box .box.box1 {margin-bottom: 1rem;}
    .rez_form_wrap .rez_form .select_btn button  {margin-top: 1rem;}

    /* select 커스텀 */
    .custom-select .select-tit {height: 5rem; border-radius: 30px; padding: 0 2rem;}
    .custom-select ul.select-list {top: 2.5rem; padding: 3.2rem 0 0.7rem;}
    .custom-select ul.select-list li button {padding: 0.7rem 2.5rem;}
}

/* 메인_더보기버튼 */
.sub_btn a {display: inline-block; position: relative; padding-right: 60px;}
.sub_btn a::before {position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 50%; content: ""; z-index: -1; background: var(--pointcolor); }
.sub_btn a:after {position: absolute;  right: 22px; top: 50%; transform: translate(50%, -50%); content: "+"; transition: 0.3s; font-size: 30px; color: #fff;}

.sub_btn a:hover:after {transform: translate(50%, -50%) rotate(90deg);}

@media(max-width:990px) {
    .sub_btn a {padding-right: 50px;}
    .sub_btn a::before { right: 0; width: 30px; height: 30px;}
    .sub_btn a:after {right: 15px; font-size: 20px;}
}

@media(max-width:768px) {
    .sub_btn a {padding-right: 40px;}
    .sub_btn a:after {right: 16px;}
}

/* 의료진 */
.main.doc { background: linear-gradient( to right, #f8fbff 10%, #eaf8fd 90% ); position: relative;}
.main.doc .container {position: relative; z-index: 10;}
.main.doc .Mqtxt {position: absolute; top: 50%; transform: translateY(-50%); width: 100%; color: #dff2fb;}
.main.doc .sub_btn {position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

@media(max-width:768px) {
    .main.doc .sub_btn {position: inherit; margin-top: 2.5rem;}
}

/* 진료클리닉 */
.main.service .flexList {padding: 0 1rem;}
.main.service .flexList .box {background: var(--light-gray); border-radius: 20px; padding: 2rem; transition: 0.45s; cursor: pointer;}
.main.service .flexList .box .icon {display: flex; justify-content: flex-end; width: 100%;}
.main.service .flexList .box a {padding: 0.7rem 2rem; border-radius: 25px; width: 100%;}
.main.service .flexList .box a::before {position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #fff; transition: 0.45s; content: ""; z-index: -1;}
.main.service .flexList .box:hover {background: var(--point3color); transform: translateY(-1.875rem); filter: drop-shadow(0 0 0.5rem rgba(40,167,225,0.44));}
.main.service .flexList .box:hover p {color: #fff;}
.main.service .flexList .box:hover a {color: #000;}
.main.service .flexList .box:hover a::before {width: 100%;}
.main.service .flexList .box:hover a::after {transform: translateY(-50%) rotate(90deg);}
.main.service .flexList .box:hover .icon {filter: brightness(0) invert(1);}

.main.service .bg_logo {position: absolute; left: 0; top: 0;}

@media(max-width:1240px) {
    .main.service .bg_logo {transform: scale(0.8); left: -35px; top: -40px;}
}

@media(max-width:990px) {
    .main.service .bg_logo {transform: scale(0.6); left: -70px; top: -80px;}
}

@media(max-width:768px) {
    .main.service .tit-wrap {padding: 0 5%;}
    .main.service .flexList .box:hover {transform: translateY(0);}
}

@media(max-width:500px) {
    .main.service .bg_logo {transform: scale(0.4); left: -105px; top: -120px;}
    .main.service .flexList .box a:after {font-size: 20px;}
}

@media(max-width:360px) {
    .main.service .flexList .box .font-30 {font-size: 1.5rem;}
    .main.service .flexList .box a {text-align: center;}
    .main.service .flexList .box a:after,
    .main.service br {display: none;}
}

/* 치료후기 */
@media(max-width:768px) {
    .main.review .tit-wrap {padding: 0 5%;}
}

/* 포인트 */
/* .main_point {background: url("/img/main/main_point.jpg") no-repeat; background-position: center; background-size: cover;} */

.main.point .bg_wrap {clip: rect(0, auto, auto, 0); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.main.point .bg_wrap .bg {position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100vh; background-image: url("/img/main/main_point.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; transform: translateZ(0); will-change: transform;}
.main.point .box {gap: 1.25rem;}
.main.point .box .txt {max-width: 250px; width: 100%;}
.main.point .box p.day {background: rgba(255,255,255,0.1); padding: 0.5rem 2rem;}
.main.point .box .img-r {display: flex; justify-content: flex-end;}

@media(max-width:768px) {
    .main.point .box .img-l,
    .main.point .box .img-r{width: 15%;}
    /* .main.point .box .txt {max-width: 200px;} */
}


/* 학술활동 */
.main.academic:after {position: absolute; left: 0; top: 0; width: 100%; height: 520px; content: ""; background: url("/img/main/academic_bg.jpg") no-repeat; background-size: cover; z-index: -1;}
.main.academic .sub_btn {position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
/* 학술활동 */
.main.academic img {border-radius: 20px;}
.swiper-button-disabled {color: var(--dark-gray);}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {content: ">"; font-size: 2rem; font-weight: 800; font-family: "SUIT";}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {content: "<"; font-size: 2rem; font-weight: 800; font-family: "SUIT";}
.swiper-button-next, .swiper-rtl .swiper-button-prev {right: 0 !important;}
.swiper-button-prev, .swiper-rtl .swiper-button-next {left: 0 !important;}

@media(max-width:990px) {
    .main.academic:after {background: url("/img/main/academic_bgm.jpg") no-repeat; background-size: cover;}
}

@media(max-width:768px) {
    .main.academic .tit {padding: 0 5%;}
    .main.academic .sub_btn {position: inherit; margin-top: 2.5rem;}
}

@media(max-width:500px) {
    .main.academic .academic-slide.width90 {width: 100%;}
    .main.academic .academic-slide p {padding-left: 10%;}
    .main.academic .visible-md {display: none !important;}
}

@media(max-width:350px) {
    .main.academic .tit h2 br {display: none !important;}
}

/* sns, 유튜브 */

.snsSwiper .swiper-slide { padding: 2.5rem 0; transition: .3s; }
.snsSwiper .swiper-slide:hover { transform: translateY(-2rem); }
.snsSwiper .swiper-slide img { display: flex; /* align-items: center; */ justify-content: center; width: 100%; height: auto; aspect-ratio: 1/1; overflow: hidden; border-radius: 2rem; background-color: var(--light-gray); width: 100%;}
.snsSwiper .swiper-slide img { object-fit: cover; transition: .3s; }
.snsSwiper .swiper-slide:hover a img { box-shadow: 0px 8px 10px rgba(40,167,255,0.2);}

@media(max-width:768px) {
    .main.ytb .container {width: 80%;} 
    .main.media .tit-wrap,
    .main.sns .tit {padding: 0 5%;}
}


/* 지도 */
.root_daum_roughmap .wrap_controllers {display: none;}

.main.map::after {position: absolute; top: 260px; width: 100%; height: calc(100% - 260px); left: 0; right: 0; background: var( --sub2color); content: ""; z-index: -1;}

#root_daum_roughmap_landing {max-width:1500px; width: 100%; max-height: 520px; height: 100%;} 

.main.map .mapbox {z-index: 1;}
.main.map .mapbox > .navwrap {position: absolute; left: 0; width: 100%; height: auto; bottom: 0; z-index: 1000;}
.main.map .mapbox ul.navbox li {width: calc(100% / 5); background: #fff; padding: 1rem 1rem;}
.main.map .mapbox ul.navbox li:nth-child(2) {background: #f9e000;}
.main.map .mapbox > .navwrap .sub_btn {z-index: 1000;}

.main.map .timebox p.desc {background: #fff; padding: 1rem 2.5rem; width: fit-content;}
.main.map .timebox ul li {padding: 0.25rem 0;}
/* .main.map .timebox ul li span:first-child {max-width: 8.125rem; width: 100%;} */
.main.map .timebox ul li span:first-child {max-width: 5rem; width: 100%;}
.main.map .timebox .box.point3-bg {padding: 1rem 2.5rem;}

.main.map .tabbox ul.tabs {display: flex;}
.main.map .tabbox ul.tabs li {padding: 1rem 2.5rem; background: var(--dark-gray); border-radius: 20px 20px 0 0; cursor: pointer;}
.main.map .tabbox ul.tabs li.current {background: var(--point3color);}
.main.map .tabbox .tab-content {border-top: 1px solid var(--dark-gray); padding-top: 1.875rem; display: none;}
.main.map .tabbox .tab-content.current {display: inherit;}
.main.map .tabbox .tab-content img {border-radius: 20px 20px 0 0;}
.main.map .tabbox ul.navbox li {background: #fff; width: calc(100% / 3); padding: 1rem 1rem;}
.main.map .tabbox ul.navbox li:nth-child(2) {background: #f9e000;}
.main.map .tabbox ul.navbox li:first-child {border-radius: 0 0 0 20px;}
.main.map .tabbox ul.navbox li:last-child {border-radius: 0 0 20px 0;}

.main.map .box:last-child {padding-left: 5%;}

@media(max-width:990px) {
    .main.map .flexList {--y-gap: 2.5rem}
    .main.map .box:last-child {padding-left: 0;}
    .main.map .mapbox ul.navbox li {width: calc(100% / 4);} 
}

@media(max-width:768px) {
    .main.map .container {width: 80%;}
    .main.map .mapbox ul.navbox li {width: calc(100% / 3);} 
    .main.map .telbox img,
    .main.map .timebox img {width: 25px;}
    .main.map .timebox .desc img {width: 16px;}
    .main.map .parkbox img {width: 35px;}

    .main.map .tabbox ul.tabs li {padding: 0.5rem 1.5rem; border-radius: 15px 15px 0 0;}
}

@media(max-width:680px) {
    .main.map .navwrap .flex-between {flex-direction: column; align-items: center; text-align: center;}
    .main.map .sub_btn {display: flex; justify-content: center; width: 100%; margin-top: 2.5rem;}
}

@media(max-width:500px) {
    .main.map .mapbox ul.navbox,
    .main.map .tabbox ul.navbox  {flex-direction: column;}
    .main.map .mapbox ul.navbox li,
    .main.map .tabbox ul.navbox li {width: 100%;}
    .main.map .tabbox ul.navbox li:first-child {border-radius: 0;}
    .main.map .tabbox ul.navbox li:last-child {border-radius: 0;}

    .main.map .telbox img,
    .main.map .timebox img {width: 20px;}
    .main.map .timebox .desc img {width: 14px;}
    .main.map .parkbox img {width: 30px;}

    .main.map .timebox .desc.flex {flex-direction: column; width: fit-content; align-items: flex-start;}
    .main.map .timebox .desc.flex .box {justify-content: flex-start; align-items: baseline;}
    .main.map .timebox .desc.flex .box:first-child {margin-right: 0; margin-bottom: 1rem;}
}