@charset "utf-8";
/* ===================================================== */
/* MAIN-COMMON */
.body-main #skip-nav::before {content: ''; position: fixed; inset: 0; pointer-events: none; background-color: #000; z-index: 9999; animation: fade-out .8s ease-in .2s both;}
.section {letter-spacing: 0; overflow: hidden;}


.color-1 {color:#529f1e;}
.color-2 {color:#496875;}
.color-3 {color:#d97459;}
.title-wrap {text-align: center; letter-spacing: 0; line-height: 1.1;}
.title-wrap .tit {font-family:var(--font-pret); font-size:3rem; font-weight: 700; color:#222;}
.title-wrap .txt {font-size:5.2rem; color:var(--color-main); line-height: 1.2;}


@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1280px){
}
@media (max-width: 1024px){
	.title-wrap .txt {font-size:4rem;}
	.title-wrap .tit + .txt {margin-top:1rem;}
}
@media (max-width: 768px){
}
@media (max-width: 576px){
}
@media (max-width: 480px){
}
/* MAIN-COMMON */
/* ===================================================== */






/*Section01 Visual*/
.visual-wrap {position: relative;}
.visual-list {height: 100vh; /*height: calc(var(--vh, 1vh) * 100);*/ z-index: 1; min-height:70rem;}
.visual-list .item { position: relative; display: flex; align-items: center; width: 100%;}
.visual-list .item .bg {position:absolute; inset: 0; overflow: hidden;}
.visual-list .item .bg span {display: block; width:100%; height:100%;background: no-repeat 50% 50%/cover; transition: all 10s ease-in-out;}
.visual-list .item.nth-1 .bg span {background-image: url('../images/main/visual01.png');}
.visual-list .item.nth-2 .bg span {background-image: url('../images/main/visual05.png');}
.visual-list .item.nth-3 .bg span {background-image: url('../images/main/visual02.png');}
.visual-list .item.nth-4 .bg span {background-image: url('../images/main/visual06.png');}
.visual-list .item.nth-5 .bg span {background-image: url('../images/main/visual07.png');}

.visual-list .item.swiper-slide-active .bg span{transform: scale(1.2);}

.copy-box {color: #fff;}
.copy-box h3 {font-size: 8rem; font-weight: 700; padding-left:3rem; opacity: 0; margin-bottom:3rem;}
.copy-box h4 {font-size: 3.6rem; font-weight: 700;  height: 6rem; white-space: nowrap; border-radius: 3rem; background-color: var(--color-sub); display: inline-flex; align-items: center;  padding:0 3rem; margin-bottom:2rem;}
.copy-box h4 em {display: inline-flex; position: relative; gap:1rem; align-items: center; margin-right:1rem;}
.copy-box h4 em:last-child {margin-right: 0;}
.copy-box h4 em:first-child {margin-right:1rem;}

.copy-box h4 em::after {content:''; display: block; width:0.8rem; height:0.8rem; background-color: var(--color-main); border-radius: 50%;}
.copy-box h4 em:last-child::after {display: none;}
.copy-box h4 em:first-child::after {display: block;}

.visual-list .item.nth-2 .copy-box h4,
.visual-list .item.nth-4 .copy-box h4,
.visual-list .item.nth-6 .copy-box h4{background-color: var(--color-main);}
.visual-list .item.nth-2 .copy-box h4 em::after,
.visual-list .item.nth-4 .copy-box h4 em::after,
.visual-list .item.nth-6 .copy-box h4 em::after{background-color: var(--color-sub);}


.copy-box .txt {font-size: 2.5rem; font-weight: 700;  padding-left:3rem; margin-bottom:2rem; }


.visual-list .item.swiper-slide-active .copy-box h3{animation: fade-down 0.5s ease-in-out 0.5s both;}
.visual-list .item.swiper-slide-active .copy-box h4{animation: fade-up 0.5s ease-in-out both;}
.visual-list .item.swiper-slide-active .copy-box .txt{animation: clip-right 0.5s ease-in-out 1s both;}



@media (max-width: 1280px){
	.copy-box h3 {font-size: 7rem; padding-left:2rem; margin-bottom:2rem;}
	.copy-box h4 {font-size: 3rem;  height: 6rem; padding:0 3rem; margin-bottom:2rem;}
	.copy-box .txt {font-size: 2.4rem; font-weight: 700;  margin-bottom:2rem; padding-left:2rem;}
}


@media (max-width: 768px){
	.copy-box h3 {font-size: 6rem; padding-left:0rem;}
	.copy-box h4 {font-size: 2.8rem; height: 6rem;}
	.copy-box .txt {font-size: 2.2rem; padding-left:0rem;}


	.visual-list .item.nth-1 .bg span {background-position: 60% 50%;}

	.visual-list .item.nth-1 .bg span {background-image: url('../images/main/m_visual01.png');}
	.visual-list .item.nth-2 .bg span {background-image: url('../images/main/m_visual05.png');}
	.visual-list .item.nth-3 .bg span {background-image: url('../images/main/m_visual02.png');}
	.visual-list .item.nth-4 .bg span {background-image: url('../images/main/m_visual06.png');}
	.visual-list .item.nth-5 .bg span {background-image: url('../images/main/m_visual07.png');}
}

@media (max-width: 480px){
	.copy-box h3 br {display: none;}
	.copy-box h4 {font-size: 2.4rem; height: 5rem; padding:0 2rem;}
	.copy-box .txt {font-size: 2.2rem; padding-left:0rem;}
	.copy-box .txt br {display: none;}
}






.visual-control-wrap{ z-index: 2; display: flex; align-items: flex-end; gap: 7rem; position: absolute; bottom:6rem; left:0; width: 100%; }
.visual-control .pagination {display: flex; position: relative; width:100%; gap:0; flex-grow: 1;}
.visual-control .pagination .swiper-pagination-bullet,
.visual-control .pagination span {flex:1 1 auto; border-radius: 0; width:auto; height:auto; margin:0; background-color: transparent; opacity: 1; color:var(--color-white-a2); position: relative; padding:0 0 1.5rem;}
.visual-control .pagination span::before,
.visual-control .pagination span::after {content:''; display: block; width:100%; height:3px; background-color: var(--color-white-a2); position: absolute; bottom:0; left:0;}
.visual-control .pagination span::before {width:0; z-index: 2;}

.visual-control .pagination span.swiper-pagination-bullet-active {color:#fff;}
.visual-control .pagination span.swiper-pagination-bullet-active::before {width:100%; background-color: #fff;transition: width 5s linear;}

.visual-control .pagination span em {display: inline-block; transition: all 0.3s ease-in-out;}



.visual-control .btn-wrap {display: flex; gap:3rem; flex-shrink: 0; align-items: flex-end;}
.visual-control .btn-wrap .slide-btn {cursor: pointer; width:2rem; height:2rem; font-size:0; text-indent: -99999px; position: relative; transition: all 0.3s ease-in-out; display: flex; }
.visual-control .btn-wrap .slide-btn.prev {transform: rotate(180deg);}
.visual-control .btn-wrap .slide-btn::before,
.visual-control .btn-wrap .slide-btn::after {content:''; display: block; width:1.6rem; height:3px; border-radius: 3px; background-color: #fff; position: absolute; top:50%; left:50%;  transition: all 0.3s ease-in-out;}
.visual-control .btn-wrap .slide-btn::before {transform: translate(-50%, -225%) rotate(45deg);}
.visual-control .btn-wrap .slide-btn::after {transform: translate(-50%, 125%) rotate(-45deg);}

.visual-control .btn-wrap .slide-btn:hover {transform: translate(0.8rem, 0);}
.visual-control .btn-wrap .slide-btn:hover.prev {transform: translate(-0.8rem, 0) rotate(180deg);}
.visual-control .btn-wrap .slide-btn:hover::before,
.visual-control .btn-wrap .slide-btn:hover::after {background-color: var(--color-main);}

@media (hover: hover) and (pointer: fine) {
	.visual-control .pagination span:hover em{transform: translate(0, -1rem); color:#fff;}
	.visual-control .pagination span:hover::after {background-color: var(--color-main);}
}


@media (max-width: 1700px){
	.visual-control {margin-right:calc(var(--inner-padding) + 8rem);}
}

@media (max-width: 1440px){
	.visual-control {margin-right:calc(var(--inner-padding) + 10rem);}
	.visual-control-wrap {bottom:2rem; gap:3rem;}
}

@media (max-width: 1280px){
	.visual-control .btn-wrap .slide-btn::before {transform: translate(-50%, -200%) rotate(45deg);}
	.visual-control .btn-wrap .slide-btn::after {transform: translate(-50%, 100%) rotate(-45deg);}
}

@media (max-width: 1024px){
	.visual-control {margin-right:calc(var(--inner-padding) + 9rem);}
	.visual-control-wrap {flex-direction: column; align-items: flex-start; }
	
	.visual-control .pagination span em {font-size:1.4rem;}
	.visual-control .btn-wrap {order:-1;}
}

@media (max-width: 768px){
	
	.visual-control .btn-wrap .slide-btn::before {transform: translate(-50%, -175%) rotate(45deg);}
	.visual-control .btn-wrap .slide-btn::after {transform: translate(-50%, 75%) rotate(-45deg);}
}

@media (max-width: 480px){
	.visual-control .pagination {gap:3px;}
	.visual-control .pagination span em {display: none; transition: all 0.3s ease-in-out;}
	.visual-control .btn-wrap .slide-btn::before {transform: translate(-50%, -150%) rotate(45deg);}
	.visual-control .btn-wrap .slide-btn::after {transform: translate(-50%, 50%) rotate(-45deg);}
}



/*의료진*/
.team {padding:14rem 0 0 0; overflow: hidden; background: url('../images/main/section07_bg01.png') no-repeat center bottom/cover;}
.team-slogan {text-align: center; letter-spacing: 0;}
.team-slogan .copy {font-size:6rem; color:#2865b5;position: relative; padding:0; line-height: 1.5; white-space: nowrap;}
.team-slogan .copy::before,
.team-slogan .copy::after {display: inline-block;}
.team-slogan .copy::before {content: '“';}
.team-slogan .copy::after {content: '”';}
.team-slogan .copy br {display: none;}
.team-slogan .copy strong {font-weight: 700; display: inline-block;}
.team-slogan .copy .point {display: inline-block; position: relative; z-index: 1; color:#fff; width:12.6rem;}
.team-slogan .copy .point em::before {content: ''; display: block; width:100%; height:11.4rem; background: url('../images/main/section07_bg03.png') no-repeat 50% 50%/contain; position: absolute; top:50%; left:50%; transform: translate(-50%, -42%); z-index: -1;}



@media (max-width: 1024px){
	.team {padding-top:12rem;}
	.team-slogan .copy {font-size:4.8rem;}
	.team-slogan .copy::before {margin-right:-1rem;}
	.team-slogan .copy::after {margin-left:-1rem;}
	.team-slogan .copy .point { width:10rem;}
	.team-slogan .copy .point em::before {height: 9rem;}
}

@media (max-width: 768px){
	.team-slogan .copy {white-space: wrap; font-size: 5rem;}
	.team-slogan .copy br {display: block;}
}


.team-slogan .item {margin-top:6rem; display: inline-flex; align-items: center; height: 6rem; background-color: var(--color-main); padding:0 4rem; border-radius: 6rem; color:#fff;}

.team-slogan .item ul {display: flex; align-items: center;}
.team-slogan .item li {position: relative; font-size: 2.6rem; font-weight: 700; padding-left:5rem;}
.team-slogan .item li::before {content:':'; display: block; position: absolute; left:2rem; top:50%; transform: translateY(-50%); }
.team-slogan .item li:first-of-type {padding-left:0;}
.team-slogan .item li:first-of-type::before {display: none;}



.team-photo {margin-top:16rem; text-align: center; font-size:0;}
.team-photo img {display: inline-block;}

.team-photo .image {position: relative; line-height: 0; display: inline-block;}
.team-photo .image::after {content:''; display: block; width:30%; height:100%; background: url('../images/main/section07_bg02.png') no-repeat center bottom/contain; position: absolute; left:0; top:48%; transform: translate(-30%, 0);}



@media (max-width: 1024px){
	.team-slogan .item {margin-top:4rem; padding:0 3rem;}
	.team-slogan .item li {font-size: 2.4rem;}
	.team-photo {margin-top:15rem;}
}

@media (max-width: 768px){
	.team-slogan .item li {font-size: 2.2rem; padding-left:3rem;}
	.team-slogan .item li::before {left:1.5rem;}
	.team-photo {margin-top:12rem;}
}

@media (max-width: 640px){
	.team-slogan .item {height:auto; border-radius: 1.5rem; padding:2rem 3rem; display: flex;}
	.team-slogan .item ul {flex-direction: column; align-items: flex-start; gap:1rem;}
	.team-slogan .item li {font-size: 2.2rem; padding-left:1.5rem;}
	.team-slogan .item li::before {left:0;}
	.team-slogan .item li:first-of-type {padding-left:1.5rem;}
	.team-slogan .item li:first-of-type::before {display: block;}
}











/*진료과목*/
.depart {padding-top:12rem; overflow: hidden; --dlist-padding:5rem;}
.depart-wrap {z-index: 1;}
.depart-copy {background-color: var(--color-main); position: relative;}
.depart-copy::before {content: ''; display: block; position: absolute; top:0; left:0; width:100%; height:150%; background-color: var(--color-main); transform: translate(0, -99%); z-index: -1;}
.depart-copy .item {font-family: var(--font-mont); font-size:15rem; color:rgba(33, 95, 172, 1); font-weight: 700;  line-height:1; }
.depart-copy .item::before {content: attr(data-mtext) attr(data-mtext); display: inline-block; white-space: pre; animation: c_marquee 25s linear infinite;}
/*.depart-copy.is-active .item::before {-webkit-animation-play-state: paused; animation-play-state: paused;}*/
@keyframes c_marquee {
	0% {transform: translateX(0%);}
	100% {transform: translateX(-50%);}
}

.depart-list {margin-top:3rem;}
.depart-list .list {display: flex; gap:3rem; justify-content: center; align-items: center;}
.depart-list .item {flex-grow: 1;  height:48rem; transition: all 0.5s linear; position: relative;}

.depart-list .item .link {display: flex; width:100%; height: 80%; border-radius: 2rem; background:no-repeat 50% 50%/cover; transition: all 0.5s ease-in-out; position: absolute; top:50%; left:0; transform: translate(0, -50%); flex-direction: column; padding:var(--dlist-padding); font-family: var(--font-pret); text-align: right; }
.depart-list .item.nth-1 .link {background-image: url('../images/main/section02_img01.png'); top:60%}
.depart-list .item.nth-2 .link {background-image: url('../images/main/section02_img02.png'); top:70%}
.depart-list .item.nth-3 .link {background-image: url('../images/main/section02_img03.png');}


.depart-list .item .link::before {content:''; display: block; width: 100%; height:100%; background-color: rgba(0, 0, 0, 0.2); position: absolute; top:0; left:0; border-radius: 2rem;}


.depart-list .item.is-active .link {height: 100%; }
.depart-list .item.is-active .link {top:50%;}



.depart-list .item .desc {position: absolute; bottom:var(--dlist-padding); right:var(--dlist-padding); transition: all 1s ease-in-out; min-height:0;}
.depart-list .item.is-active .desc {min-height:calc(100% - var(--dlist-padding) * 2);}

.depart-list .item .link .tit span{display: block; font-size:3.5rem; font-weight: 700; color:#fff;}
.depart-list .item .link .tit em{display: block; font-size:1.5rem; font-weight: 800; text-transform: uppercase; color:#2966b2; transition: color 0.5s;}
.depart-list .item .link .txt {max-height:0; overflow: hidden; color:#fff; font-size:1.7rem; font-weight: 700;}

.depart-list .item.item.is-active .link .tit em {color:#e58165;}
.depart-list .item.item.is-active .link .txt {max-height:48rem;transition: all 0.5s ease-in-out 0.5s; padding-top:2rem;}



.depart-list .item .more{content:''; display: block; width: 0; height:0; background-color: var(--color-sub); position: absolute; left:var(--dlist-padding); bottom:0; transform: translate(0, 100%); border-radius: 50%; transition: all 0.3s ease-in-out; font-size:0; text-indent: -999999px; opacity: 0;}

.depart-list .item .more::before,
.depart-list .item .more::after {content:''; display: block; width:5rem; height:2px; border-radius: 3px; background-color: #fff; position: absolute; top:50%; left:50%; transition: all 0.3s ease-in-out; opacity: 0;}
.depart-list .item .more::before {transform: translate(-50%, -50%);}
.depart-list .item .more::after {transform: translate(-50%, -50%) rotate(90deg);}

.depart-list .item .link:hover .more {width: 10rem; height:10rem; opacity: 1; transform: translate(0, 50%) rotate(360deg);}
.depart-list .item .link:hover .more::before,
.depart-list .item .link:hover .more::after {opacity: 1;}



@media (max-width: 1024px){
	.depart {--dlist-padding:3rem;}

	.depart-list .item {height:40rem;}
	.depart-list .item .link,
	.depart-list .item .link::before{border-radius: 1.5rem;}

	.depart-list .item .link .txt .mo {display: none;}

	.depart-list .item .more::before,
	.depart-list .item .more::after {width:3rem;}
	.depart-list .item .link:hover .more {width: 7rem; height:7rem;}
}


@media (max-width: 768px){
	.depart-list .list {flex-direction: column;  height:70rem; }
	.depart-list .item {width:100%; height:15rem; transition-duration: 0.2s;}

	.depart-list .item .link {height: 100%; text-align: left;}
	.depart-list .item .link::before {background-color: rgba(0, 0, 0, 0.3);}
	.depart-list .item.nth-1 .link {top:50%}
	.depart-list .item.nth-2 .link {top:50%}

	.depart-list .item.is-active {height:40rem;}


	.depart-list .item .desc { bottom:var(--dlist-padding); left:var(--dlist-padding);}

	.depart-list .item .link .txt {font-size:1.8rem;}


	.depart-list .item .more {left:auto; right:var(--dlist-padding);}
	.depart-list .item .more::before,
	.depart-list .item .more::after {width:2.5rem;}
	.depart-list .item .link:hover .more {width: 5rem; height:5rem;}




}


/*진료과목추가*/
.depart-item {margin:3rem var(--inner-padding) 5rem;}
.depart-item .list {display: flex; gap:1rem; justify-content: center; flex-wrap: wrap;}
.depart-item .list li {padding:1rem 2rem; font-size:max(2rem, 18px); font-weight: 700; color:#fff; background-color: var(--color-sub1); border-radius: 4rem;line-height: 1; text-align: center;}

@media (max-width: 480px){
	.depart-item .list li {flex: 1 1 30%;}
}





/*소식섹션*/
.news {padding:12rem 0 0 0; background:url('../images/main/section03_bg01.png') no-repeat 50% 100%/cover; --news-padding:3rem;}
.news-wrap { margin:0 calc(var(--inner-padding) - var(--news-padding)) 6rem; position: relative;}
.news-list {overflow: hidden; padding:var(--news-padding);}
.news-list .swiper-wrapper {align-items: stretch; }
.news-list .item {height: auto;}
.news-list .item .link {display: block; width:100%; height:100%; border-radius: 2rem; background-color: #fff; box-shadow: 0 0 0rem rgba(0, 0, 0, 0.15); padding:4rem; border:1px solid #e8e8e8; position: relative; transition: all 0.3s ease-in-out;}
.news-list .item .link::after {content:''; display: block; width:5rem; height: 5rem; background: url('../images/main/symbol01.png') no-repeat 50% 50%/contain; position:absolute; bottom: 0; right:0; transform:translate(-50%, 80%); transition: all 0.3s ease-in-out; opacity: 0;}
.news-list .item .link:hover {border-color:var(--color-main); box-shadow: 1rem 1rem 2.5rem rgba(0, 0, 0, 0.15);transform:translate(0, -1rem);}
.news-list .item .link:hover::after {transform:translate(-50%, 50%); opacity: 1;}

.news-list .item .tit  {color:#222; font-size:2.7rem; line-height:1.4; font-weight: 700; height:7.4rem; display: flex; width:100%; letter-spacing: 0;  transition: all 0.3s ease-in-out;}
.news-list .item .tit span {text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; line-clamp: 2; -webkit-line-clamp: 2;}
.news-list .item .txt {margin-top:3rem; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; line-clamp: 3; -webkit-line-clamp: 3; font-family: var(--font-pret); font-size:1.7rem; font-weight: 600; transition: all 0.3s ease-in-out;}

.news-list .item .link:hover .tit,
.news-list .item .link:hover .txt {color:var(--color-main);}



.news-control .util {position: absolute; top:0; right:calc(var(--news-padding) + 2rem); display: flex; align-items: center; gap:1rem; transform: translate(0, -100%);}
.news-control .more {display: block; width:2.2rem; height:2.4rem; font-size:0; text-indent: -9999px; position: relative; transition: all 0.3s ease-in-out;}
.news-control .more::before,
.news-control .more::after {content:''; display: block; width:1.6rem; height:3px; border-radius: 2px; background-color: var(--color-sub); position: absolute; top:50%; left:50%; transition: all 0.3s ease-in-out;}
.news-control .more::before {transform:translate(-50%, -50%);}
.news-control .more::after {transform:translate(-50%, -50%) rotate(90deg);}
.news-control .more:hover {transform: rotate(360deg);}


.news-control .pagination {line-height: 1; font-size: 0;}
.news-control .pagination .swiper-pagination-bullet{margin:0 5px; opacity: 1;}
.news-control .pagination .swiper-pagination-bullet:hover,
.news-control .pagination .swiper-pagination-bullet-active {background-color: var(--color-sub);}

.news-control .slide-btn {width:5.2rem; height:3rem; font-size:0; text-indent: -98999px; position: absolute; top:50%; left:0; transform: translate(-100%, -50%); cursor: pointer;}
.news-control .slide-btn.next {left:auto; right:0;transform: translate(100%, -50%) rotate(180deg);}

.news-control .slide-btn span {display: block; width:100%; height:100%; background:url('../images/main/ico_arrow01.png') 0 50%/contain;}

.news-control .slide-btn::before {content:''; display: block; width:5rem; height:5rem; border-radius: 5rem; background-color: var(--color-sub); position: absolute; top:50%; left:0; z-index: -1; transform: translate(25%, -50%); transition: all 0.3s ease-in-out; opacity: 0;}

.news-control .slide-btn:hover::before {transform: translate(-30%, -50%); opacity: 1;}



.news-wrap.nth-2 .news-control .more::before,
.news-wrap.nth-2 .news-control .more::after,
.news-wrap.nth-2 .news-control .pagination .swiper-pagination-bullet:hover,
.news-wrap.nth-2 .news-control .pagination .swiper-pagination-bullet-active,
.news-wrap.nth-2 .news-control .slide-btn::before {background-color: var(--color-main);}








/*둘러보기*/
.about {padding:5rem 0 20rem 0; background:url('../images/main/section04_bg01.png') no-repeat 50% 100%/cover;}
.about .title-wrap {text-align: left;}
.about .title-wrap strong {font-weight: 700;}
.about .title-wrap .txt {font-size:4.5rem;}

.about-wrap { display: flex; margin:6rem var(--inner-padding) 0; gap:10rem;}

.about__tab {order:2; flex-shrink: 0;}
.about__image { min-width: 0; }
.about__image-list {overflow: hidden; border-radius: 2rem;}

.about__image .item {background: no-repeat 50% 50%/cover;}
.about__image .item.nth-1 {background-image:url('../images/main/section04_img01.png') ;}
.about__image .item.nth-2 {background-image:url('../images/main/section04_img02.png') ;}
.about__image .item.nth-3 {background-image:url('../images/main/section04_img03.png') ;}
.about__image .item.nth-4 {background-image:url('../images/main/section04_img04.png') ;}
.about__image .item.nth-5 {background-image:url('../images/main/section04_img05.png') ;}
.about__image .item.nth-6 {background-image:url('../images/main/section04_img06.png') ;}

.about__image-list.nth-1 .item.nth-1 {background-image:url('../images/main/section04_simg0101.png');}
.about__image-list.nth-1 .item.nth-2 {background-image:url('../images/main/section04_simg0102.png');}


.about__image-list.nth-2 .item.nth-1 {background-image:url('../images/main/section04_simg0201.png');}
.about__image-list.nth-2 .item.nth-2 {background-image:url('../images/main/section04_simg0202.png');}
.about__image-list.nth-2 .item.nth-3 {background-image:url('../images/main/section04_simg0203.png');}
.about__image-list.nth-2 .item.nth-4 {background-image:url('../images/main/section04_simg0204.png');}
.about__image-list.nth-2 .item.nth-5 {background-image:url('../images/main/section04_simg0205.png');}


.about__image-list.nth-3 .item.nth-1 {background-image:url('../images/main/section04_simg0301.png');}
.about__image-list.nth-3 .item.nth-2 {background-image:url('../images/main/section04_simg0302.png');}
.about__image-list.nth-3 .item.nth-3 {background-image:url('../images/main/section04_simg0303.png');}
.about__image-list.nth-3 .item.nth-4 {background-image:url('../images/main/section04_simg0304.png');}
.about__image-list.nth-3 .item.nth-5 {background-image:url('../images/main/section04_simg0305.png');}
.about__image-list.nth-3 .item.nth-6 {background-image:url('../images/main/section04_simg0306.png');}
.about__image-list.nth-3 .item.nth-7 {background-image:url('../images/main/section04_simg0307.png');}


.about__image-list.nth-4 .item.nth-1 {background-image:url('../images/main/section04_simg0401.png');}
.about__image-list.nth-4 .item.nth-2 {background-image:url('../images/main/section04_simg0402.png');}


.about__image-list.nth-5 .item.nth-1 {background-image:url('../images/main/section04_simg0501.png');}
.about__image-list.nth-5 .item.nth-2 {background-image:url('../images/main/section04_simg0502.png');}
.about__image-list.nth-5 .item.nth-3 {background-image:url('../images/main/section04_simg0503.png');}
.about__image-list.nth-5 .item.nth-4 {background-image:url('../images/main/section04_simg0505.png');}
.about__image-list.nth-5 .item.nth-5 {background-image:url('../images/main/section04_simg0505.png'); display: none;}


.about__image-list.nth-6 .item.nth-1 {background-image:url('../images/main/section04_simg0601.png');}
.about__image-list.nth-6 .item.nth-2 {background-image:url('../images/main/section04_simg0602.png');}
.about__image-list.nth-6 .item.nth-3 {background-image:url('../images/main/section04_simg0603.png');}
.about__image-list.nth-6 .item.nth-4 {background-image:url('../images/main/section04_simg0604.png');}


.about__image-list.nth-7 .item.nth-1 {background-image:url('../images/main/section04_simg0701.png');}
.about__image-list.nth-7 .item.nth-2 {background-image:url('../images/main/section04_simg0702.png');}
.about__image-list.nth-7 .item.nth-3 {background-image:url('../images/main/section04_simg0703.png');}
.about__image-list.nth-7 .item.nth-4 {background-image:url('../images/main/section04_simg0704.png');}
.about__image-list.nth-7 .item.nth-5 {background-image:url('../images/main/section04_simg0705.png');}
.about__image-list.nth-7 .item.nth-6 {background-image:url('../images/main/section04_simg0706.png');}



.about__image-list .slide-control {display: flex; align-items: center; padding:0 2rem; width:20rem; height: 6rem; border-radius:1rem 0 0 0; background-color: var(--color-black-a5); position: absolute; bottom:0; right:0; z-index: 1; gap:1rem;}
.about__image-list .slide-control .swiper-pagination {position:static; display:flex; align-items: center; justify-content: center; gap:0.8rem;  color:#fff;  font-size:max(1.4rem, 12px); font-weight: 300;}
.about__image-list .slide-control .swiper-pagination .swiper-pagination-current {font-weight: 800; color:var(--color-sub1);font-size:max(1.7rem, 15px);}
.about__image-list .slide-control .swiper-pagination .swiper-pagination-total {font-weight: 500;font-size:max(1.6rem, 14px);}


.about__image-list .slide-control .btn-wrap {display: flex; align-items: center; gap:2rem; position: relative;}
.about__image-list .slide-control .btn-wrap::before {content:''; display: block; width:1px; height:2rem; background-color: var(--color-white-a6); position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); }

.about__image-list .slide-control .slide-btn {width:3rem; height:3rem; display: flex; align-items: center; justify-content: center; font-size: 0; text-indent: -9999px; cursor: pointer; transition: all 0.3s ease-in-out; position: relative;}

.about__image-list .slide-control .slide-btn span {display: block; width:1.6rem; height:1.6rem; border:2px solid #fff; border-width: 2px 2px 0 0; transition: all 0.3s ease-in-out;}
.about__image-list .slide-control .slide-btn.prev span {transform: rotate(225deg);}
.about__image-list .slide-control .slide-btn.next span {transform: rotate(45deg);}

.about__image-list .slide-control .slide-btn.swiper-button-disabled {opacity: 0.2; cursor: default;}


.about__tab {position: relative; width: 25rem; line-height: 1; padding-top:4rem;}

.about__tab::before,
.about__tab::after {content:''; display: block; position: absolute;} 
.about__tab::before {width:2px; height:100%; background-color: var(--color-sub1); top:0; right:2.4rem;}
.about__tab::after {width: 5rem; height:4.6rem; background: url('../images/main/section04_ico01.png') no-repeat 50% 50%/contain; top:-4rem; right:0; transform: translate(0, 0); animation: heartBeat 2s linear infinite;}

.about__tab-wrap {position: relative;}

.about__tab ul {display: flex; flex-direction: column; position: relative; letter-spacing: 0.05em; z-index: 1; gap:1rem; overflow-x: auto;}
.about__tab ul li a {display: block; font-size:2.5rem; color:#222; font-weight: 700; padding:1.2rem 3rem ; transition: color 0.3s ease-in-out;}
.about__tab ul li.is-active a {color:#fff;}


.about__tab-focus {position: absolute; background-color:var(--color-sub1); border-radius: 3rem; z-index: 0; transition: all 0.3s ease;}




@media (max-width: 1024px){
	.about .title-wrap {text-align: center;}
	.about .title-wrap .txt {font-size:4rem;}

	.about-wrap {gap:0rem; flex-direction: column;}

	.about__image-list .slide-control {height: 5rem;}




	.about__tab {order:-1; width:100%; padding:0 0 2rem;}

	.about__tab ul {flex-direction: row; flex-wrap: wrap; padding-right:2rem;}

	.about__tab ul li a {font-size:2.2rem; padding:1rem 2rem;}

}







/*진료안내*/
.guide {padding:0rem 0;}
.guide-wrap {display: flex; min-width: 0; width:100%;}
.guide__tab {width:35%; flex-shrink: 0; padding:12rem 0 0 var(--inner-padding); background-color: var(--color-sub1); overflow: hidden; z-index:2;}
.guide__tab .title-wrap {text-align: left;}

.guide__tab-wrap {padding-bottom:10rem;}
.guide__tab-wrap ul li {display: flex; height:9rem; position: relative; width: 100%; padding-right:10rem;}
.guide__tab-wrap ul li::before,
.guide__tab-wrap ul li::after {content:''; display: block; transition: all 0.3s ease-in-out; position: absolute;}
.guide__tab-wrap ul li::before {width:0%; height:3px; background-color: #fff; bottom:0; right:0; transform: translate(0, 50%);}
.guide__tab-wrap ul li::after {width:6rem; height:16rem; background: url('../images/main/section05_on_bg01.png') no-repeat 100% 50%/contain; right:-10rem; top:100%; transform: translate(0, -50%); opacity: 0;}

.guide__tab-wrap ul li.is-active::before {width:100%; transition-delay: 0.2s;}
.guide__tab-wrap ul li.is-active::after {right:0; opacity: 1;}




.guide__tab-wrap ul li a{font-size:3rem; color:#ffc4af; font-weight: 700; transition: all 0.3s ease-in-out; display: flex;  align-items: center; padding-left:1rem;  border-bottom:1px solid var(--color-white-a3); width:100%;}
.guide__tab-wrap ul li a::before,
.guide__tab-wrap ul li a::after {content:''; display: block; width:4rem; height:3px; border-radius: 3px; background-color: #fff; position: absolute; bottom:0; right:0; transform: translate(-1rem, 50%); transition: all 0.5s ease-in-out; opacity: 0;}
.guide__tab-wrap ul li a::before { transform: translate(-1rem, 50%) rotate(90deg);}

.guide__tab-wrap ul li.link a span {display: inline-block; position: relative; padding-right:3rem;}
.guide__tab-wrap ul li.link a span::after {content:''; display: block; width:2.4rem; height:2.4rem; background:#000 url('../images/main/ico_arrow02.png') no-repeat center/contain; border-radius: 50%; position: absolute; top:0; right:0; transition: all 0.3s ease-in-out;}
.guide__tab-wrap ul li.link a:hover span::after {transform: translate(0.5rem, -0.5rem); background-image: url('../images/main/ico_arrow02_w.png'); }

.guide__tab-wrap ul li.is-active a,
.guide__tab-wrap ul li a:hover{color:#fff;}
.guide__tab-wrap ul li.is-active a::before,
.guide__tab-wrap ul li:hover a::before{ transform: translate(-1rem, 50%) rotate(450deg); right:100%; opacity: 1;}
.guide__tab-wrap ul li.is-active a::after,
.guide__tab-wrap ul li:hover a::after { transform: translate(-1rem, 50%) rotate(360deg); right:100%; opacity: 1;}



@media (max-width: 1600px){
	.guide__tab {width:30%;}
}

@media (max-width: 1500px){
	.guide__tab-wrap ul li.is-active a,
	.guide__tab-wrap ul li a:hover{color:#fff;}
	.guide__tab-wrap ul li.is-active a::before,
	.guide__tab-wrap ul li:hover a::before{ transform: translate(50%, 50%) rotate(450deg); right:100%; opacity: 1;}
	.guide__tab-wrap ul li.is-active a::after,
	.guide__tab-wrap ul li:hover a::after { transform: translate(50%, 50%) rotate(360deg); right:100%; opacity: 1;}
}

@media (max-width: 1280px){
	.guide__tab-wrap ul li {padding-right:5rem;}
}

@media (max-width: 1024px){
	.guide-wrap {flex-direction: column;}
	.guide__tab {width:100%; padding:10rem var(--inner-padding) 0;}
	.guide__tab .title-wrap {text-align: center;}

	.guide__tab-wrap {padding-bottom:0rem;}
	.guide__tab-wrap ul {display: flex; margin-top:4rem; gap:1rem;}
	.guide__tab-wrap ul li {height:auto; width: auto; padding:2rem 0rem 6rem; flex:1 1; justify-content: center; text-align: center;}
	
	.guide__tab-wrap ul li::before {display: none;}
	.guide__tab-wrap ul li::after {width:12rem; height:12rem; right:50%; top:auto; bottom:0; transform: translate(50%, 100%) rotate(90deg);}

	.guide__tab-wrap ul li.is-active::after {right:50%; opacity: 1;transform: translate(50%, 2px) rotate(90deg);}


	.guide__tab-wrap ul li a{justify-content: center; font-size:2.4rem; padding:0;  border-bottom:0;}
	.guide__tab-wrap ul li a::before,
	.guide__tab-wrap ul li a::after {width:3rem; height:2px; bottom:auto; right:auto; left:50%; top:100%; transform: translate(-50%, 0%); opacity: 0;}
	.guide__tab-wrap ul li a::before { transform: translate(-50%, -50%) rotate(90deg);}

	

	.guide__tab-wrap ul li.is-active a,
	.guide__tab-wrap ul li a:hover{color:#fff;}
	.guide__tab-wrap ul li.is-active a::before,
	.guide__tab-wrap ul li:hover a::before{ transform: translate(-50%, -100%) rotate(450deg); right:auto; top:0; opacity: 1;}
	.guide__tab-wrap ul li.is-active a::after,
	.guide__tab-wrap ul li:hover a::after { transform: translate(-50%, -100%) rotate(360deg); right:auto; top:0; opacity: 1;}

/*병운 십자가로 변경*/
	.guide__tab-wrap ul li { padding-top:1rem;}
	.guide__tab-wrap ul li a::before,
	.guide__tab-wrap ul li a::after {width:3rem; height:3rem; border-radius: 0;  clip-path: var(--clip-path-2);}
	.guide__tab-wrap ul li a::before { display: none;}

}









.guide__tab-con {padding:12rem 0 9rem 8rem; background-color: #fff;  min-width: 0;  flex-grow: 1; margin-right:var(--inner-padding); flex-grow: 1;}

.guide__con { display: none; width: 100%; position: relative;}
.guide__con.is-active { animation: fade-up 1s ease-in-out both;}


.guide__con.nth-1::before {content:''; display: block; width:67%; max-width: 632px; height:100%; background:url('../images/main/section05_bg01.png') no-repeat right bottom/contain; position: absolute; bottom:10%; right:-15%;}

.guide__con .conbox + .conbox {margin-top:3rem;}

.guide__con .tit {font-size:2.5rem; font-weight: 700; color:var(--color-sub1); margin-bottom:1.5rem;}
.guide__con .step ul{display: flex;  gap:3rem;}
.guide__con .step li {flex:1 1; padding:3rem 3rem; background-color: #fdfaf9; border:1px solid #e0beb4; border-radius: 1.5rem; position: relative; display: flex; align-items: center; gap:1rem; font-size: 1.8rem; color:var(--color-sub1); font-weight: 700;}
.guide__con .step li::before {content:''; display: block; width: 4.2rem; height:4.2rem; background: no-repeat center/contain;}
.guide__con .step li::after {content:''; display: block; width:2.2rem; height:2.2rem; background: url('../images/main/ico_arrow03.png') no-repeat center/contain; position: absolute; top:50%; right:0; transform: translate(calc(100% + 5px), -50%);}
.guide__con .step li:last-child:after {display: none;}


.guide__con .step li.nth-1::before {background-image: url('../images/main/section05_ico01_01.png');}
.guide__con .step li.nth-2::before {background-image: url('../images/main/section05_ico01_02.png');}
.guide__con .step li.nth-3::before {background-image: url('../images/main/section05_ico01_03.png');}
.guide__con .step li.nth-4::before {background-image: url('../images/main/section05_ico01_04.png');}

.guide__con .conbox.nth-4 .step li{flex:0 1 23%;}
.guide__con .conbox.nth-4 .step li.nth-1::before {background-image: url('../images/main/section05_ico02_01.png');}
.guide__con .conbox.nth-4 .step li.nth-2::before {background-image: url('../images/main/section05_ico02_02.png');}
.guide__con .conbox.nth-4 .step li.nth-3::before {background-image: url('../images/main/section05_ico02_03.png');}



.guide__con .text__list {padding-left:1rem;}
.guide__con .text__list li {font-size:1.7rem; font-weight: 700; font-family: var(--font-pret); position: relative; padding-left:1rem;}
.guide__con .text__list li::before {content: ''; display: block; width:0.5rem; height:0.5rem; background-color: #000; border-radius: 50%; position: absolute; left:0; top:7px;}
.guide__con .text__list li + li {margin-top:0.5rem;}

.guide__con .txtbox {font-size: 1.7rem; font-weight: 700; margin-bottom:3rem;}
.guide__con .txtbox h5 {font-size:2rem; color:#222; text-decoration: underline; text-underline-offset: 0.15em; text-decoration-thickness: 1px;}
.guide__con .txtbox p {font-family: var(--font-pret); margin-top:1rem;}


.guide__con.nth-2::before {content:''; display: block; width:60%; max-width: 584px; height:100%; background:url('../images/main/section05_bg02.png') no-repeat right bottom/contain; position: absolute; bottom:0%; right:-12%;}
.guide__con.nth-2 .conbox.nth-2 {margin-top:8rem; width:50%;} 
.guide__con.nth-2 .conbox.nth-2 .tit {color:var(--color-main)}


@media (max-width: 1440px){

	.guide__tab-con {padding:12rem 0 9rem 5rem;}

	.guide__con.nth-1::before {bottom:10%; right:-10%;}

	.guide__con .tit {font-size:2.4rem;}
	.guide__con .step li {padding:2rem 2rem;}
}



@media (max-width: 1024px){
	.guide__tab-con {padding:8rem 0; margin:0 var(--inner-padding);}
}
@media (max-width: 768px){
	.guide__tab-con {padding:8rem 0; margin:0 var(--inner-padding);}
	.guide__con.nth-1::before {bottom:20%; right:-10%;}
	.guide__con.nth-2::before { right:-12%;}
}
@media (max-width: 576px){

	.guide__con .step ul{flex-wrap: wrap; gap:0; row-gap: 3rem; }
	.guide__con .step li {border-radius: 1rem; flex:1 1 40%; justify-content: center;}
	.guide__con .step li + li {margin-left:3rem;}

	.guide__con .step li::before {width: 3.6rem; height:3.6rem;}

	.guide__con .step li::after {top:50%; right:auto; left:0; transform: translate(calc(1px - 100% - 5px), -50%);}
	.guide__con .step li:first-child::after {display: none;}
	.guide__con .step li:last-child::after {display: block;}

	.guide__con .conbox.nth-4 .step li{flex:1 1 40%;}
}

@media (max-width: 480px){
	.guide__con.nth-1::before {bottom:30%; right:-10%;}

	.guide__con.nth-2::before {width:80%; height:100%; right:0%;}
	.guide__con.nth-2 { padding-bottom:30rem;}
	.guide__con.nth-2 .conbox.nth-2 { width:90%;} 
}











/*오시는길*/
.direction {padding:14rem 0 4rem 0; background: #2966b2; position: relative; z-index: 1;}
.direction::before {content:''; width:35%; height:100%; max-width:65.5rem; background: #2966b2 url('../images/main/section06_bg01.png') no-repeat 100% 100%/contain; position: absolute; bottom:0; right:0; z-index: -1;}
.direction-wrap {display: flex; min-width: 0;}
.direction__map {width:50%; position: relative;}
.direction__map-wrap {height:68rem; border-radius:0 0 2rem; overflow: hidden;}

/*카카오맵 추가*/
.direction__map-wrap .wrap_map {height:100% !important;}
.root_daum_roughmap {width: 100% !important;height: 100% !important;}

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


.direction__map iframe {width:100%; height:100%; border:0;}


.direction__map .info {position: absolute; top:0; right:0; background-color: #2966b2; border-radius: 0 0 0 2rem; color:#fff; width: 29rem; height:22rem; padding:0 2rem 0 4rem; display: flex; align-items: center;}
.direction__map .info::before,
.direction__map .info::after {content:''; display: block; width: 2rem; height:2rem; background:url('../images/main/section06_box_bg01.png') no-repeat center/contain; position: absolute;}
.direction__map .info::before {top:0; left:-2rem;}
.direction__map .info::after {bottom:-2rem; right:0;}

.direction__map .info .txt {cursor: pointer; font-size:3rem; font-weight: 700; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 0.2em;}

.direction__map .info .tit {font-size: 2rem; margin-top: 2rem; ;}
.direction__map .alert-txt {font-size:1.8rem; font-weight: 700; color:#fff; position: relative; padding-left:3rem; margin:2rem 0 0 3rem; font-family: var(--font-pret);}
.direction__map .alert-txt::before {content:''; display: block; width:2.4rem; height:2.4rem; position: absolute; left:0; top:1px; background: url('../images/main/section06_ico03.png') no-repeat center center/contain; }



.direction__con {flex-grow: 1; padding-left:12rem; margin-right:var(--inner-padding); }

.coun__time {display: flex; gap:3rem;}
.coun__time .item {flex:1 1; background-color: #fff; border-radius: 2rem; padding:3rem;}
.coun__time .tit {font-size:2.5rem; font-weight: 700; color:#000; text-decoration: underline; text-underline-offset: 0.2em; text-decoration-thickness: 1px; padding-right:5rem; position: relative;}
.coun__time .tit::before {content:''; display: block; width:4.2rem; height:4.2rem; background: no-repeat center/contain; position: absolute; top:50%; right:0; transform: translate(0, -50%);}
.coun__time .item.nth-1 .tit::before {background-image:url('../images/main/section06_ico01.png');}
.coun__time .item.nth-2 .tit::before {background-image:url('../images/main/section06_ico02.png');}

.coun__time .time {font-size:3.3rem; font-weight: 700; color:var(--color-main); margin-top:1.5rem; font-family: var(--font-mont);}
.coun__time .break {font-family: var(--font-pret); font-size:1.8rem; color:#fff; font-weight: 700; background-color: var(--color-main);margin-top:1.5rem; border-radius: 0.5rem; padding:1rem 1rem; line-height: 1; display: flex; align-items: center; justify-content: center; gap:1rem;}
.coun__time .break strong{ display: flex; align-items: center; justify-content: center; gap:1rem;}
.coun__time .break strong::after {content:''; display: inline-block; width:1px; height:1.4rem; background-color: #114b93;}


.coun__info {margin-top:10rem; padding-left:2rem;}
.coun__info .tit {padding:1rem 2.5rem; font-size:2.2rem; font-family: var(--font-pret); font-weight: 700; color:#fff; background-color: var(--color-sub1); display: inline-block;  border-radius: 4rem;line-height: 1;}
.coun__info .tel {font-size:5rem; font-weight: 700; color:#fff; font-family: var(--font-mont); margin-top:2rem;line-height: 1;}
.coun__info .txt {font-size:3.4rem; color:#7db7ff; margin-top:3rem;line-height: 1.2;}



@media (max-width: 1440px){
	.direction__con {padding-left:5rem;}
}

@media (max-width: 1280px){
	.direction__con {padding-left:4rem;}
	.coun__time {gap:2rem;}
	.coun__time .item {border-radius: 1.5rem; padding:2rem;}
}


@media (max-width: 1024px){
	.direction {padding:10rem 0 8rem 0;}
	
	.direction-wrap {flex-direction: column;}
	.direction__map {width:100%; padding-right:var(--inner-padding);}
	.direction__map-wrap {height:60rem; border-radius: 0 1.5rem 1.5rem 0;}
	.direction__map-wrap::after {content:''; display: block; width:100%; height:100%; position: absolute; top:0; left:0; z-index: 1;}


	.direction__map .info { border-radius: 0 0 0 1.5rem; width: 26rem; height:auto; padding:1rem 0rem 3rem 3rem; right:var(--inner-padding)}
	.direction__map .info::before,
	.direction__map .info::after {width:1.5rem; height:1.5rem;}
	
	.direction__map .info::before {left:-1.5rem;}
	.direction__map .info::after {bottom:-1.5rem;}

	.direction__map .info .txt {font-size:2.4rem; }

	.direction__map .info .tit {font-size: 1.8rem; margin-top: 1rem; ;}
	.direction__map .alert-txt {padding-left:3rem; margin:2rem 0 0 var(--inner-padding);}
	.direction__map .alert-txt::before { width:2rem; height:2rem; top:2px;}



	.direction__con {padding:0; margin:5rem var(--inner-padding) 0; }
}

@media (max-width: 768px){
	.direction::before {width:45%;}
	.coun__info {margin-top:6rem;}
}


@media (max-width: 480px){
	.direction {padding:10rem 0 20rem 0;}
	.direction::before {width:70%;}
	
	.direction__map-wrap {height:60rem;}
	.direction__map .info {width: 50%;}
	

	.coun__time {display: flex; gap:3rem;  flex-direction: column;}
	.coun__time .item {flex:none; height:20rem;}
}


/*오시는길 안내*/
.parking-info {border-top:1px solid #3a77c3; margin-top:1.5rem; padding: 4rem 0 0rem 3rem; display: flex; gap:4rem; }
.parking-info .item {display: flex; color:#fff; align-items: flex-start;}

.parking-info .ico {border-radius: 50%; flex-shrink: 0;  margin-right:1rem;background-color:var(--color-sub);}
.parking-info .item.nth-2 .ico {background-color:#003475;}

.parking-info .tit {font-size:max(1.8rem, 15px); font-weight: 700; flex-shrink: 0; width:6.8rem; color:var(--color-sub); padding-top:0.8rem;}
.parking-info .item.nth-2 .tit {color:#a6cdff;}

.parking-info .txt {font-size:max(1.6rem, 13px); font-weight: 700; padding-top:0.6rem;}

@media (max-width: 1440px){
	.parking-info {flex-direction: column;}
}
@media (max-width: 1024px){
	.parking-info {flex-direction: row;}
}
@media (max-width: 768px){
	.parking-info {flex-direction: column;}
}

@media (max-width: 480px){
	.parking-info .item {align-items: center; flex-wrap: wrap; gap:1rem;}
	.parking-info .ico {width:4.8rem; margin:0;}
	.parking-info .tit {width:auto; padding:0;}
	.parking-info .tit br{display: none; }
	.parking-info .txt {width:100%; flex-grow: 1; padding:0;}
}